@charset "utf-8";

@import url(common_new.css);

.header{height:150px;opacity:1 !important}
.header .logo{display:block;position:absolute;left:50px;top:30px;z-index:1;text-indent:-9999px;overflow:hidden;width:118px;height:42px;background:url(../../../images/en/pc/common/bg_logo_grand.png) no-repeat 0 -42px}
.header .logo a{display:block;width:118px;height:42px}
.header .headArea{position:relative;background:transparent;padding:0 50px;height:80px}
.header .headArea:after{display:none}
.header.on{height:80px}
.header.on:after{content:'';display:block;width:100%;height:1px;background:#eee}
.header.on .subHeadArea{display:none}
.header.on .headTop{display:none}

.headTop{position:relative;background:#000;padding:0 50px;height:50px}
.headTop .inner{width:auto;height:50px;padding:0}
.headTop .findHotel{line-height:45px}
.headTop .findHotel > strong{display:inline-block;margin-right:22px;font:12px gothamB;color:#bbb}
.headTop .findHotel > button{font-size:12px;color:#bbb}
.headTop .findHotel > button:after{content:'';display:inline-block;width:11px;height:11px;margin-left:5px;background:url(../../../images/en/pc/common/ico_search_11x11.png) no-repeat 0 0}
.headTop .topUtil{position:absolute;right:0;top:7px}
.headTop .topUtil > li{position:relative;display:inline-block;vertical-align:middle;margin-left:24px}
.headTop .topUtil > li:before{content:'';display:inline-block;position:absolute;left:-15px;top:50%;margin-top:-6px;width:1px;height:10px;background:#666}
.headTop .topUtil > li:first-child{margin-left:0}
.headTop .topUtil > li:first-child:before{display:none}
.headTop .topUtil > li > a{display:block;font-size:12px;color:#bbb;text-transform:uppercase}

.langArea{display:inline-block;position:relative;vertical-align:middle;margin-left:0}
.langArea .dropdown_list{position:inherit;top:inherit;right:inherit;min-width:auto;width:55px;height:21px;line-height:21px}
.langArea .dropdown_list .dropdown_value input[type="text"]{font:400 14px/1 gothamB;color:#bbb;height:21px;line-height:21px;border-bottom:0;padding:0;vertical-align:top;opacity:1;text-align:center}
.langArea .dropdown_list .item_list{bottom:inherit;top:0;left:60px;width:100%;min-width:120px;border:0;padding:0}
.langArea .dropdown_list .item_list:after{content:'';display:block;clear:both}
.langArea .dropdown_list .item_list > li{float:left}
.langArea .dropdown_list .item_list a{font:400 14px/21px gothamB;color:#bbb;padding:0 8px;text-align:center;height:21px}
.langArea .dropdown_list .item_list a:hover{color:#ba998c;text-decoration:none}
.langArea .dropdown_list .dropdown_value .btn_opener:after{content:'';display:block;position:absolute;right:0;top:50%;margin-top:-4px;width:4px;height:8px;background:url(../../../images/en/pc/common/ico_lang.png) no-repeat 0 0}

.header .utilMenu{position:absolute;left:252px;top:0;width:1400px}
.header .utilMenu > .gnbDepth1 > li{float:left;position:relative}
.header .utilMenu > .gnbDepth1 > li a{padding:39px 20px 3px}
.header .utilMenu > .gnbDepth1 > li:first-child a{padding:39px 80px 3px 10px} 
.header .utilMenu > .gnbDepth1 > li:nth-child(2) a{padding-left:53px}
.header .utilMenu > .gnbDepth1 > li.on > a, .header .utilMenu > .gnbDepth1 > li > a{display:block;position:relative;font:600 15px gothamM;color:#000}
.header .utilMenu > .gnbDepth1 > li.btnRsv > a:after{content:'';display:inline-block;position:absolute;right:55px;bottom:8px;width:16px;height:10px;background:url(../../../images/ko/pc/common/ico_rsv.png) no-repeat 0 -10px;margin-left:10px}
.header .utilMenu > .gnbDepth1 > li.btnRsv:after{content:'';display:block;position:absolute;right:0;top:40px;width:1px;height:12px;background:#000}

.header .subDepth{display:none;position:fixed;left:0;top:150px;width:100vw;background:#fff;padding:50px 0 55px;margin-top:-40px}
.header .subDepth .inner{width:auto;padding-left:260px;padding-bottom:0}
.header .subDepth .gnbTitle{float:left}
.header .subDepth .gnbTitle strong{display:block;font:600 24px gothamM;margin-bottom:5px}
.header .subDepth .gnbTitle > a{display:inline-block;font-size:14px;padding:0 !important;font-family:gothamL}
.header .subDepth .gnbTitle > a:after{content:'';display:block;width:100%;height:1px;background:#000}
.header .subDepth .gnbDepth2{overflow:hidden}
.header .subDepth .gnbDepth2 > li{display:inline-block;vertical-align:top;margin-left:150px}
.header .subDepth .gnbDepth2 > li, .subDepth .gnbDepth2 > li > a{font:400 15px/30px gothamM;padding:0 !important}
.header .subDepth .gnb-thum {display:flex;}
.header .subDepth .gnb-thum li img {width:175px;height:141px;display:block; padding-bottom:10px;}
.header .subDepth .gnb-thum li strong {display:block; font:400 15px/30px gothamM; text-transform:initial;}
.header .subDepth .gnb-thum > li {margin-left:87px;}
.header .subDepth .subList{padding-top:5px}
.header .subDepth .subList > li > a{color:#666;font:400 15px gothamL;padding:0 !important}
.header .subDepth .subList > li > a:hover{border-bottom:1px solid #000}
.header.gnbOn{background:#fff !important}
.header.gnbOn .logo{background-position:0 -42px !important}
.header.gnbOn .headArea{background:#fff}
.header.gnbOn .utilMenu > .gnbDepth1 > li > a{color:#000 !important}
.header.gnbOn .utilMenu > .gnbDepth1 > li.btnRsv > a:after{background-position:0 -10px !important}
.header.gnbOn .utilMenu > .gnbDepth1 > li.btnRsv:after{background:#000 !important}
.header.gnbOn .utilMenu > .gnbDepth1 > li.btnRsv > a{border-bottom:0 !important}

.gnbOn .headArea:after{content:'';display:block;position:fixed;left:0;right:0;top:0;bottom:0;z-index:-1;width:100%;height:100%;background:#000;opacity:.65}

.header .utilMenu > .gnbDepth1 > li.on > a, .header .utilMenu > .gnbDepth1 > li > a:hover{color:#ba998c !important}
.header .utilMenu > .gnbDepth1 > li.on a span:before{content:'';display:inline-block;position:absolute;left:0;bottom:0;width:100%;height:2px;background:#ba998c}
.header .utilMenu > .gnbDepth1 > li.on > a:before, .header .utilMenu > .gnbDepth1 > li > a:hover:before{content:'';display:block;position:absolute;left:20px;bottom:0;z-index:1;height:2px;background:#ba998c}
.header .utilMenu > .gnbDepth1 > li:nth-child(2).on > a:before, .header .utilMenu > .gnbDepth1 > li:nth-child(2) > a:hover:before{width:62px;left:53px}
.header .utilMenu > .gnbDepth1 > li:nth-child(3).on > a:before, .header .utilMenu > .gnbDepth1 > li:nth-child(3) > a:hover:before{width:59px}
.header .utilMenu > .gnbDepth1 > li:nth-child(4).on > a:before, .header .utilMenu > .gnbDepth1 > li:nth-child(4) > a:hover:before{width:66px}
.header .utilMenu > .gnbDepth1 > li:nth-child(5).on > a:before, .header .utilMenu > .gnbDepth1 > li:nth-child(5) > a:hover:before{width:178px}
.header .utilMenu > .gnbDepth1 > li:nth-child(6).on > a:before, .header .utilMenu > .gnbDepth1 > li:nth-child(6) > a:hover:before{width:78px}
.header .utilMenu > .gnbDepth1 > li:nth-child(7).on > a:before, .header .utilMenu > .gnbDepth1 > li:nth-child(7) > a:hover:before{width:88px}
.header .utilMenu > .gnbDepth1 > li:nth-child(8).on > a:before, .header .utilMenu > .gnbDepth1 > li:nth-child(8) > a:hover:before{width:60px}
.header .utilMenu > .gnbDepth1 > li:nth-child(9).on > a:before, .header .utilMenu > .gnbDepth1 > li:nth-child(9) > a:hover:before{width:135px}

.header .utilMenu > .gnbDepth1 > li.btnRsv.on > a:after, .header .utilMenu > .gnbDepth1 > li.btnRsv > a:hover:after{background-position:0 -20px !important}
.header .sGnb{display:none;position:relative;background:#fff;height:0;padding:0 50px}
.header.on .sGnb{display:block;height:80px}
.header .sGnb .sGnbInner{position:relative;height:80px;margin:0 auto}
.header .sGnb .sGnbInner .hName{position:absolute;left:0;top:32px;font:600 14px gothamM;text-transform:uppercase}
.header .sGnb .sGnbInner .hName a{display:block}
.header .sGnb .rsvArea{position:absolute;left:210px;top:15px}
.header .sGnb .rsvArea .sGnb01 > li{margin-left:0}
.header .sGnb .rsvArea .sGnb01 > li:before{display:none}
.header .sGnb .rsvArea .sGnb01 > li .sGnb02{left:0}
.header .sGnb .locationArea{position:absolute;right:0;top:15px}
.header .sGnb .sGnb01 > li{float:left;position:relative;margin-left:40px}
.header .sGnb .sGnb01 > li > a{display:block;font:400 14px gothamB;height:50px;line-height:50px;color:#000;padding-right:17px}
.header .sGnb .sGnb01 > li:before{content:'';display:block;position:absolute;left:-20px;top:50%;margin-top:-5px;width:1px;height:10px;background:#ccc}
.header .sGnb .sGnb01 > li:first-child{margin-left:0}
.header .sGnb .sGnb01 > li:first-child:before{display:none}
.header .sGnb .sGnb01 > li > a:after{content:'';display:block;position:absolute;right:0;top:50%;margin-top:-2px;width:8px;height:4px;background:url(../../../images/en/pc/common/ico_dropdown_black_8x4.png) no-repeat 0 0}
.header .sGnb .sGnb01 > li > a.home{padding-right:0}
.header .sGnb .sGnb01 > li > a.home:after{display:none}
.header .sGnb .sGnb01 > li.on > a:after{background-position:-8px 0}
.header .sGnb .sGnb01 > li:last-child .sGnb02{right:0;left:inherit}
.header .sGnb .sGnb02{display:none;position:absolute;left:-17px;top:50px;background:#fff;border:1px solid #eee}
.header .sGnb .sGnb02 > li{position:relative}
.header .sGnb .sGnb02 > li > a{display:block;font:400 14px gothamB;height:50px;line-height:50px;padding:0 20px;color:#000;white-space:nowrap}
.header .sGnb .sGnb02 > li > a:hover{background:#f7f7f7}

.hotelFindPop{width:1060px}
.hotelFindPop h2{text-align:center;font:400 34px notokrR;margin-bottom:35px}
.hotelFindPop .hotelSelect{margin-top:-10px}
.hotelFindPop .hotelSelect > li{float:left;width:33.3%}
.hotelFindPop .hotelSelect > li > a{display:block;border:1px solid #ccc;margin:10px 5px 0;text-align:center;padding:14px 5px 20px}
.hotelFindPop .hotelSelect > li > a:hover{background-color:#999;color:#fff;}
.hotelFindPop .hotelSelect > li .hotelLogo{display:block;width:282px;height:60px;margin:0 auto;background-color:transparent;background-size:100%;background-repeat:no-repeat}

/* 210513 추가 */
.hotelFindPop .hotelSelect > li a.js-active:hover .hotelTit::after{content:'';display:inline-block;margin-left:8px;margin-bottom:2px;width:8px;height:8px;border-color:#fff;border-style:solid;border-width:1px 1px 0 0;transform:rotate(45deg)}
.hotelFindPop .hotelSelect > li .hotelTit.on{font-size:16px;}
.hotelFindPop .hotelSelect > li .hotelLogo.palace{background-image:url("../../../images/ko/pc/common/img_logo_hotel_palace.png")}
.hotelFindPop .hotelSelect > li .hotelLogo.westinSeoul{background-image:url("../../../images/ko/pc/common/img_logo_hotel_westin_seoul.png")}
.hotelFindPop .hotelSelect > li .hotelLogo.westinBusan{background-image:url("../../../images/ko/pc/common/img_logo_hotel_westin_busan.png")}
.hotelFindPop .hotelSelect > li .hotelLogo.grandBusan{background-image:url("../../../images/ko/pc/common/img_logo_hotel_grand_busan.png")}
.hotelFindPop .hotelSelect > li .hotelLogo.grandJeju{background-image:url("../../../images/ko/pc/common/img_logo_hotel_grand_jeju.png")}
.hotelFindPop .hotelSelect > li .hotelLogo.lescape{background-image:url("../../../images/ko/pc/common/img_logo_hotel_lescape.png")}
.hotelFindPop .hotelSelect > li .hotelLogo.gravityPangyo{background-image:url("../../../images/ko/pc/common/img_logo_hotel_gravity_pangyo.png")}
.hotelFindPop .hotelSelect > li .hotelLogo.sheratonSeoulstation{background-image:url("../../../images/ko/pc/common/img_logo_hotel_sheraton_seoulstation.png")}
.hotelFindPop .hotelSelect > li .hotelLogo.sheratonMyeongdong{background-image:url("../../../images/ko/pc/common/img_logo_hotel_sheraton_seoulmyeongdong.png")}

.hotelFindPop .hotelSelect > li a:hover .hotelLogo.palace{background-image:url("../../../images/ko/pc/common/img_logo_hotel_palace_active.png")}
.hotelFindPop .hotelSelect > li a:hover .hotelLogo.westinSeoul{background-image:url("../../../images/ko/pc/common/img_logo_hotel_westin_seoul_active.png")}
.hotelFindPop .hotelSelect > li a:hover .hotelLogo.westinBusan{background-image:url("../../../images/ko/pc/common/img_logo_hotel_westin_busan_active.png")}
.hotelFindPop .hotelSelect > li a:hover .hotelLogo.grandBusan{background-image:url("../../../images/ko/pc/common/img_logo_hotel_grand_busan_active.png")}
.hotelFindPop .hotelSelect > li a:hover .hotelLogo.grandJeju{background-image:url("../../../images/ko/pc/common/img_logo_hotel_grand_jeju_active.png")}
.hotelFindPop .hotelSelect > li a:hover .hotelLogo.lescape{background-image:url("../../../images/ko/pc/common/img_logo_hotel_lescape_active.png")}
.hotelFindPop .hotelSelect > li a:hover .hotelLogo.gravityPangyo{background-image:url("../../../images/ko/pc/common/img_logo_hotel_gravity_pangyo_active.png")}
.hotelFindPop .hotelSelect > li a:hover .hotelLogo.sheratonSeoulstation{background-image:url("../../../images/ko/pc/common/img_logo_hotel_sheraton_seoulstation_active.png")}
.hotelFindPop .hotelSelect > li a:hover .hotelLogo.sheratonMyeongdong{background-image:url("../../../images/ko/pc/common/img_logo_hotel_sheraton_seoulmyeongdong_active.png")}
/* // 210513 추가 */

.footer{position:absolute;left:0;right:0;bottom:0;background:#000;z-index:100}
.footer .footArea{position:relative;width:1400px;height:370px;margin:0 auto;padding:150px 0 0 280px}
.footer .footArea .logo{display:inline-block;position:absolute;left:0;top:160px;text-indent:-9999px;overflow:hidden;width:172px;height:64px;background:url(../../../images/en/pc/common/bg_logo_footer.png) no-repeat 0 0}
.footer .footArea .logo a{display:block;height:64px}
.footer .footArea .infoPolicy a{display:inline-block;color:#fff;font-size:15px;margin-right:25px}
.footer .footArea .infoPolicy a:last-child{margin-right:0}
.footer .footArea .address{font:400 14px/1.8 notokrL;color:#fff;opacity:.5;margin-top:20px}
.footer .footArea .address span{margin-left:15px}
.footer .footArea .address .tel{font-family:gothamL}
.footer .footArea .copyright{font:400 14px/1.8 gothamL;color:#fff;opacity:.5}
.footer .footArea .hotelList{position:absolute;left:0;top:60px;width:1400px;margin:0 auto;text-align:center}
.footer .footArea .hotelList ul > li{display:inline-block;margin-left:50px;height:38px;overflow:hidden}
.footer .footArea .hotelList ul > li:first-child{margin-left:0}
.footer .footArea .hotelList ul > li > a{display:block;text-indent:-9999px;height:38px}
.footer .footArea .hotelList ul > li.grandjosun > a{width:70px;background:url(../../../images/en/pc/common/logo_grandjosun.png) no-repeat 0 0}
.footer .footArea .hotelList ul > li.grandjosunjj > a{width:70px;background:url(../../../images/en/pc/common/logo_grandjosun02.png) no-repeat 0 0}
.footer .footArea .hotelList ul > li.lescape > a{width:80px;background:url(../../../images/en/pc/common/logo_lescape.png) no-repeat 0 0}
.footer .footArea .hotelList ul > li.wchosunseoul > a{width:160px;background:url(../../../images/en/pc/common/logo_wchosunseoul.png) no-repeat 0 0}
.footer .footArea .hotelList ul > li.wchosunbusan > a{width:160px;background:url(../../../images/en/pc/common/logo_wchosunbusan.png) no-repeat 0 0}
.footer .footArea .hotelList ul > li.fourpoints > a{width:103px;background:url(../../../images/en/pc/common/logo_fourpoints.png) no-repeat 0 0}
.footer .footArea .hotelList ul > li.fourpointsmd > a{width:103px;background:url(../../../images/en/pc/common/logo_fourpoints02.png) no-repeat 0 0}
.footer .footArea .hotelList ul > li.gravity > a{width:90px;background:url(../../../images/en/pc/common/logo_gravity.png) no-repeat 0 0}
.footer .footArea .hotelList ul > li.josunpalace > a{width:68px;background:url(../../../images/en/pc/common/logo_josunpalace.png) no-repeat 0 0}

.dropdown_list{display:inline-block;min-width:230px;position:absolute;right:0;top:140px;z-index:999}
.dropdown_list .dropdown_value{position:relative}
.dropdown_list .dropdown_value input[type="text"]{width:100%;font:400 16px gothamL;color:#fff;opacity:.8;background:#000;border-bottom:1px solid #4d4d4d;height:40px;padding:11px 0;font-weight:500;text-transform:uppercase}
.dropdown_list .dropdown_value .btn_opener{display:block;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;border:0;cursor:pointer;outline:0}
.dropdown_list .dropdown_value .btn_opener i{float:right;position:relative;display:inline-block;width:18px;height:9px;overflow:hidden}
.dropdown_list .dropdown_value .btn_opener i:before{content:'';position:absolute;top:50%;left:50%;width:8px;height:8px;-webkit-transform: translate(-50%, -50%) rotate(45deg);-moz-transform: translate(-50%, -50%) rotate(45deg);-o-transform: translate(-50%, -50%) rotate(45deg);-ms-transform: translate(-50%, -50%) rotate(45deg);transform: translate(-50%, -50%) rotate(45deg);margin-top:-3px;border-right: 2px solid #999;border-bottom: 2px solid #999}
.dropdown_list .item_list{display:none;position:absolute;bottom:45px;left:0;z-index:10;width:100%;border:1px solid #4d4d4d;background:#000;padding:12px 0}
.dropdown_list .item_list:after{display:none}
.dropdown_list .item_list a{display:block;width:100%;padding:10px 16px;border:0;background:transparent;font-size:12px;line-height:1;text-align:left;cursor:pointer;color:#fff}
.dropdown_list .item_list a:hover, .dropdown_list .item_list a:active, .dropdown_list .item_list a:focus{text-decoration:underline}
.dropdown_list.active .btn_opener i{position:relative;display:inline-block;width:18px;height:9px;overflow:hidden}
.dropdown_list.active .btn_opener i:before{content:'';position:absolute;top:50%;left:50%;width:8px;height:8px;-webkit-transform: translate(-50%, -50%) rotate(45deg);-moz-transform: translate(-50%, -50%) rotate(45deg);-o-transform: translate(-50%, -50%) rotate(45deg);-ms-transform: translate(-50%, -50%) rotate(45deg);transform: translate(-50%, -50%) rotate(45deg);margin-top: 3px;border-top: 2px solid #999;border-left: 2px solid #999;border-right: 0;border-bottom: 0}
.dropdown_list.active .item_list{display:block}
.dropdown_list.active:before{display:none}

.header img, .footer img{display:none}

.pointColor01{color:#006633 !important}
.pointTxt, .rsvRoomWrap .rCont .totalCont .totalPrice .saleTxt, .rsvRoomWrap .rCont .listTit, .total .totalWrap .pay em .increase, .commWrap .commlist dt, .revNumber em{color:#72715c}