/* 
    * GitHub Repository Phishing Alert Appeal & Project Verification
    이 페이지는 깃허브에서 발생한 피싱 경고 오탐지(False Positive)를 해명하고, 해당 코드가 순수한 학습 및 포트폴리오용임을 증명하기 위해 작성되었습니다.
    This CSS is part of a student project. 
    Any resemblance to real-world commercial sites is purely for design practice.
*/
/*  ======================================= main */
#wrap main {  width: 100%;  min-width:1920px;}
/* ======================================= 1-1.히어로배너 */
#wrap main .hero_wrap {}
#wrap main .hero_wrap .hero {width: 100%;  min-width:1920px; height: 100vh;}
#wrap main .hero_wrap .hero .prev {
    background-image: url(../images/prev_w.png);
    background-size: contain;
    position: absolute; left: 622px; top: 609px;
    width: 32px; height: 32px;
}
#wrap main .hero_wrap .hero .next {
    background-image: url(../images/next_w.png);
    background-size: contain;
    position: absolute; right: 622px; top: 609px;
    width: 32px; height: 32px;
}
#wrap main .hero_wrap .hero .prev svg,
#wrap main .hero_wrap .hero .next svg {display: none;}
#wrap main .hero_wrap .hero .swiper-wrapper {}
#wrap main .hero_wrap .hero .swiper-wrapper .swiper-slide::before {
    content: ""; position: absolute;
    top: 0; left: 0;
    width: 100%; height: 100%;
    background-color: rgba(0,0,0,0.3); 
    z-index: -1; 
}
#wrap main .hero_wrap .hero .swiper-wrapper .swiper-slide {
    background-size: cover;  background-position: center 70%;
    text-align: center; padding-top: 480px; 
}
#wrap main .hero_wrap .hero .swiper-wrapper .swiper-slide .banner_title {
    padding-bottom: 20px; 
}
#wrap main .hero_wrap .hero .swiper-wrapper .swiper-slide .banner_title p {
    font-size: 0.63rem; color: #fff; background-color: #3F2B2D;
    width: 100px; height: 20px; border-radius: 5px; margin: 0 auto; padding: 5px 0;
}
#wrap main .hero_wrap .hero .swiper-wrapper .swiper-slide .banner_title h1 {
    font-size: 2.19rem; font-weight: 500; padding-top: 10px; color: #fff;
}
#wrap main .hero_wrap .hero .swiper-wrapper .swiper-slide h2 {
    font-size: 1.56rem; padding-bottom: 20px; color: #fff;
}
#wrap main .hero_wrap .hero .swiper-wrapper .swiper-slide h2+p {
    font-size: 0.94rem; font-weight: 300; color: #fff;
}
#wrap main .hero_wrap .hero .swiper-wrapper .slide1 {background-image: url(../images/main1.jpg);}
#wrap main .hero_wrap .hero .swiper-wrapper .slide2 {background-image: url(../images/main2.jpg);}
#wrap main .hero_wrap .hero .swiper-wrapper .slide3 {background-image: url(../images/main3.jpg);}
/*  ======================================= 1-2.예약폼 */
#wrap main .hero_wrap #reservation_form {
    display: flex; flex-flow: row nowrap;
    justify-content: space-between; align-items: center;
    width: 1320px; padding: 30px 25px; 
    position: absolute; bottom: 60px; left: 300px; z-index: 999;     
    background-color: rgba(255,255,255,0.8);
    border-radius: 10px;
}
#wrap main .hero_wrap #reservation_form .place {}
#wrap main .hero_wrap #reservation_form .place h2 {
    font-size: 0.88rem; padding-bottom: 10px;
}
#wrap main .hero_wrap #reservation_form .place .search_form {
    display: flex; flex-flow: row nowrap; gap: 10px;
}
#wrap main .hero_wrap #reservation_form .place .search_form #place_form {
    width: 210px; height: 42px; padding: 0 12px; border-radius: 5px;
}
#wrap main .hero_wrap #reservation_form .place .search_form .place_search {width: 20px;}
#wrap main .hero_wrap #reservation_form .place .search_form .place_search img {width: 100%;}
#wrap main .hero_wrap #reservation_form .check_in {}
#wrap main .hero_wrap #reservation_form .night {}
#wrap main .hero_wrap #reservation_form .night .moon {width: 24px; padding-bottom: 6px;}
#wrap main .hero_wrap #reservation_form .night .moon img {width: 100%;}
#wrap main .hero_wrap #reservation_form .check_out {}
#wrap main .hero_wrap #reservation_form .hotel_room {}
#wrap main .hero_wrap #reservation_form .adult {}
#wrap main .hero_wrap #reservation_form .children {}
#wrap main .hero_wrap #reservation_form .children .children_title .info_icon:hover + .children_info p {display: block;}
#wrap main .hero_wrap #reservation_form .children .children_title .info_icon img {width: 100%;}
#wrap main .hero_wrap #reservation_form .children .children_title .children_info {}
#wrap main .hero_wrap #reservation_form .children .children_title .children_info p { display: none;
    position: absolute ; right:40px; top: 10px; 
    font-size: 0.63rem; font-weight: 300; background-color: #fff; padding: 5px;
}
#wrap main .hero_wrap #reservation_form .child {}
#wrap main .hero_wrap #reservation_form .child .child_title .info_icon:hover + .child_info p {display: block;}
#wrap main .hero_wrap #reservation_form .child .child_title .info_icon img {width: 100%;}
#wrap main .hero_wrap #reservation_form .child .child_title .child_info {}
#wrap main .hero_wrap #reservation_form .child .child_title .child_info p { display: none;
    position: absolute ; right:60px; top: 10px; 
    font-size: 0.63rem; font-weight: 300; background-color: #fff; padding: 5px;
}
#wrap main .hero_wrap #reservation_form #search_btn {
    color: #fff; background-color: #3F2B2D; width: 120px; height: 50px; font-size: 1.25rem;
}
/* =======================================  2.신라소개 */
#wrap main .hotel_info {  width: 100%;  min-width:1920px;
    text-align: center; padding: 100px 0;
}
#wrap main .hotel_info h1 {
    font-size: 2.19rem; color: #3F2B2D; font-weight: 500; padding-bottom: 30px;
}
#wrap main .hotel_info h1::after {
    content: ''; width: 120px; height: 1px; background-color: #CCC; 
    display: block; margin: 30px auto;
}
#wrap main .hotel_info .more_info {}
#wrap main .hotel_info .more_info p:nth-child(1) {
    font-size: 1.25rem; font-weight: 400; padding-bottom: 10px;
}
#wrap main .hotel_info .more_info p:nth-child(2) {
    font-size: 0.88rem; line-height: 2.0;
}
/*  ======================================= 3.객실 */
#wrap main .room_wrap {   width: 100%;  min-width:1920px;
    padding: 0 160px;
}
#wrap main .room_wrap .room_swiper {}
#wrap main .room_wrap .room_swiper .prev {
    background-image: url(../images/prev_b.png);
    background-size: contain;
    position: absolute; left: 438px; top: 50%; 
    width: 32px; height: 32px;
}
#wrap main .room_wrap .room_swiper .next {
    background-image: url(../images/next_b.png);
    background-size: contain;
    position: absolute; right: 438px; top: 50%;
    width: 32px; height: 32px;
}
#wrap main .room_wrap .room_swiper .prev svg,
#wrap main .room_wrap .room_swiper .next svg {display: none;}
#wrap main .room_wrap .room_swiper .swiper-wrapper {}
#wrap main .room_wrap .room_swiper .swiper-wrapper .swiper-slide {
    display: flex; flex-flow: row nowrap; gap: 100px;
    margin-top: 40px;
}
#wrap main .room_wrap .room_swiper .swiper-wrapper .swiper-slide .subimg1,
#wrap main .room_wrap .room_swiper .swiper-wrapper .swiper-slide .subimg2 {
    width: 400px; height: 400px; display: block; margin-top: 157px;
}
#wrap main .room_wrap .room_swiper .swiper-wrapper .swiper-slide .subimg1 img,
#wrap main .room_wrap .room_swiper .swiper-wrapper .swiper-slide .subimg2 img {
    width:100%; height: 100%; object-fit: cover;/* 이미지가운데로조정 */
}
#wrap main .room_wrap .room_swiper .swiper-wrapper .swiper-slide .room_main {width: 600px;}
#wrap main .room_wrap .room_swiper .swiper-wrapper .swiper-slide .room_main .mainimg {
    width: 600px; height: 500px; display: block; 
}
#wrap main .room_wrap .room_swiper .swiper-wrapper .swiper-slide .room_main .mainimg img {
    width:100%; height: 100%; object-fit: cover;/* 이미지가운데로조정 */
}
#wrap main .room_wrap .room_swiper .swiper-wrapper .swiper-slide .room_main .main_text {
    text-align: center; margin: 30px 0;
}
#wrap main .room_wrap .room_swiper .swiper-wrapper .swiper-slide .room_main .main_text .mt_title {padding-bottom: 30px;}
#wrap main .room_wrap .room_swiper .swiper-wrapper .swiper-slide .room_main .main_text .mt_title a {}
#wrap main .room_wrap .room_swiper .swiper-wrapper .swiper-slide .room_main .main_text .mt_title a h2 {
    font-size: 1.88rem;  padding-bottom: 10px; 
    font-family: "Source Serif 4", serif;
}
#wrap main .room_wrap .room_swiper .swiper-wrapper .swiper-slide .room_main .main_text .mt_title  a h2+p {font-size: 1.25rem;}
#wrap main .room_wrap .room_swiper .swiper-wrapper .swiper-slide .room_main .main_text .mt_room {
    display: flex; flex-flow: row nowrap; padding-bottom: 30px; justify-content: center;
}
#wrap main .room_wrap .room_swiper .swiper-wrapper .swiper-slide .room_main .main_text .mt_room p::after {
    content: ''; display: block;
    width: 1px; height: 8px; background: #d9d9d9;
    position: absolute; top: 50%; right:0; transform: translateY(-50%);
}
#wrap main .room_wrap .room_swiper .swiper-wrapper .swiper-slide .room_main .main_text .mt_room p:last-child::after {display: none;}
#wrap main .room_wrap .room_swiper .swiper-wrapper .swiper-slide .room_main .main_text .mt_room p {
    font-size: 0.95rem; font-weight: 300; position: relative; padding:0 17px;
}
#wrap main .room_wrap .room_swiper .swiper-wrapper .swiper-slide .room_main .main_text .mt_more {}
#wrap main .room_wrap .room_swiper .swiper-wrapper .swiper-slide .room_main .main_text .mt_more a {
    border-bottom: 1px solid #ccc; padding-bottom: 5px;
    display: inline-flex; flex-flow: row nowrap; justify-content: center; gap: 5px;
}
#wrap main .room_wrap .room_swiper .swiper-wrapper .swiper-slide .room_main .main_text .mt_more a p {
    font-size: 0.75rem; font-weight: 300;
}
#wrap main .room_wrap .room_swiper .swiper-wrapper .swiper-slide .room_main .main_text .mt_more a .moreimg {
    width: 14px; display: block; 
}
#wrap main .room_wrap .room_swiper .swiper-wrapper .swiper-slide .room_main .main_text .mt_more a .moreimg img {width: 100%;}
/*  ======================================= 4.다이닝 */
#wrap main .dining_wrap {   width: 100%;  min-width:1920px;
    padding: 70px 160px 100px 160px; 
}
#wrap main .dining_wrap .dining_main_tap {margin: 30px 0;}
#wrap main .dining_wrap .dining_main_tap .active {
    font-weight: 600; background-color: #f5f5f5; 
}
#wrap main .dining_wrap .dining_main_tap > a {
    font-size: 1.25rem; font-weight: 400; padding: 10px 20px; margin-right: 30px;
    font-family: "Source Serif 4", serif;  border: 1px solid #f5f5f5; border-radius: 5px;
}
#wrap main .dining_wrap .dining_contents .restaurant {position: relative;}
#wrap main .dining_wrap .dining_contents .restaurant .dining_sub_tap {
    position: absolute; top:-50px; right: 0;
}
#wrap main .dining_wrap .dining_contents .loungebar {position: relative;}
#wrap main .dining_wrap .dining_contents .loungebar .dining_sub_tap 
{position: absolute; top:-50px; right: 80px;
}
#wrap main .dining_wrap .dining_contents .loungebar .dining_sub_tap > a:last-child {margin-right: 0;}
#wrap main .dining_wrap .dining_contents .restaurant .dining_sub_tap > a:last-child {margin-right: 0;}
#wrap main .dining_wrap .dining_contents .loungebar .dining_sub_tap > a:last-child::after {display: none;}
#wrap main .dining_wrap .dining_contents .restaurant .dining_sub_tap > a:last-child::after {display: none;}
#wrap main .dining_wrap .dining_contents {}
/*  ======================================= 4-1.다이닝 레스토랑*/
#wrap main .dining_wrap .dining_contents .restaurant .ly,
#wrap main .dining_wrap .dining_contents .restaurant .ps,
#wrap main .dining_wrap .dining_contents .restaurant .ari,
#wrap main .dining_wrap .dining_contents .restaurant .conti {}
#wrap main .dining_wrap .dining_contents .restaurant .contents_bg .contents_details .cd_text .cd_time_tpv {padding-bottom: 85px;}
#wrap main .dining_wrap .dining_contents .restaurant .contents_bg .contents_details .cd_text .cd_time_ly {padding-bottom: 62px;}
#wrap main .dining_wrap .dining_contents .restaurant .contents_bg .contents_details .cd_text .cd_time_ps {padding: 0 0 40px 52px;}
#wrap main .dining_wrap .dining_contents .restaurant .contents_bg .contents_details .cd_text .cd_time_ari {padding: 0 0 37px 52px;}
#wrap main .dining_wrap .dining_contents .restaurant .contents_bg .contents_details .cd_text .cd_time_conti {padding-bottom : 60px;}
/*  ======================================= 4-2.다이닝 라운지&바*/
#wrap main .dining_wrap .dining_contents .loungebar .library,
#wrap main .dining_wrap .dining_contents .loungebar .distillers,
#wrap main .dining_wrap .dining_contents .loungebar .exe_lounge {}
#wrap main .dining_wrap .dining_contents .loungebar .contents_bg .contents_details .cd_text .cd_time_library {padding-bottom : 15px;}
#wrap main .dining_wrap .dining_contents .loungebar .contents_bg .contents_details .cd_text .cd_time_distillers {padding-bottom : 85px;}
#wrap main .dining_wrap .dining_contents .loungebar .contents_bg .contents_details .cd_text .cd_time_exe_lounge {padding-bottom : 15px;}
/*  ======================================= 4-3.다이닝 베이커리*/
#wrap main .dining_wrap .dining_contents .bakary {}
#wrap main .dining_wrap .dining_contents .bakary .contents_details .cd_text .cd_time_bakary {padding-bottom : 85px;}
/*  ======================================= 5.신라숍배너 */
#wrap main .shop_banner_wrap {   width: 100%;  min-width:1920px;
    height: 300px; 
    background-image: url(../images/shop1.png);
    background-size: cover;
    background-position: center bottom 30%;
    position: relative;
    display: flex; flex-flow: column nowrap;
    align-items: center; justify-content: center;
}
#wrap main .shop_banner_wrap::before {
    content: ""; position: absolute;
    top: 0; left: 0;
    width: 100%; height: 100%;
    background-color: rgba(0,0,0,0.1); 
    z-index: 1; 
}
#wrap main .shop_banner_wrap h1 {
    padding-bottom: 20px;  color: #fff;
    font-size: 1.88rem; font-weight: 600; font-family: "Source Serif 4", serif;
}
#wrap main .shop_banner_wrap h1+p {
    padding-bottom: 20px;  color: #fff;
    font-size: 1.25rem; font-family: "Source Serif 4", serif;
}
#wrap main .shop_banner_wrap .shop_box {
    display: flex; flex-flow: row nowrap; gap:30px; 
    z-index: 2;  text-align: center; 
}
#wrap main .shop_banner_wrap .shop_box p {
    font-family: "Source Serif 4", serif; color: #fff; 
    background: #BAAD9E; border-radius: 5px;
    width: 180px; height: 40px; 
    display: flex; flex-flow: row nowrap;
    justify-content: center; align-items: center;
}
/*  ======================================= 6.스페셜오퍼 */
#wrap main .special_offers_wrap {   width: 100%;  min-width:1920px;
    padding: 100px 160px 0 160px;
}
#wrap main .special_offers_wrap .offer_swiper {position: relative;}
#wrap main .special_offers_wrap .offer_swiper .progressbar .swiper-pagination-progressbar-fill {background: #555;}
#wrap main .special_offers_wrap .offer_swiper .progressbar {
    position: absolute; width: 1600px;
    left: 50%; bottom: 0; top: auto;
    transform: translateX(-50%); 
    background: #ccc; 
}
#wrap main .special_offers_wrap .offer_swiper .swiper-wrapper {}
#wrap main .special_offers_wrap .offer_swiper .swiper-wrapper .swiper-slide {margin:60px 0 30px 0;}
#wrap main .special_offers_wrap .offer_swiper .swiper-wrapper .swiper-slide .event_img {
    display: block; width: 500px; height: 450px; 
}
#wrap main .special_offers_wrap .offer_swiper .swiper-wrapper .swiper-slide .event_img img {
    width: 100%; height: 100%; object-fit: cover;/* 이미지가운데로조정 */
}
#wrap main .special_offers_wrap .offer_swiper .swiper-wrapper .swiper-slide .offers_text {text-align: center;}
#wrap main .special_offers_wrap .offer_swiper .swiper-wrapper .swiper-slide .offers_text p:nth-child(1) {padding:30px 0 10px 0;}
#wrap main .special_offers_wrap .offer_swiper .swiper-wrapper .swiper-slide .offers_text h2 {padding-bottom: 10px;}
#wrap main .special_offers_wrap .offer_swiper .swiper-wrapper .swiper-slide .offers_text h2 > a {
    font-size: 1.25rem; font-weight: 500; line-height: 1.3;
}
#wrap main .special_offers_wrap .offer_swiper .swiper-wrapper .swiper-slide .offers_text .event_date {
    font-size: 0.88rem; padding-bottom: 10px;
}
/* =======================================  7.멤버십 */
#wrap main .shilla_membership_wrap {   width: 100%;  min-width:1920px;
    padding: 100px 160px;
    display: flex; flex-flow: row nowrap; gap:100px;
}
#wrap main .shilla_membership_wrap .membership_s .sms_text,
#wrap main .shilla_membership_wrap .membership_rewards .smr_text {
    margin-top: 30px; position: relative;
}
/* 신라에스멤버십 */
#wrap main .shilla_membership_wrap .membership_s {}
#wrap main .shilla_membership_wrap .membership_s .sms_text .sms_btn {
    background: #9B7E59; width: 100px; height: 40px; color: #fff; border-radius: 5px;
    font-size: 0.94rem; font-weight: 500; padding: 10px 20px; text-align: center;
    position: absolute; right: 0; top: 66px; 
    display: flex; flex-flow: row nowrap;
    justify-content: center; align-items: center;
}
#wrap main .shilla_membership_wrap .membership_s .sms_text p {
    font-size: 0.94rem; font-weight: 300; line-height: 1.7; 
    padding-bottom: 33px;
}
#wrap main .shilla_membership_wrap .membership_s .sms_img {
    width: 750px; height: 450px; margin-top: 66px; 
}
/* 신라리워즈 */
#wrap main .shilla_membership_wrap .membership_rewards {}
#wrap main .shilla_membership_wrap .membership_rewards .smr_text p {
    font-size: 0.94rem; font-weight: 300; line-height: 1.7;
    padding-bottom: 52px;
}
#wrap main .shilla_membership_wrap .membership_rewards .smr_text .smr_btn {
    background: #635037; width: 100px; height: 40px; color: #fff; border-radius: 5px;
    font-size: 0.94rem; font-weight: 500; padding: 10px 20px; text-align: center;
    position: absolute; right: 0; top: 80px; 
    display: flex; flex-flow: row nowrap;
    justify-content: center; align-items: center;
}
#wrap main .shilla_membership_wrap .membership_rewards .smr_img {
    width: 750px; height: 450px; margin-top: 20px;  
}
#wrap main .shilla_membership_wrap .membership_s .sms_img img,
#wrap main .shilla_membership_wrap .membership_rewards .smr_img img {
    width: 100%; height: 100%; object-fit: cover;/* 이미지가운데로조정 */ 
}