@charset "utf-8";

/**************************************************
프로그램 ID : detail.css
프로그램 명 : Hub Cascading Style Sheets
작  성   자 : 
최초 작성일 : 2018/09/04
최종 작성일 : 
참고   사항 : 
**************************************************/


@import url("/assets/global/css/select2.css");
@import url("/assets/hub/global/css/base.css");
@import url("/assets/hub/global/css/layout.css");
@import url("/assets/hub/global/css/style.css");


/* 메인
------------------------------------------------------------------------------- */
.main > section {position:relative; background-color:#fff;}
.main h2 em {margin-bottom:5px; font-size:32px; color:#666; font-weight:100; text-align:left; display:block;}
/* 비주얼 */
.main .visual .slide {height:100%;}
.main .visual .slide figure > span {position:relative; z-index:5;}
.main .visual .slide figure > span img {width:100%; display:block;}
.main .visual .slide figcaption {position:absolute; top:0; left:0; width:100%; height:100%; display:block; z-index:10;}
.main .visual .slide figcaption > dl {width:100%; height:calc(100% - 160px); table-layout:fixed;}
.main .visual .slide figcaption > dl > dd {color:#fff; line-height:24px; text-align:center;}
.main .visual .slide figcaption h3 {margin-bottom:20px; font-size:80px; color:#fff;}
.main .visual .slide figcaption h3:before {width:1px; height:60px; margin:0 auto 29px auto; background:#fff; display:block; content:"";}
.main .visual .slide figcaption p {font-size: 18px;}
.main .visual .bx-has-pager {position:absolute; bottom:210px; width:100%; z-index:100;}
.main .visual .bx-pager {font-size:0; line-height:0; text-align:center;}
.main .visual .bx-pager .bx-pager-item {margin:0 7px; vertical-align:middle; display:inline-block;}
.main .visual .bx-pager .bx-pager-link {width:15px; height:15px; border-radius:50%; display:block; opacity:1; transition:all, linear 0.3s;}
.main .visual .bx-pager .bx-pager-link:not(.active) {padding:3px;}
.main .visual .bx-pager .bx-pager-link:not(.active):before {height:100%; border-radius:50%; background:#fff; display:block; content:"";}
.main .visual .bx-pager .bx-pager-link.active {border:3px solid #fff;}
/* 검색 */
.searchArea {position:relative; height:404px; margin:-160px 0 -244px 0; z-index:60;}
.searchArea:before {position:absolute; width:calc(100% - ((100% - 1200px) / 2)); height:404px; background:url(/assets/hub/global/images/bg/bg_searchArea01.gif) 0 0 repeat; display:block; content:"";}
.searchArea .tabArea {width:1200px; margin:0 auto; padding-top:62px !important;}
.searchArea .tabCont {float:right; width:800px; padding:32px 100px 0 0;} 
.searchArea .tabArea h2 {float:left; margin:26px 0 0 48px; color:#fff;}
.searchArea .tabArea h3 {left:10px; width:auto; padding-left:40px;}
.searchArea .tabArea h3 a {position:relative; padding-left:50px; font-size:16px; line-height:35px; color:rgba(255,255,255,0.50); text-align:left; border:0; background:none;}
.searchArea .tabArea h3 a:before {position:absolute; top:0; left:0; width:31px; height:35px; background-position:50% 50%; background-repeat:no-repeat; display:block; content:""; transition:all, linear 0.3s;}
.searchArea .tabArea h3.on {background:url(/assets/hub/global/images/ico/ico_arrow01.png) 0 14px no-repeat;}
.searchArea .tabArea h3.on a, .searchArea .tabArea h3 a:hover {color:#fff; font-weight:700;}
.searchArea h3:first-of-type {top:153px;}
.searchArea h3:nth-of-type(2) {top:188px;}
.searchArea h3:nth-of-type(3) {top:223px;}
.searchArea h3:nth-of-type(4) {top:258px;}
.searchArea a[href="#srchRoom"]:before {background-image:url(/assets/hub/global/images/ico/ico_room01_off.png);}
.searchArea a[href="#srchDining"]:before {background-image:url(/assets/hub/global/images/ico/ico_dinning01_off.png);}
.searchArea a[href="#srchDarakhyu"]:before {background-image:url(/assets/hub/global/images/ico/ico_darakhyu01_off.png);}
.searchArea a[href="#srchTransit"]:before {background-image:url(/assets/hub/global/images/ico/ico_transit01_off.png);}
.searchArea h3.on a[href="#srchRoom"]:before, .searchArea a[href="#srchRoom"]:hover:before {background-image:url(/assets/hub/global/images/ico/ico_room01_on.png);}
.searchArea h3.on a[href="#srchDining"]:before, .searchArea a[href="#srchDining"]:hover:before {background-image:url(/assets/hub/global/images/ico/ico_dinning01_on.png);}
.searchArea h3.on a[href="#srchDarakhyu"]:before, .searchArea a[href="#srchDarakhyu"]:hover:before {background-image:url(/assets/hub/global/images/ico/ico_darakhyu01_on.png);}
.searchArea h3.on a[href="#srchTransit"]:before, .searchArea a[href="#srchTransit"]:hover:before {background-image:url(/assets/hub/global/images/ico/ico_transit01_on.png);}
.searchArea fieldset {position:relative; display:block;}
.searchArea fieldset > .btnC {margin-top:10px;}
.searchArea fieldset > .btnC .btn {width:100%;}
.searchArea dl.info01.em06 {margin-top:14px;}
.searchArea dl.info01.em06 > dt {color:#fff;}
.searchArea dl.info01.em06 > dd {color:#999;}
div.specialCode {position:absolute; bottom:42px; right:0; width:270px; padding:10px; background:rgba(255,255,255,0.30); box-shadow:0 19px 27px rgba(0,0,0,0.30); display:none; z-index:100;}
div.specialCode dl {width:100%; height:46px; display:table;}
div.specialCode dl dd {display:table-cell;}
div.specialCode dl input, div.specialCode dl .btn.base {height:46px; text-align:center;}
div.specialCode dl input.error {border-color:#e8e8e8 !important;}
div.specialCode dl select {width:150px;}
div.specialCode dl .btn.base {width:70px; margin:0 !important; padding:0 !important;}
div.specialCode .close {top:-21px !important; right:0 !important;}
div.specialCode p.error {margin-top:11px; color:#333; text-align:center;}
#srchRoom .comiseo-daterangepicker {top:161px !important; left:0 !important;}
#srchRoom.vista .btnC .btn.st01 {background:#446176;}
#srchRoom.grand .btnC .btn.st01 {background:#4e4e4e;}
#srchRoom.douglas .btnC .btn.st01 {background:#b4988f;}
/* 행사 */
.main .offers {position:relative; padding:0 20px; background:#e6ebec; z-index:10;}
.main .offers > section {position:relative; min-width:1200px; max-width:1900px; margin:0 auto; padding:374px 0 100px 0;}
.main .offers .hgroup {position:absolute; width:40%; height:26%; margin:0 0 0 20%; padding-top:50px; text-align:center;}
.main .offers .hgroup:before {width:1px; height:40px; margin:0 auto 29px auto; background:#333; display:block; content:"";}
.main .offers .hgroup h2 {margin-bottom:12px; font-size:66px; color:#333; font-weight:900;}
.main .offers ol {clear:both; height:auto; overflow:hidden;}
.main .offers ol li {float:left; width:20%; padding:10px;}
.main .offers ol li:nth-child(2) {width:80%; padding-left:calc(40% + 10px); text-align:right;}
.main .offers ol li:nth-child(3) {clear:both;}
.main .offers ol figure {position:relative;}
.main .offers ol figure > span > img {width:100%;}
.main .offers ol figcaption {position:absolute; top:0; left:0; width:100%; height:100%; display:block;}
.main .offers ol figcaption > dl {position:relative; width:100%; height:100%; display:table;}
.main .offers ol figcaption > dl > dd {padding:20px; text-align:left; vertical-align:bottom; display:table-cell;}
.main .offers ol figcaption h3 {font-size:24px; color:#fff;}
.main .offers ol figcaption .btnC {height:0; margin:0; opacity:0; transition:all, linear 0.3s;}
.main .offers ol li:last-child:not(:hover) figcaption h3 {position:absolute; top:50%; left:-50%; width:100%; margin:-15px 0 0 15px; font-size:14px; line-height:30px; font-weight:500; letter-spacing:0.05em; text-align:center; background:#000; transform:rotate(-90deg);}
.main .offers ol figcaption:hover > dl > dd {position:relative; text-align:center; vertical-align:middle;}
.main .offers ol figcaption:hover h3 {font-size:32px; word-break:normal;}
.main .offers ol figcaption:hover .btnC {height:40px; margin-top:40px; opacity:1;}
.main .offers ol figcaption:before, .main .offers ol figcaption:after {position:absolute; top:0; left:0; width:100%; height:100%; display:block; content:""; opacity:0; transition:all, linear 0.3s;}
.main .offers ol figcaption:hover:before {background:rgba(0,0,0,0.40); opacity:1;}
.main .offers ol figcaption:hover:after {top:10px; left:10px; border:1px solid rgba(255,255,255,0.88); opacity:1;}
/* 객실 */
.main .stays {position:relative; padding:130px 0 100px 0 !important; overflow:hidden; z-index:10;}
.main .stays:before {position:absolute; top:302px; left:50%; width:660px; height:530px; margin-left:-780px; background:#fff; display:block; content:""; z-index:55;}
.main .stays h2 {width:1200px; margin:0 auto 34px auto; padding-right:50px; font-size:80px; text-align:right;}
.main .stays h2 span {display:inline-block;}
.main .stays h2 em {padding-left:2px;}
.main .stays h3 {width:1200px; left:50%; margin-left:-600px !important; padding-left:100px; z-index:60;}
.main .stays h3 a {position:relative; font-size:22px; line-height:47px; text-align:left; border:0; background:none; display:inline-block; transition:all, linear 0.3s;}
.main .stays h3 a:before {position:absolute; bottom:5px; width:0; height:10px; display:block; content:""; z-index:-1; transition:all, linear 0.3s;}
.main .stays h3.on {background-position:0 calc(50% + 2px); background-repeat:no-repeat;}
.main .stays h3.on:nth-of-type(1) {background-image:url(/assets/hub/global/images/ico/ico_arrow04.png);}
.main .stays h3.on:nth-of-type(2) {background-image:url(/assets/hub/global/images/ico/ico_arrow05.png);}
.main .stays h3.on:nth-of-type(3) {background-image:url(/assets/hub/global/images/ico/ico_arrow06.png);}
.main .stays h3.on a:before, .main .stays h3 a:hover:before {width:100%; background:#ccc;}
.main .stays h3.on a, .main .stays h3 a:hover {font-size:32px; font-weight:900;}
.main .stays h3.on:nth-of-type(1) a, .main .stays h3:nth-of-type(1) a:hover {color:#446176;}
.main .stays h3.on:nth-of-type(2) a, .main .stays h3:nth-of-type(2) a:hover {color:#4e4e4e;}
.main .stays h3.on:nth-of-type(3) a, .main .stays h3:nth-of-type(3) a:hover {color:#b4988f;}
.main .stays h3:nth-of-type(1) {top:187px;}
.main .stays h3:nth-of-type(2) {top:234px;}
.main .stays h3:nth-of-type(3) {top:281px;}
.main .stays .tabCont {position:relative;}
.main .stays .offer {position:absolute; top:156px; left:50%; width:450px; height:518px; margin-left:-600px; padding-left:30px; background:#f7f7f7; z-index:60;}
.main .stays .offer h5 {position:absolute; top:50%; left:-50%; width:518px; margin:-15px 0 0 -19px; font-size:14px; color:#fff; line-height:30px; font-weight:500; letter-spacing:0.05em; text-align:center; background:#000; transform:rotate(-90deg);}
.main .stays .offer p {height:44px;}
.main .stays .offer .autoImg {width:420px; height:260px;}
.main .stays .offer figcaption {position:relative; width:100%; height:258px; padding:54px 44px 85px 48px; display:block;}
.main .stays .offer figcaption h6 {margin-bottom:10px; font-size:26px; color:#333; line-height:28px; word-break:normal; word-wrap:normal; white-space:normal;}
.main .stays .offer figcaption dl {position:absolute; bottom:48px; line-height:20px;}
.main .stays hgroup {position:relative; width:1400px; margin:50px auto 0 auto; padding:13px 0 0 751px; color:#585858; line-height:41px; letter-spacing:0;}
.main .stays hgroup h4, .main .stays hgroup h5 {opacity:0.8;}
.main .stays hgroup h4 {margin:11px 0 9px 0; font-size:18px; font-weight:900;}
.main .stays hgroup h5 {margin-left:-3px; font-size:35px; font-weight:400;}
.main .stays hgroup:before {position:absolute; top:0; left:645px; font-size:120px; color:#f0f0f0; line-height:84px; letter-spacing:-0.03em; font-weight:700; display:block; content:"01"; z-index:-1; transition:all, linear 0.3s;}
.main .stays hgroup.page1:before {content:"01";}
.main .stays hgroup.page2:before {content:"02";}
.main .stays hgroup.page3:before {content:"03";}
.main .stays hgroup.page4:before {content:"04";}
.main .stays hgroup.page5:before {content:"05";}
.main .stays .slide > li {height:530px;}
.main .stays .slide > li:not(.active) {opacity:0.5;}
.main .stays .bx-wrapper {left:50%; width:3480px; margin-left:-1860px !important;}
.main .stays .bx-wrapper .bx-controls-direction a.bx-prev {margin-left:400px;}
.main .stays .bx-wrapper .bx-controls-direction a.bx-next {margin-left:461px;}
.main .stays .bx-viewport:before {position:absolute; top:0; left:50%; width:120px; height:120px; margin-left:400px; color:#333; background-position:50% 50%; background-repeat:no-repeat; display:block; content:""; z-index:60;}
#stayVista .bx-viewport:before {background-image:url(/assets/hub/global/images/txt/h3_vista01.png); background-color:#1c1c1c;}
#stayGrand .bx-viewport:before {background-image:url(/assets/hub/global/images/txt/h3_grand01.png); background-color:#4e4e4e;}
#stayDouglas .bx-viewport:before {background-image:url(/assets/hub/global/images/txt/h3_douglas01.png); background-color:#b4978f;}
/* 식당 */
.main .eat {padding:160px 0;}
.main .eat:before {position:fixed; top:0; left:0; width:100%; height:100vh; background:url(/assets/hub/global/images/bg/bg_idxDining.jpg) 50% 0 no-repeat #e7ebec; background-size:cover; display:block; content:""; z-index:0;}
.main .eat .hgroup {position:absolute; left:50%; margin:-13px 0 0 -557px; z-index:60;}
.main .eat .hgroup h2 {margin-bottom:36px; font-size:80px; color:#333; display:inline-block;}
.main .eat .hgroup h2 em {margin-left:6px;}
.main .eat .hgroup p {margin-left:7px;}
.main .eat .bx-viewport {height:1060px !important;}
.main .eat .bx-controls-direction a {top:50%; margin:-81px 0 0 -550px;}
.main .eat .bx-controls-direction a.bx-next {margin-left:-489px;}
.main .eat .slide ol.pic {clear:both; width:1430px; height:auto; margin:0 auto; padding-left:4px; overflow:hidden;}
.main .eat .slide ol.pic figure > span > img {width:100%;}
.main .eat .slide ol.pic > li:nth-child(1) {margin:160px 0 25px 480px; animation:downIn 1s ease-out;}
.main .eat .slide ol.pic > li:nth-child(2) {float:right; animation:slideIn 1.5s ease-in-out;}
.main .eat .slide ol.pic > li:nth-child(3) {animation:upIn 2s ease-in-out;}
@keyframes downIn {
  from {margin-top:100px; opacity:0;}
  to {margin-top:160px; opacity:1;}
}
@keyframes slideIn {
  from {margin-right:-80px; opacity:0;}
  to {margin-right:0; opacity:1;}
}
@keyframes upIn {
  from {margin-top:100px; margin-bottom:-100px; opacity:0;}
  to {margin-top:0; margin-bottom:0; opacity:1;}
}
/* 편의시설 */
.main .play {padding:160px 0; color:#fff; background:#636674; overflow:hidden;}
.main .play h2 {position:absolute; left:1023px; margin-top:30px; font-size:80px; color:#fff;}
.main .play h2 em {padding-left:6px; color:#fff; opacity:0.3;}
.main .play .slide figure {position:relative; width:100%; height:580px; display:table; table-layout:fixed;}
.main .play .slide figure > * {vertical-align:top; display:table-cell;}
.main .play .slide figure > span {width:960px;}
.main .play .slide figure figcaption {padding:180px 0 0 70px;}
.main .play .slide h3 {position:absolute; bottom:88px; left:802px; width:316px; height:100px; padding:46px 0 0 40px; font-size:18px; color:#fff; line-height:30px; font-weight:200; background:#0b1217; transform:rotate(-90deg);}
.main .play .slide h3 em {font-size:30px; font-weight:900;}
.main .play .slide h3 em:after {margin:0 10px 0 6px; vertical-align:0; display:inline-block; content:".";}
.main .play .slide h4 {margin-bottom:15px; font-size:24px; color:#fff;}
.main .play .slide .btnL {margin-top:65px;}
.main .play .bx-wrapper {width:2970px !important;}
.main .play .bx-controls-direction a {left:1290px; margin-top:-20px;}
.main .play .bx-controls-direction a.bx-next {margin-left:61px;}
/* 스토리 */
.main .story {padding:120px 0; overflow:hidden;}
.main .story .hgroup {position:absolute; left:50%; margin-left:-500px;}
.main .story .hgroup h2 {margin:17px 0 29px 0; font-size:52px; color:#333; line-height:60px; font-weight:900; text-align:left;}
.main .story .hgroup h2.blt:before {margin:13px 0 0 -70px;}
.main .story .bx-viewport {margin-left:540px;}
.main .story .slide .autoImg {width:360px; height:420px;}
.main .story .slide figcaption {max-height:148px; margin-top:36px; display:block; overflow:hidden;}
.main .story .slide h3 {margin-bottom:8px; font-size:20px; color:#000; line-height:26px; word-break:normal; white-space:normal; word-wrap:normal;}
.main .story .bx-pager {position:absolute; top:50%; left:50%; margin:136px 0 0 -500px;}
.main .story .bx-pager .bx-pager-item {width:62px; height:4px; margin-right:5px; border-bottom:2px solid #ddd;}
.main .story .bx-pager .bx-pager-item .bx-pager-link {position:relative; height:40px; margin-top:-18px; padding:18px 0;}
.main .story .bx-pager .bx-pager-item .bx-pager-link.active:before {position:absolute; width:100%; height:4px; background:#333; display:block; content:""; animation:widthExpend 1s ease-in-out;}
@keyframes widthExpend {
  from {width:0;}
  to {width:100%;}
}
/* 관련사이트 */
.main .family dl {position:relative; clear:both; max-width:1920px; height:520px; margin:0 auto; overflow:hidden;}
.main .family dl dt {position:relative; float:left; height:100%; color:#fff; text-align:center; z-index:10; transition:all, 0.5s linear;}
.main .family dl dt:not(.on) {width:128px; border-left:2px solid rgba(252,251,251,0.80); background:rgba(51,51,51,0.80); cursor:pointer;}
.main .family dl dt:not(.on) h3 img, .main .family dl dt:not(.on) p, .main .family dl dt:not(.on) .btnC {display:none;}
.main .family dl dt:not(.on) h3 figcaption {position:absolute; top:200px; left:-87px; width:300px; font-size:18px; color:#fff; font-weight:700; text-align:right; display:block; transform:rotate(-90deg);}
.main .family dl dt:not(.on):after {position:absolute; right:0; bottom:80px; width:50px; height:7px; background:#fff; display:block; content:"";}
.main .family dl dt.on {width:calc(100% - (128px * 7)); display:table; table-layout:fixed;}
.main .family dl dt.on > div {vertical-align:middle; display:table-cell;}
.main .family dl dt.on h3:after {width:1px; height:40px; margin:17px auto 15px auto; background:rgba(255,255,255,0.50); display:block; content:"";}
.main .family dl dt p {font-weight:500;}
.main .family dl dt .btnC {margin-top:36px;}
.main .family dl dd {position:absolute; top:0; left:50%; width:1920px; margin-left:-960px; z-index:5;}
/* 멤버십 */
.main .membership {padding:120px 0; overflow:hidden;}
.main .membership > div:first-child {width:1200px; margin:auto;}
.main .membership  h3 {margin-bottom:16px; font-size:24px;}
.main .membership .btnL {margin-top:35px;}
.main .membership .hgroup {position:relative; margin:21px 0 0 100px;}
.main .membership .hgroup h2 {margin-bottom:40px; font-size:44px; color:#333; line-height:50px; font-weight:900;}
.main .membership .hgroup p {margin-left:59px; font-size:16px; line-height:24px;}
.main .membership .hgroup p.blt:before {margin:4px 0 0 -59px;}
.main .membership .prestige {width:490px; margin:83px 0 0 30px; padding:69px 64px 67px 70px; border:1px solid #cfcecd;}
.main .membership .prestige h3 {color:#4d4e4e;}
.main .membership .prestige .note {margin-top:17px; opacity:0.5;}
.main .membership .rewards {position:absolute; top:120px; left:50%; width:960px; height:530px; margin-left:-50px; background:#615c58;}
.main .membership .rewards figure {width:100%; height:100%; display:table; table-layout:fixed;}
.main .membership .rewards figure > * {vertical-align:bottom; display:table-cell;}
.main .membership .rewards figcaption {width:400px; padding:70px; color:#fff;}
.main .membership .rewards h3 {color:#fff;}
.main .membership .rewards span {position:relative; padding-top:65px;}
.main .membership .rewards img {position:absolute; top:65px;}
/* 웨딩/미팅 */
.main .convention {width:100%; padding-bottom:80px; display:table; table-layout:fixed;}
.main .convention > * {display:table-cell;}
.main .convention:before {width:70px; display:table-cell; content:"";}
.main .convention > div {padding:92px 70px 100px 0; text-align:center; background:#f5f5f5;}
.main .convention h2 {margin-bottom:32px; font-size:47px; color:#333;}
.main .convention p {width:410px; margin:0 auto; color:#333; text-align:left;}
.main .convention p.blt:before {margin:4px 0 0 -49px;}
.main .convention .btnC {margin-top:35px;}
.main .convention .btnC .btn {margin:0 3.5px;}
.main .convention .btnC .btn:after {margin-left:20px;}
/* 소셜/뉴스레터 */
.main .social {padding:115px 0 120px 0; background:url(/assets/hub/global/images/bg/bg_idxBtm.jpg) 50% 0 no-repeat;}
.main .social > div {width:1200px; margin:0 auto;}
.main .social h2 {margin-bottom:28px; font-size:34px; color:#333; text-align:center;}
.main .social h2:not(:first-of-type) {margin-top:95px;}
.main .social dl.sns {width:100%; display:table;}
.main .social dl.sns > dd {width:25%; vertical-align:middle; display:table-cell;}
.main .social dl.sns > dd:not(:first-of-type) {padding-left:1px;}
.main .social dl.sns dl {width:100%; height:100%; padding:29px 0 32px 0; text-align:center; background:rgba(255,255,255,0.85);}
.main .social dl.sns dl dt {margin-bottom:27px; font-size:18px; color:#333; font-weight:700;}
.main .social dl.sns dl dd {padding:0 15px; display:inline-block;}
.main .social dl.sns dl dd:not(:first-of-type) {border-left:1px solid #ddd;}
.main .social dl.newsletter {width:100%; margin-bottom:15px; display:table;}
.main .social dl.newsletter > dd {display:table-cell;}
.main .social dl.newsletter > dd:nth-of-type(1) {width:287px; padding-right:1px;}
.main .social dl.newsletter > dd:nth-of-type(1) .select2 {width:100% !important;}
.main .social dl.newsletter > dd:nth-of-type(2) input {height:60px; background:rgba(255,255,255,0.85);}
.main .social dl.newsletter > dd:nth-of-type(3) {width:250px;}
.main .social dl.newsletter > dd:nth-of-type(3) .btn {width:100%;}
/*.main .social input[type="checkbox"] {width:30px !important; height:30px !important; margin-right:-33px !important;}
.main .social input[type="checkbox"] + label {padding-left:50px; font-size:14px; color:#fff; line-height:30px;}
.main .social input[type="checkbox"] + label:before {width:30px; height:30px; margin-top:-15px; background:rgba(255,255,255,0.85);}*/
.main .social .btn.txt {float:right; margin-top:5px;}
/* 뉴스레터 */
.main .newsletter + .agree .tooltip {width:562px;}
@media only screen and (max-width:1280px) {
    .main .visual .slide figure > span img {width:1532px; height:782px; margin-left:-126px;}
    .main .visual .slide figcaption h3 {font-size:60px;}
    .main .visual .slide figcaption h3:before {margin-bottom:31px;}
    
    .main .offers {padding:0 10px;}
    .main .offers > section {padding:314px 0 80px 0;}
    .main .offers .hgroup {padding-top:30px;}
    .main .offers .hgroup:before {margin-bottom:13px;}
    .main .offers .hgroup h2 {margin-bottom:13px; font-size:48px;}
    
    .main .stays {padding:80px 0 !important;}
    .main .stays::before {top:230px; margin-left:810px;}
    .main .stays h2 {margin-bottom:32px; font-size:60px;}
    .main .stays h3 a {font-size:18px; line-height:30px;}
    .main .stays h3 a:before {bottom:-2px;}
    .main .stays h3.on a, .main .stays h3 a:hover {font-size:28px;}
    .main .stays h3:nth-of-type(1) {top:144px;}
    .main .stays h3:nth-of-type(2) {top:189px;}
    .main .stays h3:nth-of-type(3) {top:234px;}
    .main .stays .offer {top:93px; width:360px; height:460px;}
    .main .stays .offer h5 {width:460px; margin-left:-35px;}
    .main .stays .offer figcaption {height:232px; padding:35px 39px;}
    .main .stays .offer figcaption h6 {max-height:52px; font-size:22px; line-height:26px; overflow:hidden;}
    .main .stays .offer span {height:228px;}
    .main .stays .offer span img {width:100%;}
    .main .stays .offer figcaption dl {bottom:39px;}
    .main .stays .slide > li {height:436px;}
    .main .stays .slide > li img {width:auto; height:100%;}
    .main .stays .bx-wrapper {margin-left:-1890px !important;}
    .main .stays .bx-viewport::before {width:100px; height:100px;}
    .main .stays hgroup {margin-top:34px; padding-left:626px;}
    .main .stays hgroup::before {left:537px; font-size:100px;}
    .main .stays hgroup h4 {margin-bottom:8px; font-size:14px;}
    .main .stays hgroup h5 {font-size:31px;}
    #stayVista .bx-viewport:before {background-size:66px auto;}
    #stayGrand .bx-viewport:before {background-size:80px auto;}
    #stayDouglas .bx-viewport:before {}
    
    .main .eat {padding:120px 0;}
    .main .eat .hgroup {margin:-9px 0 0 -547px;}
    .main .eat .hgroup h2 {font-size:60px;}
    .main .eat .hgroup h2::after {margin-top:24px;}
    .main .eat .slide ol.pic {width:1200px; padding:0;}
    .main .eat .slide ol.pic > li:nth-child(1) {margin-left:370px;}
    .main .eat .slide ol.pic > li:nth-child(2) {width:450px; height:640px; margin-top:89px;}
    .main .eat .slide ol.pic > li:nth-child(3) {width:725px; height:414px;}
    .main .eat .slide ol.pic > li figure, .main .eat .slide ol.pic > li span, .main .eat .slide ol.pic > li img {height:100%;}
    .main .eat .bx-viewport {height:999px !important; margin-top:-89px;}
    .main .eat .bx-controls-direction a {margin:-44px 0 0 -541px;}
    .main .eat .bx-controls-direction a.bx-next {margin-left:-480px;}
    
    .main .play {padding:80px 0;}
    .main .play h2 {left:696px; margin-top:10px; font-size:60px; text-align:left;}
    .main .play h2 em {padding-left:4px;}
    .main .play .slide li {width:1318px !important; margin-right:0 !important;}
    .main .play .slide figure {height:468px;}
    .main .play .slide figure > span {width:768px;}
    .main .play .slide figure img {height:448px;}
    .main .play .slide figure figcaption {padding:133px 0 0 60px;}
    .main .play .slide h3 {left:644px; bottom:89px; width:248px; height:70px; padding:18px 0 0 30px; font-size:14px;}
    .main .play .slide h3 em {font-size:26px;}
    .main .play .slide .btnL {margin-top:55px;}
    .main .play .bx-wrapper {margin-left:-128px !important;}
    .main .play .bx-viewport {height:468px !important;}
    .main .play .bx-controls-direction a {left:1098px;}
    
    .main .story {padding:80px 0 75px 0;}
    .main .story .hgroup {left:140px; margin-left:0;}
    .main .story .hgroup h2 {margin:24px 0 25px 0; font-size:42px; line-height:40px;}
    .main .story .hgroup h2:before {margin-top:6px;}
    .main .story .slide li {width:300px !important; margin-right:10px !important;}
    .main .story .slide li figure img {width:100%;}
    .main .story .slide figcaption {padding:26px 16px 0 0;}
    .main .story .slide h3 {font-size:18px; line-height:24px;}
    .main .story .bx-pager {margin:108px 0 0 -501px;}
    .main .story .bx-viewport {margin-left:500px;}
    
    .main .family dl {height:420px;}
    .main .family dl dt:not(.on) {width:100px;}
    .main .family dl dt:not(.on) h3 figcaption {top:183px; left:-103px; font-size:14px;}
    .main .family dl dt:not(.on):after {bottom:40px; width:40px; height:4px;}
    .main .family dl dt.on {width:calc(100% - (100px * 7));}
    .main .family dl dd {text-align:center;}
    .main .family dl dd img {height:420px;}
    
    .main .membership {padding:80px 0;}
    .main .membership .hgroup {margin-left:109px;}
    .main .membership .hgroup h2 {margin-bottom:20px; font-size:36px; line-height:42px;}
    .main .membership .rewards {height:430px; margin-left:-59px;}
    .main .membership .rewards figcaption {width:372px;}
    .main .membership .rewards span {padding-top:107px;}
    .main .membership .rewards img {top:107px; height:354px;}
    .main .membership .prestige {width:480px; margin:80px 0 0 49px; padding:59px 54px 57px 60px;}
    
    .main .convention::before {width:80px;}
    .main .convention > div {padding:56px 80px 60px 0;}
    .main .convention h2 {margin-bottom:17px; font-size:38px;}
    
    .main .social {padding:75px 0 80px 0;}
    .main .social h2:not(:first-of-type) {margin-top:55px;}
}


/* 소개
------------------------------------------------------------------------------- */
/* 호텔앤리조트 */
.about .overview .table.row, .about .overview > section.table, .about .overview .hotelBrand {width:1200px !important; margin:0 auto !important;}
.about .overview .table.row {position:relative; margin-top:-80px !important; margin-bottom:80px !important;}
.about .overview .table.row h2 {margin:80px 0 28px 0;}
.about .overview .table.row p:first-of-type {margin-bottom:65px;}
.about .overview .table figcaption, .about .overview .hotelBrand h3 + p, .about .overview .vision > * {text-align:center;}
.about .overview > section.table {padding:0 0 80px 0 !important;}
.about .overview > section.table figure:first-of-type {padding-right:20px;}
.about .overview > section.table figure > img:nth-of-type(2) {margin-left:17px;}
.about .overview > section.table:nth-of-type(4), .about #contents.overview div.sectionBg > .hotelBrand {padding-bottom:100px !important;}
.about .overview > section.table figure figcaption {height:306px;}
.about .overview > section.table figure figcaption h3 {margin-bottom:19px;}
.about #contents.overview .hotelBrand > h3 {font-size:32px; margin-bottom:18px;}
.about .overview .hotelBrand ol.pic > li {margin-top:40px;}
.about .overview .hotelBrand ol.pic > li:not(:nth-child(4n)) {margin-right:40px;}
.about .overview .hotelBrand ol.pic > li figcaption {display:none;}
.about .overview .hotelBrand ol.pic > li:hover figcaption {display:block;}
.about .overview .vision {margin-top:50px; padding-bottom:100px; border-bottom:1px solid #e8e8e8;}
.about .overview .vision dt:not(:last-of-type), .about .overview .vision dd:not(:last-of-type) {margin-right:40px;}
.about .overview .vision dt {position:relative; width:220px; height:220px; margin-bottom:30px;}
.about .overview .vision.info03 > dt:nth-of-type(odd), .about .overview .vision.info03 > dd:nth-of-type(odd) {clear:inherit; float:left;}
.about .overview .vision dt:not(:first-child) {margin-top:-250px;}
.about .overview .vision dt:before {position:absolute; top:0; left:50%; width:220px; height:220px; margin-left:-110px; background:url(/assets/hub/global/images/bg/bg_aboutHotel.jpg) no-repeat; display:block; content:""; z-index:-1;}
.about .overview .vision dt:nth-of-type(2):before {transform:rotate(90deg);}
.about .overview .vision dt:nth-of-type(3):before {transform:rotate(180deg);}
.about .overview .vision dt:nth-of-type(4):before {transform:rotate(270deg);}
.about .overview .vision dt h4 {height:220px; font-weight:500;  font-size:32px; color:#6c7594;}
.about .overview .vision dd {width:220px; word-break:keep-all;}
.about .overview .vision.info03 dd:first-of-type {clear:both; margin-right:15px;}
.about .overview .vision.info03 dt:first-of-type {margin-right:15px;}
.about .overview .vision dt:nth-of-type(2), .about .overview .vision dd:nth-of-type(2) {width:270px; margin-right:15px;}
.about .overview .vision dd em span {height:70px; line-height:22px;}
.about .overview .branding .point01 {margin-bottom:10px; font-size:15px; text-align:center;}
.about .overview .branding  h4 {margin-top:0; margin-bottom:22px; font-size:28px; color:#333; text-align:center;}
.about .overview .branding > ul > li {padding-right:14px;}
.about .overview .branding > ul > li:last-child {padding-right:0;}
.about .overview .branding > h5 {margin-top:25px; font-size:14px; text-align:center;}
.about .overview .branding h5 + p {margin-top:5px; text-align:center;}
.about .overview .branding .btnC {margin-top:25px;}
.about .overview .branding .btnC a {padding:0 60px;}
/* 역사 */
.about .history h2 {padding:80px 0 20px 0; background:#fff;}
.about .history ol {position:relative;}
.about .history ol:before {position:absolute; top:50px; left:50%; width:1px; height:calc(100% - 100px); background:#ccd4d2; display:block; content:""; z-index:-3;}
.about .history ol li {position:relative; margin-top:90px;}
.about .history ol li mark {position:absolute; top:45px; left:50%; width:130px; height:130px; margin-left:-65px; padding-top:37px; font-weight:400; color:#333; text-align:center; font-style:italic; background:none;}
.about .history ol li mark:before, .about .history ol li mark:after {position:absolute; top:20px; left:20px; border:1px solid #d2d9d8; transform:rotate(135deg); display:block; content:""; z-index:-2;}
.about .history ol li mark:before {width:90px; height:90px; background:#fff;}
.about .history ol li mark:after {top:26px; left:26px; width:78px; height:78px; background:#e3e8e9; z-index:-1;}
.about .history ol li mark em {margin-top:6px; font-weight:700; font-size:33px; font-style:normal; display:block;}
.about .history ol li figure {width:1240px; margin:0 -120px;}
.about .history ol li > figure > * {width:620px; height:220px; padding:0 120px;}
.about .history ol li figure figcaption h3 {margin-bottom:15px; font-size:18px; line-height:26px;}
/* 브랜드 */
.about .brand div:not(.location) h4, .about .brand figcaption h4 {margin-bottom:15px; font-size:52px; line-height:60px; font-weight:900;}
.about .brand .douglas h4, .about .brand .darakhyu h4 {margin-left:-4px;}
.about .brand figure.info, .about .brand > div:not(.location) > section, .about .brand > section {width:1200px !important; margin:0 auto;}
.about .brand figure.info:not(.table) figcaption {display:block;}
.about .brand figure.info.table {margin-top:100px; table-layout:fixed;}
.about .brand figure.info.table > figcaption:nth-child(1) {padding-right:100px;}
.about .brand figure.info.table > figcaption:nth-child(2) {padding-left:100px;}
.about .brand figure.info h5, .about .brand .hgroup h5 {margin-bottom:25px; font-size:22px;}
.about .brand figure.info h5 + p, .about .brand .hgroup h5 + p {padding-bottom:25px; border-bottom:1px solid #ccc; opacity:0.8;}
.about .brand dl.info01.st01 {float:left; margin-top:26px;}
.about .brand dl.info01.st01 > * {opacity:0.8;}
.about .brand .btnR {margin-top:30px;}
.about .brand .vista {padding-bottom:100px; color:#fff; background:#e6ebec;}
.about .brand .vista h4, .about .brand .vista h5 {color:#fff;}
.about .brand .vista h4, .about .brand .grand h4 {letter-spacing:-0.05em;}
.about .brand .vista figure {position:relative; margin-top:-80px !important;}
.about .brand .vista figcaption {width:610px; padding:0 100px 0 0 !important;}
.about .brand .grand figcaption {width:600px;}
.about .brand .douglas span img {margin-left:-230px;}
.about .brand .douglas figcaption {width:550px;}
.about .brand .darakhyu {margin-top:100px; background:url(/assets/hub/global/images/bg/bg_darakhyu01.jpg) 50% 0 no-repeat;}
.about .brand .darakhyu > section {padding-left:150px !important;}
.about .brand .darakhyu .hgroup {position:absolute; width:450px; margin-top:132px; color:#fff; z-index:60;}
.about .brand .darakhyu .hgroup h4, .about .brand .darakhyu .hgroup h5 {color:#fff;}
.about .brand .darakhyu figure.info figcaption {width:550px; padding-top:38px;}
.about .brand .darakhyu .bx-controls-direction a.bx-prev {margin-left:-116px;}
.about .brand .darakhyu .bx-controls-direction a.bx-next {margin-left:-55px;}
.about .brand .transit {position:relative;}
.about .brand .transit:before {position:absolute; bottom:0; left:0; width:100%; height:340px; background:#f4f4f4; display:block; content:"";}
.about .brand .transit .hgroup {position:absolute; left:600px; width:500px; margin-top:97px; z-index:60;}
.about .brand .transit .hgroup p {border-bottom:0 none;}
.about .brand .transit figure.info {margin-top:50px;}
.about .brand .transit figcaption {width:700px; padding-top:194px; padding-right:100px;}
.about .brand .transit .bx-wrapper {margin-bottom:30px !important;}
.about .brand .transit .bx-controls-direction a.bx-next {margin-left:61px;}
.about .brand ol.pic {margin:80px 0 0 -20px;}
.about .brand ol.pic h5 {margin:28px 0 12px 0;}
.about .brand ol.pic h6 {margin-bottom:12px; font-size:14px;}
.about .brand ol.pic figure {height:370px; overflow:hidden;}
.about .brand ol.pic figure figcaption .btnC {margin-top:35px;}
.about .brand ol.pic figure:hover figcaption {margin-top:-370px;}
/* 가이드맵 */
.about .guideMap .location:after {display:none;}
.about .guideMap .guideCont {position:relative; width:1200px; margin:-80px auto 0 auto; padding:30px; background:rgba(255,255,255,0.80);}
.about .guideMap .guideCont > figure {position:relative;}
.about .guideMap .guideCont figcaption {display:block;}
.about .guideMap .courseArea ul {position:absolute; top:37px; right:30px; text-align:right;}
.about .guideMap .courseArea ul li {margin-bottom:4px;}
.about .guideMap .courseArea figure {display:none;}
.about .guideMap .courseArea figure > span {position:absolute;}
.about .guideMap .courseArea figure > figcaption {top:230px; right:40px;}
.about .guideMap .courseArea figure.courseA span {top:181px; left:116px;}
.about .guideMap .courseArea figure.courseB span {top:234px; left:428px;}
.about .guideMap .courseArea figure.courseC span {top:183px; left:122px;}
.about .guideMap .courseArea figure.courseD span {top:212px; left:307px;}
.about .guideMap .courseArea figure.courseJ span {top:179px; left:121px;}
.about .guideMap .courseArea figcaption {position:absolute; width:300px; box-shadow:0 0 21px rgba(0,0,0,0.50);}
.about .guideMap .courseArea figcaption div {padding:47px 40px 36px 40px; background:#fff;}
.about .guideMap .courseArea figcaption h2 {font-size:22px;}
.about .guideMap .courseArea figcaption h2 em {width:80px; height:2px; margin-left:10px; font-size:0; vertical-align:9px; display:inline-block;}
.about .guideMap .courseArea figcaption h2 em.courseA {background:#1f43c8;}
.about .guideMap .courseArea figcaption h2 em.courseB {background:#93217f;}
.about .guideMap .courseArea figcaption h2 em.courseC {background:#0c79de;}
.about .guideMap .courseArea figcaption h2 em.courseD {background:#da6125;}
.about .guideMap .courseArea figcaption h2 em.courseJ {background:#da2525;}
.about .guideMap .courseArea figcaption dl {font-weight:700;}
.about .guideMap .courseArea figcaption dl.course {margin-top:20px;}
.about .guideMap .courseArea figcaption dl.course dt {height:30px; margin-bottom:5px; color:#333; line-height:29px; text-align:center; border-radius:5px; background:#dfdfdf;}
.about .guideMap .courseArea figcaption dl.info01 {margin-top:15px;}
.about .guideMap .courseArea figcaption p {margin-top:15px; padding-top:15px; font-size:12px; line-height:20px; border-top:1px solid #dfdfdf;}
.about .guideMap .courseArea figcaption .ico.close {top:40px; right:40px;}
.about .guideMap .infoArea {position:absolute; bottom:0; width:100%;}
.about .guideMap .infoArea h2 {font-size:14px; color:#fff; font-weight:500; text-align:center;}
.about .guideMap .infoArea dl {height:37px; margin:0 30px 20px 30px; table-layout:fixed;}
.about .guideMap .infoArea dl > dt {width:150px; background:rgba(35,107,126,0.78);}
.about .guideMap .infoArea dl > dd {padding-left:5px;}
.about .guideMap .infoArea dl > dd .icon {margin-left:15px;}
.about .guideMap .infoArea ul.table {padding:20px 27.5px 36px 27.5px; background:rgba(0,0,0,0.24); table-layout:fixed;}
.about .guideMap .infoArea ul.table > li {width:calc(100% / 7); padding:0 2.5px;}
.about .guideMap .infoArea ul.table h2 {height:37px; margin-bottom:10px; background:#344043;}
.about .guideMap .infoArea ul.table ul li:not(:first-of-type) {margin-top:4px;}
.about .guideMap .infoArea ul.table:nth-of-type(1) > li:nth-child(2) ul {float:left;}
.about .guideMap .infoArea ul.table:nth-of-type(1) > li:nth-child(2) ul:nth-of-type(1) {min-width:75px; margin-right:-13px;}
.about .guideMap .popup.st02 {top:50%; left:50%;}
.about .guideMap .popup.st02 .btn.base.st03 {background:#fff;}
/* 아카데미 */
.about #contents.academy > section {padding:0 0 50px 0; background:#fff;}
.about .academy .h3group {padding-top:60px; text-align:center;}
.about .academy .h3group h4 {margin-bottom:0; padding-bottom:0; font-size:40px;}
.about .academy .h3group h4:before {width:71px; height:67px; margin-right:20px; background:url(/assets/hub/global/images/etc/pic_academyLogo01.jpg) no-repeat; vertical-align:-18px; display:inline-block; content:"";}
.about .academy .h3group p {margin-top:11px; line-height:22px;}
.about .academy .academyInfo {margin-top:60px;}
.about .academy .academyInfo li figure {display:table;}
.about .academy .academyInfo li figure span img { vertical-align:top;}
.about .academy .academyInfo li figure span, .about .academy .academyInfo li figure figcaption {width:500px; display:table-cell;}
.about .academy .academyInfo li figure figcaption {padding:50px; vertical-align:middle;}
.about .academy .academyInfo li figure figcaption h5 {margin:0 0 14px 0; font-weight:700; font-size:20px; color:#333; text-align:left;}
.about .academy .sectionBg h4 {margin:0 0 33px 0; font-size:28px; text-align:center;}
.about .academy .sectionBg {padding:60px 0;}
.about #contents.academy .sectionBg > section {padding:70px 130px !important; font-size:13px; border:1px solid #e8e8e8; background:#fff; display:block;}
.about .academy .sectionBg > section hr {margin:50px 0;}
.about .academy .sectionBg > section > section:after {clear:both; display:block; content:"";}
.about .academy .sectionBg > section section div {float:left; width:604px;}
.about .academy .sectionBg > section section div strong {font-weight:700; font-size:18px; color:#333;}
.about .academy .sectionBg > section section div strong:after {width:25px; height:2px; margin:11px 0 17px 0; background:#dadcdf; display:block; content:"";}
.about .academy .sectionBg > section section div p {font-size:14px; line-height:21px;}
.about .academy .sectionBg > section section div + figure {float:right;}
.about .academy .sectionBg > section dl {width:100%; display:table;}
.about .academy .sectionBg > section dl dt {width:194px; font-weight:700; font-size:16px; color:#333; display:table-cell;}
.about .academy .sectionBg > section dl dd {padding:28px 0; border-top:1px solid #e8e8e8; display:table-cell;}
.about .academy .sectionBg > section dl dd .note.st03 {margin-left:10px; color:#6c7594;}
.about .academy .sectionBg > section dl dd .note.st03:not(ol):not(ul):before {color:#6c7594;}
.about .academy .sectionBg > section dl dd .note:not(ol):not(ul):before {margin:0 7px 0 -13px;}
.about .academy .sectionBg > section dl:nth-child(3) dd {padding-top:0; border-top:0 none;}
.about .academy .sectionBg > section dl:nth-child(5) dd {padding-bottom:0;}
.about .academy .sectionBg > section dl dd span:first-child {margin-left:0;}
.about .academy .sectionBg > section dl:not(:nth-of-type(2)) dd span {display:block;}
.about .academy .tabArea {position:relative;}
.about .academy .tabArea.st03 {width:1000px; margin:60px auto 0 auto; padding-top:50px !important;}
.about .academy .tabCont > section {border:1px solid #e8e8e8; border-top:0 none;}
.about .academy .tabCont > section img {vertical-align:top;}
.about .academy .tabArea.st03 > h5 {width:20%;}
.about .academy .tabArea.st03 > h5 {position:absolute; top:0; left:50%; margin:0 !important;}
.about .academy .tabArea.st03 > h5:nth-of-type(1) {left:0;}
.about .academy .tabArea.st03 > h5:nth-of-type(2) {left:20%;}
.about .academy .tabArea.st03 > h5:nth-of-type(3) {left:40%;}
.about .academy .tabArea.st03 > h5:nth-of-type(4) {left:60%;}
.about .academy .tabArea.st03 > h5:nth-of-type(5) {left:80%;}
.about .academy .tabArea.st03 > h5:nth-of-type(1) a {border-right:0;}
.about .academy .tabArea.st03 > h5.on a {position:relative; color:#fff; line-height:50px; border:0; background:#333;}
.about .academy .tabArea.st03 > h5 a {font-weight:400;; font-size:14px; color:#666; line-height:48px; text-align:center; background:#fff; border:1px solid #e8e8e8; display:block;}
/* 외부사업부 */
.about #contents.csBiz > section {padding-bottom:50px !important;}
.about .csBiz .visual {margin-bottom:28px;}
.about .csBiz .visual + p {margin-bottom:48px;}
.about .csBiz .thumb figcaption {padding:0 50px; border:1px solid #e8e8e8; border-left:0;}
.about .csBiz .thumb figcaption h5 {line-height:24px;}
.about .csBiz .thumb figcaption h5:after {width:20px; height:2px; margin-top:12px; background-color:#dadcdf; display:block; content:"";}
.about .csBiz .thumb figcaption .icon + dd {padding-left:9px;}
.about .csBiz .thumb figcaption a {float:right; font-size:12px; color:#6c7594;}
.about .csBiz .thumb figcaption a:after {width:25px; height:4px; margin-left:6px; vertical-align:middle; background:url(/assets/hub/global/images/ico/ico_arrow09.png) no-repeat; display:inline-block; content:"";}
.about .csBiz .thumb figcaption p {margin:18px 0;}
.about .csBiz .thumb figcaption dl.info01 {float:left;}
.about .csBiz .thumb figcaption dl.row, .about .csBiz .thumb figcaption dl.row dt, .about .csBiz .thumb figcaption dl.row dd {display:block;}
.about .csBiz .thumb figcaption dl.row dd {padding:0;}
.about .csBiz .thumb figcaption dl.row dd ul {padding:7px 0 0 26px; display:inline-block;}
.about .csBiz .thumb figcaption dl.row dd ul li {font-weight:400; font-size:12px;}
.about .csBiz .sectionBg h4 {margin-top:0; font-size:28px; text-align:center;}
.about .csBiz .sectionBg p.tr {margin:-20px 0 30px 0;}
.about .csBiz .sectionBg p.tr > span:first-of-type {margin-right:18px;}
.about .csBiz .Hstr {position:relative; padding-top:50px; border-top:1px solid #e8e8e8;}
.about .csBiz .Hstr:after {position:absolute; top:50px; left:50%; width:1px; height:calc(100% - 50px); border-right:1px dashed #cecece; content:"";}
.about .csBiz .Hstr section {margin-bottom:50px; display:table;}
.about .csBiz .Hstr section:last-child {margin-bottom:0; padding-bottom:30px;}
.about .csBiz .Hstr section div, .about .csBiz .Hstr section figure {vertical-align:top; display:table-cell;}
.about .csBiz .Hstr section figure {padding-top:45px;}
.about .csBiz .Hstr section div h5 {margin:-2px 0 26px 0;}
.about .csBiz .Hstr section div {width:531px;}
.about .csBiz .Hstr section div dl {width:472px; margin-bottom:12px;}
.about .csBiz .Hstr section div dl:last-child {margin-bottom:0;}
.about .csBiz .Hstr section div dl dd.p {color:#6c7594;}
.about .csBiz .Hstr section .HstrR h5:before, .about .csBiz .Hstr section .HstrL h5:after {position:relative; width:15px; height:15px; border:2px solid #6c7594; border-radius:99px; -webkit-border-radius:99px; -moz-border-radius:99px; -ms-border-radius:99px; background:#fff; display:inline-block; z-index:1; content:"";}
.about .csBiz .Hstr section .HstrR {padding-left:60px;}
.about .csBiz .Hstr section .HstrR h5 {text-align:left;}
.about .csBiz .Hstr section .HstrR h5:before {margin-left:-36px; margin-right:20px;}
.about .csBiz .Hstr section .HstrR dl {display:table;}
.about .csBiz .Hstr section .HstrR dl dt {width:52px; display:table-cell;}
.about .csBiz .Hstr section .HstrR dl dd {padding-left:15px; display:table-cell;}
.about .csBiz .Hstr section .HstrL {padding-right:60px;}
.about .csBiz .Hstr section .HstrL h5 {text-align:right;}
.about .csBiz .Hstr section .HstrL h5:after {margin-right:-36px; margin-left:20px;}
.about .csBiz .Hstr section .HstrL dl {position:relative;}
.about .csBiz .Hstr section .HstrL dt {position:absolute; right:0; width:52px; margin-left:15px; text-align:right;}
.about .csBiz .Hstr section .HstrL dd {margin-right:62px; text-align:right;}


/* 행사
------------------------------------------------------------------------------- */
.offer .location {margin-bottom:0;}
.offer .location:after {content:none;}
.offer .overlap {padding:81px 0 80px 0; background:#e6ebec;}
.offer .overlap:before {position:relative; width:calc(50% + 110px); height:1px; margin-top:-1px; background:#8c8f8f; display:block; content:""; z-index:40;}
.offer .overlap > .slide {width:1000px; margin:-162px auto 0 auto; z-index:50;}
.offer .overlap .slide li h4 {margin-bottom:17px; padding-right:48px; font-size:20px; font-weight:900; color:#333; text-align:right;}
.offer .overlap .slide li h4 span {font-weight:400;}
.offer .overlap .slide li h4:after {margin-left:10px; font-size:41px; font-weight:700; color:#333; letter-spacing:-0.065em; vertical-align:-2px; display:inline-block; content:"01"; transform:skewX(-11deg);}
.offer .overlap .slide li h4 em {position:relative;}
.offer .overlap .slide li h4 em:before {position:absolute; top:15px; left:-137px; width:120px; height:1px; background:#8c8f8f; display:block; content:""; z-index:60;}
.offer .overlap .slide li:nth-child(2) h4:after {content:"02";}
.offer .overlap .slide li:nth-child(3) h4:after {content:"03";}
.offer .overlap .slide li:nth-child(4) h4:after {content:"04";}
.offer .overlap .slide li:nth-child(5) h4:after {content:"05";}
.offer .overlap .slide li:nth-child(6) h4:after {content:"06";}
.offer .overlap .slide li:nth-child(7) h4:after {content:"07";}
.offer .overlap .slide li:nth-child(8) h4:after {content:"08";}
.offer .overlap .slide li:nth-child(9) h4:after {content:"09";}
.offer .overlap .slide li:nth-child(10) h4:after {content:"10";}
.offer .overlap .slide figure {table-layout:fixed;}
.offer .overlap .slide figure > span, .offer .overlap .slide .autoImg {position:relative; width:450px; height:590px;}
.offer .overlap .slide figure > span:after {position:absolute; top:20px; left:20px; width:calc(100% - 40px); height:calc(100% - 40px); border:1px solid rgba(255,255,255,0.60); display:block; content:"";}
.offer .overlap .slide figure img {min-width:100%; min-height:100%;}
.offer .overlap .slide figcaption {position:relative; padding:0 50px 45px 0;}
.offer .overlap .slide figcaption > div {position:relative; width:600px; min-height:353px; margin-left:-100px; padding:116px 73px 35px 80px; background:rgba(255,255,255,0.90);}
.offer .overlap .slide figcaption > div:before {position:absolute; top:20px; left:20px; width:calc(100% - 20px); height:calc(100% - 20px); border-top:1px solid rgba(23,23,23,0.10); border-left:1px solid rgba(23,23,23,0.10); display:block; content:"";}
.offer .overlap .slide figcaption mark {position:absolute; top:41px; left:0; width:260px; height:40px; padding-left:40px; font-weight:700; line-height:40px; text-align:left;}
.offer .overlap .slide figcaption h5 {margin-bottom:10px; font-size:24px; line-height:30px; word-break:keep-all;}
.offer .overlap .slide figcaption p {max-height:44px; margin-bottom:7px; font-size:16px; overflow:hidden;}
.offer .overlap .slide figcaption dl dd:nth-of-type(2) {position:absolute; bottom:64px;}
.offer .overlap .slide figcaption dl dd:nth-of-type(2) strong {font-size:20px; color:#6c7594;}
.offer .overlap .bx-wrapper {width:1000px; margin-top:-162px !important;}
.offer .overlap .bx-controls-direction a {margin-top:-45px; margin-left:279px;}
.offer .overlap .bx-controls-direction a.bx-next {margin-left:340px;}
.offer #contents section {width:1200px !important;}
.offer .tabArea.st03.em01 > h3 {width:600px;}
.offer .tabArea.st03.em01 > h3:first-of-type {left:50%; margin-left:-600px !important;}
.offer .tabArea.st03.st01.em01 > h3 {left:50%; width:400px;}
.offer .tabArea.st03.st01.em01 > h3:nth-of-type(2) {margin-left:-200px !important;}
.offer .tabArea.st03.st01.em01 > h3:nth-of-type(3) {margin-left:200px !important;}
.offer .smart .intro .tabMenu {margin:-70px 0 150px 0;}
.offer .smart .intro figure {padding:0 50px 50px 0;}
.offer .smart .intro figure span img {margin:-50px -600px -50px 0;}
.offer .smart .intro figure figcaption {position:relative; width:550px; height:400px; padding:50px 63px 50px 70px; font-size:16px; color:#333; line-height:24px; background:rgba(255,255,255,0.90);}
.offer .smart .intro figure figcaption h1 {margin-bottom:36px; font-size:52px; color:#333;}
.offer .smart .intro figure figcaption p + p {margin-top:22px;}
.offer  h2 {margin:50px 0 39px 0; font-size:52px;}
.offer  h2 span {font-weight:400;}
.offer  h2 span.em01 {margin:28px 0 7px 0; font-size:28px; display:block;}
.offer  h2 span.em01:last-child {margin:11px 0 0 0;}
.offer  h2 em {font-weight:200;}
.offer  h2 + .subtxt {margin:-28px 0 32px 0 !important;}
.offer .smart .tabArea.st03 .tabCont, .offer .smart .tabArea.st03 dl.info {width:1200px; margin:0 auto;}
.offer .smart .tabArea.st03 .tabCont {position:relative;}
.offer .smart .tabArea.st03 dl.info {margin-top:40px; padding:0 30px 0 40px;}
.offer .smart .tabArea.st03 dl.info > dt {width:218px;}
.offer .smart .tabArea.st03 dl.info > dd {padding:1px 0 1px 30px; border-left:1px solid #dcdcdc;}
.offer .smart .caption {position:absolute; bottom:30px; left:50%; width:calc(100vw/2 + 200px); min-height:150px; margin-left:-200px; padding:35px 40px 30px 50px; font-size:16px; line-height:24px; background:rgba(255,255,255,0.90); z-index:15;}
.offer .smart .caption h4 {margin-bottom:10px; font-size:22px;}
.offer .smart .caption .note.tr {position:absolute; top:35px; width:752px;}
.offer .smart > figure.table {width:1200px; margin:50px auto 100px auto; table-layout:fixed;}
.offer .smart > figure.table figcaption {width:450px; padding-left:70px;}
.offer .smart > figure.table h2 {margin:0 0 24px 0; line-height:62px; letter-spacing:-0.035em;}
.offer .smart > figure.table h2 + p {margin-top:30px;}
.offer .smart > figure.table h3 {margin-bottom:14px; font-size:36px; line-height:46px; letter-spacing:-0.035em; font-weight:200;}
.offer .smart > figure.table p + p {margin-top:19px;}
.offer .smart > figure.table .btnL {margin-top:55px;}
.offer .smart figure.package.table span img {margin-left:-360px;}
.offer .smart figure.place.table {height:440px; padding-bottom:10px;}
.offer .smart figure.place.table figcaption {position:relative; width:550px; padding-left:60px; background:#fff;}
.offer .smart figure.place.table figcaption:nth-child(1) {padding-right:75px;}
.offer .smart figure.place.table figcaption:nth-child(2) {padding-right:50px;}
.offer .smart figure.place.table span img {margin-bottom:-10px;}
.offer .smart figure.place.table span:nth-child(1) img {margin-right:-480px;}
.offer .smart figure.place.table span:nth-child(2) img {margin-left:-490px;}
.offer .smart .dining {padding-bottom:47px;}
.offer .smart .keyInfo, .offer .smart .sectionBg.st02 {padding-bottom:45px;}
.offer .smart .keyInfo ul {clear:both; height:auto; overflow:hidden;}
.offer .smart .keyInfo ul li {float:left; width:400px; font-size:16px; line-height:26px; text-align:center;}
.offer .smart .keyInfo ul li figure {width:300px; height:200px; margin:0 auto 15px auto; border:1px solid #d1d2d3; background:#fff; display:table;}
.offer .smart .keyInfo ul li figure span {vertical-align:middle; display:table-cell;}
.offer .smart .keyInfo section > p {margin-top:15px; font-size:16px; line-height:26px;}
.offer .smart .keyInfo figure.st01 span {padding-bottom:25px; vertical-align:bottom;}
.offer .smart .keyInfo figure.st01 figcaption {margin-top:15px; font-size:16px; line-height:26px; display:block;}
/* 전체 */
.offer .all .listArea .tabMenu {margin:80px 0 60px 0;}
/* 친구 */
.offer #contents.friend .party h2, .offer #contents.friend .party h3, .offer .friend .activity h2 {text-align:left;}
.offer #contents.friend .party h2 {margin-bottom:18px;}
.offer #contents.friend .party h3 {margin:0 0 25px 0; padding-bottom:29px; font-size:36px; font-weight:200; border-bottom:1px solid #e8e8e8;}
/* 연인 */
.offer .couple .keyInfo li:first-child figure.st01 figcaption {margin-top:24px;}
.offer .couple .keyInfo li:nth-child(2) figure.st01 figcaption {margin-top:21px;}
/* 기획전 */c
.offer .season h1 figure {position:relative; height:780px;}
.offer .season h1 figure span {position:absolute; left:50%; width:1920px; margin-left:-960px;}
.offer .season div.cont {padding-bottom:100px; text-align:center;}
.offer .season div.cont figure {position:relative; margin-top:-150px;}
.offer .season div.cont figure > span {border:30px solid rgba(251,251,251,0.80); display:inline-block;}
.offer .season div.cont + .listArea {margin-top:100px;}
/* 편의시설 */
.offer .facility .overview figure.table h4 {margin-bottom:26px; font-size:32px; font-weight:900;}
.offer .facility .overview figure.table.row h4 {margin-top:58px;}
.offer .facility .overview figure.table p {margin-bottom:11px;}
.offer .facility .overview figure.table .btnL {margin-top:55px;}
.offer .facility .overview figure.table:not(.row) figcaption:nth-child(2) {padding-left:50px;}
.offer .facility .overview figure.table:first-of-type > span img {margin-left:-180px;}
.offer .facility .overview figure.table:first-of-type figcaption {width:400px;}
.offer .facility .overview figure.table:nth-of-type(2) {float:left; width:520px; margin-right:30px;}
.offer .facility .overview figure.table:nth-of-type(3) {float:left; width:700px; margin-right:-50px; margin-bottom:140px;}
.offer .facility .overview figure.table:nth-of-type(3) figcaption > div {padding-left:20px;}
.offer .facility .overview figure.table:nth-of-type(4) {clear:both; float:left; width:750px; margin:200px 30px 100px -100px;}
.offer .facility .overview figure.table:nth-of-type(4) figcaption > div {padding-left:100px;}
.offer .facility .overview figure.table:nth-of-type(5) figcaption > div {width:520px; padding-left:30px;}
.offer .facility .overview figure.table:nth-of-type(6) {position:relative; clear:both; margin:100px 0 0 300px; z-index:10;}
.offer .facility .overview figure.table:nth-of-type(6) figcaption > div, .offer .facility .overview figure.table:nth-of-type(8) figcaption > div {padding-left:300px;}
.offer .facility .overview figure.table:nth-of-type(6) h4, .offer .facility .overview figure.table:nth-of-type(8) h4 {margin:55px 0 24px 0;}
.offer .facility .overview figure.table:nth-of-type(7) {position:relative; clear:both; margin-top:-123px;}
.offer .facility .overview figure.table:nth-of-type(7) figcaption {width:650px; padding-top:186px;}
.offer .facility .overview figure.table:nth-of-type(7):before, .offer .facility .overview figure.table:nth-of-type(7):after, .offer .facility .overview figure.table:nth-of-type(9):before, .offer .facility .overview figure.table:nth-of-type(9):after {position:absolute; top:-540px; width:100%; height:743px; background:#e5dfde; display:block; content:""; z-index:-1;}
.offer .facility .overview figure.table:nth-of-type(7):before, .offer .facility .overview figure.table:nth-of-type(7):after {margin-left:-500px;}
.offer .facility .overview figure.table:nth-of-type(8) {position:relative; clear:both; margin:100px 0 0 300px; z-index:10;}
.offer .facility .overview figure.table:nth-of-type(9) {position:relative; margin:-119px 0 0 -100px;}
.offer .facility .overview figure.table:nth-of-type(9) figcaption {width:650px; padding-top:186px;}
.offer .facility .overview figure.table:nth-of-type(9):before, .offer .facility .overview figure.table:nth-of-type(9):after {top:-442px; height:637px; margin-left:-500px; background:#f7f7f7;}
.offer .facility .overview ol.pic {margin-top:65px;}
.offer .facility .overview ol.pic > li {width:285px; margin-top:55px;}
.offer .facility .overview ol.pic > li:nth-child(4n+1) {clear:both;}
.offer .facility .overview ol.pic > li > h4 {margin:28px 0 11px 0;}


/* 예약
------------------------------------------------------------------------------- */
/* 호텔소개 */
.hotel.overview .location {height:780px; margin-bottom:0; padding-top:220px;}
.hotel.overview .searchArea {margin-bottom:0;}
.hotel.overview > div:not(.searchArea):not(.location) {clear:both; font-size:16px; line-height:24px;}
#contents.hotel.overview > div:not(.location) > section {width:1200px;}
.hotel.overview > div:not(.location) h3, #contents.hotel.overview > .vista > section > h3, #contents.hotel.overview > .douglas > section > h3 {margin-bottom:31px; font-size:57px; line-height:60px; font-weight:900; text-align:left;}
.hotel.overview h3 span {margin-bottom:6px; font-size:26px; line-height:30px; display:block;}
.hotel.overview h3.blt:before {margin:10px 0 0 -50px;}
.hotel.overview p + .btnL, .hotel.overview p + .btnR {margin-top:36px;}
.hotel.overview dl.room {height:auto; overflow:hidden;}
.hotel.overview dl.room dt {margin:56px 0 24px 0; font-size:24px; color:#333; font-weight:900;}
.hotel.overview dl.room dd {float:left; padding-right:70px;}
.hotel.overview .vista:not(.tabCont) {position:relative; margin-bottom:100px; padding:90px 0 50px 0;}
.hotel.overview .vista:not(.tabCont):before {position:absolute; right:0; bottom:0; width:calc(100% - 100px); height:480px; background:#f5f5f5; display:block; content:""; z-index:-1;}
.hotel.overview .vista:not(.tabCont):after {clear:both; display:block; content:"";}
.hotel.overview .vista:not(.tabCont) h3 {letter-spacing:-0.05em;}
.hotel.overview .vista:not(.tabCont) section {padding-left:50px;}
.hotel.overview .vista:not(.tabCont) .btnL {margin-top:46px;}
.hotel.overview .vista:not(.tabCont) figure:first-of-type {margin:-330px 0 0 580px;}
.hotel.overview .vista:not(.tabCont) figure.fl {margin:-160px 30px 0 -100px;}
.hotel.overview .vista:not(.tabCont) dl {padding-left:30px;}
.hotel.overview .grand:not(.tabCont) {margin-bottom:62px; padding-top:53px; color:#fff; background:url(/assets/hub/global/images/bg/bg_bookGrand.jpg) 50% 0 no-repeat;}
.hotel.overview .grand:not(.tabCont) section {padding-right:100px;}
.hotel.overview .grand:not(.tabCont) h3 {position:relative; color:#fff;}
.hotel.overview .grand:not(.tabCont) h3.blt:before {right:-50px; margin-top:12px;}
.hotel.overview .grand:not(.tabCont) figure:first-of-type {margin:-40px 0 0 -230px;}
.hotel.overview .grand:not(.tabCont) figure.fr {margin:-350px -330px 0 0;}
.hotel.overview .grand:not(.tabCont) dl.room {margin-left:100px;}
.hotel.overview .grand:not(.tabCont) dl.room dt {margin-top:46px;}
.hotel.overview .grand:not(.tabCont) dl.room dd {padding-right:50px;}
.hotel.overview .grand:not(.tabCont):after {position:absolute; left:50%; width:100%; height:1px; margin:66px 0 0 -500px; background:#e5e5e5; display:block; content:"";}
.hotel.overview .douglas:not(.tabCont) {margin-bottom:120px;}
.hotel.overview .douglas:not(.tabCont) section {padding-right:100px; padding-left:150px;}
.hotel.overview .douglas:not(.tabCont) .btnR {margin-top:-44px;}
.hotel.overview .douglas:not(.tabCont) .photo .bx-wrapper {left:50%; width:3400px; height:720px; margin-top:10px !important; margin-left:-1700px !important;}
.hotel.overview .douglas:not(.tabCont) .photo .slide li {position:relative; height:720px;}
.hotel.overview .douglas:not(.tabCont) .photo .slide li .autoImg {width:1100px; height:720px;}
.hotel.overview .douglas:not(.tabCont) .photo .slide li figcaption {position:absolute; right:40px; bottom:38px; font-size:18px; color:#fff; text-align:center; display:block;}
.hotel.overview .douglas:not(.tabCont) .photo .slide li:not(.active) {opacity:0.2;}
.hotel.overview .douglas:not(.tabCont) .photo .bx-controls a.bx-prev {margin-left:-500px;}
.hotel.overview .douglas:not(.tabCont) .photo .bx-controls a.bx-next {margin-left:-439px;}
.hotel.overview > div.table {background-position:50% 0; background-repeat:no-repeat; background-color:#e6ebec; table-layout:fixed;}
.hotel.overview > div.table:before, .hotel.overview > div.table:after {display:table-cell; content:"";}
.hotel.overview > div.table > div {width:1100px;}
.hotel.overview > div.table section {width:700px; padding:50px 80px 60px 120px; background:rgba(255,255,255,0.95);}
.hotel.overview .darakhyu {height:650px; padding-bottom:100px; background-image:url(/assets/hub/global/images/bg/bg_bookDarakhyu.jpg);}
.hotel.overview .transit {height:710px; padding-bottom:160px; background-image:url(/assets/hub/global/images/bg/bg_bookTransit.jpg);}
.hotel.overview .transit.table section {margin-left:450px; padding-top:55px;}
.hotel.overview .transit h3.blt:before {top:6px; margin-top:0;}
/* 다이닝소개 */
.dining.overview:after {height:720px; margin-top:-720px; background:#e6ebec; display:block; content:""; z-index:0;}
.dining.overview .location {margin-bottom:-68px;}
.dining.overview .location:after {display:none;}
.dining.overview .btnL {position:relative; width:330px; margin-top:0; z-index:10;}
.dining.overview .btnL .btn.reserve {width:330px; height:100px; font-size:22px; line-height:100px; font-weight:700; background:url(/assets/hub/global/images/bg/bg_walkerhill01.gif) 0 0 repeat;}
.dining.overview > section:before, .dining.overview > section:after, .dining.overview ol.pic:before {position:absolute; display:block; content:""; z-index:0;}
.dining.overview > section:before {top:-21px; left:-41px; width:390px; height:90px; border-top:1px solid rgba(255,255,255,0.50); border-left:1px solid rgba(255,255,255,0.50);}
.dining.overview > section:after {top:68px; left:-41px; width:330px; height:692px; border-bottom:1px solid rgba(0,0,0,0.10); border-left:1px solid rgba(0,0,0,0.10);}
.dining.overview section > h4 {position:absolute; right:-179px; font-size:22px; font-weight:900; transform:rotate(90deg);}
.dining.overview section > h4 span {font-weight:400;}
.dining.overview section > h4:first-of-type {top:120px; margin-top:114px;}
.dining.overview section > h4:nth-of-type(2) {right:-172px; margin-top:130px;}
.dining.overview ol.pic {position:relative; margin-left:-10px; z-index:5;}
.dining.overview ol.pic:before {right:-41px; border-left:1px solid rgba(0,0,0,0.10);}
.dining.overview ol.pic:after {clear:both; display:block; content:"";}
.dining.overview ol.pic > li {margin:10px 0 0 10px;}
.dining.overview ol.pic:first-of-type {margin-bottom:60px;}
.dining.overview ol.pic:first-of-type:before {top:434px; height:744px;}
.dining.overview ol.pic:first-of-type > li:nth-child(1) {margin-top:20px;}
.dining.overview ol.pic:first-of-type > li:nth-child(2) {margin-top:-42px;}
.dining.overview ol.pic:first-of-type > li:nth-child(4) figcaption:hover {height:830px;}
.dining.overview ol.pic:first-of-type > li:nth-child(5) {float:right;}
.dining.overview ol.pic:nth-of-type(2):before {bottom:0; height:475px;}
/* 다이닝 예약 */
#contents.dining.reserveDone > section > h3 {margin:0; padding:50px 0 40px 0; font-size:40px; background:#fff;}


/* 마이페이지
------------------------------------------------------------------------------- */
/* 대시보드 */
.mypage .mymenu {width:1000px; margin-bottom:11px; border:1px solid #e8e8e8; background:#fff;}
.mypage .mymenu:after {clear:both; display:block; content:"";}
.mypage .mymenu li {float:left; width:133px; height:260px; text-align:center; border-left:1px solid #e8e8e8;}
.mypage .mymenu li > a {width:100%; height:100%; padding-top:72px; display:block;}
.mypage .mymenu li.st01 {width:333px; padding:34px 38px; border-left:0 none; background:#f7f7f7;}
.mypage .mymenu li.st01 dl:first-of-type:before {float:left; width:70px; height:70px; margin-right:12px; border:1px solid #e8e8e8; border-radius:99px; -webkit-border-radius:99px; -moz-border-radius:99px; -ms-border-radius:99px; -o-border-radius:99px; background:url(/assets/hub/global/images/ico/ico_mypage_user01.png) 50% #fff no-repeat; display:block; content:"";}
.mypage .mymenu li.st01 dl:first-of-type dt {padding:5px 0 4px 0; font-weight:500; text-align:left; color:#333;}
.mypage .mymenu li.st01 dl:first-of-type dd {text-align:left;}
.mypage .mymenu li.st01 a {width:85px; font-weight:500; font-size:12px; text-align:center; line-height:30px; border:1px solid #ddd; background:#fff; display:inline-block;}
.mypage .mymenu li.st01 a:first-of-type {margin-right:4px;}
.mypage .mymenu li dl.info01 {margin-top:27px; padding-top:10px; border-top:1px solid #e8e8e8;}
.mypage .mymenu li dl.info01 > * {line-height:33px;}
.mypage .mymenu li dl.info01 dd {font-weight:700; color:#6c7594; text-align:right;}
.mypage .mymenu li h3 {margin-bottom:14px; font-weight:500; font-size:14px; color:#333;}
.mypage .mymenu li h3:before {width:41px; height:28px; margin:0 auto 40px auto; background-position:50% 50%; background-repeat:no-repeat; display:block; content:"";}
.mypage .mymenu li:nth-child(2) h3:before {background-image:url(/assets/hub/global/images/ico/ico_mypage_bedding01.png);}
.mypage .mymenu li:nth-child(3) h3:before {background-image:url(/assets/hub/global/images/ico/ico_mypage_food01.png);}
.mypage .mymenu li:nth-child(4) h3:before {background-image:url(/assets/hub/global/images/ico/ico_mypage_promotion01.png);}
.mypage .mymenu li:nth-child(5) h3:before {background-image:url(/assets/hub/global/images/ico/ico_mypage_store01.png);}
.mypage .mymenu li:nth-child(6) h3:before {background-image:url(/assets/hub/global/images/ico/ico_mypage_payment01.png);}
.mypage .mymenu li span {font-weight:500; font-size:12px;}
.mypage .mymenu li span em {color:#333;}
.mypage .mymenu li span strong {width:34px; padding-right:4px; font-weight:700; font-size:18px; color:#6c7594; text-align:right; display:inline-block;}
.mypage .mymenu li.on {position:relative; background:#f7f7f7;}
.mypage .mymenu li.on:after {position:absolute; left:50%; bottom:-10px; width:17px; height:11px; margin-left:-8px; background:url(/assets/hub/global/images/etc/img_arrow01.gif) no-repeat; content:"";}

.mypage #contents > section {padding-top:0;}
.mypage #contents > section > h3 {margin:0 !important; padding:45px 0 40px 0; font-size:46px; font-weight:500; background:#fff;}
.mypage p.result {margin-top:33px;}
.mypage ul.tabMenu + p {margin:37px 0 20px 0;}
.mypage ul.tabMenu + p strong, .mypage div.printArea + p strong {font-weight:700; color:#6c7594;}
.mypage ul.tabMenu + .reserveReg {margin-top:40px;}
.mypage div.box02 {margin:40px 0 0 0;}
.mypage div.box02 p.note {text-align:center;}
.mypage div.none {padding-bottom:0; border-bottom:0 none;}
.mypage .pakage dl.info03 > dt, .mypage .pakage dl.info03 > dd {float:inherit; width:auto;}
.mypage .inputArea h5 {margin-bottom:20px; font-size:16px;}
.mypage .inputArea p.note {margin:5px 0 -4px 0;}
.mypage .pakage .inputArea .addReg {background:#f7f7f7;}
.mypage .inputArea .addReg:not(:last-child) {border-bottom:0 none;}
.mypage .inputArea .addReg p.note {margin-left:10px; font-weight:500; text-align:left;}
.mypage .inputArea .addReg ul.note {margin-left:0;}
.mypage .inputArea .addReg p span.note {color:#666;}
.mypage .inputArea .addReg p span em {color:#6c7594;}
.mypage .inputArea dl.regist > dd textarea {border:0 none; background:#f7f7f7;}
.mypage .confirmArea dl.info dd .point01 {font-weight:500;}
.mypage .confirmArea > .btn.st05 {width:148px;}
.mypage .confirmArea .btn.em05 {margin-right:4px; background:#fff;}
.mypage .confirmArea .note em {color:#6c7594;}
.mypage dl.total {margin-bottom:20px; border-bottom:1px solid #e8e8e8;}
.mypage .dining .inputArea .roomCheck h5, .mypage .promotion .inputArea .roomCheck h5 {float:none; width:100%;}
.mypage .dining dl.searchForm {margin-bottom:40px;}
.mypage .promotion .confirmArea h5, .mypage .payment .confirmArea h5, .mypage .store .confirmArea h5 {font-size:16px; text-align:left;}
.mypage .promotion .confirmArea dl.pay02 dd, .mypage .payment .confirmArea dl.pay02 dd {font-size:13px;}
.mypage .promotion .confirmArea dl.pay02, .mypage .payment .confirmArea dl.pay02, .mypage .store .confirmArea dl.pay02 {margin-bottom:30px;}
.mypage .confirmArea dl.pay02 .btn.st04.em07 {margin-left:30px; padding:0 10px;}
.mypage .payment .confirmArea dl.info04 dt.call + dd + dd {margin-left:80px; font-weight:700;}
.mypage .loginHalf {width:388px; margin:0 auto; vertical-align:top;}
.mypage .loginHalf.st01 {margin:0 29px 0 0;}
.mypage .loginHalf dl {margin-bottom:20px;}
.mypage .loginHalf dl dd select {width:100%;}
.mypage .userMod hr, .mypage .withdraw hr {margin:40px 0;}
.mypage .withdraw > section > section#contArea h4 {padding-top:70px; font-size:40px; font-weight:500; text-align:center;}
.mypage .withdraw > section > section p {margin:18px 0 38px 0; text-align:center;}
.mypage .withdraw .subtxt dl.info05 {text-align:center;}

.mypage .membership .tabMenu {margin-bottom:40px;}
.mypage .membership .myData {border:1px solid #e8e8e8; border-right:0;}
.mypage .membership .myData + .myData {margin-top:18px}
.mypage .membership .myData:after {clear:both; display:block; content:"";}
.mypage .membership .myData dt, .mypage .membership .myData dd {float:left; width:50%; text-align:center;}
.mypage .membership .myData.st01 dt, .mypage .membership .myData.st01 dd {width:223px;}
.mypage .membership .myData.st01 dt:first-child, .mypage .membership .myData.st01 dd:nth-child(2) {width:330px; border-right:1px solid #e8e8e8; background:#f7f7f7;}
.mypage .membership .myData.st02 dt, .mypage .membership .myData.st02 dd {width:50%;}
.mypage .membership .myData dt {position:relative; height:55px; margin-bottom:-55px; padding-top:40px; font-weight:500; font-size:14px; color:#333;}
.mypage .membership .myData dd {height:140px; padding-top:73px; font-size:16px; color:#6c7594; border-right:1px solid #e8e8e8;}
.mypage .membership .myData dd strong {font-size:28px;}
.mypage .membership .myData dd:nth-child(2) {background:#f7f7f7;}
.mypage .membership .myData dd strong.date {color:#666;}
.mypage .membership .myData.st01 dd:nth-child(8) {color:#333;}
.mypage .membership .myData.st01 dd:nth-child(8) strong {color:#6c7594;}
.mypage .membership ul.note, .mypage .membership p.note {margin:10px 0 0 0;}
.mypage .membership ul.note + hr {margin-top:30px;}
.mypage .membership h5 {margin-bottom:19px; text-align:left;}
.mypage .membership .btn.em07.fr {margin-top:-33px;}
.mypage .membership h4 + .btn.em07.fr {margin-top:-40px;}

.mypage .membership .expect {margin-top:59px; padding:50px 0 55px 0; text-align:center; border:1px solid #e8e8e8; border-bottom:0;}
.mypage .membership .expect > dl {display:inline-block;}
.mypage .membership .expect > figure {width:22px; height:44px; margin:20px 74px 0 73px; vertical-align:top; background:url(/assets/hub/global/images/etc/arrow_next03.gif) no-repeat; display:inline-block;}
.mypage .membership .expect > dl > dt {min-width:335px; padding-bottom:23px; font-size:24px; color:#333; border-bottom:1px solid #e8e8e8;}
.mypage .membership .expect > dl > dt strong {font-weight:500; font-size:26px; color:#6c7594; text-transform:uppercase;}
.mypage .membership .expect > dl > dd {padding-top:23px; font-weight:500; font-size:14px; color:#333;}
.mypage .membership .expect > dl > dd img {margin:0 20px;}
.mypage .membership .expect > dl > dd dl, .mypage .membership .expect > dl > dd dl dt {display:inline-block;}
.mypage .membership .expect > dl > dd dl dt:after {width:1px; height:10px; margin-left:10px; background:#e8e8e8; display:inline-block; content:"";}
.mypage .membership .expect > dl > dd dl dd {padding:0 16px; font-weight:400; color:#666; display:inline-block;}
.mypage .membership .expect > dl > dd dl dd:last-of-type {padding-right:0;}
.mypage .membership dl.diagram {position:relative; width:1000px; padding:50px 95px 60px 121px; border:1px solid #e8e8e8; background:url(/assets/hub/global/images/bg/bg_line01.gif) 50% 41% no-repeat, url(/assets/hub/global/images/etc/arrow_next02.png) 33% 40% no-repeat, url(/assets/hub/global/images/etc/arrow_next02.png) 67.3% 40% no-repeat, #f7f7f7;} 
.mypage .membership dl.diagram:after {clear:both; display:block; content:"";}
.mypage .membership dl.diagram dt {position:relative; float:left; width:94px; height:94px; margin-bottom:12px; font-weight:700; text-align:center; color:#6c7594; line-height:72px; border:11px solid #dadde5; border-radius:99px; -webkit-border-radius:99px; -moz-border-radius:99px; -ms-border-radius:99px; -o-border-radius:99px; background:#dadde5;}
.mypage .membership dl.diagram dt.on {color:#fff; background:#6c7594;}
.mypage .membership dl.diagram dt:nth-child(3) {position:absolute; top:50px; left:50%; margin-left:-47px;}
.mypage .membership dl.diagram dt:nth-child(5) {float:right; margin:-106px 27px 0 0;}
.mypage .membership dl.diagram dd {float:left; font-weight:500; color:#333; text-align:center;}
.mypage .membership dl.diagram dd:nth-child(2) {clear:both; margin-left:17px;}
.mypage .membership dl.diagram dd:nth-child(4) {position:absolute; left:50%; bottom:60px; margin-left:-70px;}
.mypage .membership dl.diagram dd:last-child {float:right;}
.mypage .membership table.list td.point01 {font-weight:700;}

.mypage .membership .mypointArea {width:100%; text-align:center; border:1px solid #e8e8e8;}
.mypage .membership dl.mypoint {position:relative; width:497px; vertical-align:top; display:inline-block;}
.mypage .membership dl.mypoint:after {clear:both; display:block; content:"";}
.mypage .membership dl.mypoint dt {position:absolute; top:33px; left:40px; font-weight:500; color:#333;}
.mypage .membership dl.mypoint dt .note {margin-left:20px;}
.mypage .membership dl.mypoint dd {float:left; width:499px; padding:0 40px 0 280px; font-size:16px; line-height:80px; color:#6c7594; text-align:right;}
.mypage .membership dl.mypoint dd strong {margin-right:3px; font-weight:700;}
.mypage .membership dl.mypoint.st01 {border-left:1px solid #e8e8e8;}
.mypage .membership dl.mypoint.st01 dd {color:#333;}

.mypage .membership dl.PSearch {margin-top:10px; padding:23px 40px; border:1px solid #e8e8e8; background:#f7f7f7;}
.mypage .membership dl.PSearch dt {margin:5px 20px 0 0; font-weight:700; color:#333;}
.mypage .membership dl.PSearch dt, .mypage .membership dl.PSearch dd {vertical-align:top; display:inline-block;}
.mypage .membership dl.PSearch dd:nth-child(4) {line-height:32px; border:1px solid #e8e8e8; background-color:#fff;}
.mypage .membership dl.PSearch dd input {width:120px !important; height:32px;}
.mypage .membership dl.PSearch dd ul {margin-right:35px;}
.mypage .membership dl.PSearch dd ul:after {clear:both; display:block; content:"";}
.mypage .membership dl.PSearch dd ul li {float:left; font-size:12px;}
.mypage .membership dl.PSearch dd ul li a {width:63px; line-height:34px; text-align:center; border:1px solid #e8e8e8; border-right:0; background:#fff; display:block;}
.mypage .membership dl.PSearch dd ul li:last-child a {border-right:1px solid #e8e8e8;}
.mypage .membership dl.PSearch dd ul li.on a {font-weight:500; color:#fff; line-height:35px; border:0; background:#333;}
.mypage .membership dl.PSearch dd.period {position:relative; text-align:center; background:url(/assets/hub/global/images/ico/ico_arrow02.png) 50% 50% no-repeat;}
.mypage .membership dl.PSearch dd.period + dd button {width:100px; height:34px; margin-left:8px;}
.mypage .membership dl.PSearch dd.period input:first-child {margin-left:0 !important;}
.mypage .membership dl.PSearch dd.period input {width:76px; padding:0; font-weight:500; color:#333; text-align:center; border:0; background:none; display:inline-block; cursor:pointer;}
.mypage .membership dl.PSearch dd.period .comiseo-daterangepicker {top:36px !important; left:0 !important;}
.mypage .membership p.note + table.list {margin-top:40px;}
.mypage .membership .pointUp {margin-top:60px; padding:40px 80px; border:1px solid #e8e8e8;}
.mypage .membership .pointUp table {border-top:1px solid #e8e8e8; border-left:1px solid #e8e8e8;}
.mypage .membership .pointUp table th, .mypage .membership .pointUp table td {border-right:1px solid #e8e8e8; border-bottom:1px solid #e8e8e8;}
.mypage .membership .pointUp table th {padding:18px 0 0 30px; font-weight:500; color:#333; text-align:left; background:#f7f7f7;}
.mypage .membership .pointUp table td {padding:10px;}
.mypage .membership .pointUp table td.attach {position:relative;}
.mypage .membership .pointUp table td.attach input[type="text"] {width:302px; height:34px; border:1px solid #e8e8e8; border-right:0; background:#fff;}
.mypage .membership .pointUp table td.attach button {width:100px; height:34px;}
.mypage .membership .pointUp table td.attach input[type="file"] {position:absolute; top:10px; left:10px; width:302px; height:34px; opacity:0;}
.mypage .membership .pointUp table td textarea {border:1px solid #e8e8e8; background:#fff;}
.mypage .membership .pointUp .btnC, .mypage .membership .giftcard .btnC {margin-top:20px;}
.mypage .membership .pointUp .btnC > button, .mypage .membership .giftcard .btnC > button {width:150px; height:38px;}
.mypage .membership .pointUp + .giftcard {border-top:0;}
.mypage .membership .giftcard {padding:40px 80px; border:1px solid #e8e8e8; background:#f7f7f7;}
.mypage .membership .giftcard ol {position:relative; border:1px solid #e8e8e8; border-right:0; background:#fff; display:table;}
.mypage .membership .giftcard ol li {width:253px; height:157px; text-align:center; border-right:1px solid #e8e8e8; vertical-align:middle; display:table-cell;}
.mypage .membership .giftcard ol li:nth-of-type(even) {width:0px; border:0;}
.mypage .membership .giftcard ol li:nth-child(3) {width:334px;}
.mypage .membership .giftcard ol li figure {position:absolute; top:65px; margin-left:-16px;}
.mypage .membership .giftcard ol li dl dt {margin-bottom:10px; font-weight:700; color:#333;}
.mypage .membership .giftcard ol li dl dd {font-weight:500; font-size:18px; color:#6c7594;}
.mypage .membership .giftcard ol li dl dd > strong {margin-right:8px; font-weight:700; font-size:28px;}
.mypage .membership .giftcard ol li dl dd dl.change {margin:0 auto;}
.mypage .membership .giftcard ol li dl dd dl.change dt, .mypage .membership .giftcard ol li dl dd dl.change dd {font-size:14px; color:#333; display:inline-block;}
.mypage .membership .giftcard ol li dl dd dl.change dt {width:139px; text-align:left;}
.mypage .membership .giftcard ol li dl dd dl.change dt strong {font-weight:700; font-size:14px; color:#6c7594;}
.mypage .membership .giftcard ol li dl dd dl.change dd .countArea {width:60px; margin:0 5px 8px 0; vertical-align:middle; display:inline-block;}
.mypage .membership .note + section.tr button {width:80px; height:27px; margin-top:-43px;}
.mypage .membership .note + section.tr button.btn {margin-left:5px;}
.mypage .membership table.list button {width:auto; height:auto; margin:0; padding:5px 10px; font-weight:500; font-size:12px;}
.mypage .membership .tabMenu + table.list.st03 {margin-top:50px;}
.mypage #contents.store > section:first-of-type {padding-bottom:60px;}
.mypage .store div.printArea + p, .mypage .payment div.printArea + p {margin-bottom:12px;}
.mypage .store > section > h4 {margin-bottom:17px; font-size:18px; text-align:left;}
.mypage .store table.list td {height:117px; color:#333;}
.mypage .store table.list td:first-child {font-weight:500; color:#333;}
.mypage .store table.list td.tl {padding-left:40px;}
.mypage .store table.list td.tl strong {font-weight:700; color:#333; display:block;}
.mypage .store table.list td.tl span {font-size:12px;}
.mypage .store table.list td:nth-child(5) {font-weight:700; color:#6c7594;}
.mypage .store table.list td:nth-child(5) button {margin:5px auto 0; padding:5px 23px; font-size:12px; display:block;}
.mypage .store h4 + table.list td:nth-child(5) {border-left:1px solid #e8e8e8;}
.mypage .store table.list + .reserveReg {margin-top:40px;}
.mypage .store .sectionBg section > h4 {margin-bottom:20px;}
.mypage .store ol.step {width:100%; height:110px; display:table;}
.mypage .store ol.step li {width:206px; height:100%; background:url(/assets/hub/global/images/ico/ico_angle04.png) 185px 50% no-repeat; display:table-cell;}
.mypage .store ol.step li:last-child {width:168px; background:none;}
.mypage .store ol.step li dl {width:170px; height:100%; padding:28px 20px; border:1px solid #e8e8e8; background:#fff; display:table;}
.mypage .store ol.step li dl dt {padding-bottom:12px; font-weight:500; font-size:14px; color:#6c7594; border-bottom:1px solid #e8e8e8;}
.mypage .store ol.step li dl dt strong {color:#333;}
.mypage .store ol.step li dl dd {padding-top:13px; letter-spacing:-0.07em;}
.mypage .store ol.step li dl dd strong {font-weight:500; color:#333;}
.mypage .store dl.info04 > dt {margin-top:30px;}
.mypage .store dl.info04 > dt.info + dd {padding-top:10px;}
.mypage .store p.note.st05 {margin:10px 0 0 0; font-weight:700; text-align:left;}
.mypage .store .inputArea {border-bottom:1px solid #e8e8e8;}
.mypage .store .inputArea div p {margin-bottom:35px; padding-bottom:12px; font-weight:700; font-size:16px; color:#333; text-align:left; border-bottom:1px solid #e8e8e8;}
.mypage .store .inputArea div p strong {padding-left:5px; color:#6c7594;}
.mypage .store .inputArea div p span {clear:both; float:right; font-weight:400; font-size:14px;}
.mypage .store .confirmArea .total dt {margin-bottom:0;}
.mypage .store .confirmArea dl.info04 > dt.call + dd {margin-top:30px;}
/* 객실/패키지 */
.mypage .pakage .confirmArea {padding:40px 40px 31px 40px;}
.mypage .pakage .confirmArea dl.info {margin:0 -40px; padding:0 40px 30px 40px; border-bottom:1px solid #e8e8e8;}
.mypage .pakage .confirmArea dl.info dt {padding-bottom:10px;}
.mypage .pakage .confirmArea dl.info dt h5 {margin-bottom:5px;}
.mypage .pakage .confirmArea dl.info dd + dd {text-align:right;}
.mypage .pakage .reserveNum {margin:40px 0 10px 0; padding:23px 0; font-weight:500; color:#333; text-align:center; border:1px solid #e8e8e8; background:#f7f7f7;}
.mypage .pakage .reserveNum em {color:#6c7594;}
.mypage .pakage .confirmArea dl.total {width:100%; margin-bottom:0; padding:28px 0 0 0; border:0 none; display:table;}
.mypage .pakage .confirmArea dl.total dt {margin:0; font-weight:700; font-size:16px; color:#333; display:table-cell;}
.mypage .pakage .confirmArea dl.total dd {display:table-cell;}
.mypage .pakage .confirmArea dl.total dd strong, .mypage .pakage .confirmArea dl.total dd strong em {font-size:16px;}
.mypage .pakage .confirmArea dl.total + p {margin:5px 0 28px 0; font-size:12px; text-align:right;}
.mypage #popMyOption h3 {margin-top:0;}
.mypage .reserveReg ul.note {margin-left:0;}
.mypage .reserveReg .note.st05 {padding-left:12px; text-align:left;}
.mypage .reserveReg table.data + ul.note, .mypage .reserveReg p.note + table.data {margin-top:17px;}
.mypage .userMod .loginHalf .btn.base.st05, .mypage .withdraw .loginHalf .btn {width:100%;}
.mypage .userMod > section > section h4, .mypage .withdraw > section > section:not(#contArea) h4 {padding-top:58px; font-weight:400; text-align:center;}
.mypage .userMod h4 + .subtxt {margin-top:10px; text-align:center;}
.mypage .userMod h5 {margin-bottom:30px; text-align:center;}
.mypage .userMod dl.regist {width:566px; margin:0 auto;}
.mypage .userMod dl.regist dd.address input:first-child + button {height:46px;}
.mypage .snsAccount li {margin-bottom:10px;}
.mypage .snsAccount li > dl {width:100%; display:table;}
.mypage .snsAccount li.fecebook > dl {border:1px solid #e8e8e8; background:#f7f7f7;}
.mypage .snsAccount li.google > dl {background:#dd282f;}
.mypage .snsAccount li.naver > dl {background:#1ec800;}
.mypage .snsAccount li.kakao > dl {background:#fae100;}
.mypage .snsAccount li > dl dt, .mypage .snsAccount li > dl dd {line-height:50px; vertical-align:middle; display:table-cell;}
.mypage .snsAccount li > dl dt {width:152px; padding-left:30px; font-weight:500; text-align:center;}
.mypage .snsAccount li.google > dl > *, .mypage .snsAccount li.naver > dl > * {color:#fff;}
.mypage .snsAccount li.kakao > dl > * {color:#331f20;}
.mypage .snsAccount li > dl dt:before {float:left; width:20px; height:20px; margin-top:16px; background-position:50%; background-repeat:no-repeat; display:inline-block; content:"";}
.mypage .snsAccount li.fecebook > dl dt:before {background-image:url(/assets/hub/global/images/ico/sns_facebook03.png);}
.mypage .snsAccount li.google > dl dt:before {background-image:url(/assets/hub/global/images/ico/sns_google03.png);}
.mypage .snsAccount li.naver > dl dt:before {background-image:url(/assets/hub/global/images/ico/sns_naver01.png);}
.mypage .snsAccount li.kakao > dl dt:before {background-image:url(/assets/hub/global/images/ico/sns_kakaoTalk02.png);}
.mypage .snsAccount li > dl dt:after {float:right; width:1px; height:12px; margin:19px 20px 0 0; background:#fff; display:inline-block; content:"";}
.mypage .snsAccount li.fecebook > dl dt:after {background:#999;}
.mypage .snsAccount li.kakao > dl dt:after {background:#3c1e20;}
.mypage .snsAccount li > dl dd .btn {background:rgba(255,255,255,0.2);}
.mypage .snsAccount li.fecebook > dl dd .btn {background:#999;}
.mypage .snsAccount li.kakao > dl dd .btn {color:#999;}

#popMyOption {margin-left:-39px; padding:30px;}
#popMyOption h3 {margin-bottom:35px; font-weight:700; font-size:25px; text-align:center;}
#popMyOption h3 + .btnL.print {float:left; margin-top:-64px;}
#popMyOption h3 + .btnL.print:after {clear:both; display:block; content:"";}
#popMyOption .ico.close {top:33px; right:30px;}
#popMyOption table {min-width:567px; max-width:1000px;}
#popMyOption table + table {margin-top:20px;}

#popBenefit, #popPolicy {width:1000px; height:788px;}
#popBenefit h2, #popPolicy h2 {margin:58px 0 38px 0; font-weight:700; font-size:30px; color:#333; text-align:center;}
#popBenefit .btnClose, #popPolicy .btnClose {position:absolute; top:0; right:-43px; background:none;}
#popBenefit section, #popPolicy section {height:600px; margin:0 30px; padding:0 30px; border:1px solid #e8e8e8; overflow-x:hidden; overflow-y:scroll;}
#popBenefit section:after, #popPolicy section:after {height:40px; display:block; content:"";}
#popBenefit section h3 {margin:41px 0 21px 0; font-weight:700; font-size:24px; text-align:left;}
#popBenefit section ul {border-top:1px solid #747474; border-left:1px solid #e8e8e8;}
#popBenefit section ul:after {clear:both; display:block; content:"";}
#popBenefit section ul li {float:left; width:430px; height:175px; padding:38px 40px; border-right:1px solid #e8e8e8; border-bottom:1px solid #e8e8e8;}
#popBenefit section ul.st01 li {height:auto;}
#popBenefit section ul.st02 li, #popBenefit section ul.st03 li {width:100%; height:auto;}
#popBenefit section ul.st03 {width:430px; height:442px;}
#popBenefit section ul.st03 + div {clear:both; float:right; width:430px; height:442px; margin-top:-442px; padding:38px 40px; border:1px solid #e8e8e8; border-left:0; border-top-color:#747474;}
#popBenefit section dl dt {margin-bottom:16px; font-weight:700; font-size:16px; color:#333;}
#popBenefit section dl dd {padding-left:12px; color:#333;}
#popBenefit section dl dd:before {width:5px; height:5px; margin:-2px 5px 0 -12px; background:url(/grandwalkerhillseoul/kr/images/etc/blt_dot01.gif) 0 0 no-repeat; vertical-align:middle; display:inline-block; content:"";}
#popBenefit section dl dd p {padding-left:10px; font-size:12px;}
#popBenefit section dl dd p:before {margin:-2px 5px 0 -12px; vertical-align:middle; display:inline-block; content:"-";}
#popBenefit section .note {margin:15px 0 0 0;}
#popBenefit section .note + .note {margin-top:0;}

#popPolicy section {padding-top:40px;}
#popPolicy section dl dt {font-weight:700; color:#333;}
#popPolicy section dl dd {margin-bottom:23px;}


/* 로그인, 회원가입 공통
------------------------------------------------------------------------------------ */
#contArea hr, .contArea hr, .popup hr {margin:50px 0;}
.contArea {padding:0 80px 60px 80px !important; border:1px solid #e8e8e8; background:#fff;}


/* 로그인
------------------------------------------------------------------------------------ */
.login #contArea, .subLogin #contArea {padding:0 !important; border-top:1px solid #e8e8e8 !important;}
.login .loginArea {width:556px; margin:0 auto; padding:70px 0;}
.login .loginArea dl dd input {width:400px;}
.login .loginArea button.btn.em02 {width:140px; height:104px; margin-left:13px; vertical-align:top; display:inline-block;}
.loginHalf dl dd {margin-top:12px;}
.login article {padding:24px 0 30px 0; text-align:center; border-top:1px solid #e8e8e8;}
.login article > h5 {margin-bottom:8px; line-height:28px; text-align:center;}
.login article > a {margin-top:16px;}
/* 내 예약확인 */
#contArea .halfArea {width:498px; height:auto; padding:0 50px 50px 50px; text-align:left; vertical-align:top; display:inline-block;}
#contArea .halfArea.st01 {width:497px; border-right:1px solid #e8e8e8;}
#contArea .halfArea h4 {padding:50px 0 20px 0; text-align:center;}
#contArea .halfArea dl dd, #contArea .halfArea.st01 dl dd:nth-of-type(2), .findIdPw .tabCont dl > dd {margin-bottom:12px;}
#contArea .halfArea dl:not(.regist) dd:nth-of-type(2) {margin-bottom:70px;}
#contArea .halfArea dl:not(.regist) dd:nth-of-type(3) {margin-top:-58px;}
#contArea .halfArea dl dd select, #contArea .halfArea dl.regist dd .btn {width:100%;}
#contArea .halfArea .idMemory {margin:17px 0 30px 0;}
#contArea .halfArea .btn.st07 {clear:both; width:100%;}
#contArea .halfArea p.note, .loginHalf .note.em11 {margin:10px 0 0 0;}
#contArea .halfArea dl.regist dd {margin:0 0 12px 0;}
#contArea .halfArea .btnL {margin-top:11px;}
#contArea .halfArea ul.snsLogin {width:calc(100% + 2px); margin:0 -1px; padding-top:13px; display:table;}
#contArea .halfArea ul.snsLogin > li {width:25%; padding:0 1px; display:table-cell;}
#contArea .halfArea ul.snsLogin .btn.sns {height:40px; padding:0; font-size:0; text-align:center;}
#contArea .halfArea ul.snsLogin .btn.sns:before {margin-right:0;}
#contArea .halfArea ul.snsLogin .btn.sns:after {display:none;}

.emailDisable > section {padding:50px 30px; text-align:center;}
.emailDisable > section > div {width:550px; margin-top:30px; padding:30px 0; font-weight:500; color:#333; text-align:center; border:1px solid #e8e8e8; background:#f7f7f7;}
.emailDisable > section > div > button {margin-top:16px;}

.dormant > section > p {padding:68px 0 28px 0; font-size:18px; font-weight:500; color:#333; text-align:center;}
.dormant > section > p:last-of-type {padding:28px 0 0 0;}
.dormant > section .btnC {margin:30px 0 60px 0;}


/* 아이디 비밀번호 찾기
------------------------------------------------------------------------------------ */
.findIdPw .loginHalf {width:388px !important; margin-left:29px; vertical-align:top; display:inline-block;}
.findIdPw .loginHalf.st01 {margin:0 29px 0 0;}
.findIdPw .loginHalf dl {margin-bottom:20px;}
.findIdPw article, .payment #contArea article, .dormant article {padding:30px 0; text-align:center; border-top:1px solid #e8e8e8;}
.findIdPw article, .dormant article {margin:0 -80px -50px -80px;}
.findIdPw .tabCont {padding-bottom:60px;}
.findIdPw .tabCont h5, .findIdPw .tabCont h6 {margin:46px 0 28px 0; font-size:18px; text-align:center; line-height:25px;}
.findIdPw .tabCont dl > dd.trisection ol li {width:40% !important;}
.findIdPw .tabCont dl > dd.trisection ol li:last-of-type {width:60.4% !important; padding-left:10px; box-sizing:border-box;}
.findIdPw .findResult {margin-bottom:14px; padding:15px 0; text-align:center; border:1px solid #e8e8e8; background:#f7f7f7; overflow:hidden;}
.findIdPw .findResult dt, .findIdPw .findResult dd {display:inline-block;}
.findIdPw .findResult dt {font-weight:500;}
.findIdPw .findResult dd {padding-left:18px;}
.findIdPw .btn.st07 {width:100%;}
.findIdPw .tabCont div:not(.btnC) {width:434px; margin:0 auto;}
.findIdPw #findBox02 dl.regist {width:566px; margin:0 auto;}
.findIdPw .btnC .btn {margin:0 5px;}
.findIdPw hr {margin-top:50px;}


/* 회원가입
------------------------------------------------------------------------------------ */
.join.account table.data.st01 tbody td:nth-child(3) {font-size:15px; color:#333; text-align:center;}

.join #contents.wpcStep02 > section > h4 {margin-bottom:30px; text-align:center;}
.join .subtit h4 {margin:40px 0 0 0; text-align:center;}
.join .subtit h4 + p {margin:12px 0 0 0 !important; text-align:center;}
.join ol.joinStep {position:relative; padding-top:50px;} 
.join ol.joinStep:after {position:absolute; top:50%; left:50px; width:757px; height:0; margin-top:23px; border-top:2px dotted #ededed; display:block; content:"";}
.join ol.joinStep li {position:relative; width:94px; height:94px; padding-top:23px; text-align:center; color:#666; border:1px solid #e8e8e8; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; background:#f7f7f7; vertical-align:top; display:inline-block; z-index:1;}
.join ol.joinStep li:not(:first-child) {margin-left:275px;}
.join ol.joinStep li:not(:first-child):before {position:absolute; top:50%; left:-133px; width:12px; height:12px; margin-top:-6px; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; background:url(/assets/hub/global/images/ico/ico_angle05.png) 5px 50% no-repeat #6c7594; display:inline-block; content:"";}
.join ol.joinStep li.on {font-weight:500; color:#fff; border-color:#6c7594; background:#6c7594;}
.join ol.joinStep.st01 li:nth-of-type(2) {line-height:19px;}
.join ol.joinStep.st01 li > em {font-size:12px; line-height:14px;}

.join dl.fold, .join .bg > .btnC {width:1000px; margin:0 auto;}
.join dl.fold + dl.fold, .join .subtit, .join dl.fold dt:nth-of-type(3), .join #contents.wpcStep02 > section + section {margin-top:20px !important;}
.join dl.fold p + table.data.st01 {margin-top:15px;}
.join #contents > p {margin:40px auto; text-align:center;}
.join .subtit {padding:30px 80px !important; border-top:1px solid #e8e8e8 !important;}
.join section.subtit:last-of-type, .join section.subtit:nth-of-type(4) {margin-bottom:20px !important;}
.join section.subtit:last-of-type + div:not(.btnC), .join section.subtit:nth-of-type(4) + section, .join #contents.wpcStep02 > section + section {border-top:1px solid #e8e8e8 !important;}
.join .subtit input, .join .subtit label {float:right;}
.join .subtit em {font-size:18px; color:#333;}
.join .bg > .btnC {padding-top:40px !important;}
.join .box01 + .box02 {border-top:0 none;}
.join dl.regist {width:566px; margin:10px auto;}
.join dl.regist ol.check + ol.check {margin-top:10px;}
.join dl.regist + .btnC {margin-top:50px; padding-top:50px; border-top:1px solid #e8e8e8;}
.join .btnC > p.note.tc {margin-top:10px;}
.join .membership > p {margin:40px 0; font-weight:500; font-size:18px; color:#333; text-align:center; line-height:25px;}
.join .membership .infoArea > figure > img {width:253px; height:auto;}
.join .membership .btnC .btn {width:160px;}
.join dl.info01.st05 {position:relative}
.join dl.info01.st05 dt, .join dl.info01.st05 dd {margin-bottom:10px;}
.join dl.info01.st05 dt {width:80px;}
.join dl.info01.st05 dd {width:238px; margin-left:80px; word-break:break-all; overflow:auto;}
.join dl.info01.st05 dd + dd {position:absolute; top:-5px; right:0; width:auto;}
.join dl.info04 {margin-top:18px; border-top:1px solid #e8e8e8;}

.certifyArea {width:100%; margin-top:40px; background:#f7f7f7; display:table;}
.certifyArea > div {position:relative;width:50%; height:414px; padding:0 45px 0 40px; text-align:center; vertical-align:middle; display:table-cell;}
.certifyArea > div:first-child:after {position:absolute; top:0; right:-5px; width:10px; height:414px; background:#fff; display:inline-block; content:"";}
.certifyArea > div + div {padding:0 40px 0 45px;}
.certifyArea h4 {margin:0; text-align:center;}
.certifyArea p:not(.error) {padding:13px 0 30px 0;}
.certifyArea .btn.base.em02 {width:100%; margin-top:12px;}
.certifyArea .snsLogin li:not(:first-child) {margin-top:6px;}


/* WPC회원가입
------------------------------------------------------------------------------------ */
.choiceArea {position:relative; width:840px;  padding-top:266px;}
.choiceArea > input[type="radio"] + label {position:absolute; top:0; width:280px;height:260px; padding:170px 37px 28px 37px; font-weight:500; font-size:14px; color:#333; text-align:center !important; border:1px solid #e8e8e8;}
.choiceArea > input[type="radio"] + label:before {position:relative; top:3px;}
.choiceArea .silver {left:0;}
.choiceArea .gold {left:279px;}
.choiceArea .black {right:2px;}
.choiceArea > input[type="radio"]:checked + label {border-color:#6c7594; background:#f7f7f7; z-index:10;}
.choiceArea > input[type="radio"] + label img {position:absolute; top:31px; left:45px; display:block;}
.choiceArea > input[type="radio"] + label span {font-weight:400; font-size:12px; color:#666;}
.choiceArea .discArea {padding-top:5px; font-size:12px; color:#666; line-height:17px;}
.couponArea {position:relative; width:100%; min-height:215px;  background-color:#f7f7f7; display:table;}
.couponArea:before {position:absolute; top:-30px; left:133px; width:15px; height:11px; background:url(/assets/hub/kr/images/etc/img_arrow01.gif) 0 0 no-repeat; z-index:20; content:"";}
.couponArea dt { padding:0 0 0 30px; font-weight:700; font-size:18px; color:#333;}
.couponArea dt p {font-weight:400; font-size:13px;}
.couponArea dt {min-height:240px; display:table-cell; vertical-align:middle;}
.couponArea dd {width:200px; display:table-cell; vertical-align: top; }
.couponArea dd:nth-child(2) {width:240px;}
.couponArea dd {padding:45px 0; font-weight:500; color:#333; text-align:center; border-left:1px solid #fff;}
.couponArea dd p {font-size:12px; color:#666;}
.couponArea dd figure {margin-bottom:18px;}
.couponArea dd input[type="checkbox"] + label {margin-right:0;}
.couponArea dd .hotelSel {padding-top:5px; margin-top:5px;}
.couponArea dd .hotelSel label {font-size:12px; letter-spacing:-0.07em;}
dl.regist dt.tMember {padding-top:3px !important;}
dl.regist dd[id^=tMember0]:after {clear:both; display:block; content:"";}
dl.regist dd[id^=tMember0] p.note {width:350px; margin-right:15px; word-break:keep-all; display:inline-block;}
dl.regist dd[id^=tMember0] p.note strong {font-weight:700; color:#6c7594;}
dl.regist dd[id^=tMember0] button.btn.base.em07 {float:right; margin-top:4px; padding:0 15px; vertical-align:top;}
dl.regist dd[id^=tMember0] button.btn.base.em07:after {width:5px; height:9px; margin-left:10px; background:url(/assets/hub/global/images/ico/ico_angle06.gif) 0 0 no-repeat; vertical-align:middle; display:inline-block; content:"";}

.popup .tMemberCont {padding:70px 80px 50px 80px;}
.popup .tMemberCont .joinStep {width:466px; margin:0 auto 50px auto; padding:0; overflow:hidden;}
.popup .tMemberCont .joinStep:after {margin-top:-1px;}
.popup .tMemberCont .joinStep + p {font-size:18px; line-height:22px; color:#333; text-align:center;}
.popup .tMemberCont .certifyArea {padding:0;}
.popup .tMemberCont .certifyArea .btn.base.em02 {width:126px; margin-top:0;}
.popup .tMemberCont .certifyIco:before {height:76px; margin-bottom:30px; background-position:50% 50%; background-repeat:no-repeat; display:block; content:"";}
.popup .tMemberCont .certifyIco.phone:before {background-image:url(/assets/hub/kr/images/ico/ico_phone01.png); content:"";}
.popup .tMemberCont .certifyIco.ipin:before {background-image:url(/assets/hub/kr/images/ico/ico_ipin01.png); content:"";}
.popup .tMemberCont .myTPointNum {padding:40px 0; background:#f7f7f7;}
.popup .tMemberCont dl.regist {margin:0 130px;}
.popup .tMemberCont dl.regist > dd input[type="text"] {width:90px; height:46px;}
.popup .tMemberCont dl.regist > dd input[type="text"] + span {margin:22px 9px 0 9px;}
.popup .tMemberCont dl.regist > dd p {margin-top:7px;}
.popup .tMemberCont dl.regist > dd dl.info01 {margin-top:15px;}
.popup .tMemberCont dl.regist > dd dl.info01 dt {color:#666;}
.popup .tMemberCont .myTPoint {position:relative; width:413px; margin:0 auto;}
.popup .tMemberCont .myTPoint:before {position:absolute; top:0; left:50%; width:1px; height:130px; background:#e8e8e8; display:block; content:"";}
.popup .tMemberCont .myTPoint dl.info03:before {left:50%}
.popup .tMemberCont .myTPoint dl.info03 {margin-top:20px; padding-top:37px; background:#f7f7f7;}
.popup .tMemberCont .myTPoint dl.info03 dt, .popup .tMemberCont .myTPoint dl.info03 dd {width:50%; padding:0 40px; text-align:center;}
.popup .tMemberCont .myTPoint dl.info03 dt {font-weight:400; color:#666;}
.popup .tMemberCont .myTPoint dl.info03 dd {font-weight:700; font-size:18px; color:#333;}
.popup .tMemberCont .myTPoint dl.info03 dd .btn {width:100%; margin:5px 0;}
.popup .tMemberCont .myTPoint dl.info03 dd:last-of-type {margin-top:-45px; padding-bottom:25px;}
.popup .tMemberCont .myTPoint dl.info03 > dt:nth-of-type(odd), .popup .tMemberCont .myTPoint dl.info03 > dd:nth-of-type(3) {clear:inherit;}
.popup .tMemberCont .myTPoint dl.info03 > dt:nth-of-type(3) {margin-top:-33px;}
.popup .tMemberCont ul.note {margin-top:30px;}
.popup .tMemberCont ul.note li img {margin:0 3px; display:inline-block;}
.popup .tMemberCont .btn.base.st04 {margin-left:5px;}
#popTMember01 .btnClose, #popTMember02 .btnClose {position:absolute; top:21px; right:21px; background:none;}

.join .inputArea {float:none; margin:40px -41px 0 111px;}
.join .inputArea .etcCustomer dl.regist {margin:0;}
.join .inputArea .etcCustomer a.etcReg h5 {width:235px;}

.join .bnrJoin {width:838px; height:198px; margin-top:40px; padding:123px 0 0 50px; background:url(/assets/hub/kr/images/bnr/bnr_join01.jpg) 0 0 no-repeat;}


/* 상점
------------------------------------------------------------------------------- */
/* 상품목록 */
.store .thumb.st01 li {width:308px;}
.store .thumb.st01 li:nth-child(3n+1) {clear:both;}
.store .thumb.st01 img {width:308px; height:230px;}
.store .thumb.st01 .label {margin:14px 0 8px 0;}
.store .thumb.st01 h5 {line-height:24px;}
.store .thumb.st01 strong {margin-top:1px; font-weight:700; font-size:14px; color:#6c7594; display:block;}
.store .thumb.st01 + dl.saleInfo {margin-top:50px;}
.store dl.saleInfo > dt {width:308px;}
.store dl.saleInfo > dt h4 {margin-bottom:67px; font-size:22px; line-height:24px; text-align:left;}
.store dl.saleInfo > dt figure {margin-left:20px;}
.store dl.saleInfo > dd {padding:31px 0 51px 38px;}
.store dl.saleInfo > dd p:first-child {min-height:66px; margin-bottom:26px; color:#333; line-height:22px;}
.store dl.saleInfo > dd .note {margin:17px 0 0 0;}
.store dl.saleInfo > dd dl.info04 {margin-top:3px;}
.store dl.saleInfo > dd dl.info05.st01 {margin:-30px 0 11px 0;}
.store dl.saleInfo > dd table:first-child {margin-top:14px;}
.store .coupon dl.saleInfo {margin-top:50px;}
.store .bnr {margin-top:20px;}
/* 상품상세 */
.storeOption {width:100%; display:table;}
.storeOption > div {vertical-align:top; display:table-cell;}
.storeOption div.photo {width:500px;}
.storeOption .thumbSlide img {width:100%;}
.storeOption .thumb + #bx-pager {height:85px; background-image:url(/assets/hub/kr/images/etc/thumb_default02.gif);}
.storeOption .thumb + #bx-pager a {width:167px; height:85px;}
.storeOption .thumb + #bx-pager a:first-child {width:166px;}
.storeOption .thumb + #bx-pager a img {margin-top:-20px;}
.storeOption div.photo dl.info04 {margin-top:5px;}
.storeOption div.photo p.note {margin-left:0;}
.storeOption div.option {padding:38px 0 0 40px; background:#fff;}
.storeOption div.option h4 {margin:11px 0 20px 0; padding:0 20px 26px 0; font-size:34px; line-height:38px; text-align:left; border-bottom:1px solid #666;}
.storeOption div.option dl {clear:both; height:auto; overflow:hidden;}
.storeOption div.option dl dt, .storeOption div.option dl dd {margin-top:10px;}
.storeOption div.option dl dt:first-of-type, .storeOption div.option dl dd:first-of-type {margin-top:20px;}
.storeOption div.option dl dt {clear:both; float:left; width:130px; font-weight:500; color:#333;}
.storeOption div.option dl dd {height:auto; display:block; overflow:hidden;}
.storeOption div.option dl dd input {height:33px;}
.storeOption dl.price {padding-bottom:27px; border-bottom:1px solid #e8e8e8;}
.storeOption dl.price dt, .storeOption dl.price dd {margin-top:6px;}
.storeOption dl.price dt:first-child {padding-top:5px; font-size:16px;}
.storeOption dl.price dd:nth-child(2) {font-weight:700; font-size:20px; line-height:24px; color:#6c7594;}
.storeOption dl.delivery {padding:12px 0 17px 0; border-bottom:1px solid #e8e8e8;}
.storeOption dl.delivery dt, .storeOption dl.delivery dd {margin-top:5px;}
.storeOption dl.option dt {padding-top:8px;}
.storeOption dl.option dd select {width:100%;}
.storeOption dl.option ol li {margin-bottom:3px;}
.storeOption dl.option .note {margin:10px 0 -4px 0;}
dl.optionInfo {width:100%; display:table;}
dl.optionInfo dt, dl.optionInfo dd {vertical-align:middle; display:table-cell !important;}
dl.optionInfo dt {text-align:left;}
dl.optionInfo dt strong {font-weight:500; display:block;}
dl.optionInfo dt span {padding-left:11px; font-weight:400; font-size:12px; color:#666; display:block;}
dl.optionInfo dt span:before {width:6px; height:6px; margin:0 5px 0 -11px; border-bottom:1px solid #666; border-left:1px solid #666; vertical-align:1px; display:inline-block; content:"";}
.storeOption div.option dl.optionInfo {margin-top:19px; padding:23px 20px 22px 20px; border:1px solid #e8e8e8; background:#f7f7f7;}
.storeOption div.option dl.optionInfo dt, .storeOption div.option dl.optionInfo dd {float:none;}
.storeOption div.option dl.optionInfo dt {width:248px; padding-right:6px;}
.storeOption dl.optionInfo dd:nth-child(2) {width:65px;}
.storeOption dl.optionInfo dd:nth-child(3) {padding-right:10px; font-weight:500; text-align:right;}
.storeOption dl.optionInfo dd:last-child {width:17px;}
.storeOption dl.total {margin-top:25px; padding-bottom:0; text-align:right; border:0 none;}
.storeOption dl.total dt, .storeOption dl.total dd {vertical-align:top; display:inline-block !important;}
.storeOption dl.total dt {clear:none !important; float:none !important; width:auto !important; margin:15px 25px 0 0;}
.storeOption dl.total dd p {margin-top:8px; color:#333;}
.storeOption dl.total dd p em {margin-left:7px;}
.storeOption div.option .btnL {margin-top:37px;}
.storeOption div.option .btnL button {width:227px; margin-right:0;}
.storeOption div.option .btnL button:last-child {float:right;}
.countArea {clear:both; height:auto; overflow:hidden;}
.countArea input.count {float:left; width:42px; height:33px; margin-right:-1px; padding:0 10px;}
.countArea .countUp, .countArea .countDown {display:block;}
.countArea .countDown {margin-top:-1px;}
.store .countArea input.count[readonly] {color:#666; background:#fff;}

.storeView {margin-top:60px; padding:58px 80px 60px 80px; border:1px solid #e8e8e8;}
.storeView h4 {margin-bottom:100px; font-size:26px; text-align:center;}
.storeView h5 {margin:75px 0 16px 0;}
.storeView h5 + table.detail.st04 {margin-top:40px;}
.storeView table.detail.st04 th {width:131px;}
.storeView table.detail.st04 h6 {margin-bottom:6px; font-size:14px;}
.storeView table.detail.st04 td h6:not(:first-child) {margin-top:24px;}
.storeView table.detail.st04 ul.list > li {padding-right:0;}
.storeView table.detail.st04 ul.list + .note {margin-top:21px;}
/* 장바구니 */
.store table.list dl.optionInfo dd {width:78px; padding-right:20px;}
.store table.list dl.optionInfo dd img {width:58px; height:58px;}
.cart table.list {border-bottom-width:2px;}
.cart table.list tbody td:nth-child(2) {padding-left:0;}
.cart table.list tbody td:last-child .btn {padding:0 14px;}
.cart table.list tbody td:last-child .btn.em07 {margin-top:4px;}
.cart table.list tbody td.tl {padding-left:0;}
.cart input[type=checkbox] + label:before {margin-right:0;}
.cart .btnR button {width:175px !important;}
.cart .btnR button:first-child {float:left;}
/* 주문/결제 */
#contents.order > section > h3 {margin:0; padding:50px 0 30px; font-size:40px; font-weight:500; background:#fff;}
.order > section h4, .cart > section > h4 {padding:50px 0 30px 20px; background:#fff;}
.order h5 {padding:38px 0 20px 0;}
.order table.list {border-bottom-color:#e8e8e8;}
.order table.list td:nth-child(2) {text-align:center;}
.order .inputArea > div:first-child, .order .confirmArea {border-top-color:#747474;}
.order .inputArea h5:first-of-type {padding:0;}
.order .inputArea .addReg {border-bottom:0 none;}
.order .inputArea dl.regist > dd.address button {width:33.33%; height:46px; padding:0 18px;}
.order .inputArea .discount dl.regist {margin-top:20px;}
.order .inputArea .discount dl.regist > dt {padding-top:8px;}
.order .inputArea .discount input[type=text] {padding-right:50px; text-align:right;}
.order .inputArea .discount .point03 {margin-left:-36px; vertical-align:-2px;}
.order .inputArea .discount dl.info05 {margin:5px 0 6px 0; color:#6c7594;}
.order .inputArea .refund {margin-top:0;}
.order .inputArea .refund p.check {float:right; margin-top:-20px;}
.order .inputArea .refund section {clear:both; margin-top:22px; padding-top:17px; line-height:22px; border-top:1px solid #e8e8e8;}
.order .inputArea .refund section h5 {margin-bottom:5px; font-weight:500; font-size:14px;}
.order .inputArea .refund section h6 {margin:12px 0 5px 0; font-weight:500; font-size:14px; color:#333;}
.order .inputArea .refund + .agree {margin-top:-1px;}
.order .inputArea .inputDone h4 {padding:0; background:none;}
.order .confirmArea p.check {margin-top:0; padding-top:18px; border-top:1px solid #e8e8e8;}
.order .confirmArea .btnL button {width:149px; margin:0;}
.order .confirmArea .btnL button.em05 {background:#fff !important;}
.order .confirmArea .btnL button:last-child {float:right;}
.order p.info {margin-top:16px;}


/* 고객의 소리
------------------------------------------------------------------------------- */
.customer h4 {font-size:18px; padding:50px 0 40px 0; text-align:center;}
.customer .aboutVOC {padding:60px 80px; border:1px solid #e8e8e8;}
.customer .aboutVOC h5 {margin:0px 0;}
.customer .aboutVOC h4 {padding:40px 0 5px 0;}
.customer .aboutVOC h4 + .subtxt {margin-bottom:16px; letter-spacing:-0.05em;}
.customer .aboutVOC .btnC {margin-top:40px;}
.customer .box02 {margin:0;}
.customer .box02 span {font-size:13px;}
.customer .box02 .base {font-size:12px; width:111px;}
.customer .box02 .note {padding-right:30px; font-weight:300;}
.customer .box02.st01 {margin-top:40px; padding-left:100px; font-size:14px;}
.customer .mgT15 {margin-top:15px;}
.customer .voice h4 {line-height:25px;}
.customer .vocArea {width:840px; margin:auto;}
.customer .vocArea .regist {padding:60px 155px 40px 155px;}
.customer div.none > section {background:#fff;}
.ruleCont h3 {margin-top:46px;}


/* 채용정보
------------------------------------------------------------------------------- */
.recruit hr {margin:50px 0 80px 0;}

.rightPeople {padding-top:50px;}
.rightPeople > ul li {position:relative; height:260px; padding-top:85px; display:block;}
.rightPeople > ul li strong {font-size:20px; font-weight:700; color:#333;}
.rightPeople > ul li strong:after {width:20px; height:2px; margin:15px 0 15px; background:#ddd; content:""; display:block;}

.rightPeople > ul li:nth-child(odd) {padding-left:550px;}
.rightPeople > ul li:nth-child(even) {padding-left:50px;}
.rightPeople > ul li:before {position:absolute; left:0; top:0; width:500px; height:260px; content:""; display:inline-block;}
.rightPeople > ul li:after {position:absolute; right:0; top:0; width:500px; height:260px; content:""; display:inline-block;}
.rightPeople > ul li:nth-child(1):before {background:url(/assets/hub/kr/images/etc/hr_tab01_img01.jpg) left top no-repeat;}
.rightPeople > ul li:nth-child(2):after {background:url(/assets/hub/kr/images/etc/hr_tab01_img02.jpg) left top no-repeat;}
.rightPeople > ul li:nth-child(3):before {background:url(/assets/hub/kr/images/etc/hr_tab01_img03.jpg) left top no-repeat;}
.rightPeople article h4 {font-size:32px; font-weight:500; color:#333; text-align:center;}
.rightPeople article h4:before {width:29px; height:25px; margin-right:20px; font-size:40px; color:#d0beb7; background:url(/assets/hub/kr/images/etc/hr_tit_apostrophe.png) left top no-repeat;content:""; display:inline-block;}
.rightPeople article h4:after {width:29px; height:25px; margin-left:20px; font-size:40px; color:#d0beb7; background:url(/assets/hub/kr/images/etc/hr_tit_apostrophe.png); background-position:29px top; content:""; display:inline-block;}
.rightPeople article ul {overflow:hidden; width:830px; margin:49px auto;}
.rightPeople article li {position:relative; float:left; width:210px; min-height:355px; margin-left:99px; padding-top:124px; text-align:center; letter-spacing:-0.055em; background:url(/assets/hub/kr/images/etc/hr_tab01_bg01.jpg); background-repeat:no-repeat;}
.rightPeople article li:after {position:absolute; right:240px; top:85px; width:40px; height:40px; background:url(/assets/hub/kr/images/etc/hr_tab01_bg02.jpg) left top no-repeat; content:""; display:block;}
.rightPeople article li strong {font-size:26px; font-weight:700; color:#333;}
.rightPeople article li p {margin-top:156px;}
.rightPeople article li:first-child {margin-left:0;}
.rightPeople article li:first-child:after {display:none;}
.rightPeople article li:nth-child(2) {background-position:-310px top;}
.rightPeople article li:nth-child(3) {background-position:-620px top;}

.jobArea article {padding-top:50px;}
.jobArea article h4 {margin-bottom:30px; padding-left:190px; text-align:left; font-size:28px; color:#fff; font-weight:700; letter-spacing:0; line-height:180px;}
.jobArea article:nth-of-type(1) h4 {background:url(/assets/hub/kr/images/etc/hr_tab02_bgImg01.jpg) left top no-repeat;}
.jobArea article:nth-of-type(2) h4 {background:url(/assets/hub/kr/images/etc/hr_tab02_bgImg02.jpg) left top no-repeat;}
.jobArea article:nth-of-type(3) h4 {background:url(/assets/hub/kr/images/etc/hr_tab02_bgImg03.jpg) left top no-repeat;}
.jobArea article dl {overflow:hidden;}
.jobArea article dt,.jobArea article dd {float:left;}
.jobArea article dt {width:160px; font-size:20px; color:#333; font-weight:700; padding-left:20px;}
.jobArea article dd {width:840px; padding-left:31px; margin-bottom:40px; border-left:1px dotted #cecece;}
.jobArea article dd:last-child {margin-bottom:0;}
.jobArea article dd ul li strong {color:#333; font-weight:700;}
.jobArea article dd ul li p {margin:5px 0 10px 0; line-height:20px;}
.jobArea article dd ul li:last-child p {margin-bottom:0;}

section.type01 {padding-top:99px;}
section.type02 {padding-top:50px;}
section[class*=type] h4 {margin-bottom:30px; font-size:28px; text-align:center;}
section.type01 dl {overflow:hidden;}
section.type01 dl dt, section.type01 dl dd {float:left; width:200px; padding-top:32px; border-top:1px solid #4a525f;}
section.type01 dl dt {font-size:18px; font-weight:700; color:#333;}
section.type01 dl dd {width:800px; padding:32px 30px 0 30px; border-color:#e8e8e8;}
section.type01 dl dd > p {color:#333; font-weight:400;}
section.type01 dl dd hr {margin:30px 0;}
section.type01 dl dd ol {margin-top:20px; overflow:hidden;}
section.type01 dl dd ol:before {width:680px; height:2px; margin:13px 0 13px 10px; background:#e8e8e8; display:block; content:"";}
section.type01 dl dd ol li {float:left; width:167px; margin-top:-28px;}
section.type01 dl dd ol li:before {width:28px; height:28px; margin:0 0 7px 0; background:url(/assets/hub/global/images/blt//blt_circle02.png) 0 0 no-repeat; display:block; content:"";}
section.type01 dl dd ol li:last-child {width:70px;}
section.type01 dl dd ol.st01 li {width:334px;}
section.type01 dl dd ol.st01 li:last-child {width:70px;}
section.type01 dl dd ol.st02 li {width:224px;}
section.type01 dl dd ol.st02 li:last-child {width:68px;}
section.type01 dl dd h5 {font-size:16px; text-align:left;}
section.type01 dl dd a {color:#6c7594;}
section.type01 dl dd table.data {margin-top:20px;}
section.type01 dl dd table.data td {text-align:left; padding:16px 10px 16px 30px;}
section.type01 dl dt:nth-child(2n+3), section.type01 dl dd:nth-child(2n+4) {margin-top:40px;}
section.type01 .note {margin:10px 0px;}
section.type01 .note li {color:#6c7594; font-weight:300;}
section.type01 dl dd .box {position:relative; padding:20px; background:#f7f7f7; border:1px solid #e8e8e8;}
section.type01 dl dd .box ul.note {margin-left:20px;}
section.type01 dl dd .box ul.note li {color:#666;}
section.type01 dl dd .box .btn.st04 {position:absolute; right:40px; top:35px; width:162px;}
section.type01 ul.note.st07 {margin-left:0;}
section.type01 ul.note.st07 li:nth-child(1):before {padding-right:0; display:none;}
section.type01 ul.note.st07 li:nth-child(2):before {padding-right:0; display:none;}
section.type01 ul.note.st07 li:first-child {width:100%;}
section.type01 ul.note.st07 li {float:left; width:280px; padding-left:0; color:#666;}
section.type01 ul.note.st07 li span {color:#996b56;}
.recruitList table td span.ellipsis {width:380px;}

.recruit .btnC .fr {margin-left:-152px;}

.noteArea {padding:30px; background:#f7f7f7; border:1px solid #e8e8e8;}
.noteArea.tc > * {vertical-align:middle; display:inline-block;}
.noteArea.tc .note {margin-left:0;}
.noteArea.tc > *:last-child {margin-left:17px;}


/* 입사지원
------------------------------------------------------------------------------- */
.apply .pr {text-align:right;}
.apply .pr textarea {height:160px; margin-bottom:10px; border:1px solid #e8e8e8; background:#fff;}
.apply .pr div {font-size:12px;}
.apply .pr div span {color:#6c7594;}
.apply .tbBox ul.note {margin-left:0; margin-top:10px;}
.apply .progress { margin-top:60px; overflow:hidden; display:block;}
.apply .progress li { position:relative; float:left; width:94px; height:94px; margin-left:30px; padding-top:24px; text-align:center; letter-spacing:0; vertical-align:middle; border:1px solid #e8e8e8; border-radius:99px; -webkit-border-radius:99px; -moz-border-radius:99px; -ms-border-radius:99px; background-color:#f7f7f7; display:block;}
.apply .progress li:first-child {margin-left:0;}
.apply .progress li:before {position:absolute; left:-30px; top:45px; width:29px; height:2px; border-top:2px dotted #ededed; content:""; display:block;}
.apply .progress li:first-child:before {display:none;}
.apply .progress li.on {color:#fff; font-weight:700; border:1px solid #6c7594; background:#6c7594;}
.apply input {border:1px solid #e8e8e8; height:34px;}
.apply #contArea section {position:relative;}
.apply section .final {position:absolute; right:0; top:5px; width:30%; text-align:right;}
.apply h4 + .subtxt {margin-bottom:12px; text-align:center;}
.apply table.data {margin-top:15px;}
.apply table.regist select {width:100%;}
.apply table.regist.mgT10 {margin-top:10px;}
.apply table.regist.st02 {width:232px; margin-top:10px;}
.apply table.regist.st02 ol,.apply table.regist.st03 ol {width:100%;}
.apply table.regist td.trisection:not(.pass) ol.check li:not(:nth-of-type(2)) {width:50%;}
.apply table.regist.st02 ol li input,.apply table.regist.st03 ol li input {padding:2px 5px 2px 2px; text-align:center; background:#fff;}
.apply table.regist.st02 ol li:last-child input,.apply table.regist.st03 ol li:last-child input {margin-left:-2px; border-left:0px none;}
.apply table.regist.st02 ol.check li.at,.apply table.regist.st03 ol.check li.at {margin-left:-3px}
.apply table.regist.st01 ol.check.st01 input {width:70px;}
.apply table.regist.st01 ol.check.st01 li {width:40%;}
.apply table.regist.st01 ol.check.st01 li:nth-child(2) {width:19%; margin:4px 0 0 0; text-align:center;}
.apply #contArea hr {margin-top:30px;}
.apply table.regist.st03 {width:100%; margin-top:10px;}
.apply .box02.btnC {margin-top:50px;}
.apply .box02.st02 {position:relative; padding-left:140px;}
.apply .box02.st02 ul li {font-size:14px;}
.apply .box02.st02 button {position:absolute; right:140px; top:50%; margin-top:-15px;}
.apply form#recruit02Form .btn.base {height:34px;}
.apply div.tr { margin-top:20px;}
.apply #writeArea > div > div + div {margin-top:10px;}
.handicap {overflow:hidden;}
#contArea .handicap article {width:454px; float:left; padding:0; border-top:none;}
#contArea .handicap article:last-child {width:374px; margin-left:10px;}
.apply table.regist td.birth ol li {width:84px; margin-left:10px;}
.apply table.regist td.birth ol li:first-child {margin-left:0;}
.apply table.regist td {position:relative;}
.apply table.regist td.half.st01 span {padding-left:10px;}
.apply table.regist td.half input,table.regist td.half select {width:269px;}
.apply table.regist .photoArea {padding:20px 0 0 120px;}
.apply table.regist .photoArea span {color:#6c7594;}
.apply table.regist .photoArea button {margin-top:10px;}
.apply table.regist td.age:after {position:absolute; left:140px; top:18px; width:20px; height:20px; content:"세"; display:block;}
.apply table.regist td.age input {width:120px;}
.apply table.regist td input.emailUrl {border-left:0px none; height:34px;}
.apply table.regist td.trisection ol.check li.at {margin-top:3px;}
.apply table.regist td.address input:first-child {width:223px; margin-top:0;}
.apply table.regist td.address input {margin-top:10px;}
.apply table.regist td p.st01{display:block; width:20px; height:20px; margin:10px auto;}
.apply table.regist td p.st01 label {margin-left:-17px;}
.apply .btn.st04 + .btn {margin-left:3px;}
.apply .btn.st04.plus:after, .apply .btn.st04.minus:after {width:9px; height:9px; margin:0 0 1px 5px; background:url(/assets/hub/kr/images/btn/btn_plusMinus01.gif) 100% no-repeat; vertical-align:middle; display:inline-block; content:"";}
.apply .btn.st04.plus:after {background-position:0 100%;}
#recruit08Form .btn.st05.em02:before {width:18px; height:18px; margin:0 10px 1px 0px; background:url(/assets/hub/kr/images/btn/btn_apply.png); vertical-align:middle; display:inline-block; content:"";}
#writeArea button,#writeArea02 button,#writeArea03 button,#field button {margin:20px 0 5px 0;}
#writeArea,#writeArea02,#writeArea03,#field {text-align:right;}
/* 텍스트스타일 */
.txt01 {margin-bottom:13px; font-weight:700; font-size:18px; color:#333; line-height:24px; text-align:center;}
.txt01.st01 {margin-top:50px; color:#666;}
.txt01.st02 {margin-top:60px; font-weight:400;}
.txt01.st03 {margin:65px 0 35px 0; font-weight:400;}
.txt01.st04 {margin:40px 0 20px 0;}
.txt01 strong {font-weight:700; font-size:18px; color:#6c7594;}


/* 멤버십
------------------------------------------------------------------------------------ */
/* Overview */
.membership .overview > section:first-of-type {padding-bottom:0 !important;}
.membership .overview > section:first-of-type > h3 {margin:0 !important; padding:80px 0 48px 0; background:#fff;}
.membership .overview .rewards > section, .membership .overview .prestige > section {width:1200px !important;}
.membership .overview figure.cardInfo {width:500px;}
.membership .overview figure.cardInfo figcaption {display:block;}
.membership .overview figure.cardInfo span {width:100%; height:380px; padding-top:95px; text-align:center;}
.membership .overview figure.cardInfo h3 {margin-bottom:12px; font-size:14px; font-weight:400;}
.membership .overview figure.cardInfo h4 {margin-bottom:28px; font-size:32px; text-align:left;}
.membership .overview .rewards {background:-webkit-linear-gradient(#fff 0, #fff 25%, #d1dbdc 25%, #d1dbdc); background:-o-linear-gradient(#fff 0, #fff 25%, #d1dbdc 25%, #d1dbdc); background:-moz-linear-gradient(#fff 0, #fff 25%, #d1dbdc 25%, #d1dbdc); background:linear-gradient(#fff 0, #fff 25%, #d1dbdc 25%, #d1dbdc);}
.membership .overview .rewards > section {padding-top:25px !important;}
.membership .overview .rewards .fl {margin-left:-360px;}
.membership .overview .rewards figure.cardInfo {float:right; width:550px;}
.membership .overview .rewards figure.cardInfo figcaption {padding:0 0 58px 25px;}
.membership .overview .rewards .btnC .note {margin-top:10px; text-align:center;}
.membership .overview .btnC {margin-bottom:50px;}
.membership .overview .prestige {position:relative; background:#f7f7f7;}
.membership .overview .prestige:before {position:absolute; top:0; width:100%; height:620px; background:url(/assets/hub/global/images/bg/bg_membership01.jpg) top center no-repeat #425b70; display:block; z-index:0; content:"";}
.membership .overview .prestige figure.cardInfo {margin:130px 0 0 100px;}
.membership .overview .prestige figure.cardInfo figcaption {padding-bottom:78px;}
.membership .overview .prestige figure.cardInfo figcaption > * {color:rgba(255,255,255,0.8);}
.membership .overview .prestige figure.cardInfo figcaption > h4 {color:#fff;}
.membership .overview .prestige .fr {margin:-706px 100px 0 0;}
.membership .overview ol.pic {clear:both; padding-top:30px;}
.membership .overview ol.pic li {margin-top:30px;}
.membership .overview ol.pic li:not(:nth-child(odd)),.membership .overview ol.pic li:first-child {margin-right:30px;}
.membership .overview ol.pic li:hover dl.info03 {position:relative; margin-bottom:25px; padding:20px 0; background:#333;}
.membership .overview ol.pic li:hover dl.info03:before {position:absolute; top:50%; left:50%; width:1px; height:50px; margin-top:-25px; background:rgba(255,255,255,0.1); display:block; content:"";}
.membership .overview ol.pic li:hover dl.info03 > * {font-weight:400; color:#fff;}
.membership .overview ol.pic li:hover dl.info03 > dd {font-size:20px;}
.membership .notice > section {overflow:hidden;}
.membership .notice h3 {margin-top:30px !important; font-size:28px !important;}
.membership .notice table.list select {width:200px !important; height:50px !important;} 
.membership .notice > .btn {width:100%; font-size:28px; color:#333; line-height:90px; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
.membership .notice > .btn:after {width:30px; height:17px; margin-left:28px; background:url(/assets/hub/global/images/ico/ico_fold04.png) 100% 0 no-repeat; display:inline-block; content:"";}
.membership .notice > .btn.close:after {background-position:0 100%;}
/* 회원 혜택 */
.membership h4 {margin-bottom:30px; font-size:28px; line-height:1; text-align:center;}
.membership h4:not(:first-of-type) {margin-top:59px;}
.h4Group h4 {margin:0 0 20px 0; font-size:24px; line-height:24px; text-align:left;}
.h4Group h4:before {width:116px; height:13px; margin-bottom:14px; background:url(/assets/hub/global/images/etc/fig_walkerhill03.png) 0 0 no-repeat; display:block; content:"";}
.membership .infoArea {width:100%; padding:0; border:0 none; background:#fff; display:table;}
.membership .infoArea:after {clear:both; display:block; content:"";}
.membership .infoArea + h4, .membership .prestige.old section:first-of-type h4 {padding-top:50px;}
.membership .infoArea > figure.cardInfo, .membership .overview figure.cardInfo span {text-align:center; background:url(/assets/hub/global/images/bg/bg_join.png) 0 0 repeat #f7f7f7;}
.membership .infoArea > figure.cardInfo, .membership .infoArea > div {width:50%; padding:50px; vertical-align:middle; display:table-cell;}
.membership .infoArea > figure a {margin-top:20px;}
.membership .infoArea > div {border:1px solid #e8e8e8; border-left:0 none;}
.membership .infoArea > div .h4Group + p {line-height:23px;}
.membership .infoArea > div ul li {margin-bottom:5px;}
.membership .infoArea > div .btnL {margin-top:20px;}
.membership .infoArea > div .btnL button, .membership .infoArea > div .btnL a {width:129px; margin-right:3px;}
.membership .infoArea > div .btnL *:last-child {margin-right:0;}
/*.membership .infoArea > div dl.info04 .call {margin:20px 17px 0 0;}
.membership .infoArea > div dl.info04 .call + dd {margin-top:20px;}
.membership .infoArea > div ul + dl.info04 .call, .membership .infoArea > div ul + dl.info04 .call + dd {margin-top:12px;}
.prestige .infoArea > div ul + dl.info04 .call, .prestige .infoArea > div ul + dl.info04 .call + dd {letter-spacing:-0.08em;}*/
#contArea .membership .infoArea .ico02 {margin-top:20px;}
#contArea .membership .infoArea .ico02 span {margin-left:20px; font-weight:700; color:#666;}
.membership .couponList:after {clear:both; display:block; content:"";}
.membership .couponList dl {float:left; width:250px; border-top:1px solid #e8e8e8; border-right:1px solid #e8e8e8; background:#fff;}
.membership .couponList dl:first-child {background:none;}
.membership .couponList dl:last-child {border-right:0;}
.membership .couponList dl dt, .membership .couponList dl dd {width:250px; text-align:center; border-bottom:1px solid #e8e8e8;}
.membership .couponList dl dt {height:174px; padding-top:30px;}
.membership .couponList dl dd {height:208px; padding-top:45px;}
.membership .couponList dl dd figure figcaption {margin-top:18px; display:block;}
.membership .couponList dl dd figure figcaption p.tit {margin-bottom:4px; font-weight:500; color:#333;}
.membership .couponList dl dd figure figcaption p.note {line-height:14px;}
.membership .couponList dl dd figure figcaption p.note.st05:before {color:#666;}
.membership .couponList dl dd.none {background:url(/assets/hub/global/images/etc/fig_walkerhill04.png) 50% 50% no-repeat;}
.membership .box02.st01 {padding-left:40px;}
.membership .box02.st01 .note {margin-left:0;}
.membership .box02.st01 ul:nth-child(2) {margin-bottom:18px;}
.membership .saleInfo dt {width:170px;}
.membership .saleInfo dd h5 {margin-bottom:19px; font-size:16px; text-align:left;}
.membership .saleInfo dd h5 + ul.note {margin-left:0;}
.membership .saleInfo dd div.col {width:370px; vertical-align:top; display:inline-block;}
.membership .saleInfo dd div.col:nth-of-type(odd) {width:397px;}
.membership .saleInfo dd div > table tbody > td > ul.note {margin-left:0;}
.membership .saleInfo dd .note.st07 em {font-size:12px; line-height:20px;}
.membership .saleInfo dd div.mgR30 {margin-right:30px;}
.membership .saleInfo dd table.data {margin:20px 0;}
.membership .saleInfo dd hr {margin:30px 0;}
.membership .saleInfo dd .box01 {width:calc(100% - 30px); padding:28px 40px;}
.membership .saleInfo dd .box01 span:first-child {width:86px; padding-top:2px;}
.membership .saleInfo dd table.data > tbody > tr > td {padding:16px 19px;}
.membership .benefit {margin-top:30px;}
.membership .benefit h5 {width:120px; height:120px; margin:0 auto; padding-top:40px; font-weight:400; font-size:12px; color:rgba(255,255,255,0.6); text-align:center; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; background:#6c7594;}
.membership .benefit h5.plus {background:#3e4b76;}
.membership .benefit h5.premier {background:#243056;}
.membership .benefit h5 em {padding-top:8px; font-weight:500; font-size:22px; color:#fff; line-height:1; letter-spacing:0.03em; display:block;}
.membership .benefit + p.note, .membership .benefit02 + p.note, .membership ul.infotxt, .membership .benefit02 + ul.note {margin:14px 0 0 0;} 
.membership .benefit + ul.note, .membership ul.infotxt + ul.note {margin:10px 0 0 0;}
.membership .benefit + ul.note + .btnL {margin-top:26px;}
.membership .benefit:last-child {margin-top:30px;}
.membership dl.cooperation {height:auto; margin-bottom:40px; overflow:hidden;}
.membership dl.cooperation:nth-child(2) {float:left; width:493px; margin-right:14px;}
.membership dl.cooperation dt, .membership dl.cooperation dd {border:1px solid #e8e8e8; cursor:pointer;}
.membership dl.cooperation dt {position:relative; height:66px; margin-bottom:-66px; padding:23px 40px 0 40px; font-weight:700; font-size:18px; color:#333;}
.membership dl.cooperation dt:after {position:absolute; top:28px; right:36px; width:23px; height:14px; background:url(/assets/hub/global/images/ico/ico_fold03.gif) 0 0 no-repeat; content:"";}
.membership dl.cooperation dt.on {border-color:#474e61; border-bottom-color:#e8e8e8;}
.membership dl.cooperation dt.on:after {background-position:0 100%;}
.membership dl.cooperation dd {position:relative; height:66px; margin-bottom:14px; padding-top:64px; border-top-color:transparent; display:block; overflow:hidden;}
.membership dl.cooperation dd.on {height:auto; padding:99px 40px 33px 40px; border-color:#474e61;}
.membership dl.cooperation dd .note.st01 {margin-left:0; color:#333;}
.membership dl.cooperation dd ul li p {font-size:12px;}
.membership .tabMenu + section table.list {margin-top:50px;}
.membership table.data img {margin:0 11px;}
.membership .btnC {clear:both;}
.membership > .rewards .btnC .btn {width:247px;}
.membership .rewards #faq .inquiry {padding:43px 50px 54px 50px; font-size:18px; color:#333; line-height:30px; border-bottom:1px solid #747474; background:#fff;}
.membership .rewards #faq .inquiry h5 {margin-bottom:9px; font-size:20px; line-height:30px;}
.membership .prestige table.benefit + ul.detail {margin-top:13px;}
.membership .prestige table.data > tbody > tr > td {padding:18px 25px;}
.membership .prestige table.data td > h5 {margin-bottom:5px; font-weight:400; font-size:14px; color:#666;}
.membership .prestige p + table.food {margin:15px 0 10px 0;}
.membership .prestige table.benefit p.note.st03 {margin-left:0;}
.membership .prestige table.benefit p.or {margin:3px 0 7px 0;}
.membership .prestige div.sectionBg section .btnR {float:right; margin-top:-59px;}
.membership .prestige .saleInfo dd:nth-of-type(2) .box01 span:first-child {width:113px;}
.membership .prestige.old h3 {margin:60px 0 40px 0; font-weight:500; font-size:40px; line-height:1; text-align:center;}


/* 워커힐 앱
------------------------------------------------------------------------------- */
.membership .aboutApp .table {height:100%; background:#fff;}
.membership .aboutApp figure.table figcaption {padding:0 50px; border:1px solid #e8e8e8; border-left:0;}
.membership .aboutApp figure.table figcaption h4, .membership .aboutApp figure.table figcaption h5 {margin:0; font-size:20px; line-height:26px; text-align:left;}
.membership .aboutApp figure.table:not(.row) figcaption h4:after, .membership .aboutApp figure.table:not(.row) figcaption h5:after {width:20px; height:2px; margin-top:17px; background-color:#dadcdf; display:block; content:"";}
.membership .aboutApp figure.table figcaption p {margin:17px 0 0 0; text-align:left;}
.membership .aboutApp figure.table.row figcaption > div {padding:26px 26px 37px 30px; border:1px solid #e8e8e8; border-top:0; vertical-align:top; display:table-cell;}
.membership .aboutApp .info ul.table {margin-top:60px;}
.membership .aboutApp .info ul.table li:not(:first-child) {padding-left:38px;}
.membership .aboutApp .info ul.table figure.table span {height:270px;}
.membership .aboutApp .download {padding-top:50px;}
.membership #contents.aboutApp .download > section {padding-bottom:0 !important;}
.membership .aboutApp .download p:first-child {text-align:center;}
.membership .aboutApp .download h4 {margin:13px 0 38px 0; font-size:28px;}
.membership .aboutApp .download ul.table {background:url(/assets/hub/global/images/bg/bg_aboutApp.jpg) 0 0 no-repeat; table-layout:fixed;}
.membership .aboutApp .download ul.table > li {padding:30px 24px; vertical-align:top; text-align:center;}
.membership .aboutApp .download ul.table > li:not(:first-child) {width:254px; border-left:16px solid #f5f5f5;}
.membership .aboutApp .download ul.table h5 {margin:0 0 17px 0; font-size:28px;}
.membership .aboutApp .download ul.table h5:after {width:30px; height:2px; margin:18px auto 0 auto; background:#464646; display:block; content:"";}
.membership .aboutApp .download ul.table figure {margin:28px auto 0 auto; border-radius:50%; background:#fff; display:table;}
.membership .aboutApp .download ul.table figure span {line-height:0; text-align:center; vertical-align:middle; display:table-cell;}
.membership .aboutApp .download ul.table > li:not(:first-child) figure {width:105px; height:105px;}
.membership .aboutApp .download ul.table > li:first-child figure {width:158px; height:158px;}
.membership .aboutApp .download ul.table dl {margin-top:32px;}
.membership .aboutApp .download ul.table dl dd {margin-top:10px;}
.membership .aboutApp .download ul.table dl dd input[type=text] {height:35px;}
.membership .aboutApp .download ul.table .note.st05 {margin:15px 0 0 0; padding-left:8px;}
.membership .aboutApp .download ul.table .note.st05:before {width:5px; margin:0 3px 0 -7px; color:#666;}
.membership .aboutApp .download ul.table .btnC {margin-top:30px;}
.membership .aboutApp .download ul.table .btn.st04 {width:100%;}


/* 온라인결제
------------------------------------------------------------------------------- */
.payment #contents > section h3 {margin:50px 0 40px 0; font-weight:500; font-size:18px; text-align:center; line-height:25px;}
.payment #contents > section h4 {margin:60px 0 30px 0; font-size:28px; text-align:center;}
.payment #contents > section .p_form h4.agree {margin:60px 0 20px 0; font-size:18px;}
.payment #contents > section h5 {margin-top:40px; font-weight:500; text-align:center;}
.payment dl.regist {margin:0 150px;}
.payment .box01 {margin-bottom:20px;}
.payment .box02 {font-size:14px;}
.payment .box02.p_payment {margin-top:40px;}
.payment .box02.st01 {padding-left:100px;}
.payment .box02 p {text-align:left;}
.payment .box02.st02 {padding-left:40px;}
.payment .box02 ul {margin:5px 0 0 25px;}
.payment hr {margin-top:40px;}
.payment dl.regist dd.trisection.st03 ol.check li.col01 {width:140px;}
.payment dl.regist dd.trisection.st03 ol.check li.col02 {width:188px;}
.payment dl.regist dd.trisection.st03 ol.check li.col03 {width:112px;}
.payment dl.regist dd.price {position:relative;}
.payment dl.regist dd.price input {color:#666;}
.payment dl.regist dd.price.st01 {padding-left:10px;}
.payment dl.regist dd.price.st01 input {width:370px; margin-left:10px;}
.payment dl.regist dd.dateCoice.ico04 {margin-bottom:0; display:block;}
.payment ul.regist {width:530px; margin:0 auto;}
.payment ul.regist li {vertical-align:top;}
.payment ul.regist li dl dt, .payment ul.regist li dl dd {font-size:14px; display:table-cell;}
.payment ul.regist li dl dt {width:85px; color:#333;}
.payment ul.regist li input[type=radio] + label {height:50px; margin-top:-22px; padding-top:13px;}
.payment ul.regist li:not(:first-child) input[type=radio] + label {border-top:0 none;}
.payment #contents.payDone > section > h4 {margin:0 !important; padding:50px 0 40px 0; font-size:40px !important; text-align:center; background:#fff;} 
.payment .payDone .registDone .regInfo h4 {margin:7px 0 20px 0 !important; padding-bottom:20px; font-size:24px !important; text-align:left !important; border-bottom:1px solid #e8e8e8;}
.payment .payDone .registDone {height:auto;}
.payment .payDone .registDone > figure img {width:auto !important; height:auto !important; margin:0 !important;}
.payment .payDone .registDone + dl.info02 dd:last-child {width:340px !important; padding-right:30px; text-align:right;}
.payment article {margin:60px -80px -50px -80px; padding:30px 0; text-align:center; border-top:1px solid #e8e8e8;}
table.TBinfo {border:1px solid #e8e8e8;}
table.TBinfo th, table.TBinfo td {padding:12px 0; border-bottom:1px solid #e8e8e8;} 
table.TBinfo th {font-weight:500; border-right:1px solid #e8e8e8; background:#f7f7f7;}
table.TBinfo td {padding-left:20px;}
table.TBinfo.st01 {width:530px; margin:0 auto;}
.payment table.TBinfo.st01 {margin-bottom:40px;}
table.TBinfo.st01 th {width:130px; padding-left:20px; color:#333; text-align:left;} 
table.TBinfo.st01 td {width:400px;}
table.TBinfo.st01 td span {font-weight:500; color:#6c7594;}


/* 검색전용 페이지
------------------------------------------------------------------------------- */
.searchReserve header {width:100%; height:80px; text-align:center; background:#000; display:table;}
.searchReserve header h1 {vertical-align:middle; display:table-cell;}
.searchReserve #container {background:#ddd;}
.searchReserve #contents {width:1000px; margin:0 auto; padding:160px 0 160px 0;}
.searchReserve h2 {margin-bottom:60px; font-size:40px; font-weight:500; letter-spacing:-0.03em;}
.searchReserve ul.hotel {width:100%; padding:0 60px 0 20px; background:#444; display:table;}
.searchReserve ul.hotel li {position:relative; padding:0 40px; text-align:center; display:table-cell;}
.searchReserve ul.hotel li a {font-size:18px; color:#858585; line-height:80px; font-weight:500; letter-spacing:0.05em;}
.searchReserve ul.hotel li.on a {font-size:18px; color:#fff; font-weight:700; border-bottom:2px solid #fff;}
.searchReserve ul.hotel li.on:after {position:absolute; bottom:0; left:50%; width:0; height:0; margin-left:-8px; border-width:0 8px 8px 8px; border-style:solid; border-color:transparent transparent #ddd transparent; display:block; content:"";}
.searchReserve .reserve {margin-top:14px;}
.searchReserve .reserve > div {position:relative;}
.searchReserve .reserve:after {clear:both; display:block; content:"";}
.searchReserve .reserve .search {float:left; margin-right:14px; display:table;}
.searchReserve .reserve .search > div {position:relative; vertical-align:top; display:table-cell;}
.searchReserve .reserve .search > div:first-child {width:480px; height:363px; background:#fff;}
.searchReserve .reserve .search > div:last-child {width:182px; background:#e7e3de;}
.searchReserve .reserve .search > div:last-child:before {height:100%; border-left:1px solid #e1d8d1; display:block; content:"";}
.searchReserve .reserve .search dl.option {margin-bottom:2px; padding:16px 16px 3px 16px;}
.searchReserve .reserve .search dl.option:after {clear:both; display:block; content:"";}
.searchReserve .reserve .search dl.option dt {position:relative; height:42px; padding:12px 0 0 20px; font-size:12px; font-weight:500; display:inline-block; z-index:5;}
.searchReserve .reserve .search dl.option dt:after {width:1px; height:11px; margin-left:7px; background:#ddd; vertical-align:-1px; display:inline-block; content:"";}
.searchReserve .reserve .search dl.option dt label {font-weight:500;}
.searchReserve .reserve .search dl.option dd {height:49px; margin:-42px 0 7px 0; display:block;}
.searchReserve .reserve .search dl.option dd select {width:100%;}
.searchReserve .reserve .search ul.note {padding:0 16px;}
.searchReserve .reserve .search > div:last-child .btn {position:absolute; bottom:0; width:100%; font-size:16px; line-height:60px;}
.searchReserve .reserve aside {height:auto; overflow:hidden;}
.searchReserve .reserve aside figure {position:relative;}
.searchReserve .reserve aside figcaption {position:absolute; top:0; left:0; width:100%; height:100%; padding:34px 35px 30px 40px; font-size:12px; color:rgba(255,255,255,0.70); line-height:16px; font-weight:500; display:block; overflow:hidden;}
.searchReserve .reserve aside figcaption h2 {margin-bottom:8px; font-size:20px; color:#fff; line-height:25px; font-weight:700;}
.searchReserve .reserve aside .btnArea {margin-top:10px;}
.searchReserve .reserve aside .btn {width:100%; height:60px; padding:0 26px; font-size:16px; line-height:58px; text-align:left; background:#716d69;}
.searchReserve .reserve aside .btn:after {float:right; width:0; height:0; margin-top:25px; border-width:4px 0 4px 5px; border-style:solid; border-color:transparent transparent transparent #fff; display:inline-block; content:"";}
.searchReserve .reserve .btnR {position:relative; margin:17px 16px 0 0;}
.searchReserve .reserve.vista .btn.st01 {background:#446176;}
.searchReserve .reserve.grand .btn.st01 {background:#4e4e4e;}
.searchReserve .reserve.douglas .btn.st01 {background:#b4988f;}
.searchReserve div.specialCode p.error {margin-top:11px; text-align:center;}
.searchReserve div.specialCode {bottom:0; width:100%; padding:9px; box-shadow:none; background:#efefef; display:block;}
.searchReserve div.specialCode:after {clear:both; display:block; content:"";}
.searchReserve div.specialCode > * {float:left;}
.searchReserve div.specialCode h4 {padding:0 20px; font-size:12px; line-height:42px; font-weight:500;}
.searchReserve div.specialCode dl {width:332px; height:42px}
.searchReserve div.specialCode dl dd {/*width:50%; */padding-left:1px;}
.searchReserve div.specialCode dl dd input, .searchReserve div.specialCode dl dd .select2-selection.option01.st03.select2-selection--single {height:42px; border:0;}
.searchReserve div.specialCode dl select {width:100%; height:42px;}