@charset "UTF-8";

@import url("https://fonts.googleapis.com/css?family=Noto+Sans+KR:300,400,500,700,900&subset=korean");
/* 100 Thin, 300 Light, 400 Regular, 500 Medium, 700 Bold, 900 Black */

@font-face {
	font-family: 'Spoqa';
	font-weight: 300;
	src: local('Spoqa Han Sans Light'),
	url('../fonts/SpoqaHanSansLight.woff2') format('woff2'),
	url('../fonts/SpoqaHanSansLight.woff') format('woff'),
	url('../fonts/SpoqaHanSansLight.ttf') format('truetype');
}
@font-face {
	font-family: 'Spoqa';
	font-weight: 400;
	src: local('Spoqa Han Sans Regular'),
	url('../fonts/SpoqaHanSansRegular.woff2') format('woff2'),
	url('../fonts/SpoqaHanSansRegular.woff') format('woff'),
	url('../fonts/SpoqaHanSansRegular.ttf') format('truetype');
}
@font-face {
	font-family: 'Spoqa';
	font-weight: 700;
	src: local('Spoqa Han Sans Bold'),
	url('../fonts/SpoqaHanSansBold.woff2') format('woff2'),
	url('../fonts/SpoqaHanSansBold.woff') format('woff'),
	url('../fonts/SpoqaHanSansBold.ttf') format('truetype');
}

*{margin:0; padding:0; box-sizing:border-box;}
:before, :after{box-sizing:border-box}
html{width:100%; height:100%}
body{position:relative; font-family:"Noto Sans KR", "맑은 고딕", "Malgun Gothic", sans-serif; font-weight:400; font-size:16px; color:#797979; letter-spacing:-0.7px; height:100%; -webkit-text-size-adjust:100%; -moz-text-size-adjust:100%; -ms-text-size-adjust:100%; line-height:1; -webkit-overflow-scrolling: touch;}
body,div,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,p,form,fieldset,table,tr,th,td{margin:0; padding:0}
ul,ol,li{list-style:none}
img, fieldset{border:none; vertical-align:top}
legend, caption{position:absolute; top:-9999px; left:-9999px; z-index:-1}
textarea, button{vertical-align:middle}
input, select{height:40px; vertical-align:middle; background:#fff; border:1px solid #c8c8c8; font-family:"Noto Sans KR", "맑은 고딕", "Malgun Gothic", sans-serif; font-weight:400; color:#000; letter-spacing:-0.6px; border-radius:0; font-size:16px}
input{padding:3px 15px;}
input.spoqa{font-family:'Spoqa'}
option{padding:10px}
input[type="radio"],input[type="checkbox"] {border:0; padding:0; height:auto; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;}
input[type="password"] {height:40px; border:1px solid #c8c8c8; color:#999; background:#fff; -webkit-appearance: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;}
input[type="text"] {width:278px; background:#fff; -webkit-appearance: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;}
input[type="number"] {-moz-appearance:textfield;}
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {-webkit-appearance:none; margin:0}
input::-ms-reveal, input::-ms-clear {display: none;}/* 엣지, 익스 인풋태그 기본 버튼 노출방지 */
input.error{border:1px solid #e64949 !important}
select{padding:0 35px 0 15px; height:40px; font-size:16px; line-height:38px; color:#000; background:url('../images/selectD_open.gif') no-repeat right 15px top 50% #fff; border:1px solid #a8a8a8; -webkit-appearance: none; appearance:none; -moz-appearance:none;}
select.error {border:1px solid #e64949 !important}
select::-ms-expand{display:none}
select::-ms-value{color:inherit; background:none}
textarea{padding:10px; vertical-align:middle; background:#fff; border:1px solid #c8c8c8; font-family:"Noto Sans KR", "맑은 고딕", "Malgun Gothic", sans-serif; font-weight:400; color:#000; font-size:16px; letter-spacing:-0.6px; -webkit-appearance: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border-radius:0}
a{text-decoration:none; color:#555; border:none}
a:hover, a:focus, a:active{text-decoration:none; outline:none}
table{border-collapse:collapse; width:100%;}
button{background:none; border:none; padding:0; margin:0; cursor:pointer; overflow:visible; white-space: nowrap; font-size:16px; font-family:"Noto Sans KR", "맑은 고딕", "Malgun Gothic", sans-serif; font-weight:400}
button:active {outline: none}
button::-moz-focus-inner {padding:0; border:0;}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {display: block;}
th, b, strong{font-weight:normal}
::-webkit-input-placeholder {font-weight:300; color:#c8c8c8; font-size:15px;}
:-moz-placeholder {font-weight:300; color:#c8c8c8; font-size:15px;}
::-moz-placeholder {font-weight:300; color:#c8c8c8; font-size:15px;}
:-ms-input-placeholder {font-weight:300; color:#c8c8c8; font-size:15px;}
:placeholder-shown {font-weight:300; color:#c8c8c8; font-size:15px;}
input[readonly], input[readonly="readonly"]{background:#f4f4f4; border:none; color:#797979 !important}


/* 간격 */
.mt0{margin-top:0px !important;}
.mt3{margin-top:3px !important;}
.mt5{margin-top:5px !important;}
.mt10{margin-top:10px !important;}
.mt13{margin-top:13px !important;} /* 2021-03-08 추가 */
.mt15{margin-top:15px !important;}
.mt20{margin-top:20px !important;}
.mt25{margin-top:25px !important;}
.mt30{margin-top:30px !important;}
.mt40{margin-top:40px !important;}
.mt50{margin-top:50px !important;}
.mt60{margin-top:60px !important;}
.mt70{margin-top:70px !important;} /* 예치금 추가개발 추가 - 2021-03-16 */
.mt80{margin-top:80px !important;}
.mb0{margin-bottom:0px !important;}
.mt45{margin-top:45px !important;}

/*단일 클래스*/
.skip{position:fixed; top:-10000px; z-index:100; padding:20px 0; width:100%; height:50px; text-align:center; color:#000; background:#ccc;}
.skip:focus{top:0;}
.inner{position:relative; margin:0 auto; width:1280px;}
.inner:after{content:""; display:block; clear:both;}
.blind{position:absolute; top:-1000px; text-indent:-9999px; font-size:0 !important;}
.clear:after{display:block; content:""; clear:both;}
.abbr{display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; clear:both}
.floatL{float:left}
.floatR{float:right}
.poR{position:relative}
.taL{text-align:left !important;}
.taR{text-align:right !important;}
.taC{text-align:center !important;}
.fwL{font-weight:300 !important}
.fwR{font-weight:400 !important}
.fwM{font-weight:500 !important}
.fwB{font-weight:700 !important}
.fwbold {font-weight:700 !important}
.blackT{color:#000 !important}
.grayT{color:#797979 !important} /* 2021-03-08 수정 */
.redT{color:#e64949 !important}
.greenT{color:#004d45 !important}
.greenT2{color:#00696d !important}
.greenT3{color:#03705f !important}
.pinkT{color:#e61683 !important}/*2021-05-20추가*/
.mpointT{color:#005cb9 !important}/*2021-06-10추가*/
.note{font-size:15px; display: block; margin-top: 4px;}/*2022-11-30추가*/
.inlineBox {display:inline-block !important}
.borderT{text-decoration:underline;}/*2022-12-01추가*/

i{display:inline-block; font-family:'Spoqa'; font-style:normal; letter-spacing:0 !important} /* 숫자영역 */
html.lock{}
html.lock body{height:100%; overflow-y:hidden}
body{overflow-x:auto}
#wrap{position:relative; width:100%; min-width:1500px; overflow:hidden}
.header{position:absolute; top:0; left:0; width:100%;height:70px; text-align:center; background:#fff; z-index:7}
.header:after{content:''; position:absolute; top:70px; left:0; width:100%; height:1px; background:rgba(200, 200, 200, 0.5)}
.header:before{content:''; position:absolute; top:0px; left:0px; width:100%; height:70px; box-shadow:5px 5px 12px 0 rgba(121, 121, 121, 0.15); z-index:0}
/*.header .logo{position:absolute; top:26px; left:40px; width:162px; height:25px; background:url('../images/logo.png') no-repeat} 2025-05-29 숨김처리*/
.header .logo{display:flex; justify-content:flex-start; align-items:center; gap:10px; position:absolute; top:26px; left:40px;}/*2025-05-29 수정*/
.header .logo .thtBi{width:162px; height:25px; background:url(../images/logo.png) no-repeat;}/*2025-06-12 추가*/
.header .logo .premiumLogo{font-size:25px; font-weight:700; color:#000000; letter-spacing:-2px; border-left:1px solid #000000; padding-left:10px; display:block;}/*2025-05-29 추가*/

.header .gnb{display:inline-block; position:relative}
.header .gnb:after{content:''; display:block; clear:both}
.header .gnb li{float:left; margin-left:20px}/*2025-06-11 수정*/
.header .gnb li:first-child{margin-left:0}
.header .gnb li a{display:block; position:relative; padding:28px 10px 22px; font-size:20px; color:#797979}/*2025-06-11 수정*/
.header .gnb li a.on{font-weight:700; color:#000}
.header .gnb li a.on:after{content:''; display:block; position:absolute; bottom:0; left:0; width:100%; height:3px; background:#000}
.header .utill{position:absolute; top:0px; right:40px;}
.header .utill:after{content:''; display:block; clear:both}
.header .utill > a{position:relative; float:left; margin:17px 0 0 15px; padding-left:16px; font-size:13px; line-height:24px; color:#707070}
.header .utill > a:before{content:''; display:block; position:absolute; top:6px; left:0; width:1px; height:12px; background:rgba(112, 112, 112, 0.3); text-align:center}
.header .utill > a:first-child{margin-left:0}
.header .utill > a:first-child:before{display:none}
.header .utill .state {float:left; padding-top:29px; font-size:13px; line-height:18px; font-weight:300; color:#484848;}
.header .utill .state b {font-weight:700; color:#004d45}
.header .utill .btn{float:left; margin-left:10px}
.header .utill .btn:after{content:''; display:block; clear:both}
.header .utill .btn .search, .header .utill .btn .mypage, .header .utill .btn .allMenu, .header .utill .btn .csCenter{float:left; height:70px}
.header .utill .btn a:first-child{margin-left:0}
.header .utill .btn .search .icon{display:block; width:68px; height:70px; background:url('../images/header_utill_search.png') no-repeat center 24px}
.header .utill .btn .search.on .icon{background:#004d45 url('../images/header_utill_search_on.png') no-repeat center center}
.header .utill .btn .csCenter {width:62px; background:url('../images/header_utill_cscenter_on.png') no-repeat center 21px}
.header .utill .btn .mypage{position:relative; }
.header .utill .btn .mypage .icon{float:left; width:62px; height:70px; position:relative; background:url('../images/header_utill_mypage.png') no-repeat center 23px}
.header .utill .btn .mypage.on .icon {background:#fff url('../images/header_utill_mypage.png') no-repeat center 23px}
/* .header .utill .btn .mypage.login .icon{background:url('../images/header_utill_mypage_logout_on.png') no-repeat center}
.header .utill .btn .mypage.login.on .icon{background:url('../images/header_utill_mypage_logout_on.png') no-repeat center #fff}
.header .utill .btn .mypage.logout .icon{background:url('../images/header_utill_mypage_login_on.png') no-repeat center}
.header .utill .btn .mypage.logout.on .icon{background:url('../images/header_utill_mypage_login_on.png') no-repeat center #fff} */
.header .utill .btn .allMenu .icon{display:block; width:49px; height:70px; background:url('../images/header_utill_allMenu_on.png') no-repeat center 25px}
.header .utill .btn .allMenu.on .icon{background:url('../images/header_utill_closeBtn.png') no-repeat right center 25px}
.header.on{z-index:7}
.header .allMenuPop{display:none; position:absolute; top:70px; left:0; padding:60px 0 70px; width:100%; background:#fff; box-shadow:inset 5px 5px 12px 0 rgba(121, 121, 121, 0.15)}
.header .allMenuPop .menuD{display:table; margin:0 auto; width:1280px; text-align:left}/*2023-01-04수정 (원width:1100px;)*/
.header .allMenuPop .menuD .menu{display:table-cell; padding:0 30px; width:220px; vertical-align:top; border-right:1px solid #e5e5e5}
.header .allMenuPop .menuD .menu:last-child{border-right:none}
.header .allMenuPop .menuD .menu .oneD{font-weight:500; font-size:21px; color:#000; letter-spacing:-1px;} /*2023-01-04수정(추가letter-spacing:-1px;)*/
.header .allMenuPop .menuD .menu .twoD{margin-top:40px}
.header .allMenuPop .menuD .menu .twoD a{display:block; margin-top:15px; font-weight:300; font-size:17px; line-height:20px; color:#000; word-break:keep-all}
.header .allMenuPop .menuD .menu .twoD a:first-child{margin-top:0}
.header .allMenuPop .menuD .menu .twoD a:hover{font-weight:400; color:#004d45}
.header .utill .btn .mypagePop{display:none; position:absolute; top:70px; right:0; padding:16px 10px; min-width:118px; background:#fff; border:1px solid #004d45}
.header .utill .btn .mypagePop a{display:block; width:100%; height:auto; font-size:15px; text-align:center; line-height:30px; color:#000}
.header .utill .btn .mypagePop a:hover{color:#004d45}

.main .header{background:none}
.main .header:before {display:none}
.main .header:after{content:''; position:absolute; top:70px; left:40px; width:calc(100% - 80px); -webkit-width:calc(100% - 80px); -webkit-width:calc(100% - 80px); height:1px; background:rgba(255, 255, 255, 0.1)}
/*.main .header .logo{background:url('../images/logo_main.png') no-repeat} 2025-06-12 숨김처리*/
.main .header .logo .thtBi{background:url('../images/logo_main.png') no-repeat;}/*2025-06-12 추가*/
.main .header .gnb li a{position:relative; color:#fff}
.main .header .gnb li a.on{color:#fff}
.main .header .gnb li a.on:after{content:''; background:#fff}
.main .header .utill > a{color:#fff}
.main .header .utill > a:before{background:rgba(255, 255, 255, 0.3)}
.main .header .utill .btn .mypage, .main .header .utill .btn .csCenter, .main .header .utill .btn .allMenu, .main .header .utill .btn .search{float:left}
.main .header .utill .btn .csCenter {background:url('../images/header_utill_cscenter.png') no-repeat center}
.main .header .utill .btn .mypage .icon {background:url('../images/header_utill_mypage_on.png') no-repeat center}
.main .header .utill .btn .mypage.on .icon {background:#fff url('../images/header_utill_mypage.png') no-repeat center}
/* .main .header .utill .btn .mypage.login .icon{background:url('../images/header_utill_mypage_logout.png') no-repeat center}
.main .header .utill .btn .mypage.login.on .icon{background:url('../images/header_utill_mypage_logout_on.png') no-repeat center #fff}
.main .header .utill .btn .mypage.logout .icon{background:url('../images/header_utill_mypage_login.png') no-repeat center}
.main .header .utill .btn .mypage.logout.on .icon{background:url('../images/header_utill_mypage_login_on.png') no-repeat center #fff} */
.main .header .utill .btn .allMenu .icon{background:url('../images/header_utill_allMenu.png') no-repeat right center}
.main .header .utill .btn .mypagePop {border:none}
.main .header .utill .state {color:#fff}
.main .header .utill .state b {color:#fff; font-weight:700}
.main .header.on{background:#fff}
.main .header.on:after{width:100%; left:0; background:rgba(200, 200, 200, 0.5)}
.main .header.on .logo{background:url('../images/logo.png') no-repeat}
.main .header.on .gnb li a{color:#000}
.main .header.on .gnb li a.on:after{background:#000}
.main .header.on .utill > a{color:#707070}
.main .header.on .utill > a:before{background:rgba(112, 112, 112, 0.3)}
.main .header.on .utill .btn .search .icon{background:url('../images/header_utill_search.png') no-repeat center}
.main .header.on .utill .btn .mypage .icon {background:url('../images/header_utill_mypage.png') no-repeat center}
.main .header.on .utill .btn .mypage.on .icon {background:url('../images/header_utill_mypage.png') no-repeat center}
/* .main .header.on .utill .btn .mypage.login .icon{background:url('../images/header_utill_mypage_logout_on.png') no-repeat center}
.main .header.on .utill .btn .mypage.logout .icon{background:url('../images/header_utill_mypage_login_on.png') no-repeat center} */
.main .header.on .utill .btn .allMenu .icon{background:url('../images/header_utill_allMenu.png') no-repeat center}
.main .header.on .utill .btn .allMenu.on .icon{background:url('../images/header_utill_closeBtn.png') no-repeat right -10px center}
.main .header.on .utill .btn .csCenter {background:url('../images/header_utill_cscenter_on.png') no-repeat center}
.main .header.on .utill .btn .mypage.on .icon{background:#fff url('../images/header_utill_mypage.png') no-repeat center}
.main .header.on .utill .state {color:#484848;}
.main .header.on .utill .state b {color:#004d45;}

.searchPop {display:none; position:absolute; top:69px; left:0; width:100%; padding:24px 0 0; background:#004d45; z-index:6}
.searchPop .showTab {width:100%; overflow:hidden; text-align:center; }
.searchPop .showTab .btn {display:block; position:relative; float:left; width:50%; padding-bottom:12px; font-size:22px; color:#fff; font-weight:300; border-bottom:1px solid #34716a}
.searchPop .showTab .btn.on {font-weight:500}
.searchPop .showTab .btn.on:after {content:""; display:block; position:absolute; bottom:-1px; left:0; width:100%; height:3px; background:#fff;}
.searchPop .tripPlanSticky {position:relative; top:0;}
.searchPop .tripPlanSticky .pop {display:block; position:relative; left:auto; transform:translate(0,0)}
.searchPop .tripPlanSticky .pop .tripPlanArea.hotel .browseBox .searchDiv {margin-top:40px}
.searchPop .tripPlanSticky .pop .tripPlanArea .browseBox {height:188px; padding:18px 0 30px; }

/* mainVisual */
.mainVisual {position:relative; background:#fff; height:100vh}
.mainVisual .visualArea{position:relative; height:100vh; /* height:100%; */ overflow:hidden}
.mainVisual .visualArea:before{content:''; position:absolute; bottom:0; left:0; width:100%; height:200px; background:rgba(0, 0, 0, 0.3); z-index:2}
.mainVisual .visualArea .visual {position:relative; height:100%}
.mainVisual .visualArea .visual .roll{opacity:0; position:absolute; top:0; left:0; width:101%; height:100%; overflow:hidden}
.mainVisual .visualArea .visual .roll:first-child{opacity:1}
.mainVisual .visualArea .visual .roll.video{display:none; top:50%; left:50%; transform:translate(-50%, -50%); opacity:1}
.mainVisual .visualArea .visual .roll.video:first-child{display:block}
.mainVisual .visualArea .visual .roll.video video{width:auto; height:auto; min-width:100%; min-height:100%;}
.mainVisual .visualArea .visual .roll .thumb{position:absolute; top:0; left:0; width:calc(100% + 180px); width:calc(100% + 180px); height:100%; transform:translateX(0)}
.mainVisual .visualArea .visual .roll.on{z-index:1}
.mainVisual .visualArea .frame {position:absolute; top:150px; left:50%; transform:translate(-50%, 0); width:1280px; height:auto; z-index:1}
.mainVisual .visualArea .frame:before {content:""; display:block; position:absolute; top:0; left:0; width:100%; height:50px; background:url("../images/frame_top.png") no-repeat center top}
.mainVisual .visualArea .frame:after {content:""; display:block; position:absolute; bottom:0; left:0; width:100%; height:50px; background:url("../images/frame_bottom.png") no-repeat center bottom}
.mainVisual .visualArea .frame .rec {position:absolute; top:24px; right:24px; padding-left:19px; height:13px;}
.mainVisual .visualArea .frame .rec:before {content:""; display:block; position:absolute; top:1px; left:0; width:11px; height:11px; border-radius:50% 50%; background-color:#ea5555; -webkit-animation:opaAni 2s infinite; -moz-animation:opaAni 2s infinite; -o-animation:opaAni 2s infinite; animation:opaAni 2s infinite}
.mainVisual .visualArea .indiBox{position:absolute; bottom:-140px; left:50%; transform:translateX(-50%); width:1280px; z-index:1}
.mainVisual .visualArea .indiBox .pageIndi{float:left; width:62px; height:25px; font-family:'Spoqa'}
.mainVisual .visualArea .indiBox .pageIndi .current{padding-left:1px; font-weight:700; font-size:16px; line-height:25px; color:#fff;}
.mainVisual .visualArea .indiBox .pageIndi .all{font-size:12px; line-height:25px; color:rgba(255, 255, 255, 0.5)}
.mainVisual .visualArea .indiBox .pageIndi .all:before{content:'/'; display:inline-block; margin:0 4px 1px;  font-size:12px; line-height:25px; color:rgba(255, 255, 255, 0.5)}
.mainVisual .visualArea .indiBox .control{float:left}
.mainVisual .visualArea .indiBox .control:after{content:''; display:block; clear:both}
.mainVisual .visualArea .indiBox .control a{float:left; margin-left:1px; width:25px; height:25px}
.mainVisual .visualArea .indiBox .control a.pause{background:url('../images/control_pause.png')}
.mainVisual .visualArea .indiBox .control a.pause.on{background:url('../images/control_play.png')}
.mainVisual .visualArea .indiBox .control a:first-child{margin-left:0}
.mainVisual .visualArea .indiBox .barDiv{position:relative; float:left; margin:12px 0 0 5px; width:806px; height:1px; background:rgba(255, 255, 255, 0.3)}
.mainVisual .visualArea .indiBox .barDiv p{position:absolute; top:0; left:0; width:0; height:1px; background:#fff}
@-webkit-keyframes opaAni {
	0%   {opacity:1}
	50% {opacity:0}
	100% {opacity:1}
}
@-moz-keyframes opaAni {
	0%   {opacity:1}
	50% {opacity:0}
	100% {opacity:1}
}
@-o-keyframes opaAni {
	0%   {opacity:1}
	50% {opacity:0}
	100% {opacity:1}
}
@keyframes opaAni {
	0%   {opacity:1}
	50% {opacity:0}
	100% {opacity:1}
}

@-webkit-keyframes opaAni2 {
	0%   {opacity:1}
	50% {opacity:0.3}
	100% {opacity:1}
}
@-moz-keyframes opaAni2 {
	0%   {opacity:1}
	50% {opacity:0.3}
	100% {opacity:1}
}
@-o-keyframes opaAni2 {
	0%   {opacity:1}
	50% {opacity:0.3}
	100% {opacity:1}
}
@keyframes opaAni2 {
	0%   {opacity:1}
	50% {opacity:0.3}
	100% {opacity:1}
}
/* 기본 텍스트모션 */
.textMotionD{position:relative; z-index:2}
.textMotionD .textD{position:relative; display:inline-block; padding-right:40px; overflow:hidden}
.textMotionD .textD:before{content:''; position:absolute; top:0; left:-100%; width:100%; height:100%; background:#000; transition:left 1s cubic-bezier(.55,0,.1,1)}
.textMotionD .textD p{display:inline-block; font-size:48px; line-height:56px; color:#000; text-align:left; opacity:0; transition:opacity 1s cubic-bezier(.55,0,.1,1) 0.3s; letter-spacing:-3px}
.textMotionD .textD p span{font-weight:700}
.textMotionD .line{position:absolute; width:0; height:3px; background:#000; transition:width 0.5s cubic-bezier(.55,0,.1,1) 0.9s, opacity 0.5s cubic-bezier(.55,0,.1,1) 0.3s}
.textMotionD .viewMore{position:absolute; right:0; padding:10px 0 0 10px; opacity:0; transition:opacity 0.6s cubic-bezier(.55,0,.1,1) 1.3s}
.textMotionD.on .textD:before{left:100%}
.textMotionD.on .textD p{opacity:1}
.textMotionD.on .viewMore{opacity:1}

.main .recommendD{padding-top:95px}
.main .recommendD .textMotionD .line{top:105px; left:500px}
.main .recommendD .textMotionD .viewMore{position:absolute; top:65px}
.main .recommendD .listDiv{margin:45px auto 0}
.main .recommendD .listDiv:after{content:''; display:block; clear:both}
.main .recommendD .listDiv .list{position:relative; float:left; width:305px; height:420px; margin-right:20px}
.main .recommendD .listDiv .list:nth-child(4n){margin-right:0}
.main .recommendD .listDiv .list:nth-child(n+5){margin-top:20px}
.main .recommendD .listDiv .list .motion{width:0; height:100%; overflow:hidden; transition:width 0.5s cubic-bezier(.55,0,.1,1)}
.main .recommendD .listDiv .list .img{width:305px; height:420px}
.main .recommendD .listDiv .list .txtArea{position:absolute; left:0; bottom:0; padding:30px}
.main .recommendD .listDiv .list .txtArea .country{font-weight:500; font-size:23px; line-height:28px; color:#fff}
.main .recommendD .listDiv .list .txtArea .price{margin-top:8px; font-size:15px; color:#fff}
.main .recommendD .listDiv .list .txtArea .price i{font-size:30px}
.main .recommendD .listDiv .list .hover{position:absolute; top:0; left:0; padding:40px 30px; width:100%; height:100%; opacity:0; transition:opacity 0.6s cubic-bezier(.55,0,.1,1); background:rgba(0, 77, 69, 0.9); overflow:hidden}
.main .recommendD .listDiv .list .hover:before{content:''; display:block; position:absolute; width:280px; height:35px; bottom:25px; left:-280px; transition:left 0.4s cubic-bezier(.55,0,.1,1) 0s; background:url('../images/hover_viewMore.png') no-repeat}
.main .recommendD .listDiv .list .hover .loca{font-size:20px; color:#fff}
.main .recommendD .listDiv .list .hover .type{margin-top:12px; font-size:16px; color:#fff}
.main .recommendD .listDiv .list .hover .country{position:absolute; bottom:130px; left:30px; width:calc(100% - 60px); width:-webkit-calc(100% - 60px); font-size:32px; line-height:36px; color:#fff}
.main .recommendD .listDiv .list .hover .price{position:absolute; bottom:95px; left:30px; font-size:15px; color:#fff}
.main .recommendD .listDiv .list .hover .price i{font-size:32px}
.main .recommendD .listDiv.on .list:hover .hover{opacity:1}
.main .recommendD .listDiv.on .list:hover .hover:before{left:0; transition-delay:0.2s}

.main .mdPickD{position:relative; margin-top:20px; padding-top:95px; height:1035px}
.main .mdPickD .textMotionD .line{top:90px; left:320px}
.main .mdPickD .tabs{position:relative; width:0; margin-top:50px; overflow:hidden; transition:width 0.4s cubic-bezier(.55,0,.1,1) 0.5s; z-index:1}
.main .mdPickD .tabs a{display:block; position:relative; padding-left:11px; width:305px; height:49px; font-size:21px; line-height:48px; color:#797979; background:#fff; border-bottom:1px solid rgba(51, 51, 51, 0.15); transition:padding 0.3s cubic-bezier(.55,0,.1,1), color 0.3s cubic-bezier(.55,0,.1,1), background 0.3s cubic-bezier(.55,0,.1,1), font-weight 0.3s cubic-bezier(.55,0,.1,1)}
.main .mdPickD .tabs a:first-child{border-top:1px solid rgba(51, 51, 51, 0.15)}
.main .mdPickD .tabs a:before{content:''; position:absolute; top:24px; left:-44px; width:44px; height:1px; background:#fff; transition:left 0.3s cubic-bezier(.55,0,.1,1)}
.main .mdPickD .tabs a.on{padding-left:56px; font-weight:500; color:#fff; background:#004d45; border-top:none; border-bottom:none}
.main .mdPickD .tabs a.on:before{left:0}
.main .mdPickD .viewDiv{position:absolute; top:0; left:0; width:100%; height:940px}
.main .mdPickD .viewDiv .viewD{position:absolute; top:0; left:0; width:100%; height:940px; display:none}
.main .mdPickD .viewDiv .viewD:first-child{display:block}
.main .mdPickD .viewDiv .viewD .img{position:absolute; right:-70px; top:0; overflow:hidden; width:0; height:955px; transition:width 0.8s cubic-bezier(.55,0,.1,1) 0.6s; z-index:0}
.main .mdPickD .viewDiv .viewD .img:after{content:''; display:block; position:absolute; top:70px; right:0; width:600px; height:785px; background:#efefef; z-index:-1}
.main .mdPickD .viewDiv .viewD .img .imgArea{display:block; width:550px; height:785px}
.main .mdPickD .viewDiv .viewD .tit{position:absolute; top:570px; left:300px; font-size:50px; line-height:45px; color:#004d45; letter-spacing:-4px; opacity:0; transition:top 0.7s cubic-bezier(.55,0,.1,1) 0.85s, opacity 0.7s cubic-bezier(.55,0,.1,1) 0.85s}
/*
.main .mdPickD .viewDiv .viewD .tit:before{content:'"'; position:absolute; top:0; left:-25px}
.main .mdPickD .viewDiv .viewD .tit:after{content:'"'; position:absolute; top:0; right:-25px}*/
.main .mdPickD .viewDiv .viewD .tit span{font-weight:700}
.main .mdPickD .viewDiv .viewD .txt{position:absolute; top:640px; left:330px; font-size:16px; line-height:26px; color:rgba(121, 121, 121, 0.8); opacity:0; transition:top 0.7s cubic-bezier(.55,0,.1,1) 0.95s, opacity 0.7s cubic-bezier(.55,0,.1,1) 0.95s}
.main .mdPickD .viewDiv .viewD .thumb{position:absolute; top:745px; left:330px; width:500px; height:300px; opacity:0; transition:top 0.7s cubic-bezier(.55,0,.1,1) 1.05s, opacity 0.7s cubic-bezier(.55,0,.1,1) 1.05s}
.main .mdPickD .viewDiv .viewD .viewMore{position:absolute; top:810px; right:0; opacity:0; transition:opacity 0.7s cubic-bezier(.55,0,.1,1) 1.2s}
.main .mdPickD.on .tabs{width:380px}
.main .mdPickD.on .viewDiv .viewD .img{width:620px}
.main .mdPickD.on .viewDiv .viewD .tit{top:470px; opacity:1}
.main .mdPickD.on .viewDiv .viewD .txt{top:540px; opacity:1}
.main .mdPickD.on .viewDiv .viewD .thumb{top:645px; opacity:1}
.main .mdPickD.on .viewDiv .viewD .viewMore{opacity:1}

.main .hotPlaceD{margin:30px auto 0; padding-top:95px; width:1400px; overflow:hidden}
.main .hotPlaceD .textMotionD .line{top:105px; left:400px}
.main .hotPlaceD .textMotionD .viewMore{position:absolute; top:855px}
.main .hotPlaceD .rollBtn{position:absolute; top:0; right:0; width:99px; height:50px; opacity:0; transition:opacity 0.4s ease; z-index:2}
.main .hotPlaceD .rollBtn:before{content:''; position:absolute; left:49px; top:0; width:1px; height:50px; background:#c8c8c8}
.main .hotPlaceD .rollBtn:after{content:''; display:block; clear:both}
.main .hotPlaceD .rollBtn a{float:left; width:49px; height:50px}
.main .hotPlaceD .rollBtn a:first-child{background:url('../images/main_hotPlaceD_btn_prev.gif') no-repeat}
.main .hotPlaceD .rollBtn a:last-child{width:49px; background:url('../images/main_hotPlaceD_btn_next.gif') no-repeat}
.main .hotPlaceD .rollBtn a.disabled{opacity:0.4; cursor:auto}
.main .hotPlaceD.on .rollBtn{opacity:1}
.main .hotPlaceD .rollD{margin:75px auto 0; width:1400px; height:700px; position:relative}
.main .hotPlaceD .rollD .roll{position:absolute; top:0; left:100%; width:100%}
.main .hotPlaceD .rollD .roll:first-child{left:0}
.main .hotPlaceD .rollD .roll:after{content:''; display:block; clear:both}
.main .hotPlaceD .rollD .roll .list{position:relative; float:left; width:630px; height:700px; text-align:center}
.main .hotPlaceD .rollD .roll .list:before{content:''; position:absolute; z-index:0; opacity:1}
.main .hotPlaceD .rollD .roll .list:nth-child(1){position:relative; margin-left:60px;}
.main .hotPlaceD .rollD .roll .list:nth-child(1):before{top:-20px; left:-60px; width:610px; height:680px; background:#efefef; transition:left 1s cubic-bezier(.55,0,.1,1), opacity 1s cubic-bezier(.55,0,.1,1)}
.main .hotPlaceD .rollD .roll .list:nth-child(2){margin-left:20px; position:relative; top:-125px}
.main .hotPlaceD .rollD .roll .list:nth-child(2):before{top:80px; right:-60px; width:630px; height:700px; background:#efefef; transition:right 1s cubic-bezier(.55,0,.1,1), opacity 1s cubic-bezier(.55,0,.1,1)}
.main .hotPlaceD .rollD .roll:nth-child(1) .list:nth-child(1):before{left:-160px; opacity:0}
.main .hotPlaceD .rollD .roll:nth-child(1) .list:nth-child(2):before{right:-160px; opacity:0}
.main .hotPlaceD .rollD .roll .list .motion{position:relative; padding-top:110px; height:100%; width:0; transition:width 0.5s cubic-bezier(.55,0,.1,1); overflow:hidden; z-index:1}
.main .hotPlaceD .rollD .roll .list:nth-child(1) .motion{transition-delay:0.4s}
.main .hotPlaceD .rollD .roll .list:nth-child(2) .motion{transition-delay:0.6s}
.main .hotPlaceD .rollD .roll .list:nth-child(1):before{transition-delay:0.6s}
.main .hotPlaceD .rollD .roll .list:nth-child(2):before{transition-delay:0.8s}
.main .hotPlaceD .rollD .roll .list .img{position:absolute; top:0; left:0; width:630px; height:700px; overflow:hidden}
.main .hotPlaceD .rollD .roll .list .img img{transition:transform 0.8s cubic-bezier(.55,0,.1,1);}
.main .hotPlaceD .rollD .roll .list .tit{position:relative; padding:0 50px; width:630px; font-weight:700; font-size:35px; color:#fff;}
.main .hotPlaceD .rollD .roll .list .tit:after{content:''; position:absolute; top:60px; left:50%; margin-left:-1px; width:2px; height:65px; background:#fff}
.main .hotPlaceD .rollD .roll .list .txt{position:relative; margin-top:100px; padding:0 50px; width:630px; font-weight:500; font-size:22px; line-height:42px; color:#fff; word-break:keep-all}
.main .hotPlaceD .rollD .roll .list .more{display:block; position:relative; top:50px; margin:26px auto 0; width:108px; height:36px; background:url('../images/main_hotPlaceD_btn.png') no-repeat; opacity:0; transition:top 0.3s cubic-bezier(.55,0,.1,1), opacity 0.3s cubic-bezier(.55,0,.1,1)}
.main .hotPlaceD.on .rollD .roll .list .motion{position:relative; width:100%}
.main .hotPlaceD.on .rollD .roll:nth-child(1) .list:nth-child(1):before{left:-60px; opacity:1}
.main .hotPlaceD.on .rollD .roll:nth-child(1) .list:nth-child(2):before{right:-60px; opacity:1}
.main .hotPlaceD .rollD .roll .list:hover .more{top:0; opacity:1}
.main .hotPlaceD .rollD .roll .list:hover .img img{transform:translate(-50%, -50%) scale(1.1)}

.main .promotionD{position:relative; margin-top:20px; padding-top:95px}
.main .promotionD:before{content:''; position:absolute; top:470px; left:0; width:100%; height:730px; background:#f5f5f5; z-index:0}
.main .promotionD .textMotionD .line{top:105px; left:580px}
.main .promotionD .textMotionD .viewMore{position:absolute; top:65px}
.main .promotionD .topD{margin-top:50px; position:relative; padding-bottom:64px}
.main .promotionD .topD .visualD{position:relative; width:1280px; height:540px; top:100px; opacity:0; transition:top 0.8s cubic-bezier(.55,0,.1,1), opacity 0.8s cubic-bezier(.55,0,.1,1)}
.main .promotionD .topD .visualD .visual{position:absolute; top:0; left:0; width:100%; height:100%; display:none}
.main .promotionD .topD .visualD .visual:nth-child(1){display:block}
.main .promotionD .topD .tabs{position:absolute; bottom:0; right:0; height:120px; background:#f5f5f5; padding-top:10px; opacity:0; transition:opacity 1s cubic-bezier(.55,0,.1,1)}
.main .promotionD .topD .tabs:after{content:''; display:block; clear:both}
.main .promotionD .topD .tabs a{position:relative; float:left; width:150px; height:100px; margin-left:10px; background:#000}
.main .promotionD .topD .tabs a:after{content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0, 77, 69, 0.7); opacity:0; transition:opacity 0.6s cubic-bezier(.55,0,.1,1)}
.main .promotionD .topD .tabs a .txt{position:absolute; top:41px; left:0; width:100%; font-weight:500; font-size:17px; color:#fff; text-align:center; opacity:0; ; transition:opacity 0.6s cubic-bezier(.55,0,.1,1); z-index:1; letter-spacing:-0.9px}
.main .promotionD .topD .tabs a.on:after{opacity:1}
.main .promotionD .topD .tabs a.on .txt{opacity:1}
.main .promotionD .topD .tabs a .thumb {width:100%; height:100%;}
.main .promotionD .bottomD{position:relative;}
.main .promotionD .bottomD:after{content:''; display:block; clear:both}
.main .promotionD .bottomD .rollDiv{position:relative; float:left; padding-top:110px; width:630px; height:510px}
.main .promotionD .bottomD .rollDiv.rightD{margin-left:20px}
.main .promotionD .bottomD .rollDiv .motion{width:0; transition:width 1s cubic-bezier(.55,0,.1,1); overflow:hidden}
.main .promotionD .bottomD .rollDiv .motion .swiper-container{width:630px; height:400px}
.main .promotionD .bottomD .rollDiv .motion .swiper-container .swiper-slide {height:400px}
.main .promotionD .bottomD .rollDiv .motion .swiper-container .swiper-pagination{top:40px; right:40px; bottom:auto; left:auto; width:auto; height:10px}
.main .promotionD .bottomD .rollDiv .motion .swiper-container .swiper-pagination .swiper-pagination-bullet{margin:0 5px; width:10px; height:10px; background:#fff;  border-radius:20px; vertical-align:top; opacity:0.2}
.main .promotionD .bottomD .rollDiv .motion .swiper-container .swiper-pagination .swiper-pagination-bullet-active{width:26px; background:#fff; opacity:1}
.main .promotionD .bottomD .rollDiv.rightD .motion{transition-delay:0.25s}
.main .promotionD .bottomD.on .rollDiv .motion{width:630px}
.main .promotionD .proSwiper{margin:50px auto 0; position:relative; text-align:center}
.main .promotionD .proSwiper .swiper-slide{height:540px}
.main .promotionD .proSwiper .txtArea{position:absolute; top:295px; left:80px; z-index:3}
/* .main .promotionD .proSwiper .txtArea .txtD{position:absolute; top:0; left:0; width:440px; opacity:0; transition:opacity 1s cubic-bezier(.55,0,.1,1); text-align:left}*/
.main .promotionD .proSwiper .txtArea .txtD{position:absolute; top:0; left:0; width:1120px; opacity:0; transition:opacity 1s cubic-bezier(.55,0,.1,1); text-align:left}
.main .promotionD .proSwiper .txtArea .txtD .logo{display:inline-block; font-size:12px; color:rgba(255, 255, 255, 0.7); letter-spacing:11.5px}
.main .promotionD .proSwiper .txtArea .txtD .tit{margin-top:25px; font-weight:500; font-size:42px; line-height:48px; color:#fff}
.main .promotionD .proSwiper .txtArea .txtD .txt{margin-top:30px; font-weight:500; font-size:23px; line-height:28px; color:#fff}
.main .promotionD .proSwiper .txtArea .txtD.on{opacity:1}
.main .promotionD .proSwiper .paging{display:inline-block; padding-top:0; margin-top:40px; width:75px; height:10px; line-height:10px; text-align:center}
.main .promotionD .proSwiper .paging span{display:inline-block; position:relative; margin-right:8px; padding-right:17px; font-family:'Spoqa'; font-weight:700; font-size:16px; color:#000; }
.main .promotionD .proSwiper .paging span:after{content:'/'; position:absolute; top:1px; right:0; width:5px; height:10px; font-size:13px; color:#7b7b7b}
.main .promotionD .proSwiper .paging b{display:inline-block; font-family:'Spoqa'; font-size:16px; color:#7b7b7b; }
.main .promotionD .proSwiper .swiper-button-prev{top:40px; left:560px; margin-top:0; width:26px; height:9px; background:url('../images/main_proSwiper_prev.png') no-repeat}
.main .promotionD .proSwiper .swiper-button-next{top:40px; right:560px; margin-top:0; width:26px; height:9px; background:url('../images/main_proSwiper_next.png') no-repeat}
.main .promotionD.type2:before{height:420px}
.main .promotionD.type2 .proSwiper .proSwipe{padding-bottom:40px}
.main .noticeD{padding:70px 0 110px}
.main .noticeD.type2{padding:120px 0 110px}
.main .noticeD .area{position:relative; float:left; width:620px}
.main .noticeD .area.qnaDiv{margin-left:40px}
.main .noticeD .area .title{display:inline-block; font-size:42px; color:#000}
.main .noticeD .area .line{position:absolute; top:37px; height:3px; background:#000}
.main .noticeD .line{left:250px; width:370px}
.main .noticeD .qnaDiv .line{left:255px; width:365px}
.main .noticeD .area .viewMore{position:absolute; top:0; right:0; padding:10px 0 0 10px}
.main .noticeD .area .listDiv{margin:30px auto 0}
.main .noticeD .area .listDiv .list{display:block; padding:14px 0; border-bottom:1px solid #e5e5e5}
.main .noticeD .area .listDiv .list:after{content:''; display:block; clear:both}
.main .noticeD .area .listDiv .list .tit{float:left; padding-right:15px; width:calc(100% - 77px); width:-webkit-calc(100% - 77px); font-size:18px; line-height:22px; color:#797979; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
.main .noticeD .area .listDiv .list .date{float:right; width:77px; font-weight:300; font-size:13px; line-height:22px; color:#797979; text-align:right}
.main .noticeD .area .listDiv .list .type{float:left; padding-right:15px; width:125px; font-weight:700; font-size:18px; line-height:22px; color:#000}
.main .noticeD .area .listDiv .list .txt{float:left; width:calc(100% - 125px); width:-webkit-calc(100% - 125px); font-size:18px; line-height:22px; color:#797979; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}

.quickArea{position:fixed; width:80px; z-index:3; left:-90px}
.quickArea .cardLinkBtn{position:absolute; bottom:190px; left:0; width:80px; height:80px; border-radius:100%; box-shadow:10px 10px 20px 0 rgba(0, 0, 0, 0.2)} /*2023-06-27 수정 (원 bottom:95px;)*/
.quickArea .cardLinkBtn img{position:absolute; bottom:0; left:0}
.quickArea .quickBtn{position:absolute; bottom:95px; left:0; width:80px; height:80px; background:#2f2f2f; border-radius:100%; box-shadow:10px 10px 20px 0 rgba(0, 0, 0, 0.2); transition:left 0.3s cubic-bezier(.55,0,.1,1); overflow:hidden}/*2023-06-27 수정 (원 bottom:0px;)*/
.quickArea .quickBtn:before{content:''; position:absolute; top:0; left:100%; width:100%; height:100%; background:#fff; transition:left 0.3s cubic-bezier(.55,0,.1,1)}
.quickArea .quickBtn2{position:absolute; bottom:0; left:0; width:80px; height:80px; border-radius:100%; box-shadow:10px 10px 20px 0 rgba(0, 0, 0, 0.2);}/*2023-06-27 추가*/
.quickArea .quickBtn2 img{position:absolute; bottom:0; left:0}/*2023-06-28 추가*/
.quickArea .topBtn{position:absolute; bottom:-150px; left:0; width:80px; height:80px; background:url('../images/topBtn.png') no-repeat; border-radius:100%; box-shadow:10px 10px 20px 0 rgba(0, 0, 0, 0.2); transition:bottom 0s}
.quickArea.on .cardLinkBtn{bottom:285px}/*2023-06-27 수정 (원 bottom:190px;)*/
.quickArea.on .quickBtn{bottom:190px}/*2023-06-27 수정 (원 bottom:95px;)*/
.quickArea.on .quickBtn2{bottom:95px}/*2023-06-27 추가*/
.quickArea.on .topBtn{bottom:0; transition:bottom 0.4s cubic-bezier(.55,0,.1,1)}
#wrap.main .quickBtn{background:#2f2f2f}
#wrap.main .quickBtn .text{color:#fff}
#wrap.main .quickBtn.white .text{color:#004d45}
.quickMenu{position:fixed; top:0; right:-600px; width:600px; background:#fff; transition:right 0.4s cubic-bezier(.55,0,.1,1); z-index:8}
.quickMenu .typeTabs:after{content:''; display:block; clear:both}
.quickMenu .typeTabs a{float:left; width:50%; font-weight:700; font-size:19px; line-height:60px; color:#fff; text-align:center; background:#c8c8c8}
.quickMenu .typeTabs a.on{color:#000; background:#fff}
.quickMenu .typeCon{height:calc(100% - 250px); height:-webkit-calc(100% - 250px)}
.quickMenu .typeContent{display:none; padding:60px 0 0 0; height:100%; background:#fff}
.quickMenu .typeContent:first-child{display:block}
.quickMenu .typeContent .listTabs{padding:0 50px 30px}
.quickMenu .typeContent .listTabs:after{content:''; display:block; clear:both}
.quickMenu .typeContent .listTabs a{position:relative; float:left; font-weight:700; font-size:24px; color:#bcbcbc}
.quickMenu .typeContent .listTabs a:nth-child(2){margin-left:30px}
.quickMenu .typeContent .listTabs a:nth-child(2):before{content:''; position:absolute; left:-18px; top:9px; width:7px; height:7px; background:url('../images/quickMenu_tab_space.png') no-repeat}
.quickMenu .typeContent .listTabs a.on{color:#004d45}
.quickMenu .typeContent .listCon{margin-top:20px; height:calc(100% - 74px); height:calc(100% - 74px)}
.quickMenu .typeContent .listContent{display:none; height:100%}
.quickMenu .typeContent .listContent:first-child{display:block}
.quickMenu .typeContent .listContent .airList{position:relative; height:100%; padding:0 50px;  overflow-y:auto}
.quickMenu .typeContent .listContent .airList:after{content:''; display:block; position:relative; height:60px; background:#fff}
.quickMenu .typeContent .listContent .airList .list{position:relative}
.quickMenu .typeContent .listContent .airList .list .area{display:block; position:relative; padding:30px 50px 30px 0; border-bottom:1px solid #e5e5e5}
.quickMenu .typeContent .listContent .airList .list .placeD:after{content:''; display:block; clear:both}
.quickMenu .typeContent .listContent .airList .list .placeD span{position:relative; float:left; font-weight:500; font-size:20px; color:#000}
.quickMenu .typeContent .listContent .airList .list .placeD span:nth-child(2){margin-left:50px}
.quickMenu .typeContent .listContent .airList .list .placeD span:nth-child(2):before{content:''; position:absolute; top:2px; left:-35px; width:20px; height:16px; background:url('../images/oneway_icon.png') no-repeat}
.quickMenu .typeContent .listContent .airList .list.round .placeD span:nth-child(2):before{background:url('../images/round_icon.png') no-repeat}
.quickMenu .typeContent .listContent .airList .list .infoD{margin-top:15px}
.quickMenu .typeContent .listContent .airList .list .infoD:after{content:''; display:block; clear:both}
.quickMenu .typeContent .listContent .airList .list .infoD p{position:relative; float:left; padding-left:15px; font-size:17px; color:#797979}
.quickMenu .typeContent .listContent .airList .list .infoD p:first-child{padding-left:0}
.quickMenu .typeContent .listContent .airList .list .infoD p:before{content:'/'; position:absolute; top:1px; left:5px; font-size:15px; line-height:17px; color:#c2c2c2}
.quickMenu .typeContent .listContent .airList .list .infoD p:first-child:before{display:none}
.quickMenu .typeContent .listContent .airList .list .infoD .type{font-weight:500; font-size:17px; color:#000}
.quickMenu .typeContent .listContent .airList .list .delete{position:absolute; top:50%; right:0; transform:translateY(-50%)}
.quickMenu .typeContent .listContent .hotelList{position:relative; height:100%; padding:0 50px; overflow-y:auto}
.quickMenu .typeContent .listContent .hotelList:after{content:''; display:block; position:relative; height:60px; background:#fff}
.quickMenu .typeContent .listContent .hotelList .list{position:relative}
.quickMenu .typeContent .listContent .hotelList .list .area{display:block; padding:20px 50px 20px 0; border-bottom:1px solid #e5e5e5}
.quickMenu .typeContent .listContent .hotelList .list .area:after{content:''; display:block; clear:both}
.quickMenu .typeContent .listContent .hotelList .list .imgArea{float:left; width:130px; height:134px}
.quickMenu .typeContent .listContent .hotelList .list .txtArea{float:left; padding-top:7px; padding-left:20px; width:calc(100% - 130px); width:-webkit-calc(100% - 130px)}
.quickMenu .typeContent .listContent .hotelList .list .txtArea .name{font-weight:500; font-size:19px; color:#000; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
.quickMenu .typeContent .listContent .hotelList .list .txtArea .eng{margin-top:5px; font-size:13px; line-height:17px; color:#000; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
.quickMenu .typeContent .listContent .hotelList .list .txtArea .star{display:inline-block; margin-top:6px; height:12px; background:url('../images/hoter_list_starIcon.png') no-repeat left center; overflow:hidden}
.quickMenu .typeContent .listContent .hotelList .list .txtArea .star0{width:0}
.quickMenu .typeContent .listContent .hotelList .list .txtArea .star1{width:14px}
.quickMenu .typeContent .listContent .hotelList .list .txtArea .star2{width:29px}
.quickMenu .typeContent .listContent .hotelList .list .txtArea .star3{width:44px}
.quickMenu .typeContent .listContent .hotelList .list .txtArea .star4{width:58px}
.quickMenu .typeContent .listContent .hotelList .list .txtArea .star5{width:72px}
.quickMenu .typeContent .listContent .hotelList .list .txtArea .reserve{margin-top:20px; font-size:17px; color:#797979}
.quickMenu .typeContent .listContent .hotelList .list .txtArea .reserve span{margin:0 3px; font-size:15px; color:#c8c8c8}
.quickMenu .typeContent .listContent .hotelList .list .txtArea .date{margin-top:10px; font-size:16px; color:#797979}
.quickMenu .typeContent .listContent .hotelList .list .delete{position:absolute; top:50%; right:0; transform:translateY(-50%)}
.quickMenu .typeContent .listContent .noLoginDiv{padding:190px 40px 100px; text-align:center; border-top:1px solid #c8c8c8; border-bottom:1px solid #c8c8c8; background:url('../images/noLogin_icon.png') no-repeat center 100px}
.quickMenu .typeContent .listContent .noLoginDiv .tit{font-size:23px; color:#a8a8a8}
.quickMenu .bannerD{display:block; padding-left:50px; margin-top:40px; height:110px; overflow:hidden}
.quickMenu .close{display:none; position:absolute; bottom:70px; left:-120px; width:80px; height:80px; background:#fff; border-radius:100%}
.quickMenu .close img{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:22px; height:22px}
.quickMenu.on{right:0}

.tripPlanArea .searchDiv .process .matchedList{height:100%; overflow-y:auto}
.tripPlanArea.hotel .searchDiv .process .stepOne2 .matchedList .devideList{position:relative; padding:20px 130px 20px 10px; display:block; border-bottom:1px solid #e5e5e5}
.tripPlanArea.hotel .searchDiv .process .stepOne2 .matchedList .devideList p{margin-top:30px; font-weight:300; font-size:18px; color:#666}
.tripPlanArea.hotel .searchDiv .process .stepOne2 .matchedList .devideList p:first-child{margin-top:0}
.tripPlanArea.hotel .searchDiv .process .stepOne2 .matchedList .devideList p .highlight{font-weight:400; color:#00696d}
.tripPlanArea.hotel .searchDiv .process .stepOne2 .matchedList .devideList:after{position:absolute; top:20px; right:11px; padding-right:30px; font-weight:300; font-size:15px; line-height:20px; color:#000}
.tripPlanArea.hotel .searchDiv .process .stepOne2 .matchedList .devideList.city:after{content:'도시/지역'; background:url('../images/searchIcon_city.png') no-repeat right 1px center}
.tripPlanArea.hotel .searchDiv .process .stepOne2 .matchedList .devideList.hotel:after{content:'호텔'; background:url('../images/searchIcon_hotel.png') no-repeat right 1px center}
.tripPlanArea.hotel .searchDiv .process .stepOne2 .matchedList .devideList.point_of_interest:after{content:'관광명소'; background:url('../images/searchIcon_point_of_interest.png') no-repeat right 1px center}
.tripPlanArea.hotel .searchDiv .process .stepOne2 .matchedList .devideList.airport:after{content:'공항'; background:url('../images/searchIcon_airport.png') no-repeat right 1px center}
.tripPlanArea.hotel .searchDiv .process .stepOne2 .matchedList .devideList.train_station:after{content:'기차역'; background:url('../images/searchIcon_train_station.png') no-repeat right 1px center}
.tripPlanArea.hotel .searchDiv .process .stepOne2 .matchedList .devideList.metro_station:after{content:'지하철역'; background:url('../images/searchIcon_metro_station.png') no-repeat right 1px center}
.tripPlanArea.hotel .searchDiv .process .stepFou .bottom{margin-bottom:50px}
.tripPlanArea.hotel .searchDiv .process .stepFou .bottom:last-child{margin-bottom:0}
.tripPlanArea.hotel .searchDiv .process .stepFou .matchedList{min-height:90px; max-height:230px; overflow-y:auto}
.tripPlanArea.hotel .searchDiv .process .stepFou .matchedList .devideList{position:relative; padding:20px 130px 20px 10px; display:block; border-bottom:1px solid #e5e5e5}
.tripPlanArea.hotel .searchDiv .process .stepFou .matchedList .devideList p{margin-top:30px; font-weight:300; font-size:18px; color:#666}
.tripPlanArea.hotel .searchDiv .process .stepFou .matchedList .devideList p:first-child{margin-top:0}
.tripPlanArea.hotel .searchDiv .process .stepFou .matchedList .devideList p .highlight{font-weight:400; color:#00696d}
.tripPlanArea.hotel .searchDiv .process .stepFou .matchedList .devideList:after{position:absolute; top:20px; right:11px; padding-right:30px; font-weight:300; font-size:15px; line-height:20px; color:#000}
.tripPlanArea.hotel .searchDiv .process .stepFou .matchedList .devideList.city:after{content:'도시/지역'; background:url('../images/searchIcon_city.png') no-repeat right 1px center}
.tripPlanArea.hotel .searchDiv .process .stepFou .matchedList .devideList.hotel:after{content:'호 텔'; background:url('../images/searchIcon_hotel.png') no-repeat right 1px center}
.tripPlanArea.hotel .searchDiv .process .stepFou .matchedList .devideList.point_of_interest:after{content:'관광명소'; background:url('../images/searchIcon_point_of_interest.png') no-repeat right 1px center}
.tripPlanArea.hotel .searchDiv .process .stepFou .matchedList .devideList.airport:after{content:'공항'; background:url('../images/searchIcon_airport.png') no-repeat right 1px center}
.tripPlanArea.hotel .searchDiv .process .stepFou .matchedList .devideList.train_station:after{content:'기차역'; background:url('../images/searchIcon_train_station.png') no-repeat right 1px center}
.tripPlanArea.hotel .searchDiv .process .stepFou .matchedList .devideList.metro_station:after{content:'지하철역'; background:url('../images/searchIcon_metro_station.png') no-repeat right 1px center}
.tripPlanArea.hotel .searchDiv .process .stepFou .matchedList.noList{padding-top:65px}
.tripPlanArea.hotel .browseBox .tabCon .tripPlanCon .infoDiv .info{padding:0 20px}
.tripPlanArea.hotel .browseBox .tabCon .tripPlanCon .infoDiv .info.where{padding-left:0; width:370px}
.tripPlanArea.hotel .browseBox .tabCon .tripPlanCon .infoDiv .info.when{width:390px}
.tripPlanArea.hotel .browseBox .tabCon .tripPlanCon .infoDiv .info.when .depaDate{width:125px}
.tripPlanArea.hotel .browseBox .tabCon .tripPlanCon .infoDiv .info.when .arriDate{width:125px}
.tripPlanArea.hotel .browseBox .tabCon .tripPlanCon .infoDiv .info.when .state{float:left; margin:0 5px; width:79px; height:70px; font-size:14px; line-height:66px; color:#004d45; text-align:center}
.tripPlanArea.hotel .browseBox .tabCon .tripPlanCon .infoDiv .info.when .state b{display:inline-block; font-weight:700}
.tripPlanArea.hotel .browseBox .tabCon .tripPlanCon .infoDiv .info.when .state b i{font-weight:700}
.tripPlanArea.hotel .browseBox .tabCon .tripPlanCon .infoDiv .info.whom{width:310px}
.tripPlanArea.hotel .browseBox .tabCon .tripPlanCon .infoDiv .info.search .iTxt{font-size:18px; color:#fff}
.tripPlanArea.hotel .browseBox .tabCon .tripPlanCon .infoDiv .info.search{width:255px}
.tripPlanArea.hotel .browseBox .tabCon .tripPlanCon .infoDiv .info.search .iTxt input{font-size:18px}
.tripPlanArea.hotel .browseBox .tabCon .tripPlanCon .infoDiv .info.search .iTxt input::placeholder{font-size:18px}
.tripPlanPopWrap .tripPlanArea.hotel .browseBox .tabCon .tripPlanCon .infoDiv .info.when .state{position:relative; z-index:1; border:1px solid #fff}
.tripPlanPopWrap .tripPlanArea.hotel .browseBox .tabCon .tripPlanCon .infoDiv .info.when .state b{position:relative; margin:8px 0; padding-right:20px; width:50px; line-height:46px; z-index:1; cursor:pointer; background:url('../images/bottom_gIcon_12x7.png') no-repeat right center}
.tripPlanPopWrap .tripPlanArea.hotel .browseBox .tabCon .tripPlanCon .infoDiv .info.when .state.on{border:1px solid #004d45; border-bottom:1px dashed #e5e5e5}
.tripPlanPopWrap .tripPlanArea.hotel .browseBox .tabCon .tripPlanCon .infoDiv .info.when .state .twoD{display:none; position:absolute; top:69px; left:-1px; width:79px; height:310px; border:1px solid #004d45; border-top:none; background:#fff; overflow:hidden}
.tripPlanPopWrap .tripPlanArea.hotel .browseBox .tabCon .tripPlanCon .infoDiv .info.when .state .twoD .list{padding:12px 0; height:100%; overflow-y:auto}
.tripPlanPopWrap .tripPlanArea.hotel .browseBox .tabCon .tripPlanCon .infoDiv .info.when .state .twoD .list a{display:block; padding-left:17px; font-size:14px; line-height:32px; color:#666; text-align:left}
.tripPlanPopWrap .tripPlanArea.hotel .browseBox .tabCon .tripPlanCon .infoDiv .info.when .state .twoD .list a:hover{background:#f7f7f7}
.tripPlanArea.hotel .browseBox .tabCon .tripPlanCon .infoDiv .info.whom .iTxt .dataD{display:block; position:absolute; top:0; left:0; width:100%; height:100%}
.tripPlanArea.hotel .browseBox .tabCon .tripPlanCon .infoDiv .info.whom .iTxt .dataD:after{content:''; display:block; clear:both}
.tripPlanArea.hotel .browseBox .tabCon .tripPlanCon .infoDiv .info.whom .iTxt .data{position:relative; float:left; width:auto; opacity:1; overflow:visible}
.tripPlanArea.hotel .browseBox .tabCon .tripPlanCon .infoDiv .info.whom .iTxt .data:before{content:'/'; margin:0 3px}
.tripPlanArea.hotel .browseBox .tabCon .tripPlanCon .infoDiv .info.whom .iTxt .data:first-child:before{display:none}
.tripPlanArea.hotel .browseBox .tabCon .tripPlanCon .infoDiv .info.whom .iTxt.chosed .data{opacity:1;}
.tripPlanArea.hotel .browseBox .tabCon .tripPlanCon .infoDiv .info.whom .iTxt.chosed .placeholder {display:none;}
.tripPlanArea.hotel .searchDiv .process .stepOne2 .matchedList .key{padding:18px 10px 18px 52px; background:url('../images/hotel_matched_icon.gif') no-repeat left 11px center}
.tripPlanArea.hotel .searchDiv .process .stepOne2 .matchedList .key:after{content:''; display:block; clear:both}
.tripPlanArea.hotel .searchDiv .process .stepOne2 .matchedList .type{float:right; font-weight:300; font-size:15px; line-height:26px; color:#000; text-align:right}
.tripPlanArea.hotel .searchDiv .process .stepThree .peoNumDiv{width:100%}
.tripPlanArea.hotel .searchDiv .process .stepThree .bottom .overWrap{padding-top:0}
.tripPlanArea.hotel .searchDiv .process .stepThree .roomDiv{}
.tripPlanArea.hotel .searchDiv .process .stepThree .roomDiv .line{position:relative; border-bottom:1px solid #c8c8c8}
.tripPlanArea.hotel .searchDiv .process .stepThree .roomDiv .line:after{content:''; display:block; clear:both}
.tripPlanArea.hotel .searchDiv .process .stepThree .roomDiv .line .tit{float:left; padding:0 0 0 12px; width:180px; font-size:24px; line-height:160px; color:#000}
.tripPlanArea.hotel .searchDiv .process .stepThree .roomDiv .line .peopleNumD{float:left; width:calc(100% - 310px); width:-webkit-calc(100% - 310px)}
.tripPlanArea.hotel .searchDiv .process .stepThree .roomDiv .line .peopleNumD .peopleDiv{display:inline-block; padding:20px 0;}
.tripPlanArea.hotel .searchDiv .process .stepThree .roomDiv .line .peopleNumD .peopleDiv:nth-child(2){border-top:1px solid #ededed}
.tripPlanArea.hotel .searchDiv .process .stepThree .roomDiv .line .peopleNumD .peopleDiv:after{content:''; display:block; clear:both}
.tripPlanArea.hotel .searchDiv .process .stepThree .roomDiv .line .numInfo{float:left; width:440px}
.tripPlanArea.hotel .searchDiv .process .stepThree .roomDiv .line .numInfo:after{content:''; display:block; clear:both}
.tripPlanArea.hotel .searchDiv .process .stepThree .roomDiv .line .numInfo .type{float:left; padding-left:2px; height:40px; width:280px; font-weight:500; font-size:22px; line-height:40px; color:#000}
.tripPlanArea.hotel .searchDiv .process .stepThree .roomDiv .line .numInfo .type p{display:inline-block; margin-left:15px; font-weight:300; font-size:19px; color:#797979}
.tripPlanArea.hotel .searchDiv .process .stepThree .roomDiv .line .numInfo .type .toolIcon{display:inline-block; margin-left:2px; line-height:18px; vertical-align:middle}
.tripPlanArea.hotel .searchDiv .process .stepThree .roomDiv .line .numInfo .type .toolIcon .tooltip.top{border-bottom:1px solid #004d45}
.tripPlanArea.hotel .searchDiv .process .stepThree .roomDiv .line .numInfo .num{float:left; width:calc(100% - 280px); width:-webkit-calc(100% - 280px)}
.tripPlanArea.hotel .searchDiv .process .stepThree .roomDiv .line .numInfo .num .minus {display:block; float:left; width:40px; height:40px; background:url("../images/minus_icon.jpg") no-repeat center center}
.tripPlanArea.hotel .searchDiv .process .stepThree .roomDiv .line .numInfo .num .minus:hover {background:url("../images/minus_icon_hov.jpg") no-repeat center center}
.tripPlanArea.hotel .searchDiv .process .stepThree .roomDiv .line .numInfo .num .minus.disabled {background:url("../images/minus_icon_off.jpg") no-repeat center center}
.tripPlanArea.hotel .searchDiv .process .stepThree .roomDiv .line .numInfo .num .minus.disabled:hover {background:url("../images/minus_icon_off.jpg") no-repeat center center}
.tripPlanArea.hotel .searchDiv .process .stepThree .roomDiv .line .numInfo .num .val {display:block; float:left; width:60px;}
.tripPlanArea.hotel .searchDiv .process .stepThree .roomDiv .line .numInfo .num .val input {width:100%; padding:0; text-align:center; border:0; border-top:1px solid #dddddd; border-bottom:1px solid #dddddd; color:#004d45; font-family: 'Spoqa'; font-weight: 400; background:#f9f9f9}
.tripPlanArea.hotel .searchDiv .process .stepThree .roomDiv .line .numInfo .num .val input[readonly], .tripPlanArea.hotel .searchDiv .process .stepThree .roomDiv .line .numInfo .num .val input[readonly="readonly"] {color:#004d45 !important; font-weight: 400; font-size:22px}
.tripPlanArea.hotel .searchDiv .process .stepThree .roomDiv .line .numInfo .num .val.color input {color:#004d45}
.tripPlanArea.hotel .searchDiv .process .stepThree .roomDiv .line .numInfo .num .plus {display:block; float:left; width:40px; height:40px; background:url("../images/plus_icon.jpg") no-repeat center center}
.tripPlanArea.hotel .searchDiv .process .stepThree .roomDiv .line .numInfo .num .plus:hover {background:url("../images/plus_icon_hov.jpg") no-repeat center center}
.tripPlanArea.hotel .searchDiv .process .stepThree .roomDiv .line .numInfo .num .plus.disabled {background:url("../images/plus_icon_off.jpg") no-repeat center center}
.tripPlanArea.hotel .searchDiv .process .stepThree .roomDiv .line .numInfo .num .plus.disabled:hover {background:url("../images/plus_icon_off.jpg") no-repeat center center}
.tripPlanArea.hotel .searchDiv .process .stepThree .roomDiv .line .adultD{}
.tripPlanArea.hotel .searchDiv .process .stepThree .roomDiv .line .kidD{}
.tripPlanArea.hotel .searchDiv .process .stepThree .roomDiv .line .kidInfo{float:left}
.tripPlanArea.hotel .searchDiv .process .stepThree .roomDiv .line .kidInfo:after{content:''; display:block; clear:both}
.tripPlanArea.hotel .searchDiv .process .stepThree .roomDiv .line .kidInfo select{display:none; float:left; margin-left:5px; width:140px; height:40px; color:#797979; background:url('../images/down_grayIcon_12x7.png') no-repeat right 17px top 50% #fff; border:1px solid #c8c8c8}
.tripPlanArea.hotel .searchDiv .process .stepThree .roomDiv .line .kidInfo select:first-child{margin-left:0}
.tripPlanArea.hotel .searchDiv .process .stepThree .roomDiv .line .kidInfo.second select {margin-top:6px;}
.tripPlanArea.hotel .searchDiv .process .stepThree .roomDiv .line .delete{display:none; position:absolute; top:50%; right:10px; margin-top:-9px; width:18px; height:18px; background:url('../images/popup_xbt.gif') no-repeat; background-size:18px}
.tripPlanArea.hotel .searchDiv .process .stepThree .add{position:relative; margin-top:60px; text-align:center;}
.tripPlanArea.hotel .searchDiv .process .stepThree .add .addBtn{display:inline-block; position:relative; width:220px; line-height:56px; font-size:19px; font-weight:500; color:#000000; background:#fff; border:1px solid #000;}
.tripPlanArea.hotel .searchDiv .process .stepThree .add .addBtn:hover{color:#fff; background:#000}
.tripPlanSticky .top .tripPlanArea .browseBox .tabCon .tripPlanCon .infoDiv .info .iTxt{overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.tripPlanSticky .top .tripPlanArea.hotel .browseBox .tabCon{padding-left:0}
.tripPlanSticky .top .tripPlanArea.hotel .browseBox .tabCon .tripPlanCon .infoDiv{width:1280px}
.tripPlanSticky .top .tripPlanArea.hotel .browseBox .tabCon .tripPlanCon .infoDiv .info.where{width:295px}
.tripPlanSticky .top .tripPlanArea.hotel .browseBox .tabCon .tripPlanCon .infoDiv .info .depaPlace{width:265px}
.tripPlanSticky .top .tripPlanArea.hotel .browseBox .tabCon .tripPlanCon .infoDiv .info.whom{width:250px}
.tripPlanSticky .top .tripPlanArea.hotel .browseBox .tabCon .tripPlanCon .infoDiv .info.whom .iTxt .dateD{}
.tripPlanSticky .top .tripPlanArea.hotel .browseBox .tabCon .tripPlanCon .infoDiv .info.whom .iTxt .dateD{display:block; position:absolute; top:0; left:0; width:100%; height:100%}
.tripPlanSticky .top .tripPlanArea.hotel .browseBox .tabCon .tripPlanCon .infoDiv .info.whom .iTxt .dateD:after{content:''; display:block; clear:both}
.tripPlanSticky .top .tripPlanArea.hotel .browseBox .tabCon .tripPlanCon .infoDiv .info.whom .iTxt .data{position:relative; float:left; width:auto; opacity:1; overflow:visible}
.tripPlanSticky .top .tripPlanArea.hotel .browseBox .tabCon .tripPlanCon .infoDiv .info.whom .iTxt .data:before{content:'/'; margin:0 3px}
.tripPlanSticky .top .tripPlanArea.hotel .browseBox .tabCon .tripPlanCon .infoDiv .info.whom .iTxt .data:first-child:before{display:none}
.tripPlanSticky .top .tripPlanArea.hotel .browseBox .tabCon .tripPlanCon .infoDiv .info.search{width:260px}
.tripPlanSticky .top .tripPlanArea.hotel .browseBox .tabCon .tripPlanCon .infoDiv .info.when .state{color:#fff}
.tripPlanSticky .top .tripPlanArea.hotel .browseBox .tabCon .tripPlanCon .infoDiv .info.when .state b{padding-right:none; background:none}
.tripPlanSticky .pop .tripPlanPop .tripPlanArea.hotel .browseBox .tabCon .tripPlanCon .infoDiv .info.where{width:245px}
.tripPlanSticky .pop .tripPlanPop .tripPlanArea.hotel .browseBox .tabCon .tripPlanCon .infoDiv .info.where .depaPlace{width:225px}
.tripPlanSticky .pop .tripPlanPop .tripPlanArea.hotel .browseBox .tabCon .tripPlanCon .infoDiv .info.whom{width:220px}
.tripPlanSticky .pop .tripPlanPop .tripPlanArea.hotel .browseBox .tabCon .tripPlanCon .infoDiv .info.when .state{position:relative; z-index:1; border:1px solid #fff}
.tripPlanSticky .pop .tripPlanPop .tripPlanArea.hotel .browseBox .tabCon .tripPlanCon .infoDiv .info.when .state b{position:relative; margin:7px 0; padding-right:20px; line-height:50px; z-index:1; cursor:pointer; background:url('../images/bottom_gIcon_12x7.png') no-repeat right center}
.tripPlanSticky .pop .tripPlanPop .tripPlanArea.hotel .browseBox .tabCon .tripPlanCon .infoDiv .info.when .state .twoD{display:none; position:absolute; top:8px; left:0; width:88px; height:300px; border:1px solid #004d45; background:#fff;}
.tripPlanSticky .pop .tripPlanPop .tripPlanArea.hotel .browseBox .tabCon .tripPlanCon .infoDiv .info.when .state.on{border:1px solid #004d45; border-bottom:1px dashed #e5e5e5}
.tripPlanSticky .pop .tripPlanPop .tripPlanArea.hotel .browseBox .tabCon .tripPlanCon .infoDiv .info.when .state .twoD{display:none; position:absolute; top:69px; left:-1px; width:79px; height:310px; border:1px solid #004d45; border-top:none; background:#fff; overflow:hidden}
.tripPlanSticky .pop .tripPlanPop .tripPlanArea.hotel .browseBox .tabCon .tripPlanCon .infoDiv .info.when .state .twoD .list{padding:12px 0; height:100%; overflow-y:auto}
.tripPlanSticky .pop .tripPlanPop .tripPlanArea.hotel .browseBox .tabCon .tripPlanCon .infoDiv .info.when .state .twoD .list a{display:block; padding-right:15px; font-size:14px; line-height:32px; color:#666; text-align:right}
.tripPlanSticky .pop .tripPlanPop .closeBtn{}

.subV{position:relative; width:100%; height:420px;}
.subV .visual{padding-top:70px; width:100%; height:420px}
.subV .visual .inner{height:100%}
.subV .visual .inner .infoD{position:absolute; bottom:25px; right:0}
.subV .visual .inner .infoD:after{content:''; display:block; clear:both}
.subV .visual .inner .infoD .shareD{display:block; font-size:14px; text-align:center; border:1px solid rgba(255, 255, 255, 0.6); border-radius:20px}
.subV .visual .inner .infoD .shareD .oneD{display:block; padding:0 50px 0 20px; line-height:33px; color:#fff; background:url("../images/visual_infoD_share2.png") no-repeat right 16px center}
.subV .visual .inner .infoD .shareD .twoD{display:none; position:absolute; top:0; right:0; width:150px; background:#fff; border:1px solid #004d45; z-index:4; text-align:left}
.subV .visual .inner .infoD .shareD .twoD p{padding:20px; font-size:14px; color:#016a6e; border-bottom:1px solid #e5e5e5}
.subV .visual .inner .infoD .shareD .twoD .icon{padding:20px 24px}
.subV .visual .inner .infoD .shareD .twoD .icon a{display:block; margin-top:15px; padding-left:40px; font-size:14px; line-height:30px; color:#000}
.subV .visual .inner .infoD .shareD .twoD .icon a:first-child{margin-top:0}
.subV .visual .inner .infoD .shareD .twoD .icon a.facebook{background:url('../images/shareD_facebook.png') no-repeat left center}
.subV .visual .inner .infoD .shareD .twoD .icon a.kakao{background:url('../images/shareD_kakao.png') no-repeat left center}
.subV .visual .inner .infoD .shareD .twoD .icon a.url{background:url('../images/shareD_url.png') no-repeat left center}
.subV .visual .inner .infoD .shareD .twoD .xBt{position:absolute; top:17px; right:18px}

#content{position:relative}
#content .subCon{position:relative; padding:50px 0 120px} /* 서브비주얼 O, 인디게이터 X */
#content .subCon.type2{padding:110px 0 120px} /* 서브비주얼 O, 인디게이터 X, 상단필터 O */
#content .subCon.type3{padding:85px 0 120px} /* 서브비주얼 O, 인디게이터 O */
#content .subCon.type4{padding:150px 0 120px} /* 서브비주얼 X, 인디게이터 O */
#content .subCon.type5{padding:140px 0 120px} /* 서브비주얼 X, 인디게이터 X */
#content .subCon.type6{padding:120px 0 120px} /* 항공 상단필터 O */
#content .subCon.type7{padding:190px 0 120px} /* 로그인 */
#content .subCon.type8{padding:170px 0 120px} /* 쿠폰존 */
#content .subCon.type9{padding:220px 0 120px} /* 호텔상세 (서브비주얼 X, 인디게이터 O, 항공 상단필터 O) */
#content .subCon.type3 .indicator{top:20px}
#content .subCon.type4 .indicator{top:90px}
#content .subCon.type8 .indicator{top:90px}
#content .subCon.type9 .indicator{top:160px}
.indicator{position:absolute; left:0; width:100%; z-index:1}
.indicator a{position:relative; float:left; padding-right:13px; margin-right:7px; font-weight:300; font-size:13px; line-height:15px; color:#666}
.indicator a.home{width:27px; height:15px; background:url('../images/indicator_home.png') no-repeat left top}
.indicator a:before{content:''; position:absolute; top:0; right:0; width:6px; height:15px; background:url('../images/indicator_arrow.png') no-repeat left}
.indicator a:last-child{font-weight:400; color:#000; padding-right:0; margin-right:0}
.indicator a:last-child:before{display:none}

.toolIcon{position:relative}
.toolIcon:hover .tooltip{display:block}
.tooltip{display:none; position:absolute; padding:6px 10px; font-size:13px; line-height:18px; color:#004d45; background:#fff; border:1px solid #004d45; white-space:nowrap; z-index:2}
.tooltip b{font-weight:500}
.tooltip span{display:block; margin-top:8px}
.tooltip span:first-child{margin-top:0}
.tooltip h1{font-weight:400; font-size:13px; line-height:18px}
.tooltip.left{position:absolute; top:50%; transform:translateY(-50%); right:28px; text-align:left;} /*2021-05-18수정*/
.tooltip.right{position:absolute; top:50%; transform:translateY(-50%); left:28px}
.tooltip.top{position:absolute; left:50%; top:28px; overflow:visible}
.tooltip.top2{position:absolute; top:28px; right:-50px; text-align:left;} /*2021-05-21 추가*/
.tooltip.left:before{content:''; position:absolute; top:50%; right:-13px; margin-top:-6px; padding-right:5px; width:13px; height:13px; background:url('../images/tooltip_arrow_right.png') no-repeat left center}
.tooltip.right:before{content:''; position:absolute; top:50%; left:-13px; margin-top:-6px; padding-left:5px; width:13px; height:13px; background:url('../images/tooltip_arrow_left.png') no-repeat right center}
.tooltip.top:before{content:''; position:absolute; top:-13px; left:50%; padding-top:5px; margin-left:-6px; width:13px; height:13px; background:url('../images/tooltip_arrow_top.png') no-repeat center bottom}

.topFilterDiv{position:absolute; top:0; left:0; padding:12px 0; min-width:1500px; width:100%; background:#f7f7f7; border-bottom:1px solid #e5e5e5; z-index:3}
.topFilterDiv .title{float:left; padding-left:10px; width:245px; font-weight:500; font-size:18px; line-height:35px; color:#004d45}
.topFilterDiv .filterDiv{float:left; margin-left:50px; width:985px}
.topFilterDiv .filterDiv:after{content:''; display:block; clear:both}
.topFilterDiv .filterDiv .filter{position:relative; float:left; margin-left:5px}
.topFilterDiv .filterDiv .filter:first-child{margin-left:0}
.topFilterDiv .filterDiv .filter5{width:213px}
.topFilterDiv .filterDiv .filter2, .topFilterDiv .filterDiv .filter3, .topFilterDiv .filterDiv .filter4, .topFilterDiv .filterDiv .filter6{width:188px}
.topFilterDiv .filterDiv .filter .oneD{display:block; position:relative; padding:0 30px 0 14px; height:35px; font-size:14px; line-height:33px; color:#004d45; text-align:left; border:1px solid #e5e5e5; background:url('../images/topFilterDiv_down.png') no-repeat right 12px top 50% #fff}
.topFilterDiv .filterDiv .filter .oneD p{display:inline-block}
.topFilterDiv .filterDiv .filter .oneD p:after{content:'* '; display:none; margin-left:3px}
.topFilterDiv .filterDiv .filter .oneD span{display:none}
.topFilterDiv .filterDiv .filter.on .oneD{border:1px solid #004d45; border-bottom:1px solid #fff; background:url('../images/topFilterDiv_up.png') no-repeat right 12px top 50% #fff;}
.topFilterDiv .filterDiv .filter.on .oneD:after{content:''; position:absolute; bottom:-1px; left:0; width:100%; height:1px; background:#fff; z-index:3}
.topFilterDiv .filterDiv .filter.on .oneD p{font-weight:500}
.topFilterDiv .filterDiv .filter.check .oneD p:after{display:inline}
.topFilterDiv .filterDiv .filter.check .oneD span{display:inline-block}
.topFilterDiv .filterDiv .filter .twoD{display:none; position:absolute; top:34px; padding:30px 20px 80px; background:#fff; border:1px solid #004d45; z-index:2; box-shadow:0 20px 20px 5px rgba(0, 0, 0, 0.12)}
.topFilterDiv .filterDiv .filter .twoD:after{content:''; display:block; position:absolute; bottom:0; left:0; width:100%; height:49px; background:#f7f7f7; border-top:1px solid #e5e5e5}
.topFilterDiv .filterDiv .filter1 .twoD{left:0; width:300px}
.topFilterDiv .filterDiv .filter2 .twoD{left:0; width:245px}
.topFilterDiv .filterDiv .filter3 .twoD{left:0; width:300px}
.topFilterDiv .filterDiv .filter4 .twoD{left:0; width:245px}
.topFilterDiv .filterDiv .filter5 .twoD{right:0; padding:30px 0 80px; width:450px; height:290px}
.topFilterDiv .filterDiv .filter6 .twoD{right:0; padding:30px 0 80px; width:450px; height:290px}
.topFilterDiv .filterDiv .filter .twoD b{display:block; font-weight:300; font-size:13px; color:#000;}
.topFilterDiv .filterDiv .filter .twoD .rangeDiv .tit{padding-bottom:10px; font-size:14px; color:#000; border-bottom:1px solid #dadada}
.topFilterDiv .filterDiv .filter .twoD .rangeDiv .sliderFilter{position:relative; margin:33px auto 23px; width:calc(100% - 28px); width:-webkit-calc(100% - 28px); height:3px; background:#c4c4c4}
.topFilterDiv .filterDiv .filter .twoD .rangeDiv .sliderFilter .ui-slider-range{position:absolute; top:0; left:0; height:3px; background:#004d45}
.topFilterDiv .filterDiv .filter .twoD .rangeDiv .sliderFilter .ui-slider-handle{position:absolute; top:-13px; margin-left:-14px; width:29px; height:29px; background:url('../images/rangeInput_icon.png') no-repeat;}
.topFilterDiv .filterDiv .filter .twoD .rangeDiv .clear .priceMin{position:relative; float:left; width:126px; margin-right:6px}
.topFilterDiv .filterDiv .filter .twoD .rangeDiv .clear .priceMax{position:relative; float:left; width:126px}
.topFilterDiv .filterDiv .filter .twoD .rangeDiv .clear input{position:relative; width:100%; height:35px; padding:0 8px 0 25px; font-family:'Spoqa'; font-weight:700; font-size:16px; color:#004d45; text-align:right; border:1px solid rgba(0, 77, 69, 0.7); }
.topFilterDiv .filterDiv .filter .twoD .rangeDiv .clear input[readonly], .topFilterDiv .filterDiv .filter .twoD .rangeDiv .clear input[readonly="readonly"]{background:#fff}
.topFilterDiv .filterDiv .filter .twoD .rangeDiv .clear .priceMin:before, .topFilterDiv .filterDiv .filter .twoD .rangeDiv .clear .priceMax:before{content:'₩'; display:block; position:absolute; font-family:'Spoqa'; font-weight:700; font-size:13px; color:#004d45; top:10px; left:10px; z-index:1}
.topFilterDiv .filterDiv .filter .twoD .rangeDiv .clear .priceMin p, .topFilterDiv .filterDiv .filter .twoD .rangeDiv .clear .priceMax p{margin-top:5px; font-size:13px; color:#797979}
.topFilterDiv .filterDiv .filter .twoD .radioDiv{margin-top:15px}
.topFilterDiv .filterDiv .filter .twoD .radioDiv:first-child{margin-top:0}
.topFilterDiv .filterDiv .filter .twoD .chkDiv{margin-top:15px}
.topFilterDiv .filterDiv .filter .twoD .chkDiv .star{display:inline-block; margin-left:6px; height:12px; background:url('../images/hoter_list_starIcon.png') no-repeat left center; overflow:hidden}
.topFilterDiv .filterDiv .filter .twoD .chkDiv .star0{width:0}
.topFilterDiv .filterDiv .filter .twoD .chkDiv .star1{width:14px}
.topFilterDiv .filterDiv .filter .twoD .chkDiv .star2{width:29px}
.topFilterDiv .filterDiv .filter .twoD .chkDiv .star3{width:44px}
.topFilterDiv .filterDiv .filter .twoD .chkDiv .star4{width:58px}
.topFilterDiv .filterDiv .filter .twoD .chkDiv .star5{width:72px}
.topFilterDiv .filterDiv .filter .twoD .chkDiv:first-child{margin-top:0}
.topFilterDiv .filterDiv .filter .twoD .floatChk{padding:0 20px; height:200px; overflow-y:auto}
.topFilterDiv .filterDiv .filter .twoD .floatChk:after{content:''; display:block; clear:both;}
.topFilterDiv .filterDiv .filter .twoD .floatChk .chkDiv{float:left; width:50%}
.topFilterDiv .filterDiv .filter .twoD .floatChk .chkDiv:nth-child(2){margin-top:0}
.topFilterDiv .filterDiv .filter .twoD .floatChk .chkDiv:nth-child(n+3){margin-top:15px}
.topFilterDiv .filterDiv .filter .twoD .refresh{display:none; position:absolute; bottom:-1px; right:-1px; z-index:2}
.topFilterDiv .filterDiv .filter.on .twoD{display:block}
.topFilterDiv .filterDiv .filter.on .twoD .refresh{display:block}
.topFilterDiv.fixed{position:fixed; top:70px}

.listViewD .filterDiv{float:left; margin-right:50px; width:245px;}
.listViewD .filterDiv .titleD{position:relative; padding:0 10px 18px; border-bottom:2px solid #000}
.listViewD .filterDiv .titleD.hotel{padding:0 10px 28px}
.listViewD .filterDiv .titleD .title{font-weight:700; font-size:24px; color:#000}
.listViewD .filterDiv .titleD .date{margin-top:10px; font-weight:500; font-size:18px; color:#000}
.listViewD .filterDiv .titleD .date i{font-weight:400;}
.listViewD .filterDiv .titleD .eng{margin-top:10px; font-weight:700; font-size:18px; color:#000}
.listViewD .filterDiv .titleD .txt{margin-top:13px; font-size:15px; line-height:18px; color:#797979}
.listViewD .filterDiv .titleD .arrow{position:absolute; right:0; bottom:20px}
.listViewD .filterDiv .filterTitD{position:relative; margin-top:45px}
.listViewD .filterDiv .filterTitD .tit{font-weight:700; font-size:20px; color:#000}
.listViewD .filterDiv .filterTitD .refreshBtn{position:absolute; top:0; right:0; width:21px; height:21px; background:url('../images/refresh_btn.png') no-repeat}
.listViewD .filterDiv .filter{margin-top:12px}
.listViewD .filterDiv .filter .list{border-top:1px solid rgba(121, 121, 121, 0.7)}
.listViewD .filterDiv .filter .list .titArea{display:block; position:relative; padding:20px 30px 18px 10px; font-weight:500; font-size:18px; color:#000; background:url('../images/accor_bIcon_12x7_down.png') no-repeat right 13px top 50%}
.listViewD .filterDiv .filter .list .titArea span{display:inline-block; margin:1px 0 0 5px; vertical-align:top}
.listViewD .filterDiv .filter .list .titArea b{display:block; margin-top:5px; font-weight:300; font-size:13px; line-height:18px; color:#797979}
.listViewD .filterDiv .filter .list p.titArea{background:none}
.listViewD .filterDiv .filter .list p.titArea .refreshBtn{position:absolute; top:18px; right:7px; width:21px; height:21px; background:url('../images/refresh_btn.png') no-repeat}
.listViewD .filterDiv .filter .list .popBtn{display:block; position:relative; padding:20px 30px 18px 10px; font-weight:500; font-size:18px; color:#000; background:url('../images/right_bIcon_7x12.png') no-repeat right 10px top 50%}
.listViewD .filterDiv .filter .list .popBtn p{display:inline-block}
.listViewD .filterDiv .filter .list .popBtn p:after{content:'*'; display:none; margin-left:3px; color:#004d45}
.listViewD .filterDiv .filter .list .popBtn.check p:after{display:inline}
.listViewD .filterDiv .filter .list .viewArea{padding:25px 10px 35px; border-top:1px dashed rgba(229, 229, 229, 0.7)}
.listViewD .filterDiv .filter .list .viewArea .inputArea{position:relative}
.listViewD .filterDiv .filter .list .viewArea .inputArea input{width:100%; height:35px}
.listViewD .filterDiv .filter .list .viewArea .radioDiv{margin-top:13px}
.listViewD .filterDiv .filter .list .viewArea .radioDiv:first-child{margin-top:0}

.filterChkDiv{display:inline-block; vertical-align:top;}
.filterChkDiv input[type="checkbox"]{display:none;}
.filterChkDiv input[type="checkbox"] + label{display:inline-block; position:relative; padding-left:28px; font-size:15px; line-height:18px; color:#797979;}
.filterChkDiv input[type="checkbox"] + label:after{content:''; display:block; position:absolute; top:50%; transform:translateY(-50%); left:0; width:18px; height:18px; border:1px solid #a8a8a8; box-sizing:border-box; background:#fff;}
.filterChkDiv.on input[type="checkbox"] + label:after{border:1px solid #7fa6a2; background:url("../images/chk_icon.gif") center no-repeat #fff;}

.listViewD .filterDiv .filter .list .viewArea .chkDiv{margin-top:13px}
.listViewD .filterDiv .filter .list .viewArea .chkDiv:first-child{margin-top:0}
.listViewD .filterDiv .filter .list .viewArea .chkDiv .star{display:inline-block; margin-left:6px; height:12px; background:url('../images/hoter_list_starIcon.png') no-repeat left center; overflow:hidden}
.listViewD .filterDiv .filter .list .viewArea .chkDiv .star0{width:0}
.listViewD .filterDiv .filter .list .viewArea .chkDiv .star1{width:14px}
.listViewD .filterDiv .filter .list .viewArea .chkDiv .star2{width:29px}
.listViewD .filterDiv .filter .list .viewArea .chkDiv .star3{width:44px}
.listViewD .filterDiv .filter .list .viewArea .chkDiv .star4{width:58px}
.listViewD .filterDiv .filter .list .viewArea .chkDiv .star5{width:72px}
.listViewD .filterDiv .filter .list .viewArea .chkDiv .twoD{margin:15px 0 20px; padding-left:30px}
.listViewD .filterDiv .filter .list .viewArea .chkDiv .twoD .chkDiv{margin-top:10px}
.listViewD .filterDiv .filter .list .viewArea .chkDiv .twoD .chkDiv:first-child{margin-top:0}
.listViewD .filterDiv .filter .list .viewArea.best .radioBox input[type="radio"] + label{padding-left:28px}
.listViewD .filterDiv .filter .list .viewArea.best .radioBox input[type="radio"] + label:after{left:1px}
.listViewD .filterDiv .filter .list .viewArea .rangeDiv{padding-top:18px}
.listViewD .filterDiv .filter .list .viewArea .rangeDiv:first-child{padding-top:0}
.listViewD .filterDiv .filter .list .viewArea .rangeDiv .tit{padding-bottom:10px; font-size:14px; color:#00696d}
.listViewD .filterDiv .filter .list .viewArea .rangeDiv .sliderFilter{position:relative; margin:13px auto 23px; width:calc(100% - 28px); width:-webkit-calc(100% - 28px); height:3px; background:#c4c4c4}
.listViewD .filterDiv .filter .list .viewArea .rangeDiv .sliderFilter .ui-slider-range{position:absolute; top:0; left:0; height:3px; background:#004d45}
.listViewD .filterDiv .filter .list .viewArea .rangeDiv .sliderFilter .ui-slider-handle{position:absolute; top:-13px; margin-left:-14px; width:29px; height:29px; background:url('../images/rangeInput_icon.png') no-repeat;}
.listViewD .filterDiv .filter .list .viewArea .rangeDiv.price .clear .priceMin{position:relative; float:left; width:calc(50% - 2px); width:-webkit-calc(50% - 2px); margin-right:4px}
.listViewD .filterDiv .filter .list .viewArea .rangeDiv.price .clear .priceMax{position:relative; float:left; width:calc(50% - 2px); width:-webkit-calc(50% - 2px)}
.listViewD .filterDiv .filter .list .viewArea .rangeDiv.price .clear input{position:relative; width:100%; height:35px; padding:0 7px 0 23px; font-family:'Spoqa'; font-weight:700; font-size:16px; color:#004d45; text-align:right; border:1px solid rgba(0, 77, 69, 0.7)}
.listViewD .filterDiv .filter .list .viewArea .rangeDiv.price .clear input[readonly], .listViewD .filterDiv .filter .list .viewArea .rangeDiv.price .clear input[readonly="readonly"] {color:#004d45 !important; background:#fff}
.listViewD .filterDiv .filter .list .viewArea .rangeDiv.price .clear input[readonly], .listViewD .filterDiv .filter .list .viewArea .rangeDiv.price .clear input[readonly="readonly"]{background:#fff}
.listViewD .filterDiv .filter .list .viewArea .rangeDiv.price .clear .priceMin:before, .listViewD .filterDiv .filter .list .viewArea .rangeDiv.price .clear .priceMax:before{content:'₩'; display:block; position:absolute; font-family:'Spoqa'; font-weight:700; font-size:13px; color:#004d45; top:12px; left:7px; z-index:1}
.listViewD .filterDiv .filter .list .viewArea .rangeDiv.price .clear .priceMin p, .listViewD .filterDiv .filter .list .viewArea .rangeDiv.price .clear .priceMax p{margin-top:5px; font-size:13px; color:#797979}
.listViewD .filterDiv .filter .list .viewArea .rangeDiv .timeD input{float:left; padding:0; width:18px; height:14px; font-family:"Spoqa"; font-size:14px; line-height:14px; color:#797979; text-align:center; border:none; background:none}
.listViewD .filterDiv .filter .list .viewArea .rangeDiv .timeD input:active, .listViewD .filterDiv .filter .list .viewArea .rangeDiv .timeD input:focus{border:none; outline:none}
.listViewD .filterDiv .filter .list .viewArea .rangeDiv .timeD b{float:left; font-family:"Spoqa"; font-size:14px; line-height:14px; color:#797979;}
.listViewD .filterDiv .filter .list .viewArea .rangeDiv .timeD span{float:left; margin:0 4px; font-family:"Spoqa"; font-size:14px; line-height:14px; color:#797979;}
.listViewD .filterDiv .filter .list .viewArea .rangeDiv .timeD .txt{margin-bottom:8px; font-size:14px; color:#00696d}
.listViewD .filterDiv .filter .list.on .titArea{background:url('../images/accor_bIcon_12x7_up.png') no-repeat right 13px top 50%}
.listViewD .filterDiv + .listViewDiv{float:left; width:985px}
.listViewD .listViewDiv{float:none; width:100%}
.listViewD .listViewDiv .choiceTab{margin-bottom:40px; border:1px solid #d5d5d5; border-bottom:none}
.listViewD .listViewDiv .choiceTab:after{content:''; display:block; clear:both}
.listViewD .listViewDiv .choiceTab a{float:left; width:33.33%; padding:28px 0; text-align:center; border-left:1px solid #d5d5d5; border-bottom:4px solid #d5d5d5}
.listViewD .listViewDiv .choiceTab a:first-child{border-left:none}
.listViewD .listViewDiv .choiceTab a .tit{font-size:15px; color:#a8a8a8}
.listViewD .listViewDiv .choiceTab a .price{margin:10px 0; font-size:20px; color:#a8a8a8;}
.listViewD .listViewDiv .choiceTab a .price i{display:inline-block; font-size:28px; vertical-align:text-bottom}
.listViewD .listViewDiv .choiceTab a .time{font-size:15px; color:#a8a8a8}
.listViewD .listViewDiv .choiceTab a.on{border-bottom:4px solid #000}
.listViewD .listViewDiv .choiceTab a.on .tit{color:#000}
.listViewD .listViewDiv .choiceTab a.on .price{color:#000;}
.listViewD .listViewDiv .choiceTab a.on .price i{font-weight:700}
.listViewD .listViewDiv .choiceTab a.on .time{color:#000}
.listViewD .listViewDiv .bannerD{margin-bottom:40px}
.listViewD .listViewDiv .bannerD .logout{padding:18px 30px; background:#f9fef5; border:1px solid #c2ddab}
.listViewD .listViewDiv .bannerD .logout:after{content:''; display:block; clear:both}
.listViewD .listViewDiv .bannerD .logout p{float:left; font-size:15px; line-height:32px; color:#004d45}
.listViewD .listViewDiv .bannerD .logout p span{font-weight:700}
.listViewD .listViewDiv .bannerD .logout a{float:right; width:92px; height:32px; font-size:15px; line-height:32px; color:#fff; text-align:center; background:#004d45; border-radius:20px}
.listViewD .listViewDiv .bannerD .login{display:none}
.listViewD .listViewDiv .bannerD.log .logout{display:none}
.listViewD .listViewDiv .bannerD.log .login{display:block}
.listViewD .listViewDiv .allCountD{display:block}
.listViewD .listViewDiv .allCountD:after{content:''; display:block; clear:both}
.listViewD .listViewDiv .allCountD .allCount{float:left; font-size:17px; color:#000}
.listViewD .listViewDiv .allCountD .allCount i{font-weight:700; font-size:19px; color:#004d45}
.listViewD .listViewDiv .allCountD .allCount span{display:inline-block; margin:4px 0 0 5px; vertical-align:top}
.listViewD .listViewDiv .allCountD .allCount .mpointRateSele{display:inline; margin-left: 10px;}/*2021-06-03추가*/
.listViewD .listViewDiv .allCountD .allCount .mpointRateSele > span{font-size:15px; color:#797979; line-height: 12px;}
.listViewD .listViewDiv .allCountD .allCount .chkBox{margin-left:16px}
.listViewD .listViewDiv .allCountD .allCount .mpointRateSele .chkBox{margin-left:4px}/*2021-06-03추가*/
.listViewD .listViewDiv .allCountD .allCount .chkBox input[type="checkbox"] + label{font-size:13px; color:#797979}
.listViewD .listViewDiv .allCountD .allCount .mpointRateSele .chkBox input[type="checkbox"] + label{display:inline-block; position:relative; padding-left:22px; font-size:15px; line-height:18px; color:#797979;}/*2021-06-03추가*/
.listViewD .listViewDiv .allCountD .selectType{position:relative; float:right}
.listViewD .listViewDiv .allCountD .selectType .oneD{padding:5px 18px 10px 0; font-size:13px; color:#797979; background:url('../images/accor_bIcon_12x7_down.png') no-repeat right 1px top 12px}
.listViewD .listViewDiv .allCountD .selectType .twoD{display:none; position:absolute; top:29px; right:0; width:200px; background:#fff; border:1px solid #004d45; z-index:2}
.listViewD .listViewDiv .allCountD .selectType .twoD a{display:block; padding:0 0 0 20px; font-size:14px; line-height:36px; color:#797979}
.listViewD .listViewDiv .allCountD .selectType .twoD a:hover{background:#f7f7f7}
.listViewD .listViewDiv .allCountD .selectType.on .oneD{background:url('../images/accor_bIcon_12x7_up.png') no-repeat right 1px top 12px}
.listViewD .listViewDiv .allCountD .selectType .tabs{float:right}
.listViewD .listViewDiv .allCountD .selectType .tabs:after{content:''; display:block; clear:both}
.listViewD .listViewDiv .allCountD .selectType .tabs a{position:relative; float:left; margin-left:18px; font-size:13px; line-height:19px; color:#797979}
.listViewD .listViewDiv .allCountD .selectType .tabs a:first-child{margin-left:0}
.listViewD .listViewDiv .allCountD .selectType .tabs a:before{content:'/'; display:block; position:absolute; left:-10px; top:0; font-size:12px; line-height:22px; color:#e5e5e5}
.listViewD .listViewDiv .allCountD .selectType .tabs a:first-child:before{display:none}
.listViewD .listViewDiv .allCountD .selectType .tabs a.on{color:#000}
.listViewD .listViewDiv .allCountD .refreshDiv {position:relative; float:right;}
.listViewD .listViewDiv .allCountD .selectType + .refreshDiv {margin-right:15px; padding-right:15px;}
.listViewD .listViewDiv .allCountD .selectType + .refreshDiv:after {content:""; display:block; position:absolute; top:3px; right:0; width:1px; height:14px; background:#c8c8c8}
.listViewD .listViewDiv .allCountD .refreshBtn {padding:5px 24px 10px 0; font-size:13px; color:#797979; background:url("../images/refresh_btn_17x17.png") no-repeat right 1px top 6px}
.listViewD .listViewDiv .listDiv{position:relative; margin:15px auto 0}
.listViewD .listViewDiv .listDiv.airList .list{position:relative; margin-top:20px; border:1px solid #a8a8a8; transition:border 0.4s cubic-bezier(.55,0,.1,1)}
.listViewD .listViewDiv .listDiv.airList .list:first-child{margin-top:0}
.listViewD .listViewDiv .listDiv.airList .list .disTb{display:table; position:relative; width:100%; height:244px; min-height:244px; background:url('../images/airList_dotted_bg.gif') repeat-y 699px 0}
.listViewD .listViewDiv .listDiv.airList .list .disTb:before{content:''; display:block; position:absolute; top:-1px; left:700px; width:22px; height:11px; background:url('../images/airList_top_bg.gif') no-repeat; transition:background 0.4s cubic-bezier(.55,0,.1,1)}
.listViewD .listViewDiv .listDiv.airList .list .disTb:after{content:''; display:block; position:absolute; bottom:-1px; left:700px; width:22px; height:11px; background:url('../images/airList_bottom_bg.gif') no-repeat}
.listViewD .listViewDiv .listDiv.airList .list .disTb .scheduleDiv{display:table-cell; padding:40px 50px; width:712px; vertical-align:middle}
.listViewD .listViewDiv .listDiv.airList .list .disTb .scheduleDiv .schedule{display:table; margin-top:50px; width:100%; text-align:center}
.listViewD .listViewDiv .listDiv.airList .list .disTb .scheduleDiv .schedule:first-child{margin-top:0}
.listViewD .listViewDiv .listDiv.airList .list .disTb .scheduleDiv .schedule .airLine{display:table-cell; width:80px; vertical-align:middle}
.listViewD .listViewDiv .listDiv.airList .list .disTb .scheduleDiv .schedule .airLine .icon{margin:5px 0 6px; text-align:center}
.listViewD .listViewDiv .listDiv.airList .list .disTb .scheduleDiv .schedule .airLine .icon img {width:35px}
.listViewD .listViewDiv .listDiv.airList .list .disTb .scheduleDiv .schedule .airLine .name{font-size:13px; color:#000}
.listViewD .listViewDiv .listDiv.airList .list .disTb .scheduleDiv .schedule .airLine .name span{display:block; margin-top:5px; font-weight:500; font-size:13px; color:#797979}
.listViewD .listViewDiv .listDiv.airList .list .disTb .scheduleDiv .schedule .departureT{display:table-cell; padding:0 22px 0 35px; width:125px; vertical-align:middle}
.listViewD .listViewDiv .listDiv.airList .list .disTb .scheduleDiv .schedule .departureT i{font-size:26px; color:#000}
.listViewD .listViewDiv .listDiv.airList .list .disTb .scheduleDiv .schedule .departureT .name{margin-top:12px; font-weight:700; font-size:14px; color:#000}
.listViewD .listViewDiv .listDiv.airList .list .disTb .scheduleDiv .schedule .fligtT{display:table-cell; padding-top:24px; width:285px; vertical-align:middle; background:url('../images/air_time_icon.png') no-repeat center 16px}
.listViewD .listViewDiv .listDiv.airList .list .disTb .scheduleDiv .schedule .fligtT{font-size:14px; color:#797979;}
.listViewD .listViewDiv .listDiv.airList .list .disTb .scheduleDiv .schedule .arrivalT{display:table-cell; vertical-align:middle;}
.listViewD .listViewDiv .listDiv.airList .list .disTb .scheduleDiv .schedule .arrivalT i{display:inline-bolck; position:relative; font-size:26px; color:#000}
.listViewD .listViewDiv .listDiv.airList .list .disTb .scheduleDiv .schedule .arrivalT .name{margin-top:12px; font-weight:700; font-size:14px; color:#000}
.listViewD .listViewDiv .listDiv.airList .list .disTb .scheduleDiv .schedule .arrivalT sup{display:block; position:absolute; top:-2px; right:-25px; font-family:'Spoqa'; font-weight:700; font-size:15px; color:#00696d; vertical-align:top;}
/* .listViewD .listViewDiv .listDiv.airList .list .disTb .scheduleDiv .schedule .arrivalT sup + .name{padding-right:22px} */
.listViewD .listViewDiv .listDiv.airList .list .disTb .infoDiv{position:relative; display:table-cell;  padding:25px 20px 20px; width:273px}
.listViewD .listViewDiv .listDiv.airList .list .disTb .infoDiv .seat{font-size:16px; color:#797979}
.listViewD .listViewDiv .listDiv.airList .list .disTb .infoDiv .seat i{color:#00696d}
.listViewD .listViewDiv .listDiv.airList .list .disTb .infoDiv .btnD{position:absolute; top:20px; right:20px}
.listViewD .listViewDiv .listDiv.airList .list .disTb .infoDiv .btnD:after{content:''; display:block; clear:both}
.listViewD .listViewDiv .listDiv.airList .list .disTb .infoDiv .btnD .scheduleBtn{float:left; width:85px; height:26px; font-size:13px; line-height:24px; color:#00696d; text-align:center; border:1px solid rgba(0,77,69,0.7); border-radius:20px}
.listViewD .listViewDiv .listDiv.airList .list .disTb .infoDiv .btnD .likeBtn{position:relative; float:left; margin-left:7px; width:30px; height:26px; background:url('../images/like_btn.png') no-repeat}
.listViewD .listViewDiv .listDiv.airList .list .disTb .infoDiv .btnD .likeBtn:before{content:''; position:absolute; top:0; left:0; width:30px; height:26px; background:url('../images/like_btn_on.png') no-repeat; opacity:0; transition:opacity 0.4s cubic-bezier(.55,0,.1,1)}
.listViewD .listViewDiv .listDiv.airList .list .disTb .infoDiv .btnD .likeBtn.on:before{opacity:1}
.listViewD .listViewDiv .listDiv.airList .list .disTb .infoDiv .priceD{position:absolute; bottom:20px; right:20px; width:calc(100% - 40px); width:-webkit-calc(100% - 40px)}
.listViewD .listViewDiv .listDiv.airList .list .disTb .infoDiv .priceD .basicPrice{font-weight:300; font-size:13px; color:#797979; text-align:right}
.listViewD .listViewDiv .listDiv.airList .list .disTb .infoDiv .priceD .staffPrice{font-weight:300; font-size:13px; color:#797979; text-align:right}
.listViewD .listViewDiv .listDiv.airList .list .disTb .infoDiv .priceD .basicPrice + .staffPrice{margin-top:8px}
.listViewD .listViewDiv .listDiv.airList .list .disTb .infoDiv .priceD .basicPrice .left, .listViewD .listViewDiv .listDiv.airList .list .disTb .infoDiv .priceD .staffPrice .left{display:inline-block; margin-right:6px}
.listViewD .listViewDiv .listDiv.airList .list .disTb .infoDiv .priceD .basicPrice .right, .listViewD .listViewDiv .listDiv.airList .list .disTb .infoDiv .priceD .staffPrice .right{display:inline-block}
.listViewD .listViewDiv .listDiv.airList .list .disTb .infoDiv .priceD .basicPrice .right i, .listViewD .listViewDiv .listDiv.airList .list .disTb .infoDiv .priceD .staffPrice .right i{font-size:16px; text-decoration:line-through}
.listViewD .listViewDiv .listDiv.airList .list .disTb .infoDiv .priceD .price{margin:12px 0 15px}
.listViewD .listViewDiv .listDiv.airList .list .disTb .infoDiv .priceD .price:after{content:''; display:block; clear:both}
.listViewD .listViewDiv .listDiv.airList .list .disTb .infoDiv .priceD .price .card{font-size:14px; line-height:15px; color:#000; text-align:right; vertical-align:top}
.listViewD .listViewDiv .listDiv.airList .list .disTb .infoDiv .priceD .price .card span{display:inline-block; margin-right:4px; vertical-align:top}
.listViewD .listViewDiv .listDiv.airList .list .disTb .infoDiv .priceD .price .won{margin-top:10px; font-size:13px; color:#000; white-space:nowrap; text-align:right}
.listViewD .listViewDiv .listDiv.airList .list .disTb .infoDiv .priceD .price .won i{font-family:'Spoqa'; font-weight:700; font-size:30px; color:#000}
.listViewD .listViewDiv .listDiv.airList .list .disTb .infoDiv .priceD .moreBtn{display:block; padding:12px 0; width:100%; height:40px; background:#000; text-align:center}
.listViewD .listViewDiv .listDiv.airList .list .disTb .infoDiv .priceD .moreBtn span{display:inline-block; padding:0 26px 0 10px; font-weight:500; font-size:16px; color:#fff; background:url('../images/accor_wIcon_14x8_down.png') no-repeat right center}
.listViewD .listViewDiv .listDiv.airList .list .disTb .infoDiv .priceD .moreBtn b{display:none; font-weight:500; font-size:16px; color:#fff}
.listViewD .listViewDiv .listDiv.airList .list .reserveDiv{display:none; background:#f9fef5}
.listViewD .listViewDiv .listDiv.airList .list .reserveDiv .topDiv{padding:12px 40px; border-top:1px solid rgba(0, 77, 69, 0.3); border-bottom:1px solid rgba(0, 77, 69, 0.3)}
.listViewD .listViewDiv .listDiv.airList .list .reserveDiv .topDiv:after{content:''; display:block; clear:both}
.listViewD .listViewDiv .listDiv.airList .list .reserveDiv .topDiv a{float:left; margin-left:6px; padding:0 15px; font-weight:300; font-size:15px; line-height:28px; color:#00696d; text-align:center; background:#fff; border:1px solid rgba(0, 77, 69, 0.4)}
.listViewD .listViewDiv .listDiv.airList .list .reserveDiv .topDiv a:first-child{margin-left:0}
.listViewD .listViewDiv .listDiv.airList .list .reserveDiv .midDiv{padding:0 20px}
.listViewD .listViewDiv .listDiv.airList .list .reserveDiv .midDiv .line{display:table; padding:11px 0; width:100%; border-bottom:1px dashed rgba(0, 117, 121, 0.2)}
.listViewD .listViewDiv .listDiv.airList .list .reserveDiv .midDiv .line:last-child{border-bottom:none}
.listViewD .listViewDiv .listDiv.airList .list .reserveDiv .midDiv .line .typeD{display:table-cell; width:545px; vertical-align:middle}
.listViewD .listViewDiv .listDiv.airList .list .reserveDiv .midDiv .line .typeD:after{content:''; display:block; clear:both}
.listViewD .listViewDiv .listDiv.airList .list .reserveDiv .midDiv .line .typeD .type{float:left; padding-left:50px; width:100px; font-weight:500; font-size:17px; color:#666}
.listViewD .listViewDiv .listDiv.airList .list .reserveDiv .midDiv .line .typeD .priceInfo{float:left; padding-left:25px; width:444px}
.listViewD .listViewDiv .listDiv.airList .list .reserveDiv .midDiv .line .typeD .priceInfo p{margin-top:8px; font-weight:500; font-size:17px; color:#666}
.listViewD .listViewDiv .listDiv.airList .list .reserveDiv .midDiv .line .typeD .priceInfo p:first-child{margin-top:0}
.listViewD .listViewDiv .listDiv.airList .list .reserveDiv .midDiv .line .price{display:table-cell; padding-right:25px; width:165px; text-align:right; vertical-align:middle}
.listViewD .listViewDiv .listDiv.airList .list .reserveDiv .midDiv .line .price p{margin-top:8px; font-size:13px; color:#004d45}
.listViewD .listViewDiv .listDiv.airList .list .reserveDiv .midDiv .line .price p:first-child{margin-top:0}
.listViewD .listViewDiv .listDiv.airList .list .reserveDiv .midDiv .line .price p i{margin-right:2px; font-weight:700; font-size:24px}
.listViewD .listViewDiv .listDiv.airList .list .reserveDiv .midDiv .line .btn{display:table-cell; vertical-align:middle}
.listViewD .listViewDiv .listDiv.airList .list .reserveDiv .midDiv .line .btn a{display:block; width:100%; height:40px; font-weight:500; font-size:17px; line-height:38px; color:#004d45; text-align:center; border:1px solid rgba(0, 77, 69, 0.7); background:#fff}
.listViewD .listViewDiv .listDiv.airList .list .reserveDiv .botDiv{padding:10px 30px; text-align:right; background:#e8f6e6; background:rgba(193, 227, 195, 0.3); border-top:1px solid #b4d9cc}
.listViewD .listViewDiv .listDiv.airList .list .reserveDiv .botDiv .closeReserve{display:inline-block; padding:3px 31px 3px 0; font-size:13px; color:#004d45; background:url('../images/air_accor_close_btn.png') no-repeat right center}
.listViewD .listViewDiv .listDiv.airList .list.on{border:1px solid #004d45}
.listViewD .listViewDiv .listDiv.airList .list.on .disTb:before{background:url('../images/airList_top_bg_on.gif') no-repeat}
.listViewD .listViewDiv .listDiv.airList .list.on .disTb:after{display:none}
.listViewD .listViewDiv .listDiv.airList .list.on .disTb .infoDiv .priceD .moreBtn{background:#004d45}
.listViewD .listViewDiv .listDiv.airList .list.on .disTb .infoDiv .priceD .moreBtn span{display:none}
.listViewD .listViewDiv .listDiv.airList .list.on .disTb .infoDiv .priceD .moreBtn b{display:block}
.listViewD .listViewDiv .listDiv.hotelList .list{display:table; margin-top:10px; position:relative; width:100%; border:1px solid #c8c8c8}
.listViewD .listViewDiv .listDiv.hotelList .list:first-child{margin-top:0;}
.listViewD .listViewDiv .listDiv.hotelList .list:after{content:''; display:block; clear:both}
.listViewD .listViewDiv .listDiv.hotelList .list .imgArea{display:table-cell; width:300px; height:278px; vertical-align:top; cursor:pointer}
.listViewD .listViewDiv .listDiv.hotelList .list .imgArea .thumb{width:100%; height:100%}
.listViewD .listViewDiv .listDiv.hotelList .list .imgArea .thumb:after{margin:-33px 0 0 -84px; width:168px; height:66px; background:url('../images/no_img_icon2.png') no-repeat}
.listViewD .listViewDiv .listDiv.hotelList .list .txtArea{display:table-cell; position:relative; padding:20px 30px}
.listViewD .listViewDiv .listDiv.hotelList .list .txtArea .tagD{}
.listViewD .listViewDiv .listDiv.hotelList .list .txtArea .tagD:after{content:''; display:block; clear:both}
.listViewD .listViewDiv .listDiv.hotelList .list .txtArea .tagD .tag{float:left; margin-left:2px}
.listViewD .listViewDiv .listDiv.hotelList .list .txtArea .tagD .tag:first-child{margin-left:0}
.listViewD .listViewDiv .listDiv.hotelList .list .txtArea .tagD .tag img {width:auto; height:22px}
.listViewD .listViewDiv .listDiv.hotelList .list .txtArea .tagD .new{width:44px; height:22px; font-size:13px; line-height:22px; color:#fff; text-align:center; background:#5ea600}
.listViewD .listViewDiv .listDiv.hotelList .list .txtArea .title{margin-top:12px; font-weight:500; font-size:26px; color:#000; height:33px}
.listViewD .listViewDiv .listDiv.hotelList .list .txtArea .title:first-child{margin-top:34px}
.listViewD .listViewDiv .listDiv.hotelList .list .txtArea .title p{display:inline-block; max-width:490px; line-height:33px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.listViewD .listViewDiv .listDiv.hotelList .list .txtArea .title .star{display:inline-block; height:24px; background:url('../images/hoter_list_starIcon.png') no-repeat left center; overflow:hidden}
.listViewD .listViewDiv .listDiv.hotelList .list .txtArea .title .star0{width:0}
.listViewD .listViewDiv .listDiv.hotelList .list .txtArea .title .star1{width:14px}
.listViewD .listViewDiv .listDiv.hotelList .list .txtArea .title .star2{width:29px}
.listViewD .listViewDiv .listDiv.hotelList .list .txtArea .title .star3{width:44px}
.listViewD .listViewDiv .listDiv.hotelList .list .txtArea .title .star4{width:58px}
.listViewD .listViewDiv .listDiv.hotelList .list .txtArea .title .star5{width:72px}
.listViewD .listViewDiv .listDiv.hotelList .list .txtArea .eng{margin-top:8px; width:490px; font-size:15px; line-height:19px; color:#000; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.listViewD .listViewDiv .listDiv.hotelList .list .txtArea .addr{margin-top:8px; padding-left:15px; width:490px; font-weight:300; font-size:13px; line-height:18px; color:#797979; letter-spacing:0; background:url('../images/location_icon.gif') no-repeat left center; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}/* hotellist_주소 (버튼아닌경우) */
.listViewD .listViewDiv .listDiv.hotelList .list .addr{margin-top:8px; padding-left:15px; width:490px; font-weight:300; font-size:13px; line-height:18px; color:#797979; letter-spacing:0; background:url('../images/location_icon.gif') no-repeat left center; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; position: absolute;left:-586px; top:94px;}/*2021-0610 추가*/
.listViewD .listViewDiv .listDiv.hotelList .list .addr:hover, .listViewD .listViewDiv .listDiv.hotelList .list .addr:focus{color:#004d45; text-decoration: underline; background:url('../images/location_icon_g.gif') no-repeat left center; }/*2021-0610 추가*/
.listViewD .listViewDiv .listDiv.hotelList .list .txtArea .reviewD{position:relative; margin-top:32px; z-index:1} /* 2021-06-10수정 원본margin-top:12px;*/
.listViewD .listViewDiv .listDiv.hotelList .list .txtArea .reviewD:after{content:''; display:block; clear:both}
.listViewD .listViewDiv .listDiv.hotelList .list .txtArea .reviewD .star{float:left; height:18px; font-size:15px; line-height:18px; color:#bd9300}
.listViewD .listViewDiv .listDiv.hotelList .list .txtArea .reviewD .star:before{content:''; display:inline-block; margin-right:5px; height:18px; background:url('../images/hoter_list_starIcon.png') no-repeat left center; overflow:hidden; vertical-align:top}
.listViewD .listViewDiv .listDiv.hotelList .list .txtArea .reviewD .star0:before{width:0; margin-right:0}
.listViewD .listViewDiv .listDiv.hotelList .list .txtArea .reviewD .star1:before{width:14px}
.listViewD .listViewDiv .listDiv.hotelList .list .txtArea .reviewD .star2:before{width:29px}
.listViewD .listViewDiv .listDiv.hotelList .list .txtArea .reviewD .star3:before{width:44px}
.listViewD .listViewDiv .listDiv.hotelList .list .txtArea .reviewD .star4:before{width:58px}
.listViewD .listViewDiv .listDiv.hotelList .list .txtArea .reviewD .star5:before{width:72px}
.listViewD .listViewDiv .listDiv.hotelList .list .txtArea .reviewD .review{position:relative; float:left; margin-left:11px; padding-left:36px; font-family:'Spoqa'; font-weight:700; font-size:17px; line-height:18px; color:#004d45; background:url('../images/viewDiv_infoDiv_infoD_review_icon.png') no-repeat 13px top}
.listViewD .listViewDiv .listDiv.hotelList .list .txtArea .reviewD .review:before{content:''; position:absolute; top:2px; left:0; width:1px; height:15px; background:#dadada}
.listViewD .listViewDiv .listDiv.hotelList .list .txtArea .reviewD .review:first-child{padding-left:23px; margin-left:0; background:url('../images/viewDiv_infoDiv_infoD_review_icon.png') no-repeat left top}
.listViewD .listViewDiv .listDiv.hotelList .list .txtArea .reviewD .review:first-child:before{display:none}
.listViewD .listViewDiv .listDiv.hotelList .list .txtArea .infoD{display:table; position:absolute; bottom:20px; left:30px; width:calc(100% - 60px); width:-webkit-calc(100% - 60px)}
.listViewD .listViewDiv .listDiv.hotelList .list .txtArea .infoD .iconDiv{display:table-cell; width:230px; vertical-align:bottom}
.listViewD .listViewDiv .listDiv.hotelList .list .txtArea .infoD .iconDiv:after{content:''; display:block; clear:both}
.listViewD .listViewDiv .listDiv.hotelList .list .txtArea .infoD .iconDiv .text{margin-bottom:15px; width:100%}
.listViewD .listViewDiv .listDiv.hotelList .list .txtArea .infoD .iconDiv .text:last-child{margin-bottom:35px}
.listViewD .listViewDiv .listDiv.hotelList .list .txtArea .infoD .iconDiv .text span{display:block; font-size:12px; color:#797979}
.listViewD .listViewDiv .listDiv.hotelList .list .txtArea .infoD .iconDiv .icon:after{content:''; display:block; clear:both}
.listViewD .listViewDiv .listDiv.hotelList .list .txtArea .infoD .iconDiv .icon > div{position:relative; float:left; margin-left:10px}
.listViewD .listViewDiv .listDiv.hotelList .list .txtArea .infoD .iconDiv .icon > div:first-child{margin-left:0}
.listViewD .listViewDiv .listDiv.hotelList .list .txtArea .infoD .iconDiv .icon > div .toolIcon{display:block}
.listViewD .listViewDiv .listDiv.hotelList .list .txtArea .infoD .priceDiv{display:table-cell; vertical-align:bottom; text-align:right}
.listViewD .listViewDiv .listDiv.hotelList .list .txtArea .infoD .priceDiv .appDc{padding-right:16px; font-weight:500; font-size:14px; line-height:18px; color:#004d45; background:url('../images/appDc_icon.png') no-repeat right center}
.listViewD .listViewDiv .listDiv.hotelList .list .txtArea .infoD .priceDiv .notiTxt{font-weight:300; font-size:14px; color:#797979}
.listViewD .listViewDiv .listDiv.hotelList .list .txtArea .infoD .priceDiv .priceD{margin-top:10px}
.listViewD .listViewDiv .listDiv.hotelList .list .txtArea .infoD .priceDiv .priceD .basicPrice{font-weight:300; font-size:13px; color:#797979; text-align:right}
.listViewD .listViewDiv .listDiv.hotelList .list .txtArea .infoD .priceDiv .priceD .staffPrice{font-weight:300; font-size:13px; color:#797979; text-align:right}
.listViewD .listViewDiv .listDiv.hotelList .list .txtArea .infoD .priceDiv .priceD .basicPrice + .basicPrice{margin-top:8px}
.listViewD .listViewDiv .listDiv.hotelList .list .txtArea .infoD .priceDiv .priceD .basicPrice + .staffPrice{margin-top:8px;}
.listViewD .listViewDiv .listDiv.hotelList .list .txtArea .infoD .priceDiv .priceD .basicPrice .left, .listViewD .listViewDiv .listDiv.hotelList .list .txtArea .infoD .priceDiv .priceD .staffPrice .left{display:inline-block; margin-right:6px}
.listViewD .listViewDiv .listDiv.hotelList .list .txtArea .infoD .priceDiv .priceD .basicPrice .right, .listViewD .listViewDiv .listDiv.hotelList .list .txtArea .infoD .priceDiv .priceD .staffPrice .right{display:inline-block}
.listViewD .listViewDiv .listDiv.hotelList .list .txtArea .infoD .priceDiv .priceD .basicPrice .right i, .listViewD .listViewDiv .listDiv.hotelList .list .txtArea .infoD .priceDiv .priceD .staffPrice .right i{font-size:16px; text-decoration:line-through}
.listViewD .listViewDiv .listDiv.hotelList .list .txtArea .infoD .priceDiv .priceD .price{display:table; margin:15px 0 0; width:100%; text-align:right}
.listViewD .listViewDiv .listDiv.hotelList .list .txtArea .infoD .priceDiv .priceD .price .text, .listViewD .listViewDiv .listDiv.hotelList .list .txtArea .infoD .priceDiv .priceD .price .won{display:table-cell}
.listViewD .listViewDiv .listDiv.hotelList .list .txtArea .infoD .priceDiv .priceD .price .text{padding-right:10px; width:100%; font-size:13px; line-height:16px; color:#000; vertical-align:bottom}
.listViewD .listViewDiv .listDiv.hotelList .list .txtArea .infoD .priceDiv .priceD .price .text i.green{color:#004d45}
.listViewD .listViewDiv .listDiv.hotelList .list .txtArea .infoD .priceDiv .priceD .price .text i.red{color:#e64949}
.listViewD .listViewDiv .listDiv.hotelList .list .txtArea .infoD .priceDiv .priceD .price .won{ margin-left:2px; font-size:13px; color:#000; white-space:nowrap; text-align:right; vertical-align:middle}
.listViewD .listViewDiv .listDiv.hotelList .list .txtArea .infoD .priceDiv .priceD .price .won i{font-family:'Spoqa'; font-weight:700; font-size:30px; line-height:26px; color:#000}
.listViewD .listViewDiv .listDiv.hotelList .list .txtArea .infoD .priceDiv .wonInfo{margin-top:10px; font-size:13px; color:#000}
.listViewD .listViewDiv .listDiv.hotelList .list .txtArea .infoD .priceDiv .soldOutTxt{display:none; padding-right:30px; font-weight:500; font-size:17px; line-height:25px; color:#e64949; background:url('../images/caution_icon25x25.png') no-repeat right center}
.listViewD .listViewDiv .listDiv.hotelList .list .txtArea .infoD .priceDiv.soldOut .notiTxt, .listViewD .listViewDiv .listDiv.hotelList .list .txtArea .infoD .priceDiv.soldOut .basicPrice, .listViewD .listViewDiv .listDiv.hotelList .list .txtArea .infoD .priceDiv.soldOut .staffPrice, .listViewD .listViewDiv .listDiv.hotelList .list .txtArea .infoD .priceDiv.soldOut .price{display:none}
.listViewD .listViewDiv .listDiv.hotelList .list .txtArea .infoD .priceDiv.soldOut .soldOutTxt{display:block; -webkit-animation:opaAni2 1.5s infinite; -moz-animation:opaAni2 1.5s infinite; -o-animation:opaAni2 1.5s infinite; animation:opaAni2 1.5s infinite}
.listViewD .listViewDiv .listDiv.hotelList .list .btnD{position:absolute; top:20px; right:30px}
.listViewD .listViewDiv .listDiv.hotelList .list .btnD:after{content:''; display:block; clear:both}
.listViewD .listViewDiv .listDiv.hotelList .list .btnD .mapBtn{float:left; width:70px; height:26px; font-size:13px; line-height:24px; color:#00696d; text-align:center; border:1px solid rgba(0,77,69,0.7); border-radius:20px} /* 호텔리스트 지도보기버튼 : 즐겨찾기 옆으로 사용 시 */
.listViewD .listViewDiv .listDiv.hotelList .list .btnD .pointrate50{float:left; width:130px; height:26px; font-size:13px; line-height:24px; color:#00696d; text-align:center; border:1px solid rgba(0,77,69,0.7); border-radius:20px} /* 2021-06-10 추가 */
.listViewD .listViewDiv .listDiv.hotelList .list .btnD .mpointBtn{float:left; width:130px; height:26px; font-size:13px; line-height:24px; color:#00696d; text-align:center; border:1px solid rgba(0,77,69,0.7); border-radius:20px} /* 2021.05.17 추가 */
.listViewD .listViewDiv .listDiv.hotelList .list .btnD .likeBtn{position:relative; float:left; margin-left:7px; width:30px; height:26px; background:url('../images/like_btn.png') no-repeat}
.listViewD .listViewDiv .listDiv.hotelList .list .btnD .likeBtn:before{content:''; position:absolute; top:0; left:0; width:30px; height:26px; background:url('../images/like_btn_on.png') no-repeat; opacity:0; transition:opacity 0.4s cubic-bezier(.55,0,.1,1)}
.listViewD .listViewDiv .listDiv.hotelList .list .btnD .likeBtn.on:before{opacity:1}
.listViewD .listViewDiv .listDiv.hotelList.type2 .list{position:absolute; left:0; margin-top:0}
.viewDiv .topArea:after{content:''; display:block; clear:both}
.viewDiv .topArea .thumbDiv:after{content:''; display:block; clear:both}
.viewDiv .topArea .thumbDiv .thumb{float:left; width:1024px; height:582px}
.viewDiv .topArea .thumbDiv .thumb .noImg:after{margin:-33px 0 0 -84px; width:168px; height:66px; background:url('../images/no_img_icon2.png') no-repeat}
.viewDiv .topArea .thumbDiv .thumbList{float:left; margin-left:8px; width:248px}
.viewDiv .topArea .thumbDiv .thumbList .top:after{content:''; display:block; clear:both}
.viewDiv .topArea .thumbDiv .thumbList .top a{position:relative; float:left; width:120px; height:110px; opacity:0.5; overflow:hidden}
.viewDiv .topArea .thumbDiv .thumbList .top a:nth-child(2n){margin-left:8px}
.viewDiv .topArea .thumbDiv .thumbList .top a:nth-child(n+3){margin-top:8px}
.viewDiv .topArea .thumbDiv .thumbList .top a.on{opacity:1}
.viewDiv .topArea .thumbDiv .thumbList .top a.on:before{content:''; position:absolute; top:0; left:0; width:100%; height:100%; border:4px solid #004d45; z-index:1}
.viewDiv .topArea .thumbDiv .thumbList .top a.noImg{cursor:auto}
.viewDiv .topArea .thumbDiv .thumbList .top span{position:relative; float:left; width:120px; height:110px; margin:8px 0 0 8px; cursor:pointer}
.viewDiv .topArea .thumbDiv .thumbList .top span:nth-child(2n-1){margin-left:0}
.viewDiv .topArea .thumbDiv .thumbList .top span b{position:absolute; top:60px; left:0; width:100%; text-align:center; font-size:18px; color:#fff; z-index:1}
.viewDiv .topArea .thumbDiv .thumbList .top span b i{font-size:22px}
.viewDiv .topArea .thumbDiv .thumbList .top span:before{content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:url('../images/viewDiv_thumbList_more.png') no-repeat; z-index:1}
.viewDiv .topArea .thumbDiv .thumbList .bottom{margin-top:8px}
.viewDiv .topArea .thumbDiv .thumbList .bottom a{display:block; width:100%}
.viewDiv .topArea .infoDiv{display:table; position:relative; margin-top:30px; padding-bottom:20px; width:100%;} /*2025-05-26 수정*/
.viewDiv .topArea .infoDiv:after{content:''; display:block; clear:both}
.viewDiv .topArea .infoDiv .leftD{display:table-cell; padding-bottom:10px; width:880px; vertical-align:bottom}/*2025-05-26 수정*/
.viewDiv .topArea .infoDiv .leftD .tagD{}
.viewDiv .topArea .infoDiv .leftD .tagD:after{content:''; display:block; clear:both}
.viewDiv .topArea .infoDiv .leftD .tagD .tag{float:left; margin-left:2px}
.viewDiv .topArea .infoDiv .leftD .tagD .tag:first-child{margin-left:0}
.viewDiv .topArea .infoDiv .leftD .tagD .tag img {width:auto; height:22px}
.viewDiv .topArea .infoDiv .leftD .tagD .new{width:44px; height:22px; font-size:13px; line-height:22px; color:#fff; text-align:center; background:#5ea600}
.viewDiv .topArea .infoDiv .leftD .country{font-weight:500; font-size:19px; color:#000}
.viewDiv .topArea .infoDiv .leftD .name{margin-top:13px; font-weight:500; font-size:38px; line-height:42px; color:#000}
.viewDiv .topArea .infoDiv .leftD .eng{margin-top:5px; font-size:21px; line-height:30px; color:#000; letter-spacing:0}
.viewDiv .topArea .infoDiv .leftD .landmark{display:block; margin-top:10px; font-weight:400; font-size:17px; line-height:1; color:#797979}
.viewDiv .topArea .infoDiv .leftD .addr{margin-top:10px; padding-left:16px; font-weight:300; font-size:13px; line-height:18px; color:#797979; letter-spacing:0; background:url('../images/location_icon.gif') no-repeat left 2px}
.viewDiv .topArea .infoDiv .leftD .addr a{display:inline-block; margin-left:11px; padding-right:15px; font-weight:500; color:#004d45; text-decoration:underline; background:url('../images/right_gIcon_7x12.png') no-repeat right center}
.viewDiv .topArea .infoDiv .leftD .infoD{margin-top:30px}
.viewDiv .topArea .infoDiv .leftD .infoD .star{display:inline-block; height:18px; font-size:17px; line-height:18px; color:#bd9300; text-align:left; vertical-align:top; margin-left:24px;}/*2025-05-26 수정*/
.viewDiv .topArea .infoDiv .leftD .infoD .star:before{content:''; display:inline-block; margin-right:8px; height:18px; background:url('../images/hoter_view_starIcon.png') no-repeat left center; overflow:hidden; vertical-align:top}
.viewDiv .topArea .infoDiv .leftD .infoD .star0:before{width:0; margin-right:0}
.viewDiv .topArea .infoDiv .leftD .infoD .star1:before{width:17px}
.viewDiv .topArea .infoDiv .leftD .infoD .star2:before{width:36px}
.viewDiv .topArea .infoDiv .leftD .infoD .star3:before{width:55px}
.viewDiv .topArea .infoDiv .leftD .infoD .star4:before{width:73px}
.viewDiv .topArea .infoDiv .leftD .infoD .star5:before{width:90px}
.viewDiv .topArea .infoDiv .leftD .infoD .star + .reviewScore{margin-left:9px; padding-left:37px; background:url('../images/viewDiv_infoDiv_infoD_review_icon.png') no-repeat 14px center}
.viewDiv .topArea .infoDiv .leftD .infoD .star + .reviewScore:before{content:''; position:absolute; top:3px; left:0; width:1px; height:15px; background:#dadada}
.viewDiv .topArea .infoDiv .leftD .infoD .star, .viewDiv .topArea .infoDiv .leftD .infoD .reviewScore, .viewDiv .topArea .infoDiv .leftD .infoD .reviewBtn{margin-top:6px;}/*2025-05-26 추가*/
.viewDiv .topArea .infoDiv .leftD .infoD .reviewScore{display:inline-block; position:relative; padding-left:23px; font-size:17px; color:#004d45; background:url('../images/viewDiv_infoDiv_infoD_review_icon.png') no-repeat left center; vertical-align:top}
.viewDiv .topArea .infoDiv .leftD .infoD .reviewScore i{font-weight:300; font-size:19px; line-height:18px;}
.viewDiv .topArea .infoDiv .leftD .infoD .reviewScore i b{display:inline-block; font-weight:700}
.viewDiv .topArea .infoDiv .leftD .infoD .reviewBtn{display:inline-block; margin-left:7px; padding-right:14px; font-size:15px; line-height:18px; color:#004d45; text-decoration:underline; background:url('../images/right_gIcon_7x12.png') no-repeat right 1px center; vertical-align:top}
.viewDiv .topArea .infoDiv .rightD{display:table-cell; width:400px; position:relative;} /*2025-05-26 수정*/
.viewDiv .topArea .infoDiv .rightD .btnD{position:absolute; bottom:0; right:0;} /*2025-05-26 수정*/
.viewDiv .topArea .infoDiv .rightD .btnD .likeBtn{display:inline-block; position:relative; width:55px; height:55px; background:url('../images/viewDiv_like_btn.png') no-repeat; opacity:0.7; transition:opacity 0.4s cubic-bezier(.55,0,.1,1)}
.viewDiv .topArea .infoDiv .rightD .btnD .likeBtn:before{content:''; position:absolute; top:0; left:0; width:55px; height:55px; background:url('../images/viewDiv_like_btn_on.png') no-repeat; opacity:0; transition:opacity 0.4s cubic-bezier(.55,0,.1,1)}
.viewDiv .topArea .infoDiv .rightD .btnD .likeBtn.on{opacity:1}
.viewDiv .topArea .infoDiv .rightD .btnD .likeBtn.on:before{opacity:1}
.viewDiv .topArea .infoDiv .rightD .btnD .shareD{display:inline-block; position:relative; margin-left:10px;}
.viewDiv .topArea .infoDiv .rightD .btnD .shareD .share{display:block; width:55px; height:55px; background:url('../images/viewDiv_share_icon.png') no-repeat}
.viewDiv .topArea .infoDiv .rightD .btnD .shareD .twoD{display:none; position:absolute; top:0; right:0; width:140px; background:#fff; border:1px solid #004d45; z-index:1; text-align:left}
.viewDiv .topArea .infoDiv .rightD .btnD .shareD .twoD p{padding:14px 15px; font-size:14px; color:#016a6e; border-bottom:1px solid #e5e5e5}
.viewDiv .topArea .infoDiv .rightD .btnD .shareD .twoD .icon{padding:15px}
.viewDiv .topArea .infoDiv .rightD .btnD .shareD .twoD .icon a{display:block; margin-top:15px; padding-left:40px; font-size:14px; line-height:30px; color:#797979}
.viewDiv .topArea .infoDiv .rightD .btnD .shareD .twoD .icon a:first-child{margin-top:0}
.viewDiv .topArea .infoDiv .rightD .btnD .shareD .twoD .icon a.facebook{background:url('../images/shareD_facebook.png') no-repeat left center}
.viewDiv .topArea .infoDiv .rightD .btnD .shareD .twoD .icon a.kakao{background:url('../images/shareD_kakao.png') no-repeat left center}
.viewDiv .topArea .infoDiv .rightD .btnD .shareD .twoD .icon a.url{background:url('../images/shareD_url.png') no-repeat left center}
.viewDiv .topArea .infoDiv .rightD .btnD .shareD .twoD .xBt{position:absolute; top:13px; right:10px}
.viewDiv .topArea .infoDiv .rightD .count{display:table; margin-top:30px; width:100%}
.viewDiv .topArea .infoDiv .rightD .count .left{display:table-cell; width:80px; font-size:15px; color:#797979; vertical-align:bottom}
.viewDiv .topArea .infoDiv .rightD .count .right{display:table-cell; width:calc(100% - 80px); width:-webkit-calc(100% - 80px); font-size:13px; color:#000; vertical-align:bottom; text-align:right}
.viewDiv .topArea .infoDiv .rightD .count .right i{font-weight:700; font-size:32px}
.viewDiv .topArea .infoDiv .rightD .choice{display:block; margin-top:15px; width:100%; height:60px; font-weight:500; font-size:19px; line-height:60px; color:#fff; text-align:center; background:#000}
/*2025-05-26 추가*/
.viewDiv .topArea .infoDiv .rightD .premiumBtnD{display:flex; justify-content:flex-end; align-items:center; gap:10px; vertical-align:top;}
.viewDiv .topArea .infoDiv .rightD .premiumBtnD .btn{font-size:20px; color:#FFFFFF; background:#004D45; display:inline-block; padding:20px 30px;}
.viewDiv .topArea .premiumHotelBenefit{margin-bottom:40px;}
.viewDiv .topArea .premiumHotelBenefit .listBenefit{display:flex; flex-wrap:wrap; justify-content:flex-start; align-items:center; gap:10px;}
.viewDiv .topArea .premiumHotelBenefit .listBenefit .benefit{font-size:18px; color:#004D45; background:#F9FEF5; border:1px solid #C9DFB7; padding:8px 12px 8px 42px; position:relative;}
.viewDiv .topArea .premiumHotelBenefit .listBenefit .benefit:after{content:''; width:20px; height:20px; position:absolute; left:12px; top:50%; transform:translateY(-50%);}
.viewDiv .topArea .premiumHotelBenefit .listBenefit .benefit.airportbus:after{background: url('https://www.thehyundaitravel.com/htl/common/images/ico_airportbus_deepgreen.svg') no-repeat;}
.viewDiv .topArea .premiumHotelBenefit .listBenefit .benefit.allinclusive:after{background: url('https://www.thehyundaitravel.com/htl/common/images/ico_allinclusive_deepgreen.svg') no-repeat;}
.viewDiv .topArea .premiumHotelBenefit .listBenefit .benefit.breakfast:after{background: url('https://www.thehyundaitravel.com/htl/common/images/ico_breakfast_deepgreen.svg') no-repeat;}
.viewDiv .topArea .premiumHotelBenefit .listBenefit .benefit.checkinout:after{background: url('https://www.thehyundaitravel.com/htl/common/images/ico_checkinout_deepgreen.svg') no-repeat;}
.viewDiv .topArea .premiumHotelBenefit .listBenefit .benefit.credit:after{background: url('https://www.thehyundaitravel.com/htl/common/images/ico_credit_deepgreen.svg') no-repeat;}
.viewDiv .topArea .premiumHotelBenefit .listBenefit .benefit.discount:after{background: url('https://www.thehyundaitravel.com/htl/common/images/ico_discount_deepgreen.svg') no-repeat;}
.viewDiv .topArea .premiumHotelBenefit .listBenefit .benefit.fandb:after{background: url('https://www.thehyundaitravel.com/htl/common/images/ico_fandb_deepgreen.svg') no-repeat;}
.viewDiv .topArea .premiumHotelBenefit .listBenefit .benefit.golf:after{background: url('https://www.thehyundaitravel.com/htl/common/images/ico_golf_deepgreen.svg') no-repeat;}
.viewDiv .topArea .premiumHotelBenefit .listBenefit .benefit.kids:after{background: url('https://www.thehyundaitravel.com/htl/common/images/ico_kids_deepgreen.svg') no-repeat;}
.viewDiv .topArea .premiumHotelBenefit .listBenefit .benefit.happyhour:after{background: url('https://www.thehyundaitravel.com/htl/common/images/ico_happyhour_deepgreen.svg') no-repeat;}
.viewDiv .topArea .premiumHotelBenefit .listBenefit .benefit.honeymoon:after{background: url('https://www.thehyundaitravel.com/htl/common/images/ico_honeymoon_deepgreen.svg') no-repeat;}
.viewDiv .topArea .premiumHotelBenefit .listBenefit .benefit.lounge:after{background: url('https://www.thehyundaitravel.com/htl/common/images/ico_lounge_deepgreen.svg') no-repeat;}
.viewDiv .topArea .premiumHotelBenefit .listBenefit .benefit.membership:after{background: url('https://www.thehyundaitravel.com/htl/common/images/ico_membership_deepgreen.svg') no-repeat;}
.viewDiv .topArea .premiumHotelBenefit .listBenefit .benefit.minibar:after{background: url('https://www.thehyundaitravel.com/htl/common/images/ico_minibar_deepgreen.svg') no-repeat;}
.viewDiv .topArea .premiumHotelBenefit .listBenefit .benefit.parking:after{background: url('https://www.thehyundaitravel.com/htl/common/images/ico_parking_deepgreen.svg') no-repeat;}
.viewDiv .topArea .premiumHotelBenefit .listBenefit .benefit.poolvilla:after{background: url('https://www.thehyundaitravel.com/htl/common/images/ico_poolvilla_deepgreen.svg') no-repeat;}
.viewDiv .topArea .premiumHotelBenefit .listBenefit .benefit.room:after{background: url('https://www.thehyundaitravel.com/htl/common/images/ico_room_deepgreen.svg') no-repeat;}
.viewDiv .topArea .premiumHotelBenefit .listBenefit .benefit.sightseeing:after{background: url('https://www.thehyundaitravel.com/htl/common/images/ico_sightseeing_deepgreen.svg') no-repeat;}
.viewDiv .topArea .premiumHotelBenefit .listBenefit .benefit.spa:after{background: url('https://www.thehyundaitravel.com/htl/common/images/ico_spa_deepgreen.svg') no-repeat;}
.viewDiv .topArea .premiumHotelBenefit .listBenefit .benefit.themepark:after{background: url('https://www.thehyundaitravel.com/htl/common/images/ico_themepark_deepgreen.svg') no-repeat;}
.viewDiv .topArea .premiumHotelBenefit .listBenefit{display:flex; flex-wrap:wrap; justify-content:flex-start; align-items:center; gap:10px;}
/*.viewDiv .topArea .premiumHotelBenefit .discountInfo{font-size:18px; font-weight:700; color:#004D45; line-height:20px; margin-top:20px; padding-left:30px; position:relative;}
.viewDiv .topArea .premiumHotelBenefit .discountInfo:after{content:''; width:20px; height:20px; background:url(../images/ico_discount_deepgreen.svg); position:absolute; left:0; top:50%; transform:translateY(-50%);} 2025-06-05 숨김처리*/
.viewDiv .topArea .premiumHotelBenefit .discountInfo{background:#FAFAFA; font-size:16px; color:#000000; line-height:20px; margin-top:20px; padding:20px;}/*2025-06-05 수정*/


.viewDiv .topArea .detailDiv{margin-bottom:70px; padding-top:40px; width:100%; border-top:1px solid #000000;}/*2025-05-26 수정*/
.viewDiv .topArea .detailDiv:after{content:''; display:block; clear:both}
.viewDiv .topArea .detailDiv .infoD{}
.viewDiv .topArea .detailDiv .infoD .line{position:relative; margin-top:25px}
.viewDiv .topArea .detailDiv .infoD .line:first-child{margin-top:0}
.viewDiv .topArea .detailDiv .infoD .line:after{content:''; display:block; clear:both}
.viewDiv .topArea .detailDiv .infoD .line .tit{float:left; padding-right:15px; width:140px; font-weight:500; font-size:16px; line-height:20px; color:#000}
.viewDiv .topArea .detailDiv .infoD .line .txt{float:left; width:1070px; font-weight:300; font-size:16px; line-height:20px; color:#000; overflow:hidden; transition:height 0.4s cubic-bezier(.55,0,.1,1)}
.viewDiv .topArea .detailDiv .infoD .line .txt.accorStyle{margin-top:-5px; line-height:26px;}
.viewDiv .topArea .detailDiv .infoD .line .txt:after{content:''; display:block; clear:both}
.viewDiv .topArea .detailDiv .infoD .line .txt .icon:after{content:''; display:block; clear:both}
.viewDiv .topArea .detailDiv .infoD .line .txt .icon > div{position:relative; float:left; margin-left:15px}
.viewDiv .topArea .detailDiv .infoD .line .txt .icon > div:first-child{margin-left:0}
.viewDiv .topArea .detailDiv .infoD .line .txt .icon > div .toolIcon{display:block}
.viewDiv .topArea .detailDiv .infoD .line .txt div{margin-top:12px}
.viewDiv .topArea .detailDiv .infoD .line .txt div:first-child{margin-top:0}
.viewDiv .topArea .detailDiv .infoD .line .txt .listDiv{margin-top:0}
.viewDiv .topArea .detailDiv .infoD .line .txt .listDiv:after{content:''; display:block; clear:both}
.viewDiv .topArea .detailDiv .infoD .line .txt .listDiv:first-child .list:nth-child(-n+4){margin-top:0}
.viewDiv .topArea .detailDiv .infoD .line .txt .listDiv .list{float:left; margin-top:12px; margin-right:10px; width:260px; font-weight:300; font-size:16px; line-height:20px; color:#000}
.viewDiv .topArea .detailDiv .infoD .line .txt .listDiv .list:nth-child(4n){margin-right:0}
.viewDiv .topArea .detailDiv .infoD .line .txt .listMore{position:absolute; right:5px; bottom:0; padding-right:20px; font-weight:500; font-size:15px; color:#00696d; background:url('../images/bottom_gIcon_12x7.png') no-repeat right center; text-decoration:underline}
.viewDiv .topArea .detailDiv .infoD .line .txt .listMore.on{background:url('../images/top_gIcon_12x7.png') no-repeat right center;}
.viewDiv .topArea .detailDiv .lineAddT {margin-top:35px; font-size:13px; color:#797979}
.viewDiv .topArea .detailDiv .reviewD{float:left; padding:30px; width:256px; height:160px; background:#f7f7f7; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; text-align:right}
.viewDiv .topArea .detailDiv .reviewD .logo{}
.viewDiv .topArea .detailDiv .reviewD .txt{margin-top:10px; font-size:16px; color:#000}
.viewDiv .topArea .detailDiv .reviewD .txt i{font-weight:700}
.viewDiv .topArea .detailDiv .reviewD .score{margin-top:22px; font-size:25px; color:#004d45}
.viewDiv .topArea .detailDiv .reviewD .score span{display:inline-block; font-size:42px; line-height:30px}
.viewDiv .bottomArea{position:relative; padding-top:121px}
.viewDiv .bottomArea .stickyTabs{position:absolute; top:0; left:0; width:100%; border-bottom:1px solid #c8c8c8; background:#fff; z-index:2}
.viewDiv .bottomArea .stickyTabs .tab{float:left;}
.viewDiv .bottomArea .stickyTabs .tab:after{content:''; display:block; clear:both}
.viewDiv .bottomArea .stickyTabs .tab a{position:relative; float:left; margin-left:26px; padding:6px 5px; font-weight:300; font-size:17px; line-height:48px; color:#797979}
.viewDiv .bottomArea .stickyTabs .tab a:first-child{margin-left:0;}
.viewDiv .bottomArea .stickyTabs .tab a.on{font-weight:400; color:#000}
.viewDiv .bottomArea .stickyTabs .tab a.on:before{content:''; position:absolute; bottom:-1px; left:0; width:100%; height:3px; background:#000}
.viewDiv .bottomArea .stickyTabs .reserveInfo{display:none; float:right; padding:6px 0}
.viewDiv .bottomArea .stickyTabs .reserveInfo:after{content:''; display:block; clear:both}
.viewDiv .bottomArea .stickyTabs .reserveInfo .date{float:left; font-size:17px; line-height:46px; color:#004d45}
.viewDiv .bottomArea .stickyTabs .reserveInfo .date i{font-size:20px}
.viewDiv .bottomArea .stickyTabs .reserveInfo .info{float:left; margin:0 20px; font-weight:500; font-size:18px; line-height:48px; color:#004d45}
.viewDiv .bottomArea .stickyTabs .reserveInfo .btn{float:left; width:90px; height:48px; font-size:18px; line-height:48px; color:#fff; text-align:center; background:#004d45}
.viewDiv .bottomArea .stickyTabs.fixed{position:fixed; top:70px; left:0; min-width:1500px; width:100%; box-shadow:0px 8px 10px 0px rgba(0, 0, 0, 0.05)}
.viewDiv .bottomArea .stickyTabs.fixed .reserveInfo{display:block}
.viewDiv .bottomArea .contD{}
.viewDiv .bottomArea .contD .section{margin-top:90px}
.viewDiv .bottomArea .contD .section:first-child{margin-top:0}
.viewDiv .bottomArea .contD .section .title{margin-bottom:20px; font-weight:500; font-size:32px; color:#000}
.viewDiv .bottomArea .contD .section .roomInfo{position:relative}
.viewDiv .bottomArea .contD .section .roomInfo .reserveInfoD{position:relative; margin-bottom:30px; padding:20px 16px; background:#fafafa; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5}
.viewDiv .bottomArea .contD .section .roomInfo .reserveInfoD:after{content:''; display:block; clear:both}
.viewDiv .bottomArea .contD .section .roomInfo .reserveInfoD .view{display:table; float:left; width:580px; height:70px; border:1px solid #c8c8c8; background:#fff}
.viewDiv .bottomArea .contD .section .roomInfo .reserveInfoD .view .tit{display:table-cell; width:100px; font-size:16px; color:#797979; text-align:left; vertical-align:middle}
.viewDiv .bottomArea .contD .section .roomInfo .reserveInfoD .view .txt{display:table-cell; width:calc(100% - 100px); width:-webkit-calc(100% - 100px); vertical-align:middle}
.viewDiv .bottomArea .contD .section .roomInfo .reserveInfoD .dateD .tit{padding-left:25px}
.viewDiv .bottomArea .contD .section .roomInfo .reserveInfoD .dateD .txt{padding-left:30px}
.viewDiv .bottomArea .contD .section .roomInfo .reserveInfoD .dateD .txt:after{content:''; display:block; clear:both}
.viewDiv .bottomArea .contD .section .roomInfo .reserveInfoD .dateD .txt{text-align:left}
.viewDiv .bottomArea .contD .section .roomInfo .reserveInfoD .dateD .txt p{display:inline-block; font-size:19px; line-height:24px; color:#000}
.viewDiv .bottomArea .contD .section .roomInfo .reserveInfoD .dateD .txt p i{font-size:24px; vertical-align:top}
.viewDiv .bottomArea .contD .section .roomInfo .reserveInfoD .dateD .txt span{display:inline-block; margin:0 26px; font-weight:500; font-size:17px; line-height:24px; color:#00696d}
.viewDiv .bottomArea .contD .section .roomInfo .reserveInfoD .infoD{margin-left:6px}
.viewDiv .bottomArea .contD .section .roomInfo .reserveInfoD .infoD .tit{padding-left:20px}
.viewDiv .bottomArea .contD .section .roomInfo .reserveInfoD .infoD .txt{padding-left:110px; font-size:22px; color:#000}
.viewDiv .bottomArea .contD .section .roomInfo .reserveInfoD .infoD .txt span{font-size:18px; color:#e5e5e5}
.viewDiv .bottomArea .contD .section .roomInfo .reserveInfoD .searchBtn{float:left; margin-left:6px}
.viewDiv .bottomArea .contD .section .roomInfo .reserveInfoD .notice{font-weight:300; font-size:13px; color:#797979}
.viewDiv .bottomArea .contD .section .roomInfo .reserveInfoD .notice span{color:#e64949}
.viewDiv .bottomArea .contD .section .roomInfo .roomInfoList{border-top:2px solid #000}
.viewDiv .bottomArea .contD .section .roomInfo .roomInfoList .line{display:table; width:100%}
.viewDiv .bottomArea .contD .section .roomInfo .roomInfoList .line .cell{display:table-cell; vertical-align:middle; border-bottom:1px solid #e5e5e5}
.viewDiv .bottomArea .contD .section .roomInfo .roomInfoList .line .one{padding:30px 0 30px 10px; width:420px; text-align:left}
.viewDiv .bottomArea .contD .section .roomInfo .roomInfoList .line .two{width:140px; text-align:center}
.viewDiv .bottomArea .contD .section .roomInfo .roomInfoList .line .thr{padding-left:35px; width:220px; text-align:left}
.viewDiv .bottomArea .contD .section .roomInfo .roomInfoList .line .fou{width:500px; text-align:left}
.viewDiv .bottomArea .contD .section .roomInfo .roomInfoList .line.head{}
.viewDiv .bottomArea .contD .section .roomInfo .roomInfoList .line.head .cell{padding:17px 0; font-weight:300; font-size:15px; color:#000; border-bottom:1px solid #c8c8c8}
.viewDiv .bottomArea .contD .section .roomInfo .roomInfoList .line.head .cell.one{padding-left:10px}
.viewDiv .bottomArea .contD .section .roomInfo .roomInfoList .line.head .cell.thr{padding-left:35px}
.viewDiv .bottomArea .contD .section .roomInfo .roomInfoList .line.head .cell.fou{padding-right:10px; font-weight:400; text-align:right}
.viewDiv .bottomArea .contD .section .roomInfo .roomInfoList .line.head .cell.fou p{display:inline-block; font-weight:300; font-size:13px; line-height:17px; color:#797979; vertical-align:top}
.viewDiv .bottomArea .contD .section .roomInfo .roomInfoList .line.head .cell.fou .toolIcon{display:inline-block; vertical-align:top}
.viewDiv .bottomArea .contD .section .roomInfo .roomInfoList .line .one .titleArea .btnD{margin-bottom:10px}
.viewDiv .bottomArea .contD .section .roomInfo .roomInfoList .line .one .titleArea .btnD:after{content:''; display:block; clear:both}
.viewDiv .bottomArea .contD .section .roomInfo .roomInfoList .line .one .titleArea .btnD a, .viewDiv .bottomArea .contD .section .roomInfo .roomInfoList .line .one .titleArea .btnD span{float:left; margin-right:5px}
.viewDiv .bottomArea .contD .section .roomInfo .roomInfoList .line .one .titleArea .btnD a:last-child, .viewDiv .bottomArea .contD .section .roomInfo .roomInfoList .line .one .titleArea .btnD span:last-child{margin-right:0}
.viewDiv .bottomArea .contD .section .roomInfo .roomInfoList .line .one .titleArea .btnD .dc{width:74px; height:25px; font-size:14px; line-height:25px; color:#fff; text-align:center; background:#e64949}
.viewDiv .bottomArea .contD .section .roomInfo .roomInfoList .line .one .titleArea .btnD .dc i{font-weight:700; font-size:15px}
.viewDiv .bottomArea .contD .section .roomInfo .roomInfoList .line .one .titleArea .btnD .spe{padding:0 25px 0 7px; font-weight:500; font-size:14px; line-height:23px; color:#e64949; background:url('../images/bonus_icon.png') no-repeat right 8px top 50% #fff; border:1px solid #e64949}
.viewDiv .bottomArea .contD .section .roomInfo .roomInfoList .line .one .titleArea .tit{position:relative; font-weight:700; font-size:18px; line-height:24px; color:#000}
.viewDiv .bottomArea .contD .section .roomInfo .roomInfoList .line .one .titleArea .tit .pic{margin-right:4px}
.viewDiv .bottomArea .contD .section .roomInfo .roomInfoList .line .one .titleArea .tit .pic img{vertical-align:baseline}
.viewDiv .bottomArea .contD .section .roomInfo .roomInfoList .line .two p, .viewDiv .bottomArea .contD .section .roomInfo .roomInfoList .line .two a{font-size:17px; color:#000}
.viewDiv .bottomArea .contD .section .roomInfo .roomInfoList .line .two.no p, .viewDiv .bottomArea .contD .section .roomInfo .roomInfoList .line .two.no a{color:#c8c8c8}
.viewDiv .bottomArea .contD .section .roomInfo .roomInfoList .line .two p .toolIcon, .viewDiv .bottomArea .contD .section .roomInfo .roomInfoList .line .two a .toolIcon{vertical-align:baseline}
.viewDiv .bottomArea .contD .section .roomInfo .roomInfoList .line .two .plusBtn{display:inline-block; margin-left:2px; vertical-align:middle}
.viewDiv .bottomArea .contD .section .roomInfo .roomInfoList .line .two .mealTypeInfo{font-size:15px; color:#004d45; word-break:keep-all; margin-top:10px; display:block;}/*2025-05-29 추가*/
.viewDiv .bottomArea .contD .section .roomInfo .roomInfoList .line .thr{font-weight:300; font-size:17px; line-height:22px; color:#00696d}
.viewDiv .bottomArea .contD .section .roomInfo .roomInfoList .line .thr i{font-weight:400; font-size:15px}
.viewDiv .bottomArea .contD .section .roomInfo .roomInfoList .line .thr a{font-weight:400; font-size:17px; line-height:22px; color:#e64949; text-decoration:underline}
.viewDiv .bottomArea .contD .section .roomInfo .roomInfoList .line .thr a.check{color:#00696d}
.viewDiv .bottomArea .contD .section .roomInfo .roomInfoList .line .fou{padding:30px 10px}
.viewDiv .bottomArea .contD .section .roomInfo .roomInfoList .line .fou .fouDiv{display:table; width:100%}
.viewDiv .bottomArea .contD .section .roomInfo .roomInfoList .line .fou .fouDiv .priceD{display:table-cell; width:calc(100% - 140px); width:-webkit-calc(100% - 140px); vertical-align:middle}
.viewDiv .bottomArea .contD .section .roomInfo .roomInfoList .line .fou .fouDiv .priceD .basicPrice, .viewDiv .bottomArea .contD .section .roomInfo .roomInfoList .line .fou .fouDiv .priceD .staffPrice{font-weight:300; font-size:13px; color:#797979; text-align:right; margin-bottom:11px;} /*2025-05-26 추가*/
.viewDiv .bottomArea .contD .section .roomInfo .roomInfoList .line .fou .fouDiv .priceD .basicPrice.premiumBlind{display:none;}/*2025-05-26 추가*/
.viewDiv .bottomArea .contD .section .roomInfo .roomInfoList .line .fou .fouDiv .priceD .basicPrice .left, .viewDiv .bottomArea .contD .section .roomInfo .roomInfoList .line .fou .fouDiv .priceD .staffPrice .text{display:inline-block; margin-right:6px}
.viewDiv .bottomArea .contD .section .roomInfo .roomInfoList .line .fou .fouDiv .priceD .basicPrice .right, .viewDiv .bottomArea .contD .section .roomInfo .roomInfoList .line .fou .fouDiv .priceD .staffPrice .won{display:inline-block}
.viewDiv .bottomArea .contD .section .roomInfo .roomInfoList .line .fou .fouDiv .priceD .basicPrice .right i, .viewDiv .bottomArea .contD .section .roomInfo .roomInfoList .line .fou .fouDiv .priceD .staffPrice .won i{font-size:16px; line-height:14px; text-decoration:line-through}
.viewDiv .bottomArea .contD .section .roomInfo .roomInfoList .line .fou .fouDiv .priceD .basicPrice + .basicPrice{margin-top:7px}
.viewDiv .bottomArea .contD .section .roomInfo .roomInfoList .line .fou .fouDiv .priceD .staffPrice{margin-top:7px}
.viewDiv .bottomArea .contD .section .roomInfo .roomInfoList .line .fou .fouDiv .priceD .price{display:table; width:100%; margin-left:auto; text-align:right}/*2025-05-26 수정 margin-top:11px; */
.viewDiv .bottomArea .contD .section .roomInfo .roomInfoList .line .fou .fouDiv .priceD .price .text{display:table-cell; padding-right:10px; width:100%; font-size:13px; line-height:16px; color:#000; vertical-align:bottom}
.viewDiv .bottomArea .contD .section .roomInfo .roomInfoList .line .fou .fouDiv .priceD .price .text .green{color:#004d45}
.viewDiv .bottomArea .contD .section .roomInfo .roomInfoList .line .fou .fouDiv .priceD .price .text .red{color:#e64949}
.viewDiv .bottomArea .contD .section .roomInfo .roomInfoList .line .fou .fouDiv .priceD .price .won{display:table-cell; font-size:13px; color:#000; white-space:nowrap; text-align:right; vertical-align:middle}
.viewDiv .bottomArea .contD .section .roomInfo .roomInfoList .line .fou .fouDiv .priceD .price .won i{font-weight:700; font-size:24px; line-height:21px; color:#000}
.viewDiv .bottomArea .contD .section .roomInfo .roomInfoList .line .fou .fouDiv .priceD .price .won .info{font-size:13px; font-weight:300; color:#797979; margin-top:10px;; display:block;}/*2025-05-26 추가*/
.viewDiv .bottomArea .contD .section .roomInfo .roomInfoList .line .fou .fouDiv .reserveD{display:table-cell; padding-left:20px; width:140px; vertical-align:middle}
.viewDiv .bottomArea .contD .section .roomInfo .roomInfoList .line .fou .fouDiv .reserveD .txt{margin-bottom:10px; font-weight:500; font-size:13px; line-height:12px; color:#e64949; text-align:right}
.viewDiv .bottomArea .contD .section .roomInfo .roomInfoList .line .fou .fouDiv .reserveD .txt span{display:inline-block; margin-left:2px}
.viewDiv .bottomArea .contD .section .roomInfo .roomInfoList .line .fou .fouDiv .reserveD .reserveBtn{display:block; height:50px; font-weight:500; font-size:19px; line-height:50px; color:#fff; text-align:center; background:#004d45}
.viewDiv .bottomArea .contD .section .roomInfo .roomInfoList .line .fou .fouDiv .reserveD .reserveBtn2{display:block; height:50px; font-weight:500; font-size:19px; line-height:50px; color:#fff; text-align:center; background:#191919}
.viewDiv .bottomArea .contD .section .roomInfo .roomInfoList .line:last-child .cell{border-bottom:1px solid #c8c8c8}
.viewDiv .bottomArea .contD .section .roomInfo .roomInfoList .noDataDiv{border-top:none}
.viewDiv .bottomArea .contD .section .roomInfo .roomInfoList .loadingDiv{display:block; padding:70px 0 20px; text-align:center;}
.viewDiv .bottomArea .contD .section .roomInfo .roomInfoList .loadingDiv .txt{margin-top:35px; font-size:17px; line-height:28px; color:#000}
.viewDiv .bottomArea .contD .section .roomInfo .roomInfoList .mpointRatesele{background: #e9f2e3; border-bottom:1px solid #c8c8c8; padding:12px 0; zoom:1;}/*2021-06-04추가 Start*/
.viewDiv .bottomArea .contD .section .roomInfo .roomInfoList .mpointRatesele:after{content: ''; clear: both; display: block;}
.viewDiv .bottomArea .contD .section .roomInfo .roomInfoList .mpointRatesele .mpointRateseleTit{font-size: 13px; line-height: 18px; float: left; margin-left: 10px;}
.viewDiv .bottomArea .contD .section .roomInfo .roomInfoList .mpointRatesele .ratePer{font-size: 13px; float:right; margin-right:10px;}
.viewDiv .bottomArea .contD .section .roomInfo .roomInfoList .mpointRatesele .ratePer div + div{margin-left: 20px;}
.viewDiv .bottomArea .contD .section .roomInfo .roomInfoList .mpointRatesele .ratePer .chkBox.right input[type="checkbox"] + label{padding-left:0; padding-right:22px; font-size: 13px;}
.viewDiv .bottomArea .contD .section .roomInfo .roomInfoList .mpointRatesele .ratePer .chkBox.right input[type="checkbox"] + label:after{left:auto; right:0}/*2021-06-04추가 End*/
.viewDiv .bottomArea .contD .section .roomInfo .noDataDiv{border-top:none}
.viewDiv .bottomArea .contD .section .hotelInfo .thumbInfo{position:relative; margin-bottom:50px}
.viewDiv .bottomArea .contD .section .hotelInfo .thumbInfo .thumbD{width:1280px; height:600px}
.viewDiv .bottomArea .contD .section .hotelInfo .thumbInfo .infoD{position:absolute; bottom:-30px; right:0; padding:50px; width:600px; height:230px; background:#fff; word-break:keep-all}
.viewDiv .bottomArea .contD .section .hotelInfo .thumbInfo .infoD .name{font-weight:500; font-size:30px; color:#000}
.viewDiv .bottomArea .contD .section .hotelInfo .thumbInfo .infoD .eng{margin-top:9px; font-size:17px; color:#000; letter-spacing:0}
.viewDiv .bottomArea .contD .section .hotelInfo .thumbInfo .infoD .star{margin-top:10px; height:15px; background:url('../images/hoter_view_starIcon.png') no-repeat; overflow:hidden;}
.viewDiv .bottomArea .contD .section .hotelInfo .thumbInfo .infoD .star0{width:0}
.viewDiv .bottomArea .contD .section .hotelInfo .thumbInfo .infoD .star1{width:18px}
.viewDiv .bottomArea .contD .section .hotelInfo .thumbInfo .infoD .star2{width:36px}
.viewDiv .bottomArea .contD .section .hotelInfo .thumbInfo .infoD .star3{width:55px}
.viewDiv .bottomArea .contD .section .hotelInfo .thumbInfo .infoD .star4{width:73px}
.viewDiv .bottomArea .contD .section .hotelInfo .thumbInfo .infoD .star5{width:90px}
.viewDiv .bottomArea .contD .section .hotelInfo .thumbInfo .infoD .addr{margin-top:15px; padding-left:16px; font-weight:300; font-size:14px; line-height:22px; color:#a8a8a8; letter-spacing:0; background:url('../images/location_icon.gif') no-repeat left 4px}
.viewDiv .bottomArea .contD .section .hotelInfo .tel{display:inline-block; padding-left:20px; background:url('../images/hotelInfo_tel_icon.gif') no-repeat left center}
.viewDiv .bottomArea .contD .section .hotelInfo .fax{display:inline-block; padding-left:25px; margin-left:28px; background:url('../images/hotelInfo_fax_icon.gif') no-repeat left center}
.viewDiv .bottomArea .otherListD{}
.viewDiv .bottomArea .section.otherListD .title{font-size:38px; line-height:48px; color:#000}
.viewDiv .bottomArea .otherListD .otherList{margin-top:-20px; padding-bottom:40px; border-bottom:1px solid #e5e5e5}
.viewDiv .bottomArea .otherListD .otherList .swiper-wrapper{padding-top:45px}
.viewDiv .bottomArea .otherListD .otherList .swiper-slide .thumb{position:relative; width:100%; height:220px; overflow:hidden}
.viewDiv .bottomArea .otherListD .otherList .swiper-slide .star{margin-top:15px; height:12px; background:url('../images/hoter_list_starIcon.png') no-repeat left center; overflow:hidden}
.viewDiv .bottomArea .otherListD .otherList .swiper-slide .star0{width:0}
.viewDiv .bottomArea .otherListD .otherList .swiper-slide .star1{width:14px}
.viewDiv .bottomArea .otherListD .otherList .swiper-slide .star2{width:29px}
.viewDiv .bottomArea .otherListD .otherList .swiper-slide .star3{width:44px}
.viewDiv .bottomArea .otherListD .otherList .swiper-slide .star4{width:58px}
.viewDiv .bottomArea .otherListD .otherList .swiper-slide .star5{width:72px}
.viewDiv .bottomArea .otherListD .otherList .swiper-slide .tit{margin-top:20px; font-size:22px; color:#000;}
.viewDiv .bottomArea .otherListD .otherList .swiper-slide .eng{margin-top:8px; font-weight:300; font-size:15px; line-height:19px; color:#797979; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
.viewDiv .bottomArea .otherListD .otherList .swiper-button-prev{top:1px; left:auto; right:45px; margin-top:0; width:29px; height:13px; background:url('../images/prevBtn_29x13.png') no-repeat}
.viewDiv .bottomArea .otherListD .otherList .swiper-button-next{top:1px; left:auto; right:0; margin-top:0; width:29px; height:13px; background:url('../images/nextBtn_29x13.png') no-repeat}
.viewDiv .bottomArea .otherListD .otherList .swiper-pagination{top:0; bottom:auto; left:auto; right:90px; width:auto; font-family:'Spoqa'; font-weight:300; font-size:16px; color:#a8a8a8; letter-spacing:-1.5px}
.viewDiv .bottomArea .otherListD .otherList .swiper-pagination .swiper-pagination-current{font-weight:900; color:#000}
.viewDiv .bottomArea .otherListD .addTxt{margin-top:15px; font-weight:300; font-size:13px; color:#797979; text-align:right}
.viewDiv .bottomArea .afterReviewD{}
.viewDiv .bottomArea .afterReviewD .title{font-weight:500; font-size:32px; color:#000}
.viewDiv .bottomArea .afterReviewD .scoreD{margin:20px 0 50px; padding:50px 39px; background:#fafafa; border:1px solid #e5e5e5}
.viewDiv .bottomArea .afterReviewD .scoreD:after{content:''; display:block; clear:both}
.viewDiv .bottomArea .afterReviewD .scoreD .totalScore{float:left; padding-left:40px; width:260px}
.viewDiv .bottomArea .afterReviewD .scoreD .totalScore .txt{margin-bottom:10px; font-weight:500; font-size:32px; color:#000}
.viewDiv .bottomArea .afterReviewD .scoreD .totalScore .score{font-size:30px; color:#004d45}
.viewDiv .bottomArea .afterReviewD .scoreD .totalScore .score span{display:inline-block; font-size:60px}
.viewDiv .bottomArea .afterReviewD .scoreD .scoreListD{float:left; margin-left:55px; width:calc(100% - 315px); width:-webkit-calc(100% - 315px)}
.viewDiv .bottomArea .afterReviewD .scoreD .scoreListD:after{content:''; display:block; clear:both}
.viewDiv .bottomArea .afterReviewD .scoreD .scoreListD .list{position:relative; float:left; padding-top:10px; margin-right:75px; width:405px}
.viewDiv .bottomArea .afterReviewD .scoreD .scoreListD .list:nth-child(2n){margin-right:0}
.viewDiv .bottomArea .afterReviewD .scoreD .scoreListD .list:nth-child(n+3){margin-top:40px}
.viewDiv .bottomArea .afterReviewD .scoreD .scoreListD .list:after{content:''; display:block; clear:both}
.viewDiv .bottomArea .afterReviewD .scoreD .scoreListD .list .name{position:absolute; top:0; left:0; font-size:16px; color:#797979}
.viewDiv .bottomArea .afterReviewD .scoreD .scoreListD .list .barD{position:relative; float:left; margin-top:15px; width:330px; height:5px; background:#e5e5e5}
.viewDiv .bottomArea .afterReviewD .scoreD .scoreListD .list .barD .bar{position:absolute; top:0; left:0; width:0; height:5px; background:#004d45}
.viewDiv .bottomArea .afterReviewD .scoreD .scoreListD .list .score{float:left; margin-left:15px; font-size:25px; line-height:20px; color:#004d45}
.viewDiv .bottomArea .afterReviewD .reviewD{border-top:2px solid #000}
.viewDiv .bottomArea .afterReviewD .reviewD .list{display:table; width:100%; border-bottom:1px solid #e5e5e5; table-layout:fixed}
.viewDiv .bottomArea .afterReviewD .reviewD .list:last-child{border-bottom:1px solid #c8c8c8}
.viewDiv .bottomArea .afterReviewD .reviewD .list .num{display:table-cell; width:90px; font-weight:300; font-size:15px; color:#000; text-align:center; vertical-align:middle}
.viewDiv .bottomArea .afterReviewD .reviewD .list .txtArea{display:table-cell; padding:0 0 22px 0; vertical-align:middle}
.viewDiv .bottomArea .afterReviewD .reviewD .list .txtArea .info{padding:30px 45px 0 25px}
.viewDiv .bottomArea .afterReviewD .reviewD .list .txtArea .info:after{content:''; display:block; clear:both}
.viewDiv .bottomArea .afterReviewD .reviewD .list .txtArea .info .id{float:left; font-size:14px; color:#797979}
.viewDiv .bottomArea .afterReviewD .reviewD .list .txtArea .info .date{position:relative; float:left; margin-left:10px; padding-left:11px; font-size:14px; color:#797979}
.viewDiv .bottomArea .afterReviewD .reviewD .list .txtArea .info .date:before{content:''; position:absolute; top:1px; left:0; width:1px; height:9px; background:#c6c6c6}
.viewDiv .bottomArea .afterReviewD .reviewD .list .txtArea .tit{display:inline-block; position:relative; padding:17px 70px 0 25px; max-width:100%; font-weight:300; font-size:16px; line-height:22px; color:#666; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
.viewDiv .bottomArea .afterReviewD .reviewD .list .txtArea .tit span{position:absolute; top:20px; right:40px}
.viewDiv .bottomArea .afterReviewD .reviewD .list .txtArea .txt{display:none; padding:0 45px 0 25px; margin-top:12px; font-weight:300; font-size:16px; line-height:26px; color:#666; word-break:break-all}
.viewDiv .bottomArea .afterReviewD .reviewD .list .txtArea .txt .pic{display:inline-block; margin-top:25px;}
.viewDiv .bottomArea .afterReviewD .reviewD .list .txtArea .txt .pic:after{content:''; display:block; clear:both}
.viewDiv .bottomArea .afterReviewD .reviewD .list .txtArea .txt .pic span{float:left; margin-left:5px; width:120px; height:80px}
.viewDiv .bottomArea .afterReviewD .reviewD .list .txtArea .txt .pic span:first-child{margin-left:0}
.viewDiv .bottomArea .afterReviewD .reviewD .list .score{display:table-cell; padding-right:25px; width:90px; text-align:right; vertical-align:middle}
.viewDiv .bottomArea .afterReviewD .reviewD .list .score .type{font-size:15px; color:#004d45}
.viewDiv .bottomArea .afterReviewD .reviewD .list .score i{font-size:25px; color:#004d45}
.viewDiv .bottomArea .afterReviewD .reviewD .list .btn{display:table-cell; width:60px; background:url('../images/bottom_bIcon12x7.png') no-repeat center; vertical-align:middle}
.viewDiv .bottomArea .afterReviewD .reviewD .list .open{cursor:pointer}
.viewDiv .bottomArea .afterReviewD .reviewD .list.on .txtArea .tit{font-weight:500; font-size:24px; line-height:30px; color:#000}
.viewDiv .bottomArea .afterReviewD .reviewD .list.on .btn{background:url('../images/top_bIcon12x7.png') no-repeat center;}
.viewDiv .bottomArea .bannerD{margin-top:100px}
.viewDiv .bottomArea .bannerD:after{content:''; display:block; clear:both}
.viewDiv .bottomArea .bannerD .banner{float:left; padding:40px 0 0 30px; width:635px; height:169px}
.viewDiv .bottomArea .bannerD .banner .tit{font-weight:500; font-size:28px; color:#fff}
.viewDiv .bottomArea .bannerD .banner .txt{margin-top:20px; font-size:15px; line-height:23px; color:rgba(255, 255, 255, 0.7)}
.viewDiv .bottomArea .bannerD .banner.leftD{background:url('../images/viewDiv_inquiry_bg1.jpg') no-repeat}
.viewDiv .bottomArea .bannerD .banner.rightD{margin-left:10px; background:url('../images/viewDiv_inquiry_bg2.jpg') no-repeat}
.listMoreBtn{display:block; text-align:center; background:#fafafa; border-bottom:1px solid #e5e5e5}
.listMoreBtn span{display:inline-block; padding-right:24px; font-size:15px; line-height:74px; color:#000; background:url('../images/topFilterDiv_down.png') no-repeat right 1px center}
.listMoreBtn span i{font-weight:300}
.tableDiv + .openCloseBtn{border-top:none}
.openCloseBtn{display:block; font-weight:500; font-size:15px; color:#797979; text-align:center; background:#fafafa; border-top:1px solid #c8c8c8; border-bottom:1px solid #e5e5e5}
.openCloseBtn span{display:inline-block; padding-right:24px; font-size:15px; line-height:74px; color:#000; background:url('../images/up_grayIcon_12x7.png') no-repeat right 1px center}
.openCloseBtn.on{border-top:1px solid #c8c8c8}
.openCloseBtn.on span{background:url('../images/down_grayIcon_12x7.png') no-repeat right 1px center}

.reserveInfoDiv{position:relative}
.reserveInfoDiv .stepD{position:absolute; top:0; right:0}
.reserveInfoDiv .stepD p{position:relative; float:left; margin-left:14px; padding-left:22px; font-weight:300; font-size:18px; line-height:30px; color:#797979}
.reserveInfoDiv .stepD p:first-child{margin-left:0; padding-left:0}
.reserveInfoDiv .stepD p:before{content:''; position:absolute; top:9px; left:0; width:8px; height:14px; background:url('../images/stepD_arrow.png') no-repeat}
.reserveInfoDiv .stepD p:first-child:before{display:none}
.reserveInfoDiv .stepD p.current{font-weight:500; color:#000}
.reserveInfoDiv .stepD p.current i{font-weight:400}
.reserveInfoDiv .stepD p i{margin-right:10px; font-weight:300; font-size:22px}
.reserveInfoDiv .stepD + .section{margin-top:0}
.reserveInfoDiv .section{margin-top:90px}
.reserveInfoDiv .section:after{content:''; display:block; clear:both}
.reserveInfoDiv .section.partArea{width:955px}
.reserveInfoDiv .section .devide{float:left; width:610px}
.reserveInfoDiv .section .devide:nth-child(2){margin-left:60px}
.reserveInfoDiv .section:first-child{margin-top:0}
.reserveInfoDiv .section .title{position:relative; padding-bottom:20px; font-size:30px; color:#000; border-bottom:2px solid #000}
.reserveInfoDiv .section .title b{display:inline-block; font-weight:700}
.reserveInfoDiv .section .title .essential{position:absolute; right:0; top:20px; font-weight:500; font-size:13px; color:#797979}
.reserveInfoDiv .section .title .essential span{color:#e64949}
.reserveInfoDiv .section .title .toolIcon{display:inline-block; margin:7px 0 0 0; line-height:16px; vertical-align:top}
.reserveInfoDiv .section .contD{position:relative}
.reserveInfoDiv .section .contD .infoTxt{margin-top:20px; font-size:16px; line-height:26px; color:#797979} /* 2022-08-05 수정 */
.reserveInfoDiv .section .contD .infoTxt p{padding-left:8px; text-indent:-8px}
.reserveInfoDiv .section .contD .noticeTxt{margin-top:10px; font-weight:300; font-size:13px; line-height:22px; color:#797979}
.reserveInfoDiv .section .contD .noticeTxt span{color:#e64949}
.reserveInfoDiv .section .contD .noticeTxt.speIndent p{text-indent:-15px; padding-left:15px}
.reserveInfoDiv .section .contD .noticeTxt.barIndent p{text-indent:-6px; padding-left:6px}
.reserveInfoDiv .section .contD .hotelInfo{margin-top:15px; border:1px solid #c9dfb7}
.reserveInfoDiv .section .contD .hotelInfo .topD{padding:40px 50px 35px; background:#f9fef5; border-bottom:1px dashed #c9dfb7; text-align:center}
.reserveInfoDiv .section .contD .hotelInfo .topD .txtArea{display:inline-block}
.reserveInfoDiv .section .contD .hotelInfo .topD .txtArea .tit{font-weight:500; font-size:38px; color:#004d45}
.reserveInfoDiv .section .contD .hotelInfo .topD .txtArea .eng{margin-top:15px; font-size:18px; color:#004d45}
.reserveInfoDiv .section .contD .hotelInfo .topD .txtArea .addr{display:inline-block; position:relative; margin-top:7px; padding-left:15px; font-weight:300; text-align:left; font-size:13px; line-height:18px; color:#80a79b; letter-spacing:0; background:url('../images/location_green_icon.gif') no-repeat left top 2px}
.reserveInfoDiv .section .contD .hotelInfo .bottomD{text-align:center}
.reserveInfoDiv .section .contD .hotelInfo .bottomD{padding:27px 0}
.reserveInfoDiv .section .contD .hotelInfo .bottomD .check{display:inline-block; font-size:15px; line-height:30px; color:#797979; vertical-align:bottom}
.reserveInfoDiv .section .contD .hotelInfo .bottomD .check span{display:inline-block; margin-left:16px; font-size:19px; color:#000; vertical-align:bottom}
.reserveInfoDiv .section .contD .hotelInfo .bottomD .check span i{font-size:22px}
.reserveInfoDiv .section .contD .hotelInfo .bottomD .state{display:inline-block; position:relative; margin:0 120px; padding:0 9px; height:30px; font-weight:700; font-size:15px; line-height:28px; color:#004d45; text-align:center; border:1px solid rgba(0,77,69,0.7); vertical-align:bottom}
.reserveInfoDiv .section .contD .hotelInfo .bottomD .state i{margin-right:1px; font-size:16px}
.reserveInfoDiv .section .contD .hotelInfo .bottomD .state:before{content:''; position:absolute; top:15px; left:-109px; width:109px; height:1px; background:rgba(0,77,69,0.7)}
.reserveInfoDiv .section .contD .hotelInfo .bottomD .state:after{content:''; position:absolute; top:15px; right:-109px; width:109px; height:1px; background:rgba(0,77,69,0.7)}
.reserveInfoDiv .section .contD .roomInfo .infoTable .line{display:table; width:100%; border-bottom:1px solid #e5e5e5}
.reserveInfoDiv .section .contD .roomInfo .infoTable .line .cell{display:table-cell;  text-align:center; vertical-align:middle}
.reserveInfoDiv .section .contD .roomInfo .infoTable .line .cell:nth-child(1){width:600px; text-align:left}
.reserveInfoDiv .section .contD .roomInfo .infoTable .line .cell:nth-child(2){width:105px}
.reserveInfoDiv .section .contD .roomInfo .infoTable .line .cell:nth-child(3){width:140px}
.reserveInfoDiv .section .contD .roomInfo .infoTable .line .cell:nth-child(4){width:140px}
.reserveInfoDiv .section .contD .roomInfo .infoTable .line .cell:nth-child(5){width:290px; text-align:left}
.reserveInfoDiv .section .contD .roomInfo .infoTable .line.head{border-bottom:1px solid #c8c8c8}
.reserveInfoDiv .section .contD .roomInfo .infoTable .line.head .cell{padding:25px 20px; font-weight:300; font-size:15px; color:#000}
.reserveInfoDiv .section .contD .roomInfo .infoTable .line.head .cell:nth-child(1){padding:25px 30px}
.reserveInfoDiv .section .contD .roomInfo .infoTable .line.head .cell:nth-child(5){padding-left:35px;}
.reserveInfoDiv .section .contD .roomInfo .infoTable .line.body .cell{padding:17px 20px; font-size:17px; line-height:21px; color:#000}
.reserveInfoDiv .section .contD .roomInfo .infoTable .line.body .cell:nth-child(1){padding:19px 30px; font-weight:700; font-size:18px}
.reserveInfoDiv .section .contD .roomInfo .infoTable .line.body .cell .noBreak{color:#c8c8c8}
.reserveInfoDiv .section .contD .roomInfo .infoTable .line.body .cell i{font-weight:700; font-size:19px; line-height:18px}
.reserveInfoDiv .section .contD .roomInfo .infoTable .line.body .cell:nth-child(5){padding-left:35px; font-weight:300; font-size:17px; line-height:22px; color:#00696d}
.reserveInfoDiv .section .contD .roomInfo .infoTable .line.body .cell:nth-child(5) i{font-weight:400; font-size:15px}
.reserveInfoDiv .section .contD .roomInfo .infoTable .line.body .cell:nth-child(5) a{font-weight:400; font-size:17px; line-height:22px; color:#e64949; text-decoration:underline}
.reserveInfoDiv .section .contD .roomInfo .infoTable .line.body .cell:nth-child(5) a.check{color:#00696d}
.reserveInfoDiv .section .contD .roomInfo .infoTable .line.body .cell span{color:#e64949}
.reserveInfoDiv .section .contD .roomInfo .infoTable .line.body .cell span.no{color:#e64949}
.reserveInfoDiv .section .contD .roomInfo .infoTable .line.body .cell span.no i{font-weight:400; font-size:15px}
.reserveInfoDiv .section .contD .roomInfo .infoTable .line.body .cell .detail{display:inline-block; width:80px; height:30px; font-weight:300; font-size:15px; line-height:28px; color:#00696d; text-align:center; border:1px solid rgba(0,77,69,0.4); background:#fff}
.reserveInfoDiv .section .contD .roomInfo .infoTable .accorD{background:#fafafa; border-bottom:1px solid #a8a8a8}
.reserveInfoDiv .section .contD .roomInfo .infoTable .accorD .list{position:relative}
.reserveInfoDiv .section .contD .roomInfo .infoTable .accorD .list .topD{position:relative; padding:30px 65px 20px 30px}
.reserveInfoDiv .section .contD .roomInfo .infoTable .accorD .list .topD:after{content:''; display:block; clear:both}
.reserveInfoDiv .section .contD .roomInfo .infoTable .accorD .list .topD .tit{float:left; font-weight:500; font-size:16px; line-height:18px; color:#000}
.reserveInfoDiv .section .contD .roomInfo .infoTable .accorD .list .topD .chkBox{float:right}
.reserveInfoDiv .section .contD .roomInfo .infoTable .accorD .list .topD .open{position:absolute; top:25px; right:10px; width:34px; height:28px; background:url('../images/down_grayIcon_14x8.png') no-repeat center}
.reserveInfoDiv .section .contD .roomInfo .infoTable .accorD .list.on .topD .open{background:url('../images/up_grayIcon_14x8.png') no-repeat center}
.reserveInfoDiv .section .contD .roomInfo .infoTable .accorD .list .bottomD{padding:20px 30px 30px; border-top:1px solid #e5e5e5}
.reserveInfoDiv .section .contD .roomInfo .infoTable .accorD .list .bottomD dl{margin-top:10px}
.reserveInfoDiv .section .contD .roomInfo .infoTable .accorD .list .bottomD dl:first-child{margin-top:0}
.reserveInfoDiv .section .contD .roomInfo .infoTable .accorD .list .bottomD dl:after{content:''; display:block; clear:both}
.reserveInfoDiv .section .contD .roomInfo .infoTable .accorD .list .bottomD dl dt{position:relative; float:left; padding:0 15px 0 12px; width:165px; font-weight:300; font-size:15px; line-height:22px; color:#000; background:url('../images/dot3x3.gif') no-repeat left 9px}
.reserveInfoDiv .section .contD .roomInfo .infoTable .accorD .list .bottomD dl dd{float:left; width:calc(100% - 165px); width:-webkit-calc(100% - 165px); font-weight:300; font-size:15px; line-height:22px; color:#000}
.reserveInfoDiv .section .contD .roomInfo .infoTable .accorDa .list .bottomD dl dd:after{content:''; display:block; clear:both}
.reserveInfoDiv .section .contD .roomInfo .infoTable .accorD .list .bottomD dl dd p{margin-top:3px}
.reserveInfoDiv .section .contD .roomInfo .infoTable .accorD .list .bottomD dl dd p:first-child{margin-top:0}
.reserveInfoDiv .section .contD .roomInfo .infoTable .accorD .list .bottomD dl dd .list{position:relative; float:left; padding-right:15px; margin-right:14px}
.reserveInfoDiv .section .contD .roomInfo .infoTable .accorD .list .bottomD dl dd .list:after{content:''; position:absolute; top:4px; right:0; width:1px; height:14px; background:#e5e5e5}
.reserveInfoDiv .section .contD .roomInfo .infoTable .accorD .list .bottomD dl dd .list:last-child:after{display:none}
.reserveInfoDiv .section .contD .roomInfo .infoTable .accorD .list .bottomD dl dd span{display:block; font-weight:500;}
.reserveInfoDiv .section .contD .agreeDiv{}
.reserveInfoDiv .section .contD .agreeDiv .list{position:relative; border-bottom:1px solid #e5e5e5}
.reserveInfoDiv .section .contD .agreeDiv .list:last-child{border-bottom:1px solid #797979}
.reserveInfoDiv .section .contD .agreeDiv .list .topD{position:relative; padding:17px 54px 17px 10px}
.reserveInfoDiv .section .contD .agreeDiv .list .topD:after{content:''; display:block; clear:both}
.reserveInfoDiv .section .contD .agreeDiv .list .topD .listTit{float:left; font-size:15px; line-height:18px; color:#000}
.reserveInfoDiv .section .contD .agreeDiv .list .topD .listTit .redT{color:#e64949}
.reserveInfoDiv .section .contD .agreeDiv .list .topD .chkBox{float:right}
.reserveInfoDiv .section .contD .agreeDiv .list .topD .open{position:absolute; top:50%; right:0; transform:translateY(-50%); width:34px; height:28px; background:url('../images/down_grayIcon_14x8.png') no-repeat center}
.reserveInfoDiv .section .contD .agreeDiv .list .bottomD{display:none; padding:25px 30px; background:#fafafa; font-size:14px; line-height:30px; color:#797979; border-top:1px solid #e5e5e5}
.reserveInfoDiv .section .contD .agreeDiv .list .bottomD .tit{margin:25px 0 10px; font-size:15px; color:#797979; font-weight:500}
.reserveInfoDiv .section .contD .agreeDiv .list .bottomD .tit:first-child{margin-top:0}
.reserveInfoDiv .section .contD .agreeDiv .list .bottomD .txt .dot {margin-top:10px; padding-left:12px; background:url('../images/dot3x3.gif') no-repeat left 13px}
.reserveInfoDiv .section .contD .agreeDiv .list .bottomD .txt .dot:first-child {margin-top:0}
.reserveInfoDiv .section .contD .agreeDiv .list .bottomD .txt .space {padding-left:14px;}
.reserveInfoDiv .section .contD .agreeDiv .list.on .topD .listTit{font-weight:500}
.reserveInfoDiv .section .contD .agreeDiv .list.on .topD .open{background:url('../images/up_grayIcon_14x8.png') no-repeat center}
.reserveInfoDiv .section .contD .completeD{position:relative; width:100%; background:#f9fef5; border:1px solid #c9dfb7; text-align:center}
.reserveInfoDiv .section .contD .completeD .tit{padding:140px 0 60px;font-size:38px; color:#fff; background:url('../images/completeD_icon.png') no-repeat center 50px #004d45;}
.reserveInfoDiv .section .contD .completeD .txt{position:relative; padding:25px 0; font-size:17px; line-height:28px; color:#004d45; text-align:center; background:#f9fef5; border-top:1px dashed #004d45}
.reserveInfoDiv .section .contD .completeD .txt p{display:inline-block; padding-left:8px; text-indent:-8px}
.reserveInfoDiv .section .contD .completeD .txt:before{content:''; position:absolute; top:-11px; left:-1px; width:11px; height:22px; background:url('../images/completeD_left.png') no-repeat}
.reserveInfoDiv .section .contD .completeD .txt:after{content:''; position:absolute; top:-11px; right:-1px; width:11px; height:22px; background:url('../images/completeD_right.png') no-repeat}
.reserveInfoDiv .section .contD .completeD .btnDiv{position:absolute; top:15px; right:15px}
.reserveInfoDiv .section .contD .completeD .btnDiv a{display:inline-block; margin-left:2px; padding:0 15px 0 38px; height:32px; font-size:15px; line-height:30px; color:#004d45; text-align:left; background:#fff; border:1px solid #a1c0b7}
.reserveInfoDiv .section .contD .completeD .btnDiv a.print{background:url('../images/reserveStateD_icon_print.png') no-repeat 11px center #fff}
.reserveInfoDiv .section .contD .completeD .btnDiv a.mail{background:url('../images/reserveStateD_icon_mail.png') no-repeat 11px center #fff}
.reserveInfoDiv .section .contD .guestInfoD{border-bottom:1px solid #797979}
.reserveInfoDiv .section .contD .guestInfoD .list{display:table; width:100%; border-bottom:1px solid #c8c8c8}
.reserveInfoDiv .section .contD .guestInfoD .list:last-child{border-bottom:none}
.reserveInfoDiv .section .contD .guestInfoD .list .leftD{display:table-cell; padding:16px 15px; width:270px; font-weight:500; font-size:21px; line-height:22px; color:#000; text-align:center; vertical-align:middle}
.reserveInfoDiv .section .contD .guestInfoD .list .leftD i{font-weight:700}
.reserveInfoDiv .section .contD .guestInfoD .list .leftD span{display:block; margin-top:14px; font-weight:300; font-size:15px}
.reserveInfoDiv .section .contD .guestInfoD .list .leftD span i{font-weight:300}
.reserveInfoDiv .section .contD .guestInfoD .list .rightD{display:table-cell; vertical-align:middle}
.reserveInfoDiv .section .contD .guestInfoD .list .rightD .line{border-bottom:1px solid #e5e5e5}
.reserveInfoDiv .section .contD .guestInfoD .list .rightD .line:last-child{border-bottom:none}
.reserveInfoDiv .section .contD .guestInfoD .list .rightD .line:after{content:''; display:block; clear:both}
.reserveInfoDiv .section .contD .guestInfoD .list .rightD .line p{float:left; padding:12px 15px; font-size:17px; line-height:24px; color:#000; text-align:center}
.reserveInfoDiv .section .contD .guestInfoD .list .rightD .line p:nth-child(1){width:250px}
.reserveInfoDiv .section .contD .guestInfoD .list .rightD .line p:nth-child(2){width:325px}
.reserveInfoDiv .section .contD .guestInfoD .list .rightD .line p:nth-child(3){width:435px}

/* 호텔예약완료 하단 테이블*/
.completeTable table{table-layout:fixed}
.completeTable table th{position:relative; padding:29px 15px; font-weight:300; font-size:15px; line-height:17px; color:#000; text-align:left; background:#fff; border-top:1px solid #e5e5e5; vertical-align:top; word-break:keep-all}
.completeTable table th:after{content:''; position:absolute; top:30px; right:0; width:1px; height:16px; background:#e5e5e5}
.completeTable table td{padding:29px 30px; font-size:17px; line-height:17px; color:#000; text-align:left; background:#fff; border-top:1px solid #e5e5e5; vertical-align:top; word-break:keep-all}
.completeTable table td .reserveN{font-size:22px}
.completeTable table td .hotelInfoD{position:relative}
.completeTable table td .hotelInfoD:after{content:''; display:block; clear:both}
.completeTable table td .hotelInfoD .txtArea{padding-bottom:7px}
.completeTable table td .hotelInfoD .txtArea .name{margin-top:-3px; font-size:22px; line-height:30px; color:#000}
.completeTable table td .hotelInfoD .txtArea .eng{margin-top:7px; font-size:18px; line-height:22px; color:#797979; font-weight:300;}
.completeTable table td .hotelInfoD .txtArea .eng.type2{padding-bottom:30px}
.completeTable table td .hotelInfoD .txtArea .addr{margin-top:15px; padding-left:15px; width:100%; font-weight:300; font-size:13px; line-height:18px; color:#797979; letter-spacing:0; background:url('../images/location_icon.gif') no-repeat left center; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.completeTable table td .check.in{position:relative}
.completeTable table td .check.in span{position:absolute; top:31px; right:0; padding:0 14px; height:30px; font-weight:700; font-size:15px; line-height:28px; color:#004d45; text-align:center; background:#fff; border:1px solid rgba(0,77,69,0.7)}
.completeTable table td .check.in span i{font-size:16px}
.completeTable table tr:last-child th, .completeTable table tr:last-child td{border-bottom:1px solid #797979}
.payInfoD table{border-bottom:1px solid #797979}
.payInfoD table th{padding:25px 50px; font-weight:300; font-size:17px; line-height:21px; color:#000; text-align:left; background:#fafafa; border-left:1px solid #e5e5e5; vertical-align:middle}
.payInfoD table td{padding:25px 50px; font-size:15px; line-height:25px; color:#797979; background:#fff; text-align:left; border-top:1px solid #e5e5e5; border-left:1px solid #e5e5e5; vertical-align:top}
.payInfoD table tr th:first-child, .payInfoD table tr td:first-child{border-left:none}
.payInfoD table .clear{position:relative}
.payInfoD table .clear .tit{float:left; width:150px; letter-spacing:-0.9px}
.payInfoD table .clear .price{float:left; width:calc(100% - 150px); width:-webkit-calc(100% - 150px); text-align:right}
.payInfoD table th .clear .tit{font-weight:400; color:#000}
.payInfoD table th .clear .price{height:22px; font-size:13px; line-height:22px}
.payInfoD table th .clear .price i{font-weight:700; font-size:28px}
/* .payInfoD table th .clear .tit2{float:left; margin-top:15px; width:140px; font-weight:400; font-size:13px; line-height:15px; color:#004d45}원본 */
.payInfoD table th .clear .tit2{float:left; margin-top:15px; width:130px; font-weight:400; font-size:13px; line-height:15px; color:#004d45; letter-spacing: -1px;}/*2021-05-25수정*/
/*.payInfoD table th .clear .price2{float:left; margin-top:15px; width:calc(100% - 140px); width:-webkit-calc(100% - 140px); font-weight:400; font-size:13px; line-height:15px; color:#004d45; text-align:right} 원본 */
.payInfoD table th .clear .price2{float:left; margin-top:15px; width:calc(100% - 130px); width:-webkit-calc(100% - 130px); font-weight:400; font-size:13px; line-height:15px; color:#004d45; text-align:right; letter-spacing:-3px;}
.payInfoD table th .clear .price2 i{font-size:15px}
.payInfoD table th:nth-child(3) .clear .price i{color:#e64949}
.payInfoD table td .clear .price{font-weight:400; font-size:13px}
.payInfoD table td .clear .price i{font-size:15px}
.payInfoD table td .clear .type{float:left; padding-right:30px; font-weight:300; font-size:17px; color:#000}
.payInfoD table td .clear .cont{float:left; font-size:17px; color:#000}
.payInfoD table td .clear .viewBtn{position:absolute; top:-2px; right:0; width:65px; height:30px; font-weight:300; font-size:15px; line-height:28px; color:#00696d; text-align:center; background:#fff; border:1px solid rgba(0, 77, 69, 0.4)}
.payInfoD table td.vaB{vertical-align:bottom}
.payInfoD table td.vaB .state{font-size:20px; color:#e64949; text-align:right}
.payInfoD table th .clear:before{content:''; position:absolute; top:-5px; right:-65px; width:32px; height:32px}
.payInfoD table th:nth-child(1) .clear:before{background:url('../images/payInfoD_dcIcon.gif') no-repeat}
.payInfoD table th:nth-child(2) .clear:before{background:url('../images/payInfoD_equalIcon.gif') no-repeat}
.payInfoD table th:nth-child(3) .clear:before{display:none}
.payInfoD.type2 thead .clear .tit{width:100% !important}
.payInfoD.type2 thead .clear .price{width:100% !important; height:auto !important}
.reviewBanner{position:relative; margin-top:20px; padding:35px 50px; background:#f4faef; border:1px solid #d4e5c5}
.reviewBanner p{font-weight:500; font-size:18px; color:#000; line-height:18px}
.reviewBanner p span{display:inline-block; color:#004d45}
.reviewBanner p span i{font-weight:700; font-size:19px}
.reviewBanner p b{margin-left:12px; font-size:14px; color:#797979;}
.reviewBanner p.txt{font-weight:300; font-size:13px; line-height:22px; margin-top:7px; color:#797979}
.reviewBanner .reviewBtn{position:absolute; top:50%; right:48px; margin-top:-18px; padding:0 37px 0 20px; width:auto; height:35px; font-weight:500; font-size:16px; line-height:33px; color:#004d45; text-align:center; background:url('../images/right_gIcon_7x12.png') no-repeat right 19px top 50% #fff; border:1px solid rgba(0, 77, 69, 0.4)}

.fixArea{position:absolute; width:290px; border-top:2px solid #000}
.fixArea .titD{padding:21px 20px; font-weight:500; font-size:22px; color:#000; border:1px solid #797979; border-top:none}
.fixArea .titD .subTit {margin-top:10px; font-weight:400; font-size:13px; color:#797979; letter-spacing:0.5px; word-break:break-all}
.fixArea .contD{padding:25px 20px; border-left:1px solid #797979; border-right:1px solid #797979; background:#fff;}
.fixArea .contD .detailInfo{border-bottom:2px solid #000}
.fixArea .contD .priceInfo{display:table; width:100%; padding:24px 0 20px; border-top:1px solid #c8c8c8}
.fixArea .contD .priceInfo:first-child{padding-top:0; border-top:none}
.fixArea .contD .priceInfo.last {border-bottom:2px solid #000}
.fixArea .contD .priceInfo .tit{display:table-cell; width:100px; font-size:15px; color:#000; vertical-align:middle}
.fixArea .contD .priceInfo .price{display:table-cell; width:calc(100% - 100px); width:-webkit-calc(100% - 100px); font-size:13px; color:#000; text-align:right; vertical-align:middle}
.fixArea .contD .priceInfo .price i{font-weight:900; font-size:19px}
.fixArea .contD .priceInfo:after{content:''; display:block; clear:both}
.fixArea .contD .priceInfo + .priceD {padding:25px 0 0;}
.fixArea .contD .dcList{border-top:1px dashed #c8c8c8; padding:20px 0;}
.fixArea .contD .dcList .list{display:table; margin-top:6px; width:100%}
.fixArea .contD .dcList .list:first-child{margin-top:0}
.fixArea .contD .dcList .list:after{content:''; display:block; clear:both}
.fixArea .contD .dcList .list .name{display:table-cell; width:150px; font-size:14px; line-height:18px; color:#004d45; vertical-align:bottom}
.fixArea .contD .dcList .list .discount{display:table-cell; width:calc(100% - 150px); width:-webkit-calc(100% - 150px); font-size:13px; line-height:18px; color:#004d45; text-align:right; vertical-align:bottom}
.fixArea .contD .dcList .list .discount i{font-size:15px}
.fixArea .contD .dcSum{padding-bottom:20px; border-bottom:1px solid #c8c8c8; text-align:right}
.fixArea .contD .dcSum .tit{font-size:14px; color:#000}
.fixArea .contD .dcSum .discount{margin-top:10px; font-size:13px; color:#000}
.fixArea .contD .dcSum .discount i{font-weight:700; font-size:19px}
.fixArea .contD .dcSum .mpoint{margin-top:10px; font-weight:500; font-size:13px; color:#e64949}
.fixArea .contD .dcSum .mpoint i{font-weight:700;}
.fixArea .contD .dcSum .tax{margin-top:10px; font-size:13px; color:#797979}
.fixArea .contD .mPoint{padding:25px 0; text-align:right; border-bottom:1px solid #e5e5e5}
.fixArea .contD .mPoint .tit{font-size:14px; color:#004d45}
.fixArea .contD .mPoint .price{margin-top:10px; font-size:13px; color:#004d45}
.fixArea .contD .mPoint .price i{font-weight:700; font-size:19px}
.fixArea .contD .priceD{padding:25px 0 0; width:100%}
.fixArea .contD .priceD:first-child{padding:0}
.fixArea .contD .priceD:after{content:''; display:block; clear:both}
.fixArea .contD .priceD .info{float:left; margin-bottom:8px; width:100%; font-weight:300; font-size:13px; color:#797979; text-align:right}
.fixArea .contD .priceD .tit{float:left; padding-top:10px; width:90px; font-size:15px; color:#000; vertical-align:bottom}
.fixArea .contD .priceD .price{float:left; width:calc(100% - 90px); width:-webkit-calc(100% - 90px); font-size:13px; color:#000; text-align:right; vertical-align:bottom}
.fixArea .contD .priceD .price i{font-weight:700; font-size:25px}
.fixArea .bottomD{padding:0 20px 25px; border-top:1px solid #797979; border-left:1px solid #797979; border-right:1px solid #797979; background:#fafafa}
.fixArea .bottomD .noticeD{margin:16px 0 17px; font-size:13px; line-height:20px; color:#797979}
.fixArea .bottomD .noticeD span{color:#e64949}
.fixArea .bottomD .chkBox input[type="checkbox"] + label{color:#000}
.fixArea .btn{display:block; height:60px; font-weight:500; font-size:19px; line-height:60px; color:#fff; text-align:center; background:#000}

/* 고객센터 */
.cstDiv{position:relative}
.cstDiv .topDiv{margin-top:-150px; padding:175px 0 125px; background:#f5f6f5; border-bottom:1px solid #bdd3c1}
.cstDiv .topDiv .title{float:left; margin-top:-5px; font-weight:300; font-size:50px; line-height:58px; color:#004d45}
.cstDiv .topDiv .title span{display:inline-block; font-weight:500}
.cstDiv .topDiv .searchDiv{float:right}
.cstDiv .topDiv .searchDiv .tagD{}
.cstDiv .topDiv .searchDiv .tagD span{display:inline-block; position:relative; margin-left:16px; padding-left:17px; font-weight:300; font-size:15px; color:#000}
.cstDiv .topDiv .searchDiv .tagD span:first-child{margin-left:0; padding-left:0}
.cstDiv .topDiv .searchDiv .tagD span:before{content:''; position:absolute; top:1px; left:1px; width:1px; height:13px; background:#d3d3d3}
.cstDiv .topDiv .searchDiv .tagD span:first-child:before{display:none}
.cstDiv .topDiv .searchDiv .searchTxt{font-weight:300; font-size:17px; line-height:18px; color:rgba(0, 77, 69, 0.7)}
.cstDiv .topDiv .searchDiv .searchD{position:relative; margin-top:20px}
.cstDiv .topDiv .searchDiv .searchD input{padding:20px 90px 20px 26px; width:590px; height:70px; font-weight:400; font-size:20px; color:#004d45; background:#fff; border:3px solid #004d45}
.cstDiv .topDiv .searchDiv .searchD input::-webkit-input-placeholder{font-weight:400; font-size:20px; color:rgba(0, 77, 69, 0.6)}
.cstDiv .topDiv .searchDiv .searchD input:-moz-placeholder{font-weight:400; font-size:20px; color:rgba(0, 77, 69, 0.6)}
.cstDiv .topDiv .searchDiv .searchD input::-moz-placeholder{font-weight:400; font-size:20px; color:rgba(0, 77, 69, 0.6)}
.cstDiv .topDiv .searchDiv .searchD input:-ms-input-placeholder{font-weight:400; font-size:20px; color:rgba(0, 77, 69, 0.6)}
.cstDiv .topDiv .searchDiv .searchD input:placeholder-shown{font-weight:400; font-size:20px; color:rgba(0, 77, 69, 0.6)}
.cstDiv .topDiv .searchDiv .searchD .btn{position:absolute; top:15px; right:15px; padding:5px}
.cstDiv .contDiv{position:relative;}
.cstDiv .contDiv .menuTabs{position:absolute; top:-80px; left:0; width:100%}
.cstDiv .contDiv .menuTabs:after{content:''; display:block; clear:both}
.cstDiv .contDiv .menuTabs a{position:relative; float:left; padding:27px 25px 30px; font-weight:500; font-size:23px; color:rgba(121, 121, 121, 0.7)}
.cstDiv .contDiv .menuTabs a:after{content:''; position:absolute; top:27px; right:0; width:1px; height:23px; background:#bdd3c1}
.cstDiv .contDiv .menuTabs a:last-child:after{display:none}
.cstDiv .contDiv .menuTabs a.on{color:#004d45}
.cstDiv .contDiv .menuTabs a.on:before{content:''; position:absolute; bottom:0; left:0; width:100%; height:3px; background:#004d45}
/* .cstDiv .contDiv .menuTabs.on:before{content:''; position:absolute; bottom:0; left:0; width:100%; height:3px; background:#004d45} 2022-08-05 삭제 */
.cstDiv .contDiv .csCenterD{padding-top:70px}
.cstDiv .contDiv .csCenterD .bestFaq{margin-bottom:70px}
.cstDiv .contDiv .csCenterD .bestFaq .topD{font-size:20px; line-height:53px; color:#797979; text-align:center; background:#f6f6f6; border:1px solid #a5a5a5}
.cstDiv .contDiv .csCenterD .bestFaq .bottomD{display:table; width:100%; border-left:1px solid #a5a5a5; table-layout:fixed;}
.cstDiv .contDiv .csCenterD .bestFaq .bottomD .list{display:table-cell; position:relative; padding:25px 25px 55px; width:20%; border-right:1px solid #a5a5a5; border-bottom:1px solid #a5a5a5; vertical-align:top}
.cstDiv .contDiv .csCenterD .bestFaq .bottomD .list .num{font-weight:700; font-size:19px; line-height:15px; color:#000}
.cstDiv .contDiv .csCenterD .bestFaq .bottomD .list .type{margin-top:20px; font-size:14px; color:#797979}
.cstDiv .contDiv .csCenterD .bestFaq .bottomD .list .tit{margin-top:10px; min-height:52px; font-size:17px; line-height:26px; color:#000}
.cstDiv .contDiv .csCenterD .bestFaq .bottomD .list:after{content:''; position:absolute; bottom:30px; left:25px; width:36px; height:9px; background:url('../images/bestFaq_arrow.png') no-repeat}
.cstDiv .contDiv .csCenterD .typeTabs{}
.cstDiv .contDiv .csCenterD .typeTabs:after{content:''; display:block; clear:both}
.cstDiv .contDiv .csCenterD .typeTabs a{float:left; width:33.33%; height:70px; font-weight:300; font-size:21px; line-height:68px; color:#797979; text-align:center; background:#fbfbfb; border-top:1px solid #e0e0e0; border-left:1px solid #e0e0e0; border-bottom:1px solid #000}
.cstDiv .contDiv .csCenterD .typeTabs a:last-child{border-right:1px solid #e0e0e0}
.cstDiv .contDiv .csCenterD .typeTabs a.on{font-weight:400; color:#000; background:#fff; border-left:1px solid #000; border-top:1px solid #000; border-bottom:none}
.cstDiv .contDiv .csCenterD .typeTabs a.on:last-child{border-right:1px solid #000}
.cstDiv .contDiv .csCenterD .typeTabs a.on + a{border-left:1px solid #000}
.cstDiv .contDiv .csCenterD .tabCont{}
.cstDiv .contDiv .csCenterD .tabCont .top{padding-bottom:20px}
.cstDiv .contDiv .csCenterD .tabCont .top:after{content:''; display:block; clear:both}
.cstDiv .contDiv .csCenterD .tabCont .top .allCount{float:left; font-size:17px; color:#000}
.cstDiv .contDiv .csCenterD .tabCont .top .allCount i{font-weight:700; font-size:19px; color:#004d45}
.cstDiv .contDiv .csCenterD .tabCont .top .selectType{position:relative; float:right}
.cstDiv .contDiv .csCenterD .tabCont .top .selectType .oneD{padding:5px 18px 10px 0; font-size:13px; color:#797979; background:url('../images/accor_bIcon_12x7_down.png') no-repeat right 1px top 12px}
.cstDiv .contDiv .csCenterD .tabCont .top .selectType .twoD{display:none; position:absolute; top:29px; right:0; width:200px; background:#fff; border:1px solid #004d45; z-index:2}
.cstDiv .contDiv .csCenterD .tabCont .top .selectType .twoD a{display:block; padding:0 0 0 20px; font-size:14px; line-height:36px; color:#797979}
.cstDiv .contDiv .csCenterD .tabCont .top .selectType .twoD a:hover{background:#f7f7f7}
.cstDiv .contDiv .csCenterD .tabCont .top .selectType.on .oneD{background:url('../images/accor_bIcon_12x7_up.png') no-repeat right 1px top 12px}
.cstDiv .contDiv .csCenterD .tabCont .noticeList{margin:60px auto 0}
.cstDiv .contDiv .csCenterD .tabCont .boardDiv{border-top:2px solid #000}
.cstDiv .contDiv .csCenterD .tabCont .boardDiv .list{display:table; padding:26px 0; width:100%; border-bottom:1px solid #e5e5e5; table-layout:fixed}
.cstDiv .contDiv .csCenterD .tabCont .boardDiv .list:last-child{border-bottom:1px solid #c8c8c8}
.cstDiv .contDiv .csCenterD .tabCont .boardDiv .list .num{display:table-cell; padding:2px 15px; width:80px; font-family:'Spoqa'; font-weight:300; font-size:15px; color:#000; text-align:center; vertical-align:middle}
.cstDiv .contDiv .csCenterD .tabCont .boardDiv .list .type{display:table-cell; padding:2px 15px; width:210px; font-weight:300; font-size:17px; color:#000; text-align:center; vertical-align:middle}
.cstDiv .contDiv .csCenterD .tabCont .boardDiv .list .title{display:table-cell; padding:2px 15px; width:740px; font-weight:300; font-size:17px; line-height:21px; color:#000; text-align:left; vertical-align:middle; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
.cstDiv .contDiv .csCenterD .tabCont .boardDiv .list .date{display:table-cell; padding:2px 15px; width:160px; font-weight:300; font-family:'Spoqa'; font-size:15px; color:#000; text-align:center; vertical-align:middle}
.cstDiv .contDiv .csCenterD .tabCont .boardDiv .list .view{display:table-cell; padding:2px 15px; width:90px; font-weight:300; font-family:'Spoqa'; font-size:15px; color:#000; text-align:center; vertical-align:middle}
.cstDiv .contDiv .csCenterD .tabCont .boardDiv .list.notice .num{font-family:'Noto Sans KR'; font-weight:400}
.cstDiv .contDiv .csCenterD .tabCont .boardDiv .list.notice .type{font-weight:400}
.cstDiv .contDiv .csCenterD .tabCont .boardDiv .list.notice .title{font-weight:400}
.cstDiv .contDiv .csCenterD .tabCont .boardDiv.noDataDiv{border-top:1px solid #c8c8c8}
.cstDiv .contDiv .csCenterD .tabCont .viewMore{display:block; text-align:center; background:#fafafa; border-bottom:1px solid #e5e5e5}
.cstDiv .contDiv .csCenterD .tabCont .viewMore span{display:inline-block; padding-right:23px; font-size:15px; line-height:74px; color:#000; background:url('../images/topFilterDiv_down.png') no-repeat right center}
.cstDiv .contDiv .csCenterD .tabCont .viewMore span i{font-weight:300}
.cstDiv .contDiv .csCenterD .viewDiv{margin-top:-30px; word-break:keep-all}
.cstDiv .contDiv .csCenterD .viewDiv .topD{padding:0 25px 20px; border-bottom:1px solid #c8c8c8}
.cstDiv .contDiv .csCenterD .viewDiv .topD .type{display:inline-block; margin-bottom:10px; padding:0 10px; font-size:15px; line-height:28px; color:#004d45; text-align:center; border:1px solid #004d45}
.cstDiv .contDiv .csCenterD .viewDiv .topD .title{font-size:32px; line-height:42px; color:#000}
.cstDiv .contDiv .csCenterD .viewDiv .topD .infoD{margin-top:20px}
.cstDiv .contDiv .csCenterD .viewDiv .topD .infoD:after{content:''; display:block; clear:both}
.cstDiv .contDiv .csCenterD .viewDiv .topD .infoD .date{position:relative; float:left; padding-right:21px; margin-right:20px; font-size:15px; color:#797979}
.cstDiv .contDiv .csCenterD .viewDiv .topD .infoD .date:after{content:''; position:absolute; top:1px; right:0; width:1px; height:13px; background:#d7d7d7}
.cstDiv .contDiv .csCenterD .viewDiv .topD .infoD .view{float:left; font-weight:500; font-size:15px; color:#797979}
.cstDiv .contDiv .csCenterD .viewDiv .topD .infoD .view i{font-weight:400}
.cstDiv .contDiv .csCenterD .viewDiv .bottomD{border-bottom:1px solid #797979}
.cstDiv .contDiv .csCenterD .viewDiv .bottomD .conD{padding:50px 25px 60px; font-weight:300; font-size:17px; line-height:35px; color:#666}
.cstDiv .contDiv .csCenterD .viewDiv .bottomD .conD img{max-width:100%}
.cstDiv .contDiv .csCenterD .viewDiv .bottomD .fileD{padding:30px; background:#fafafa; border-top:1px solid #e5e5e5; text-align:right}
.cstDiv .contDiv .csCenterD .viewDiv .bottomD .fileD p{display:inline-block; font-weight:300; font-size:16px; color:#000}
.cstDiv .contDiv .csCenterD .viewDiv .bottomD .fileD a{display:inline-block; margin-left:5px; font-size:16px; color:#00696d; text-decoration:underline}
.cstDiv .contDiv .csCenterD .viewDiv .btnD{margin:20px auto 0}
.cstDiv .contDiv .csCenterD .viewDiv .btnD:after{content:''; display:block; clear:both}
.cstDiv .contDiv .csCenterD .viewDiv .btnD a{float:left; width:132px; height:45px; font-size:18px; line-height:43px; color:#000; text-align:center; background:#fff; border:1px solid #000}
.cstDiv .contDiv .csCenterD .viewDiv .btnD .prev{margin-right:10px}
.cstDiv .contDiv .csCenterD .viewDiv .btnD .list{float:right; line-height:45px; color:#fff; background:#000; border:none}
.cstDiv .contDiv .csCenterD .viewDiv.faq .topD{padding-left:70px; background:url('../images/question_icon.png') no-repeat 30px 6px}
.cstDiv .contDiv .csCenterD .viewDiv.faq .topD .title{}
.cstDiv .contDiv .csCenterD .viewDiv.faq .topD .title span{display:block}
.cstDiv .contDiv .csCenterD .viewDiv.faq .bottomD .conD{padding:50px 25px 60px 110px; background:url('../images/answer_icon.png') no-repeat 70px 57px}
.cstDiv .contDiv .csCenterD .typeTabs2{}
.cstDiv .contDiv .csCenterD .typeTabs2:after{content:''; display:block; clear:both}
.cstDiv .contDiv .csCenterD .typeTabs2 a{position:relative; float:left; width:16.66%; height:50px; font-weight:300; font-size:17px; line-height:48px; color:#000; text-align:center; border:1px solid #888; border-right:none}
.cstDiv .contDiv .csCenterD .typeTabs2 a:nth-child(6n){border-right:1px solid #888}
.cstDiv .contDiv .csCenterD .typeTabs2 a:nth-child(n+7){margin-top:-1px}
.cstDiv .contDiv .csCenterD .typeTabs2 a:last-child{border-right:1px solid #888}
.cstDiv .contDiv .csCenterD .typeTabs2 a.on{font-weight:400; color:#fff; border:1px solid #000; border-right:none; background:#000}
.cstDiv .contDiv .csCenterD .typeTabs2 a.on:last-child{border-right:1px solid #000}
.cstDiv .contDiv .csCenterD .typeTabs2 a.on:after{content:''; position:absolute; top:-1px; right:-1px; width:1px; height:50px; background:#000; z-index:1}
.cstDiv .contDiv .csCenterD .typeTabs2 a.on:nth-child(6n):after{display:none}
.cstDiv .contDiv .csCenterD .typeList{margin:60px auto 0}
.cstDiv .contDiv .csCenterD .typeList .typeD{}
.cstDiv .contDiv .csCenterD .typeList .typeD .listDiv{border-top:2px solid #000}
.cstDiv .contDiv .csCenterD .typeList .typeD .list{display:table; padding:27px 15px 27px 105px; width:100%; border-bottom:1px solid #e5e5e5; table-layout:fixed; background:url('../images/question_icon.png') no-repeat 42px center}
.cstDiv .contDiv .csCenterD .typeList .typeD .list:last-child{border-bottom:1px solid #c8c8c8}
.cstDiv .contDiv .csCenterD .typeList .typeD .list .type{display:table-cell; padding:2px 15px; width:190px; font-weight:300; font-size:17px; color:#000; text-align:center; vertical-align:middle}
.cstDiv .contDiv .csCenterD .typeList .typeD .list .title{display:table-cell; padding:2px 15px; width:calc(100% - 190px); width:-webkit-calc(100% - 190px); font-weight:300; font-size:17px; line-height:21px; color:#000; text-align:left; vertical-align:middle; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
.cstDiv .contDiv .csCenterD .typeList .noDataDiv{border-top:1px solid #c8c8c8}
.cstDiv .contDiv .csCenterD .paging{padding-top:30px}

/* 마이페이지 */
.myPageDiv{position:relative}
.myPageDiv .topDiv{margin-top:-150px; padding:155px 0 70px; background:#fafafa; border-bottom:1px solid #bcbcbc}
.myPageDiv .topDiv .title{float:left; padding:20px 20px 0 0; width:500px; font-weight:300; font-size:50px; line-height:56px; color:#000}
.myPageDiv .topDiv .title span{font-weight:500}
/* 예치금 추가개발 수정 - 2021-03-16 */
.myPageDiv .topDiv .infoD {float:right; width:774px}
.myPageDiv .topDiv .infoD:after{content:''; display:block; clear:both}
.myPageDiv .topDiv .infoD .couponD{float:left; text-align:center}
.myPageDiv .topDiv .infoD .couponD:after{content:''; display:block; clear:both}
.myPageDiv .topDiv .infoD .couponD .topTit {margin-bottom:20px; font-size:18px; line-height:22px; color:#797979; font-weight:300}
.myPageDiv .topDiv .infoD .couponD .topTit span {display:block; font-weight:700}
.myPageDiv .topDiv .infoD .couponD .list{float:left; padding:0 0 10px 0; width:120px; height:80px; border-left:1px solid #e5e5e5; text-align:center}
.myPageDiv .topDiv .infoD .couponD .list .tit{font-weight:300; font-size:18px; color:#797979}
.myPageDiv .topDiv .infoD .couponD .list .txt{margin-top:7px; font-weight:300; font-size:18px; color:#797979}
.myPageDiv .topDiv .infoD .couponD .list .btn{display:inline-block; margin-top:8px; width:110px; height:35px; font-weight:500; font-size:17px; line-height:33px; color:#000; text-align:center; background:#fff; border:1px solid #000}
.myPageDiv .topDiv .infoD .couponD .list .count{margin-top:20px; font-size:18px; color:#000}
.myPageDiv .topDiv .infoD .couponD .list .count i{margin-right:2px; font-size:40px; line-height:40px}
.myPageDiv .topDiv .infoD .couponD .list .btn + .count{display:none; margin-top:45px; font-size:22px; color:#000}
.myPageDiv .topDiv .infoD .couponD .list .btn {position:relative; bottom:-10px; margin-top:53px}
.myPageDiv .topDiv .infoD .couponD .list.on .btn{display:none}
.myPageDiv .topDiv .infoD .couponD .list.on .count{display:block}
.myPageDiv .topDiv .infoD .pointD{float:left; width:532px;}
.myPageDiv .topDiv .infoD .pointD:after {content:""; display:block; clear:both}
.myPageDiv .topDiv .infoD .pointD .list{text-align:right; float:left; width:160px; height:150px; border-left:1px solid #e5e5e5}
.myPageDiv .topDiv .infoD .pointD .list .tit{font-size:18px; line-height:22px; color:#797979}
.myPageDiv .topDiv .infoD .pointD .list .tit > strong {display:block;}
.myPageDiv .topDiv .infoD .pointD .list .tit span{font-weight:700}
.myPageDiv .topDiv .infoD .pointD .list .tit .toolIcon {text-align:left; vertical-align:middle}
.myPageDiv .topDiv .infoD .pointD .list .btn{display:inline-block; margin-top:64px; width:110px; height:35px; font-weight:500; font-size:17px; line-height:33px; color:#000; text-align:center; background:#fff; border:1px solid #000}
.myPageDiv .topDiv .infoD .pointD .list .btn02{display:inline-block; margin-top:64px; width:110px; height:35px; font-weight:500; font-size:17px; line-height:33px; color:#fff; text-align:center; background:#c8c8c8; border:1px solid #c8c8c8}/*2021-06-18추가*/
.myPageDiv .topDiv .infoD .pointD .list .point{display:none; margin-top:64px; height:30px; font-size:18px; color:#000; text-align:center}
.myPageDiv .topDiv .infoD .pointD .list .point i{font-size:25px;}
.myPageDiv .topDiv .infoD .pointD .list:nth-child(3){width:209px; height:72px; padding-right:20px;}
.myPageDiv .topDiv .infoD .pointD .list:nth-child(3) .tit {font-size:16px;}
.myPageDiv .topDiv .infoD .pointD .list:nth-child(3) .btn {margin-top:5px;}
.myPageDiv .topDiv .infoD .pointD .list:nth-child(3) .point {text-align:right; margin-top:10px;}
.myPageDiv .topDiv .infoD .pointD .list:nth-child(4) {padding-top:12px; width:209px; height:74px; padding-right:20px; border-top:1px solid #e5e5e5}
.myPageDiv .topDiv .infoD .pointD .list:nth-child(4) .tit {font-size:16px;}
.myPageDiv .topDiv .infoD .pointD .list:nth-child(4) .point {text-align:right; margin-top:2px;}
.myPageDiv .topDiv .infoD .pointD .list.on .btn{display:none}
.myPageDiv .topDiv .infoD .pointD .list.on .point{display:block}
/* //예치금 추가개발 수정 - 2021-03-16 */
.myPageDiv .contDiv{padding-top:70px}
.myPageDiv .contDiv:first-child{padding-top:0}
.myPageDiv .contDiv:first-child .lnbDiv{padding-top:0}
.myPageDiv .contDiv .lnbDiv{float:left; padding-top:24px; margin-right:50px; width:245px;}
.myPageDiv .contDiv .lnbDiv .title{padding:0 0 20px 10px; font-weight:500; font-size:30px; color:#000; border-bottom:2px solid #000}
.myPageDiv .contDiv .lnbDiv .list{border-bottom:1px solid #e5e5e5}
.myPageDiv .contDiv .lnbDiv .list:last-child{border-bottom:1px solid #797979}
.myPageDiv .contDiv .lnbDiv .list .oneD{display:block; padding:21px 0 21px 10px; font-size:17px; color:#000}
.myPageDiv .contDiv .lnbDiv .list .oneD.on{font-weight:500; color:#004d45}
.myPageDiv .contDiv .lnbDiv .list .twoDepth{padding:0 0 21px 24px}
.myPageDiv .contDiv .lnbDiv .list .twoDepth .twoD{display:block; margin-top:10px; font-weight:300; font-size:15px; line-height:1; color:#484848}
.myPageDiv .contDiv .lnbDiv .list .twoDepth .twoD:first-child{margin-top:0}
.myPageDiv .contDiv .lnbDiv .list .twoDepth .twoD:before{content:'-'; display:inline-block; margin-right:6px}
.myPageDiv .contDiv .lnbDiv .list .twoDepth .twoD.on{font-weight:400; color:#004d45}
.myPageDiv .contDiv .contentD{position:relative; float:left; width:985px}
.myPageDiv .contDiv .contentD .subMainD{}
.myPageDiv .contDiv .contentD .subMainD:after{content:''; display:block; clear:both}
.myPageDiv .contDiv .contentD .subMainD .listD .list .count{display:table-cell; width:50%; text-align:right; vertical-align:middle}
.myPageDiv .contDiv .contentD .subMainD .listD .list .count a{display:inline-block; position:relative; font-weight:300; font-size:17px; color:#004d45}
.myPageDiv .contDiv .contentD .subMainD .listD .list .count a:after{content:''; position:absolute; bottom:0; left:1px; width:100%; height:1px; background:#004d45}
.myPageDiv .contDiv .contentD .subMainD .listD .list .count a i{font-weight:400; font-size:30px}

.myPageDiv .contDiv .contentD .subMainD .reserveList{float:left; padding:30px 30px 40px; width:485px; height:290px; border:1px solid #d5d5d5}
.myPageDiv .contDiv .contentD .subMainD .reserveList .titleD{position:relative; height:100%}
.myPageDiv .contDiv .contentD .subMainD .reserveList .titleD .tit{padding-bottom:20px; font-size:25px; color:#000; border-bottom:1px solid #797979}
.myPageDiv .contDiv .contentD .subMainD .reserveList .titleD .tit span{display:inline-block; margin-left:14px; padding-left:14px; font-weight:300; font-size:13px; line-height:15px; color:#797979; border-left:1px solid #e5e5e5}
.myPageDiv .contDiv .contentD .subMainD .reserveList .titleD .findReserve{margin-top: 20px;}
.myPageDiv .contDiv .contentD .subMainD .reserveList .titleD .findReserve > .redT{font-size: 15px; text-decoration: underline;} /*2024-04-19 추가*/
.myPageDiv .contDiv .contentD .subMainD .reserveList .listD {position:absolute; bottom:0; left:0; width:100%;}
.myPageDiv .contDiv .contentD .subMainD .reserveList .listD .list{display:table; padding:18px 0; width:100%; border-bottom:1px dashed #e5e5e5}
.myPageDiv .contDiv .contentD .subMainD .reserveList .listD .list:last-child{padding-bottom:0; border-bottom:none}
.myPageDiv .contDiv .contentD .subMainD .reserveList .listD .list .listTit{display:table-cell; width:50%; font-weight:300; font-size:18px; color:#000; vertical-align:bottom}
.myPageDiv .contDiv .contentD .subMainD .myCardList{float:left; padding:30px 30px 40px; margin-left:15px; width:485px; height:290px; border:1px solid #d5d5d5}
.myPageDiv .contDiv .contentD .subMainD .myCardList .titleD{position:relative; height:100%;}
.myPageDiv .contDiv .contentD .subMainD .myCardList .titleD .tit{padding-bottom:20px; font-size:25px; color:#000; border-bottom:1px solid #797979}
.myPageDiv .contDiv .contentD .subMainD .myCardList .titleD .dcBtn{position:absolute; top:5px; right:0}
.myPageDiv .contDiv .contentD .subMainD .myCardList .titleD .dcBtn span{display:inline-block; padding-right:15px; font-weight:500; font-size:15px; color:#00696d; text-decoration:underline; background:url('../images/right_gIcon_7x12.png') no-repeat right 1px center}
.myPageDiv .contDiv .contentD .subMainD .myCardList .listD {position:absolute; bottom:0; left:0; width:100%;}
.myPageDiv .contDiv .contentD .subMainD .myCardList .listD .list{display:table; padding:18px 0; width:100%; border-bottom:1px dashed #e5e5e5}
.myPageDiv .contDiv .contentD .subMainD .myCardList .listD .list + .list{margin-top:0 !important}
.myPageDiv .contDiv .contentD .subMainD .myCardList .listD .list:last-child{padding-bottom:0; border-bottom:none}
.myPageDiv .contDiv .contentD .subMainD .myCardList .listD .list .listTit{display:table-cell; width:180px; font-weight:300; font-size:18px; color:#000; vertical-align:bottom}
.myPageDiv .contDiv .contentD .subMainD .myCardList .listD .list .num{display:table-cell; width:243px; font-size:22px; line-height:30px; color:#000; text-align:right; vertical-align:middle}
.myPageDiv .contDiv .contentD .subMainD .myCardList .listD .list .link {display:block; text-align:right}
.myPageDiv .contDiv .contentD .subMainD .myCardList .listD .list .link a {display:inline-block; padding-right:14px; line-height:30px; text-decoration:underline; font-size:15px; color:#004d45; background:url("../images/arrow_grn_right_7x12.png") no-repeat right center}
.myPageDiv .contDiv .contentD .subMainD .myCardList .listD.noCard{padding-top:37px}
.myPageDiv .contDiv .contentD .subMainD .myCardList .listD.noCard .noData{text-align:right /* padding:10px 0 */}
.myPageDiv .contDiv .contentD .subMainD .myCardList .listD.noCard .noData .txt{text-align:center; font-weight:300; font-size:23px; color:#a8a8a8;}
.myPageDiv .contDiv .contentD .subMainD .myCardList .listD.noCard .noData .txt span {display:inline-block; padding-top:15px; font-size:15px;}
.myPageDiv .contDiv .contentD .subMainD .myCardList .listD.noCard .noData .btn{margin-top:40px; display:inline-block; position:relative; padding-right:14px; font-size:15px; color:#004d45; background:url("../images/arrow_grn_right_7x12.png") no-repeat right center; }
.myPageDiv .contDiv .contentD .subMainD .myCardList .listD.noCard .noData .btn:after {content:""; display:block; position:absolute; left:0; bottom:-1px; width:calc(100% - 14px); width:-webkit-calc(100% - 14px); width:-moz-calc(100% - 14px); height:1px; background:#004d45}

/* old */
.myPageDiv .contDiv .contentD .subMainD .reserveList.old.old{float:left; padding:30px; width:485px; height:311px; border:1px solid #d5d5d5}
.myPageDiv .contDiv .contentD .subMainD .reserveList.old .titleD{position:relative}
.myPageDiv .contDiv .contentD .subMainD .reserveList.old .titleD .tit{padding-bottom:20px; font-size:25px; color:#000; border-bottom:1px solid #797979}
.myPageDiv .contDiv .contentD .subMainD .reserveList.old .titleD .tit span{display:inline-block; margin-left:14px; padding-left:14px; font-weight:300; font-size:13px; line-height:15px; color:#797979; border-left:1px solid #e5e5e5}
.myPageDiv .contDiv .contentD .subMainD .reserveList.old .listD{margin-top:80px}
.myPageDiv .contDiv .contentD .subMainD .reserveList.old .listD .list{display:table; padding:18px 0; width:100%; border-bottom:1px dashed #e5e5e5}
.myPageDiv .contDiv .contentD .subMainD .reserveList.old .listD .list:last-child{padding-bottom:8px; border-bottom:none}
.myPageDiv .contDiv .contentD .subMainD .reserveList.old .listD .list .listTit{display:table-cell; width:50%; font-weight:300; font-size:18px; color:#000; vertical-align:middle}
.myPageDiv .contDiv .contentD .subMainD .reserveList.old .listD .list .count{display:table-cell; width:50%; text-align:right; vertical-align:middle}
.myPageDiv .contDiv .contentD .subMainD .reserveList.old .listD .list .count a{display:inline-block; position:relative; font-weight:300; font-size:17px; color:#004d45}
.myPageDiv .contDiv .contentD .subMainD .reserveList.old .listD .list .count a:after{content:''; position:absolute; bottom:0; left:1px; width:100%; height:1px; background:#004d45}
.myPageDiv .contDiv .contentD .subMainD .reserveList.old .listD .list .count a i{font-weight:400; font-size:30px}
.myPageDiv .contDiv .contentD .subMainD .myCardList.old{float:left; padding:30px; margin-left:15px; width:485px; height:311px; border:1px solid #d5d5d5}
.myPageDiv .contDiv .contentD .subMainD .myCardList.old .titleD{position:relative}
.myPageDiv .contDiv .contentD .subMainD .myCardList.old .titleD .tit{padding-bottom:20px; font-size:25px; color:#000; border-bottom:1px solid #797979}
.myPageDiv .contDiv .contentD .subMainD .myCardList.old .titleD .dcBtn{position:absolute; top:5px; right:0}
.myPageDiv .contDiv .contentD .subMainD .myCardList.old .titleD .dcBtn span{display:inline-block; padding-right:15px; font-weight:500; font-size:15px; color:#00696d; text-decoration:underline; background:url('../images/right_gIcon_7x12.png') no-repeat right 1px center}
.myPageDiv .contDiv .contentD .subMainD .myCardList.old .listD{margin-top:80px}
.myPageDiv .contDiv .contentD .subMainD .myCardList.old .listD .list{display:table; padding:18px 0; width:100%; border-bottom:1px dashed #e5e5e5}
.myPageDiv .contDiv .contentD .subMainD .myCardList.old .listD .list + .list{margin-top:0 !important}
.myPageDiv .contDiv .contentD .subMainD .myCardList.old .listD .list:last-child{margin-top:147px; padding-bottom:8px; border-bottom:none}
.myPageDiv .contDiv .contentD .subMainD .myCardList.old .listD .list .listTit{display:table-cell; width:180px; font-weight:300; font-size:18px; color:#000; vertical-align:middle}
.myPageDiv .contDiv .contentD .subMainD .myCardList.old .listD .list .num{display:table-cell; width:243px; font-size:22px; line-height:30px; color:#000; text-align:right; vertical-align:middle}
.myPageDiv .contDiv .contentD .subMainD .myCardList.old .listD .noData{padding:10px 0}
.myPageDiv .contDiv .contentD .subMainD .myCardList.old .listD .noData .txt{font-weight:300; font-size:15px; line-height:22px; color:#666; text-align:left; padding-bottom:12px; border-bottom:1px dashed #e5e5e5}
.myPageDiv .contDiv .contentD .subMainD .myCardList.old .listD .noData .btn{margin-top:14px; display:inline-block; width:138px; height:30px; font-weight:300; font-size:15px; line-height:28px; color:#00696d; text-align:center; border:1px solid rgba(0, 77, 69, 0.4)}
/* //old */

.myPageDiv .contDiv .contentD .subMainD .myRecommendCd{float:left; margin-bottom:15px; width:100%; border:1px solid #d5d5d5; padding:20px; font-size:25px; color:#000; line-height:45px; font-weight:300;}
.myPageDiv .contDiv .contentD .subMainD .myRecommendCd span{font-weight:500;}
.myPageDiv .contDiv .contentD .subMainD .myRecommendCd .copyRecommendCd{float:right; margin-right:5px; width:150px; height:45px; font-weight:500; font-size:15px; line-height:45px; text-align:center; background:#004d45}
.myPageDiv .contDiv .contentD .subMainD .myRecommendCd .copyRecommendCd #copyRecommendCd{color:white;}

.myPageDiv .contDiv .contentD .subMainD .myLinkList{float:left; margin-top:15px; width:100%; border:1px solid #d5d5d5}
.myPageDiv .contDiv .contentD .subMainD .myLinkList:after{content:''; display:block; clear:both}
.myPageDiv .contDiv .contentD .subMainD .myLinkList .list{float:left; width:25%; padding:60px 20px; text-align:center; border-left:1px solid #d5d5d5}
.myPageDiv .contDiv .contentD .subMainD .myLinkList .list:first-child{border-left:0}
.myPageDiv .contDiv .contentD .subMainD .myLinkList .list .tit{padding-top:96px; font-size:22px; color:#000}
.myPageDiv .contDiv .contentD .subMainD .myLinkList .list:nth-child(1) .tit{background:url('../images/myLinkD_icon1.png') no-repeat center top}
.myPageDiv .contDiv .contentD .subMainD .myLinkList .list:nth-child(2) .tit{background:url('../images/myLinkD_icon2.png') no-repeat center top}
.myPageDiv .contDiv .contentD .subMainD .myLinkList .list:nth-child(3) .tit{background:url('../images/myLinkD_icon3.png') no-repeat center top}
.myPageDiv .contDiv .contentD .subMainD .myLinkList .list:nth-child(4) .tit{background:url('../images/myLinkD_icon4.png') no-repeat center top}
.myPageDiv .contDiv .contentD .subMainD .myLinkList .list .txt{margin-top:12px; font-weight:300; font-size:15px; line-height:22px; color:#666}
.myPageDiv .contDiv .contentD .subMainD .myLinkList .list .btn{display:block; margin:32px auto 0; width:110px; height:37px; font-size:15px; line-height:37px; color:#fff; background:#004d45}
.myPageDiv .contDiv .contentD .topTitle{padding-bottom:20px; border-bottom:2px solid #000}
.myPageDiv .contDiv .contentD .topTitle p{font-size:30px; color:#000}
.myPageDiv .contDiv .contentD .topTitle p span{font-weight:700}
.myPageDiv .contDiv .contentD .topTitle p span.subTopTit {display:inline-block; padding-left:16px; font-weight:400; color:#797979; font-size:15px;}
.myPageDiv .contDiv .contentD .topText{margin-top:15px; font-size:14px; line-height:22px; color:#797979} /*2022-12-01수정 (원본 font-size:15px; line-height:25px;)*/
.myPageDiv .contDiv .contentD .reserveChkDiv .checkArea{margin-top:20px; border:1px solid #c8c8c8}
.myPageDiv .contDiv .contentD .reserveChkDiv .checkArea .topArea{padding:40px; background:#f5f5f5;}
.myPageDiv .contDiv .contentD .reserveChkDiv .checkArea .topArea .typeD:first-child{padding-bottom:20px; margin-bottom:20px; border-bottom:1px dashed #dadada}
.myPageDiv .contDiv .contentD .reserveChkDiv .checkArea .topArea .typeD .line{margin-top:10px}
.myPageDiv .contDiv .contentD .reserveChkDiv .checkArea .topArea .typeD .line:first-child{margin-top:0}
.myPageDiv .contDiv .contentD .reserveChkDiv .checkArea .topArea .typeD .line:after{content:''; display:block; clear:both}
.myPageDiv .contDiv .contentD .reserveChkDiv .checkArea .topArea .typeD .line .titD{float:left; padding-right:10px; width:80px; font-weight:300; font-size:15px; line-height:40px; color:#000}
.myPageDiv .contDiv .contentD .reserveChkDiv .checkArea .topArea .typeD .line .choiceD{float:left; width:calc(100% - 80px); width:-webkit-calc(100% - 80px)}
.myPageDiv .contDiv .contentD .reserveChkDiv .checkArea .topArea .typeD .line .choiceD:after{content:''; display:block; clear:both}
.myPageDiv .contDiv .contentD .reserveChkDiv .checkArea .topArea .typeD .line .choiceD .divisionTab:after{content:''; display:block; clear:both}
.myPageDiv .contDiv .contentD .reserveChkDiv .checkArea .topArea .typeD .line .choiceD .divisionTab a{float:left; margin-left:8px; width:130px; height:40px; font-size:16px; line-height:38px; color:#004d45; text-align:center; background:#fff; border:1px solid #94b6b2}
.myPageDiv .contDiv .contentD .reserveChkDiv .checkArea .topArea .typeD .line .choiceD .divisionTab a:first-child{margin-left:0; width:110px}
.myPageDiv .contDiv .contentD .reserveChkDiv .checkArea .topArea .typeD .line .choiceD .divisionTab a.on{color:#fff; background:#004d45; border:1px solid #004d45}
.myPageDiv .contDiv .contentD .reserveChkDiv .checkArea .topArea .typeD .line .choiceD .dateD{float:left;}
.myPageDiv .contDiv .contentD .reserveChkDiv .checkArea .topArea .typeD .line .choiceD .dateD:after{content:''; display:block; clear:both}
.myPageDiv .contDiv .contentD .reserveChkDiv .checkArea .topArea .typeD .line .choiceD .dateD div{float:left; padding:0 35px 0 20px; width:165px; height:45px; font-family:'Spoqa'; font-size:15px; line-height:43px; color:#000; text-align:left; background:url('../images/date_icon.gif') no-repeat right 15px top 50% #fff; border:1px solid #c8c8c8}
.myPageDiv .contDiv .contentD .reserveChkDiv .checkArea .topArea .typeD .line .choiceD .dateD input{float:left; margin-left:0; padding:0 35px 0 20px; width:165px; height:45px; font-family:'Spoqa'; font-size:15px; line-height:43px; color:#797979; text-align:left; background:url('../images/date_icon.gif') no-repeat right 15px top 50% #fff; border:1px solid #c8c8c8}
.myPageDiv .contDiv .contentD .reserveChkDiv .checkArea .topArea .typeD .line .choiceD .dateD span{float:left; width:20px; font-family:'Spoqa'; font-size:16px; line-height:45px; color:#797979; text-align:center}
.myPageDiv .contDiv .contentD .reserveChkDiv .checkArea .topArea .typeD .line .choiceD .dateD.on div{color:#00696d !important; border:1px solid #00696d}
.myPageDiv .contDiv .contentD .reserveChkDiv .checkArea .topArea .typeD .line .choiceD .dateD.on input{color:#00696d !important; border:1px solid #00696d}
.myPageDiv .contDiv .contentD .reserveChkDiv .checkArea .topArea .typeD .line .choiceD .dateTab{float:left; margin-left:10px}
.myPageDiv .contDiv .contentD .reserveChkDiv .checkArea .topArea .typeD .line .choiceD .dateTab:after{content:''; display:block; clear:both}
.myPageDiv .contDiv .contentD .reserveChkDiv .checkArea .topArea .typeD .line .choiceD .dateTab a{position:relative; float:left; width:77px; height:45px; font-size:15px; line-height:43px; color:#c8c8c8; text-align:center; background:#fff; border:1px solid #ccc; border-right:none}
.myPageDiv .contDiv .contentD .reserveChkDiv .checkArea .topArea .typeD .line .choiceD .dateTab a:last-child{border-right:1px solid #ccc}
.myPageDiv .contDiv .contentD .reserveChkDiv .checkArea .topArea .typeD .line .choiceD .dateTab a.on{font-weight:500; color:#00696d}
.myPageDiv .contDiv .contentD .reserveChkDiv .checkArea .topArea .typeD .line .choiceD .dateTab a.on:before{content:''; position:absolute; top:-1px; left:-1px; width:78px; height:45px; border:1px solid #00696d; z-index:1}
.myPageDiv .contDiv .contentD .reserveChkDiv .checkArea .topArea .typeD .line .choiceD .dateTab a.on:last-child:before{width:77px}
.myPageDiv .contDiv .contentD .reserveChkDiv .checkArea .topArea .typeD .line .choiceD .dateTab a.on i{font-weight:400;}
.myPageDiv .contDiv .contentD .reserveChkDiv .checkArea .topArea .typeD .line .choiceD select{float:left; width:165px; height:45px}
.myPageDiv .contDiv .contentD .reserveChkDiv .checkArea .topArea .typeD .line .choiceD input{float:left; margin-left:8px; width:472px; height:45px}
.myPageDiv .contDiv .contentD .reserveChkDiv .checkArea .topArea .typeD .line .choiceD .inputD{position:relative; float:left; margin-left:8px; width:472px}
.myPageDiv .contDiv .contentD .reserveChkDiv .checkArea .topArea .typeD .line .choiceD .inputD input{float:none; margin-left:0; padding-right:45px; width:100%}
.myPageDiv .contDiv .contentD .reserveChkDiv .checkArea .topArea .typeD .line .choiceD .inputD .delete{right:15px}
.myPageDiv .contDiv .contentD .reserveChkDiv .checkArea .topArea .typeD .line .choiceD .search{float:left; margin-left:10px; width:166px; height:45px; font-size:16px; line-height:45px; color:#fff; text-align:center; background:#000}
.myPageDiv .contDiv .contentD .reserveChkDiv .checkArea .bottomArea{position:relative; padding:30px 40px 35px; background:#fafafa; border-top:1px solid #c8c8c8; transition:padding 0.3s linear}
.myPageDiv .contDiv .contentD .reserveChkDiv .checkArea .bottomArea.on{padding:27px 40px 27px}
.myPageDiv .contDiv .contentD .reserveChkDiv .checkArea .bottomArea dl{}
.myPageDiv .contDiv .contentD .reserveChkDiv .checkArea .bottomArea dl:after{content:''; display:block; clear:both}
.myPageDiv .contDiv .contentD .reserveChkDiv .checkArea .bottomArea dt{float:left; padding:0 14px; width:135px; font-size:15px; line-height:25px; color:#000; background:url('../images/dot3x3.gif') no-repeat left center}
.myPageDiv .contDiv .contentD .reserveChkDiv .checkArea .bottomArea dd{float:left; width:calc(100% - 135px); width:-webkit-calc(100% - 135px); font-weight:300; font-size:15px; line-height:25px; color:#000}
.myPageDiv .contDiv .contentD .reserveChkDiv .checkArea .bottomArea dd span{font-weight:400; color:#e64949}
.myPageDiv .contDiv .contentD .reserveChkDiv .checkArea .bottomArea .accorBtn{position:absolute; bottom:20px; right:20px; padding-right:25px; font-size:14px; color:#797979; background:url('../images/up_grayIcon_14x8.png') no-repeat right 1px top 4px}
.myPageDiv .contDiv .contentD .reserveChkDiv .checkArea .bottomArea .accorBtn.on{background:url('../images/down_grayIcon_14x8.png') no-repeat right 1px top 4px}
.myPageDiv .contDiv .contentD .reserveChkDiv .listDiv{margin-top:45px}
.myPageDiv .contDiv .contentD .reserveChkDiv .listDiv .listUtill{display:flex; justify-content:space-between; align-items:flex-end;}/*2025-05-26 추가*/
.myPageDiv .contDiv .contentD .reserveChkDiv .listDiv .title{font-size:17px; color:#000;}
.myPageDiv .contDiv .contentD .reserveChkDiv .listDiv .title i{font-weight:700; font-size:19px; line-height:17px; color:#004d45}
.myPageDiv .contDiv .contentD .reserveChkDiv .listDiv .listD{margin-top:15px}
.myPageDiv .contDiv .contentD .reserveChkDiv .listDiv .listD .list{margin-top:50px; border-top:2px solid #000; border-bottom:1px solid #c8c8c8}
.myPageDiv .contDiv .contentD .reserveChkDiv .listDiv .listD .list:first-child{margin-top:0}
.myPageDiv .contDiv .contentD .reserveChkDiv .listDiv .listD .list .typeArea{text-align:right; background:#fff; border-bottom:1px solid #c8c8c8; text-align:right}
.myPageDiv .contDiv .contentD .reserveChkDiv .listDiv .listD .list .typeArea:after {content:""; display:block; clear:both}
.myPageDiv .contDiv .contentD .reserveChkDiv .listDiv .listD .list .typeArea.size2{background:url('../images/reserveChkDiv_lisDiv_list_size2.jpg') no-repeat; text-align:center}
.myPageDiv .contDiv .contentD .reserveChkDiv .listDiv .listD .list .typeArea.size3{background:url('../images/reserveChkDiv_lisDiv_list_size3.jpg') no-repeat; text-align:center}
.myPageDiv .contDiv .contentD .reserveChkDiv .listDiv .listD .list .typeArea.size4{background:url('../images/reserveChkDiv_lisDiv_list_size4.jpg') no-repeat; text-align:center}
.myPageDiv .contDiv .contentD .reserveChkDiv .listDiv .listD .list .typeArea div{/*display:inline-block; width:163px; */float:left; width:100%; padding-right:30px; font-weight:300; font-size:17px; line-height:40px; color:#000}
.myPageDiv .contDiv .contentD .reserveChkDiv .listDiv .listD .list .typeArea div.on{font-weight:500; color:#e64949}
.myPageDiv .contDiv .contentD .reserveChkDiv .listDiv .listD .list .typeArea div.on i{font-weight:700}
.myPageDiv .contDiv .contentD .reserveChkDiv .listDiv .listD .list .typeArea.size2 div {width:50%; text-align:center}
.myPageDiv .contDiv .contentD .reserveChkDiv .listDiv .listD .list .typeArea.size2 div:last-child {padding-right:0}
.myPageDiv .contDiv .contentD .reserveChkDiv .listDiv .listD .list .typeArea.size3 div:nth-child(1) {width:339px;}
.myPageDiv .contDiv .contentD .reserveChkDiv .listDiv .listD .list .typeArea.size3 div:nth-child(2) {width:328px;}
.myPageDiv .contDiv .contentD .reserveChkDiv .listDiv .listD .list .typeArea.size3 div:nth-child(3) {width:318px;}
.myPageDiv .contDiv .contentD .reserveChkDiv .listDiv .listD .list .typeArea.size4 div:nth-child(1) {width:263px;}
.myPageDiv .contDiv .contentD .reserveChkDiv .listDiv .listD .list .typeArea.size4 div:nth-child(2) {width:258px;}
.myPageDiv .contDiv .contentD .reserveChkDiv .listDiv .listD .list .typeArea.size4 div:nth-child(3) {width:238px;}
.myPageDiv .contDiv .contentD .reserveChkDiv .listDiv .listD .list .typeArea.size4 div:nth-child(4) {width:224px; padding-right:10px;}
.myPageDiv .contDiv .contentD .reserveChkDiv .listDiv .listD .list .infoDiv{position:relative; padding:20px 30px 20px 60px; border-bottom:1px dashed #c8c8c8}
.myPageDiv .contDiv .contentD .reserveChkDiv .listDiv .listD .list .infoDiv .chkBox{position:absolute; top:22px; left:20px;}
.myPageDiv .contDiv .contentD .reserveChkDiv .listDiv .listD .list .infoDiv .chkBox input[type="checkbox"] + label{padding-left:18px}
.myPageDiv .contDiv .contentD .reserveChkDiv .listDiv .listD .list .infoDiv .chkBox input[type="checkbox"] + label:after{top:-16px; transform:translateY(0)}
.myPageDiv .contDiv .contentD .reserveChkDiv .listDiv .listD .list .infoDiv .typeD{display:flex; justify-content:flex-start; align-items:center; gap:5px;}/*2025-05-26 추가*/
.myPageDiv .contDiv .contentD .reserveChkDiv .listDiv .listD .list .infoDiv .typeD p{padding:0 8px; width:auto; height:22px; font-weight:300; font-size:15px; line-height:20px; color:#000; text-align:center; border:1px solid #797979}/*2025-05-26 수정*/
.myPageDiv .contDiv .contentD .reserveChkDiv .listDiv .listD .list .infoDiv .typeD .badgePremium{width:auto; height:22px;}/*2025-05-26 추가*/
.myPageDiv .contDiv .contentD .reserveChkDiv .listDiv .listD .list .infoDiv .detailInfo{display:table; margin-top:10px; width:100%; table-layout:fixed}
.myPageDiv .contDiv .contentD .reserveChkDiv .listDiv .listD .list .infoDiv .detailInfo .name{display:table-cell; font-size:23px; line-height:29px; color:#000; vertical-align:bottom}
.myPageDiv .contDiv .contentD .reserveChkDiv .listDiv .listD .list .infoDiv .detailInfo .name a{display:inline-block; max-width:100%; color:#000}
.myPageDiv .contDiv .contentD .reserveChkDiv .listDiv .listD .list .infoDiv .detailInfo .name span{display:inline-block}
.myPageDiv .contDiv .contentD .reserveChkDiv .listDiv .listD .list .infoDiv .detailInfo .name p{display:inline-block; max-width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
.myPageDiv .contDiv .contentD .reserveChkDiv .listDiv .listD .list .infoDiv .detailInfo .name .eng{margin-top:2px; font-size:16px; line-height:22px; color:#000; max-width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
.myPageDiv .contDiv .contentD .reserveChkDiv .listDiv .listD .list .infoDiv .detailInfo .price{display:table-cell; padding-bottom:3px; width:265px; font-size:15px; color:#000; vertical-align:bottom; text-align:right}
.myPageDiv .contDiv .contentD .reserveChkDiv .listDiv .listD .list .infoDiv .detailInfo .price .prev{margin-bottom:6px; font-weight:300; font-size:13px; color:#797979}
.myPageDiv .contDiv .contentD .reserveChkDiv .listDiv .listD .list .infoDiv .detailInfo .price .prev i{font-weight:400; font-size:16px; text-decoration:line-through}
.myPageDiv .contDiv .contentD .reserveChkDiv .listDiv .listD .list .infoDiv .detailInfo .price i{margin-left:15px; font-weight:700; font-size:28px}
.myPageDiv .contDiv .contentD .reserveChkDiv .listDiv .listD .list .infoDiv .detailInfo .price span{font-size:13px}
.myPageDiv .contDiv .contentD .reserveChkDiv .listDiv.air .listD .list .infoDiv{padding:20px 30px 25px 60px}
.myPageDiv .contDiv .contentD .reserveChkDiv .listDiv.air .listD .list .infoDiv .detailInfo{margin-top:14px}
.myPageDiv .contDiv .contentD .reserveChkDiv .listDiv.air .listD .list .infoDiv .detailInfo .name{line-height:23px}
.myPageDiv .contDiv .contentD .reserveChkDiv .listDiv.air .listD .list .infoDiv .detailInfo .name a:after{content:''; display:block; clear:both}
.myPageDiv .contDiv .contentD .reserveChkDiv .listDiv.air .listD .list .infoDiv .detailInfo .name span{float:left; margin-right:6px}
.myPageDiv .contDiv .contentD .reserveChkDiv .listDiv.air .listD .list .infoDiv .detailInfo .name p{float:left}
.myPageDiv .contDiv .contentD .reserveChkDiv .listDiv.air .listD .list .infoDiv .detailInfo .price{padding-bottom:0}
.myPageDiv .contDiv .contentD .reserveChkDiv .listDiv .listD .list .reserveInfo{padding:35px 30px 35px 60px; background:#fafafa}
.myPageDiv .contDiv .contentD .reserveChkDiv .listDiv .listD .list .reserveInfo:after{content:''; display:block; clear:both}
.myPageDiv .contDiv .contentD .reserveChkDiv .listDiv .listD .list .reserveInfo dl{float:left; width:450px}
.myPageDiv .contDiv .contentD .reserveChkDiv .listDiv .listD .list .reserveInfo dl:nth-child(2n){margin-left:35px; width:410px}
.myPageDiv .contDiv .contentD .reserveChkDiv .listDiv .listD .list .reserveInfo dl:nth-child(n+3){margin-top:15px}
.myPageDiv .contDiv .contentD .reserveChkDiv .listDiv .listD .list .reserveInfo dl:after{content:''; display:block;}
.myPageDiv .contDiv .contentD .reserveChkDiv .listDiv .listD .list .reserveInfo dl dt{float:left; width:105px; font-size:16px; color:#797979; text-align:left}
.myPageDiv .contDiv .contentD .reserveChkDiv .listDiv .listD .list .reserveInfo dl dd{float:left; width:calc(100% - 105px); width:-webkit-calc(100% - 105px); font-size:16px; color:#000; text-align:left}
.myPageDiv .contDiv .contentD .reserveChkDiv .listDiv .listD .list .reserveInfo dl dd:before{content:':'; display:inline-block; margin-right:10px; font-size:16px; color:#000}
.myPageDiv .contDiv .contentD .reserveChkDiv .listDiv .listD .list .reserveInfo dl dd .bold{font-weight:700}
.myPageDiv .contDiv .contentD .reserveChkDiv .listDiv .listD .list .reserveInfo dl dd .greenT{color:#00696d}
.myPageDiv .contDiv .contentD .reserveChkDiv .listDiv.air .listD .list .infoDiv .detailInfo .name p{position:relative; font-weight:500; padding-right:50px}
.myPageDiv .contDiv .contentD .reserveChkDiv .listDiv.air .listD .list .infoDiv .detailInfo .name p:before{content:''; display:block; position:absolute; top:0; right:0; width:50px; height:23px; background:url('../images/oneway_icon.png') no-repeat 15px 5px}
.myPageDiv .contDiv .contentD .reserveChkDiv .listDiv.air .listD .list .infoDiv .detailInfo .name p:last-child{padding-right:0}
.myPageDiv .contDiv .contentD .reserveChkDiv .listDiv.air .listD .list .infoDiv .detailInfo .name p:last-child:before{display:none}
.myPageDiv .contDiv .contentD .reserveViewDiv {position:relative}
.myPageDiv .contDiv .contentD .reserveViewDiv .section .contD .noDc {padding:42px 0 48px; background:#fafafa; text-align:center; font-size:15px; line-height:25px; color:#000000; font-weight:300; border-bottom:1px solid #797979;}
.myPageDiv .contDiv .contentD .reserveViewDiv .section .noticeTxt{margin-top:10px; font-weight:300; font-size:13px; line-height:22px; color:#797979}
.myPageDiv .contDiv .contentD .reserveViewDiv .section .noticeTxt span{color:#e64949}
.myPageDiv .contDiv .contentD .reserveViewDiv .section .noticeTxt.indentType p {padding-left:15px; text-indent:-15px; word-break:keep-all; }
.myPageDiv .contDiv .contentD .reserveViewDiv .section .noticeTxt.indentType p.notiTit {padding:27px 0 9px 0; text-indent:0; font-weight:400; font-size:19px; color:#797979;}
.myPageDiv .contDiv .contentD .reserveViewDiv .section .noticeTxt .notiTit {padding:27px 0 9px 0; text-indent:0; font-size:19px; color:#797979; }
.myPageDiv .contDiv .contentD .reserveViewDiv .section .title .whtBtn {margin-left:5px;}
.myPageDiv .contDiv .contentD .reserveViewDiv .reserveStateD{position:relative; margin-top:25px; text-align:right}
.myPageDiv .contDiv .contentD .reserveViewDiv .reserveStateD .topArea{position:relative; padding:15px 15px 50px 15px; text-align:center; background:#f9fef5; border:1px solid #c9dfb7; border-bottom:none}
.myPageDiv .contDiv .contentD .reserveViewDiv .reserveStateD .topArea .state{position:absolute; top:15px; left:15px; padding:0 10px; width:auto; height:25px; font-weight:500; font-size:14px; line-height:23px; color:#e64949; text-align:center; background:#fff; border:1px solid #e64949}
.myPageDiv .contDiv .contentD .reserveViewDiv .reserveStateD .topArea .btnDiv{text-align:right}
.myPageDiv .contDiv .contentD .reserveViewDiv .reserveStateD .topArea .btnDiv a{display:inline-block; margin-left:2px; padding:0 15px 0 38px; height:32px; font-size:15px; line-height:30px; color:#004d45; text-align:left; background:#fff; border:1px solid #a1c0b7}
.myPageDiv .contDiv .contentD .reserveViewDiv .reserveStateD .topArea .btnDiv a.print{background:url('../images/reserveStateD_icon_print.png') no-repeat 11px center #fff}
.myPageDiv .contDiv .contentD .reserveViewDiv .reserveStateD .topArea .btnDiv a.mail{background:url('../images/reserveStateD_icon_mail.png') no-repeat 11px center #fff}
.myPageDiv .contDiv .contentD .reserveViewDiv .reserveStateD .topArea .titArea{display:inline-block; margin-top:48px}
.myPageDiv .contDiv .contentD .reserveViewDiv .reserveStateD .topArea .name{font-weight:500; font-size:38px; line-height:42px; color:#004d45}
.myPageDiv .contDiv .contentD .reserveViewDiv .reserveStateD .topArea .name span{display:inline-block}
.myPageDiv .contDiv .contentD .reserveViewDiv .reserveStateD .topArea .eng{margin-top:12px; font-size:18px; line-height:14px; color:#004d45}
.myPageDiv .contDiv .contentD .reserveViewDiv .reserveStateD .topArea .addr{display:inline-block; margin-top:10px; padding-left:15px; font-weight:300; font-size:13px; line-height:18px; color:#80a79b; background:url('../images/location_green_icon.gif') no-repeat left 2px}
.myPageDiv .contDiv .contentD .reserveViewDiv .reserveStateD .topArea .stateTxt{margin-top:25px; font-size:23px; color:#004d45}
.myPageDiv .contDiv .contentD .reserveViewDiv .reserveStateD .bottomArea{display:table; padding:30px 34px 30px 49px; width:100%; text-align:center; border:1px solid #c9dfb7; border-top:1px dashed #c9dfb7}
.myPageDiv .contDiv .contentD .reserveViewDiv .reserveStateD .bottomArea .infoD{display:table-cell; width:640px; text-align:left; vertical-align:bottom}
.myPageDiv .contDiv .contentD .reserveViewDiv .reserveStateD .bottomArea .infoD dl:nth-child(n+2){margin-top:15px}
.myPageDiv .contDiv .contentD .reserveViewDiv .reserveStateD .bottomArea .infoD dl:after{content:''; display:block; clear:both}
.myPageDiv .contDiv .contentD .reserveViewDiv .reserveStateD .bottomArea .infoD dl dt{float:left; width:115px; font-size:16px; color:#797979}
.myPageDiv .contDiv .contentD .reserveViewDiv .reserveStateD .bottomArea .infoD dl dd{float:left; width:calc(100% - 115px); width:-webkit-calc(100% - 115px); font-size:16px; color:#000; text-align:left}
.myPageDiv .contDiv .contentD .reserveViewDiv .reserveStateD .bottomArea .infoD dl dd:before{content:':'; display:inline-block; margin-right:10px; font-size:16px; color:#000}
.myPageDiv .contDiv .contentD .reserveViewDiv .reserveStateD .bottomArea .infoD dl dd .bold{font-weight:700}
.myPageDiv .contDiv .contentD .reserveViewDiv .reserveStateD .bottomArea .infoD dl dd .cancel{color:#00696d}
.myPageDiv .contDiv .contentD .reserveViewDiv .reserveStateD .bottomArea .infoD dl dd .cancel.no{color:#e64949}
.myPageDiv .contDiv .contentD .reserveViewDiv .reserveStateD .bottomArea .infoD dl dd .no{color:#797979}
.myPageDiv .contDiv .contentD .reserveViewDiv .reserveStateD .bottomArea .priceD{display:table-cell; width:260px; text-align:right; vertical-align:bottom}
.myPageDiv .contDiv .contentD .reserveViewDiv .reserveStateD .bottomArea .priceD p{margin-top:10px; font-size:13px; color:#000;}
.myPageDiv .contDiv .contentD .reserveViewDiv .reserveStateD .bottomArea .priceD p:first-child{margin-top:0}
.myPageDiv .contDiv .contentD .reserveViewDiv .reserveStateD .bottomArea .priceD p i{font-weight:400; font-size:28px;} /* 2022-08-05 수정 */
.myPageDiv .contDiv .contentD .reserveViewDiv .reserveStateD .cancelBtn{position:absolute; bottom:-55px; right:0; width:120px; height:45px; font-size:18px; line-height:45px; color:#e33535; text-align:center; background:#f9d2d2}
.myPageDiv .contDiv .contentD .reserveViewDiv .reserveStateD.cancel .topArea{background:#fafafa; border:1px solid #c8c8c8; border-bottom:none}
.myPageDiv .contDiv .contentD .reserveViewDiv .reserveStateD.cancel .bottomArea{border:1px solid #c8c8c8; border-top:1px dashed #c8c8c8}
.myPageDiv .contDiv .contentD .reserveViewDiv .section{margin-top:90px}
.myPageDiv .contDiv .contentD .reserveViewDiv .section:after{content:''; display:block; clear:both}
.myPageDiv .contDiv .contentD .reserveViewDiv .section .title{position:relative; padding-bottom:20px; font-size:30px; color:#000; border-bottom:2px solid #000; letter-spacing:-2px}
.myPageDiv .contDiv .contentD .reserveViewDiv .section .title b{display:inline-block; font-weight:700}
.myPageDiv .contDiv .contentD .reserveViewDiv .section .title .essential{position:absolute; right:0; top:20px; font-weight:500; font-size:13px; color:#797979}
.myPageDiv .contDiv .contentD .reserveViewDiv .section .title .essential span{color:#e64949}
.myPageDiv .contDiv .contentD .reserveViewDiv .section .title .toolIcon{display:inline-block; margin:7px 0 0 7px; line-height:16px; vertical-align:top}
.myPageDiv .contDiv .contentD .reserveViewDiv .section .title .inquiryBtn{float:right; width:100px; height:35px; font-weight:500; font-size:16px; letter-spacing:-0.7px; line-height:35px; color:#fff; text-align:center; background:#004d45}
.myPageDiv .contDiv .contentD .reserveViewDiv .section .title.noBor {border-bottom:0}
.myPageDiv .contDiv .contentD .reserveViewDiv .section .title .red {font-size:13px; font-weight:300; color:#e64949; letter-spacing:-0.7px}
.myPageDiv .contDiv .contentD .reserveViewDiv .section .title .green {font-size:13px; font-weight:300; color:#004d45; letter-spacing:-0.7px}
.myPageDiv .contDiv .contentD .reserveViewDiv .section .title .chkBox {position:relative; top:5px; float:right; letter-spacing:-0.7px}
.myPageDiv .contDiv .contentD .reserveViewDiv .section .title .whtBtn {position:relative; bottom:-8px; float:right; padding:0 10px; font-weight:300; font-size:15px; line-height:28px; color:#00696d; background:#fff; border:1px solid rgba(0,77,69,0.4); letter-spacing:-0.7px}
.myPageDiv .contDiv .contentD .reserveViewDiv .section .title .whtBtn.ref {margin-left:5px; padding-left:36px; background:#fff url("../images/refresh_16x19.png") no-repeat left 14px center; }
.myPageDiv .contDiv .contentD .reserveViewDiv .section .title .grnBtn {position:relative; top:0px; float:right; padding:0 22px; font-weight:500; font-size:16px; line-height:35px; color:#fff; background:#004d45; letter-spacing:-0.7px}
.myPageDiv .contDiv .contentD .reserveViewDiv .section .contD{position:relative}
.myPageDiv .contDiv .contentD .reserveViewDiv .section .contD .noticeTxt{margin-top:10px; font-weight:300; font-size:13px; line-height:22px; color:#797979}
.myPageDiv .contDiv .contentD .reserveViewDiv .section .contD .noticeTxt span{color:#e64949}
.myPageDiv .contDiv .contentD .reserveViewDiv .section .contD .noticeTxt.indentType p {padding-left:15px; text-indent:-15px; word-break:keep-all; }
.myPageDiv .contDiv .contentD .reserveViewDiv .section .contD .noticeTxt.indentType p.notiTit {padding:27px 0 9px 0; text-indent:0; font-size:19px; color:#797979;}
.myPageDiv .contDiv .contentD .reserveViewDiv .section .contD .noticeTxt .notiTit {padding:27px 0 9px 0; text-indent:0; font-size:19px; color:#797979; }
.myPageDiv .contDiv .contentD .reserveViewDiv .section .contD .roomInfo .infoTable .line{display:table; width:100%; border-bottom:1px solid #e5e5e5}
.myPageDiv .contDiv .contentD .reserveViewDiv .section .contD .roomInfo .infoTable .line .cell{display:table-cell;  text-align:center; vertical-align:middle}
.myPageDiv .contDiv .contentD .reserveViewDiv .section .contD .roomInfo .infoTable .line .cell:nth-child(1){width:415px; text-align:left}
.myPageDiv .contDiv .contentD .reserveViewDiv .section .contD .roomInfo .infoTable .line .cell:nth-child(2){width:85px}
.myPageDiv .contDiv .contentD .reserveViewDiv .section .contD .roomInfo .infoTable .line .cell:nth-child(3){width:115px}
.myPageDiv .contDiv .contentD .reserveViewDiv .section .contD .roomInfo .infoTable .line .cell:nth-child(4){width:120px}
.myPageDiv .contDiv .contentD .reserveViewDiv .section .contD .roomInfo .infoTable .line .cell:nth-child(5){padding-left:35px; width:250px; text-align:left}
.myPageDiv .contDiv .contentD .reserveViewDiv .section .contD .roomInfo .infoTable .line.head{border-bottom:1px solid #c8c8c8}
.myPageDiv .contDiv .contentD .reserveViewDiv .section .contD .roomInfo .infoTable .line.head .cell{padding:20px 20px; font-weight:300; font-size:15px; color:#000}
.myPageDiv .contDiv .contentD .reserveViewDiv .section .contD .roomInfo .infoTable .line.head .cell:nth-child(1){padding:25px 30px}
.myPageDiv .contDiv .contentD .reserveViewDiv .section .contD .roomInfo .infoTable .line.body .cell{padding:22px 20px; font-size:17px; line-height:21px; color:#000}
.myPageDiv .contDiv .contentD .reserveViewDiv .section .contD .roomInfo .infoTable .line.body .cell:nth-child(1){padding:19px 30px; font-weight:700; font-size:18px}
.myPageDiv .contDiv .contentD .reserveViewDiv .section .contD .roomInfo .infoTable .line.body .cell i{font-weight:700; font-size:19px; line-height:18px}
.myPageDiv .contDiv .contentD .reserveViewDiv .section .contD .roomInfo .infoTable .line.body .cell span{color:#e64949}
.myPageDiv .contDiv .contentD .reserveViewDiv .section .contD .roomInfo .infoTable .line.body .cell span.no{color:#e64949}
.myPageDiv .contDiv .contentD .reserveViewDiv .section .contD .roomInfo .infoTable .line.body .cell span.no i{font-weight:400; font-size:15px}
.myPageDiv .contDiv .contentD .reserveViewDiv .section .contD .roomInfo .infoTable .line.body .cell:nth-child(5){font-weight:300; font-size:17px; line-height:22px; color:#00696d; }
.myPageDiv .contDiv .contentD .reserveViewDiv .section .contD .roomInfo .infoTable .line.body .cell:nth-child(5) i{font-weight:400; font-size:15px}
.myPageDiv .contDiv .contentD .reserveViewDiv .section .contD .roomInfo .infoTable .line.body .cell:nth-child(5) a{font-weight:400; font-size:17px; line-height:22px; color:#e64949; text-decoration:underline}
.myPageDiv .contDiv .contentD .reserveViewDiv .section .contD .roomInfo .infoTable .line.body .cell .detail{display:inline-block; width:80px; height:30px; font-weight:300; font-size:15px; line-height:28px; color:#00696d; text-align:center; border:1px solid rgba(0,77,69,0.4); background:#fff}
.myPageDiv .contDiv .contentD .reserveViewDiv .section .contD .roomInfo .infoTable .accorD{background:#fafafa; border-bottom:1px solid #a8a8a8}
.myPageDiv .contDiv .contentD .reserveViewDiv .section .contD .roomInfo .infoTable .accorD .list{position:relative}
.myPageDiv .contDiv .contentD .reserveViewDiv .section .contD .roomInfo .infoTable .accorD .list .topD{position:relative; padding:30px 65px 20px 30px}
.myPageDiv .contDiv .contentD .reserveViewDiv .section .contD .roomInfo .infoTable .accorD .list .topD:after{content:''; display:block; clear:both}
.myPageDiv .contDiv .contentD .reserveViewDiv .section .contD .roomInfo .infoTable .accorD .list .topD .tit{float:left; font-weight:500; font-size:16px; line-height:18px; color:#000}
.myPageDiv .contDiv .contentD .reserveViewDiv .section .contD .roomInfo .infoTable .accorD .list .topD .chkBox{float:right}
.myPageDiv .contDiv .contentD .reserveViewDiv .section .contD .roomInfo .infoTable .accorD .list .topD .open{position:absolute; top:25px; right:10px; width:34px; height:28px; background:url('../images/down_grayIcon_14x8.png') no-repeat center}
.myPageDiv .contDiv .contentD .reserveViewDiv .section .contD .roomInfo .infoTable .accorD .list.on .topD .open{background:url('../images/up_grayIcon_14x8.png') no-repeat center}
.myPageDiv .contDiv .contentD .reserveViewDiv .section .contD .roomInfo .infoTable .accorD .list .bottomD{padding:20px 30px 30px; border-top:1px solid #e5e5e5}
.myPageDiv .contDiv .contentD .reserveViewDiv .section .contD .roomInfo .infoTable .accorD .list .bottomD dl{margin-top:10px}
.myPageDiv .contDiv .contentD .reserveViewDiv .section .contD .roomInfo .infoTable .accorD .list .bottomD dl:first-child{margin-top:0}
.myPageDiv .contDiv .contentD .reserveViewDiv .section .contD .roomInfo .infoTable .accorD .list .bottomD dl:after{content:''; display:block; clear:both}
.myPageDiv .contDiv .contentD .reserveViewDiv .section .contD .roomInfo .infoTable .accorD .list .bottomD dl dt{position:relative; float:left; padding:0 15px 0 12px; width:165px; font-weight:300; font-size:15px; line-height:22px; color:#000; background:url('../images/dot3x3.gif') no-repeat left 9px}
.myPageDiv .contDiv .contentD .reserveViewDiv .section .contD .roomInfo .infoTable .accorD .list .bottomD dl dd{float:left; width:calc(100% - 165px); width:-webkit-calc(100% - 165px); font-weight:300; font-size:15px; line-height:22px; color:#000}
.myPageDiv .contDiv .contentD .reserveViewDiv .section .contD .roomInfo .infoTable .accorD .list .bottomD dl dd p{margin-top:3px}
.myPageDiv .contDiv .contentD .reserveViewDiv .section .contD .roomInfo .infoTable .accorD .list .bottomD dl dd p:first-child{margin-top:0}
.myPageDiv .contDiv .contentD .reserveViewDiv .section .contD .roomInfo .infoTable .accorD .list .bottomD dl dd .list{position:relative; float:left; padding-right:15px; margin-right:14px}
.myPageDiv .contDiv .contentD .reserveViewDiv .section .contD .roomInfo .infoTable .accorD .list .bottomD dl dd .list:after{content:''; position:absolute; top:4px; right:0; width:1px; height:14px; background:#e5e5e5}
.myPageDiv .contDiv .contentD .reserveViewDiv .section .contD .roomInfo .infoTable .accorD .list .bottomD dl dd.list:last-child:after{display:none}
.myPageDiv .contDiv .contentD .reserveViewDiv .section .contD .roomInfo .infoTable .accorD .list .bottomD dl dd span{display:block; font-weight:500;}
.myPageDiv .contDiv .contentD .reserveViewDiv .section .contD .payInfoD table{border-bottom:1px solid #797979}
.myPageDiv .contDiv .contentD .reserveViewDiv .section .contD .payInfoD table th{padding:25px 30px; font-weight:300; font-size:17px; line-height:21px; color:#000; text-align:left; background:#fafafa; border-left:1px solid #e5e5e5; vertical-align:middle}
.myPageDiv .contDiv .contentD .reserveViewDiv .section .contD .payInfoD table td{padding:25px 30px; font-size:15px; line-height:25px; color:#797979; background:#fff; text-align:left; border-top:1px solid #e5e5e5; border-left:1px solid #e5e5e5; vertical-align:top}
.myPageDiv .contDiv .contentD .reserveViewDiv .section .contD .payInfoD table tr th:first-child{padding-left:15px}
.myPageDiv .contDiv .contentD .reserveViewDiv .section .contD .payInfoD table tr td:first-child{padding-left:15px}
.myPageDiv .contDiv .contentD .reserveViewDiv .section .contD .payInfoD table tr th:first-child, .myPageDiv .contDiv .contentD .reserveViewDiv .section .contD .payInfoD table tr td:first-child{border-left:none}
.myPageDiv .contDiv .contentD .reserveViewDiv .section .contD .payInfoD table tr th:last-child{padding-right:15px}
.myPageDiv .contDiv .contentD .reserveViewDiv .section .contD .payInfoD table tr td:last-child{padding-right:15px}
.myPageDiv .contDiv .contentD .reserveViewDiv .section .contD .payInfoD table td.vaB{vertical-align:bottom}
.myPageDiv .contDiv .contentD .reserveViewDiv .section .contD .payInfoD table th .clear .tit{float:left; width:90px; font-weight:400; color:#000}
.myPageDiv .contDiv .contentD .reserveViewDiv .section .contD .payInfoD table th .clear .price{float:left; width:calc(100% - 90px); width:-webkit-calc(100% - 90px); text-align:right}
.myPageDiv .contDiv .contentD .reserveViewDiv .section .contD .payInfoD table td .clear .tit{float:left; width:140px;}
.myPageDiv .contDiv .contentD .reserveViewDiv .section .contD .payInfoD table td .clear .price{float:left; width:calc(100% - 140px); width:-webkit-calc(100% - 140px); text-align:right}
.myPageDiv .contDiv .contentD .reserveViewDiv .section .contD .payInfoD table th .clear:before{right:-46px}
.myPageDiv .contDiv .contentD .reserveViewDiv .section .contD .guestInfoD{border-bottom:1px solid #797979}
.myPageDiv .contDiv .contentD .reserveViewDiv .section .contD .guestInfoD .list{display:table; width:100%; border-bottom:1px solid #c8c8c8}
.myPageDiv .contDiv .contentD .reserveViewDiv .section .contD .guestInfoD .list:last-child{border-bottom:none}
.myPageDiv .contDiv .contentD .reserveViewDiv .section .contD .guestInfoD .list .leftD{display:table-cell; padding:16px 15px; width:205px; font-weight:500; font-size:21px; line-height:22px; color:#000; text-align:center; vertical-align:middle}
.myPageDiv .contDiv .contentD .reserveViewDiv .section .contD .guestInfoD .list .leftD i{font-weight:700}
.myPageDiv .contDiv .contentD .reserveViewDiv .section .contD .guestInfoD .list .leftD span{display:block; margin-top:14px; font-weight:300; font-size:15px}
.myPageDiv .contDiv .contentD .reserveViewDiv .section .contD .guestInfoD .list .leftD span i{font-weight:300}
.myPageDiv .contDiv .contentD .reserveViewDiv .section .contD .guestInfoD .list .rightD{display:table-cell; vertical-align:middle}
.myPageDiv .contDiv .contentD .reserveViewDiv .section .contD .guestInfoD .list .rightD .line{border-bottom:1px solid #e5e5e5}
.myPageDiv .contDiv .contentD .reserveViewDiv .section .contD .guestInfoD .list .rightD .line:last-child{border-bottom:none}
.myPageDiv .contDiv .contentD .reserveViewDiv .section .contD .guestInfoD .list .rightD .line:after{content:''; display:block; clear:both}
.myPageDiv .contDiv .contentD .reserveViewDiv .section .contD .guestInfoD .list .rightD .line p{float:left; padding:12px 15px; font-size:17px; line-height:24px; color:#000; text-align:center}
.myPageDiv .contDiv .contentD .reserveViewDiv .section .contD .guestInfoD .list .rightD .line p:nth-child(1){width:180px}
.myPageDiv .contDiv .contentD .reserveViewDiv .section .contD .guestInfoD .list .rightD .line p:nth-child(2){width:245px}
.myPageDiv .contDiv .contentD .reserveViewDiv .section .contD .guestInfoD .list .rightD .line p:nth-child(3){width:355px}
.myPageDiv .contDiv .contentD .reserveViewDiv .listBtn{display:block; margin:50px auto 0; width:132px; height:45px; font-weight:500; font-size:16px; line-height:45px; color:#fff; text-align:center; background:#000}
.myPageDiv .contDiv .contentD .topBtnD{position:absolute; top:90px; right:0}
.myPageDiv .contDiv .contentD .topBtnD:after{content:''; display:block; clear:both}
.myPageDiv .contDiv .contentD .topBtnD a{float:left; margin-left:8px; height:45px; font-size:17px; line-height:45px; color:#fff; text-align:center; background:#000}
.myPageDiv .contDiv .contentD .topBtnD a:first-child{margin-left:0}
.myPageDiv .contDiv .contentD .topBtnD .couponDown{width:150px}
.myPageDiv .contDiv .contentD .topBtnD .hdCardCerti{width:180px}
.myPageDiv .contDiv .contentD .topBtnD .voucherBtn{width:136px}
.myPageDiv .contDiv .contentD .topBtnD .faqBtn{width:152px; background:#004d45}
.myPageDiv .contDiv .contentD .topBtnD .inquiryBtn{width:118px; background:#004d45}
.myPageDiv .contDiv .contentD .couponListD{position:relative}
.myPageDiv .contDiv .contentD .couponListD .tabs{margin-top:20px; border-bottom:1px solid #bcbcbc}
.myPageDiv .contDiv .contentD .couponListD .tabs:after{content:''; display:block; clear:both}
.myPageDiv .contDiv .contentD .couponListD .tabs a{position:relative; float:left; padding:27px 0; width:100px; font-weight:500; font-size:23px; color:rgba(121, 121, 121, 0.7); text-align:center}
/* 2022-09-21 수정 */
.myPageDiv .contDiv .contentD .couponListD .tabs a:after{content:''; position:absolute; top:27px; right:0; width:1px; height:23px; background:#e5e5e5}
.myPageDiv .contDiv .contentD .couponListD .tabs a:last-child:after{content:none;}
/* // 2022-09-21 수정 */
.myPageDiv .contDiv .contentD .couponListD .tabs a.on{color:#000;}
.myPageDiv .contDiv .contentD .couponListD .tabs a.on:before{content:''; position:absolute; bottom:-1px; left:0; width:100%; height:3px; background:#000}
.myPageDiv .contDiv .contentD .couponListD .tabContent{padding-top:50px}
.myPageDiv .contDiv .contentD .couponListD .tabContent .listDiv{}
.myPageDiv .contDiv .contentD .couponListD .tabContent .listDiv:after{content:''; display:block; clear:both}
.myPageDiv .contDiv .contentD .couponListD .tabContent .listDiv .list{position:relative; float:left; padding:30px 60px 30px 30px; width:482px; height:261px; background:url('../images/coupon_bg_gry.png') no-repeat}
.myPageDiv .contDiv .contentD .couponListD .tabContent .listDiv .list:nth-child(2n){margin-left:21px}
.myPageDiv .contDiv .contentD .couponListD .tabContent .listDiv .list:nth-child(n+3){margin-top:21px}
.myPageDiv .contDiv .contentD .couponListD .tabContent .listDiv .list:before{content:''; display:none; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(255, 255, 255, 0.95); z-index:1}
.myPageDiv .contDiv .contentD .couponListD .tabContent .listDiv .list .tagD{}
.myPageDiv .contDiv .contentD .couponListD .tabContent .listDiv .list .tagD:after{content:''; display:block; clear:both}
.myPageDiv .contDiv .contentD .couponListD .tabContent .listDiv .list .tagD span{float:left; margin-left:5px; width:44px; height:23px; font-size:15px; line-height:21px; text-align:center}
.myPageDiv .contDiv .contentD .couponListD .tabContent .listDiv .list .tagD span:first-child{margin-left:0}
.myPageDiv .contDiv .contentD .couponListD .tabContent .listDiv .list .tagD span.typeA{color:#000; border:1px solid #797979}
.myPageDiv .contDiv .contentD .couponListD .tabContent .listDiv .list .tagD span.typeB{font-weight:500; color:#004d45; border:1px solid #007a6d}
.myPageDiv .contDiv .contentD .couponListD .tabContent .listDiv .list .title{margin-top:10px; font-size:20px; line-height:26px; color:#000}
.myPageDiv .contDiv .contentD .couponListD .tabContent .listDiv .list .title i{font-weight:700}
.myPageDiv .contDiv .contentD .couponListD .tabContent .listDiv .list .date{margin-top:7px; font-size:15px; color:#000}
.myPageDiv .contDiv .contentD .couponListD .tabContent .listDiv .list .noti{margin-top:8px; font-size:15px; color:#a8a8a8}
.myPageDiv .contDiv .contentD .couponListD .tabContent .listDiv .list .dcInfo{position:absolute; bottom:27px; left:30px; font-size:35px; color:#000}
.myPageDiv .contDiv .contentD .couponListD .tabContent .listDiv .list .dcInfo i{margin-right:4px; font-size:56px;}
.myPageDiv .contDiv .contentD .couponListD .tabContent .listDiv .list .detailBtn{position:absolute; bottom:29px; right:29px; padding:12px; width:60px; height:60px; font-weight:500; font-size:14px; line-height:18px; color:#fff; text-align:center; background:#000; border-radius:100%}
.myPageDiv .contDiv .contentD .couponListD .tabContent .listDiv .list .dimd{display:none; position:absolute; top:0; left:0; width:100%; height:100%; text-align:center; z-index:2}
.myPageDiv .contDiv .contentD .couponListD .tabContent .listDiv .list .dimd .tit{font-weight:700; font-size:20px; color:#004d45}
.myPageDiv .contDiv .contentD .couponListD .tabContent .listDiv .list .dimd .tit i{display:block; margin-top:10px; font-weight:700; font-size:16px; color:#004d45}
.myPageDiv .contDiv .contentD .couponListD .tabContent .listDiv .list .dimd .txt{margin-top:15px; font-size:15px; color:#004d45}
.myPageDiv .contDiv .contentD .couponListD .tabContent .listDiv .list.complete:before{display:block}
.myPageDiv .contDiv .contentD .couponListD .tabContent .listDiv .list.complete .dimd{display:block; padding-top:140px; background:url('../images/coupon_complete.png') no-repeat center 80px rgba(170, 170, 170, 0.2)}
.myPageDiv .contDiv .contentD .couponListD .tabContent .listDiv .list.stop:before{display:block}
.myPageDiv .contDiv .contentD .couponListD .tabContent .listDiv .list.stop .dimd{display:block; padding-top:125px; background:url('../images/coupon_stop.png') no-repeat center 65px rgba(170, 170, 170, 0.2)}
.myPageDiv .contDiv .contentD .hdCardDcDiv{position:relative}
.myPageDiv .contDiv .contentD .hdCardDcDiv .cardCertiState{display:table; margin-top:25px; padding:32px 39px; width:100%; background:#fafafa; border:1px solid #e5e5e5}
.myPageDiv .contDiv .contentD .hdCardDcDiv .cardCertiState .text{display:table-cell; width:370px; font-weight:300; font-size:25px; line-height:35px; color:#000}
.myPageDiv .contDiv .contentD .hdCardDcDiv .cardCertiState .text span{font-weight:500}
.myPageDiv .contDiv .contentD .hdCardDcDiv .cardCertiState .certiInfo{display:table-cell; width:535px; vertical-align:bottom}
.myPageDiv .contDiv .contentD .hdCardDcDiv .cardCertiState .certiInfo .list{padding:25px 0}
.myPageDiv .contDiv .contentD .hdCardDcDiv .cardCertiState .certiInfo .list:first-child{padding-top:0; border-bottom:1px dashed #d2d2d2}
.myPageDiv .contDiv .contentD .hdCardDcDiv .cardCertiState .certiInfo .list:last-child{padding-bottom:0; border-bottom:none}
.myPageDiv .contDiv .contentD .hdCardDcDiv .cardCertiState .certiInfo .list:after{content:''; display:block; clear:both}
.myPageDiv .contDiv .contentD .hdCardDcDiv .cardCertiState .certiInfo .list .left{float:left; min-width:132px; padding:3px 0 0 0; margin-right:40px;}
.myPageDiv .contDiv .contentD .hdCardDcDiv .cardCertiState .certiInfo .list .left span {font-size:18px; font-weight:500}
.myPageDiv .contDiv .contentD .hdCardDcDiv .cardCertiState .certiInfo .list .center{float:left; width:230px; font-size:13px;}/*2021-07-02수정 원)width:245px;*/
.myPageDiv .contDiv .contentD .hdCardDcDiv .cardCertiState .certiInfo .list .center .num {font-size:18px; color:#000;}
.myPageDiv .contDiv .contentD .hdCardDcDiv .cardCertiState .certiInfo .list .center .subT {margin-top:5px; font-weight:300;}
.myPageDiv .contDiv .contentD .hdCardDcDiv .cardCertiState .certiInfo .list .right{float:left; width:80px; height:30px; font-weight:300; font-size:15px; line-height:28px; color:#00696d; text-align:center; background:#fff; border:1px solid rgba(0, 77, 69, 0.4)}
.myPageDiv .contDiv .contentD .hdCardDcDiv .cardIntroduceDiv{position:relative; margin-top:70px}
.myPageDiv .contDiv .contentD .hdCardDcDiv .cardIntroduceDiv .topTit{position:relative; height:10px}
.myPageDiv .contDiv .contentD .hdCardDcDiv .cardIntroduceDiv .topTit:before{content:''; position:absolute; top:9px; left:570px; width:0; height:1px; background:#4c4c4c; transition:width 0.6s cubic-bezier(.55,0,.1,1)}
.myPageDiv .contDiv .contentD .hdCardDcDiv .cardIntroduceDiv .topTit.active:before{width:415px}
.myPageDiv .contDiv .contentD .hdCardDcDiv .cardIntroduceDiv .list{position:relative; padding-bottom:70px}
.myPageDiv .contDiv .contentD .hdCardDcDiv .cardIntroduceDiv .list:before{content:''; position:absolute; top:140px; background:#f7f7f7; z-index:-1}
.myPageDiv .contDiv .contentD .hdCardDcDiv .cardIntroduceDiv .list .img{position:absolute; top:0; border-radius:15px; box-shadow:20px 20px 40px 0 rgba(0, 0, 0, 0.3)}
.myPageDiv .contDiv .contentD .hdCardDcDiv .cardIntroduceDiv .list .txtArea .tit{padding-top:10px; position:relative; top:100px; opacity:0}
.myPageDiv .contDiv .contentD .hdCardDcDiv .cardIntroduceDiv .list .txtArea .txt{margin-top:15px; font-weight:300; font-size:48px; line-height:62px; color:#000; position:relative; top:100px; opacity:0}
.myPageDiv .contDiv .contentD .hdCardDcDiv .cardIntroduceDiv .list .txtArea .txt span{display:inline-block}
.myPageDiv .contDiv .contentD .hdCardDcDiv .cardIntroduceDiv .list .txtArea .txt span img{vertical-align:baseline}
.myPageDiv .contDiv .contentD .hdCardDcDiv .cardIntroduceDiv .list .txtArea .text{margin-top:25px; font-weight:300; font-size:17px; line-height:28px; color:#666; position:relative; top:100px; opacity:0}
.myPageDiv .contDiv .contentD .hdCardDcDiv .cardIntroduceDiv .list .txtArea .detailBtn{display:block; margin-top:40px; width:150px; height:40px; font-size:17px; line-height:38px; color:#000; text-align:center; background:#fff; border:1px solid #000; position:relative; top:100px; opacity:0}
.myPageDiv .contDiv .contentD .hdCardDcDiv .cardIntroduceDiv .list.red{margin-top:70px}
.myPageDiv .contDiv .contentD .hdCardDcDiv .cardIntroduceDiv .list.red .txtArea{padding-left:330px}
.myPageDiv .contDiv .contentD .hdCardDcDiv .cardIntroduceDiv .list.red:before{right:0; width:846px; height:293px}
.myPageDiv .contDiv .contentD .hdCardDcDiv .cardIntroduceDiv .list.red .txtArea .img{left:22px}
.myPageDiv .contDiv .contentD .hdCardDcDiv .cardIntroduceDiv .list.green{margin-top:110px}
.myPageDiv .contDiv .contentD .hdCardDcDiv .cardIntroduceDiv .list.green:before{left:-295px; width:1145px; height:348px}
.myPageDiv .contDiv .contentD .hdCardDcDiv .cardIntroduceDiv .list.green .txtArea .img{right:22px}

/*2021-07-01 추가*/
.myPageDiv .contDiv .contentD .hdCardDcDiv .cardIntroduceDiv .hdcdList{margin:80px 0;  zoom:1;}
.myPageDiv .contDiv .contentD .hdCardDcDiv .cardIntroduceDiv .hdcdList:after{content: ''; clear: both; display: block;}
.myPageDiv .contDiv .contentD .hdCardDcDiv .cardIntroduceDiv .hdcdList .cardlist {width:224px; float: left; }
.myPageDiv .contDiv .contentD .hdCardDcDiv .cardIntroduceDiv .hdcdList .cardlist + .cardlist{ margin-left: 24px}
.myPageDiv .contDiv .contentD .hdCardDcDiv .cardIntroduceDiv .hdcdList .cardlist a{display: block; position: relative;}
.myPageDiv .contDiv .contentD .hdCardDcDiv .cardIntroduceDiv .hdcdList .cardlist a:focus, .myPageDiv .contDiv .contentD .hdCardDcDiv .cardIntroduceDiv .hdcdList .cardlist a:hover{}
.myPageDiv .contDiv .contentD .hdCardDcDiv .cardIntroduceDiv .hdcdList .cardlist a:focus:before, .myPageDiv .contDiv .contentD .hdCardDcDiv .cardIntroduceDiv .hdcdList .cardlist a:hover:before{position: absolute; left: 0; right: 0; width: 224px; height:355px; background:rgba(0, 0, 0, 0.65); border-radius: 12px; content: ''; padding: 159px 0 0 30px; }
.myPageDiv .contDiv .contentD .hdCardDcDiv .cardIntroduceDiv .hdcdList .cardlist a:focus:after, .myPageDiv .contDiv .contentD .hdCardDcDiv .cardIntroduceDiv .hdcdList .cardlist a:hover:after{color:#ffffff; text-align: center;  position: absolute; left:50%; top:50%; transform:translate(-50%, -50%); content:'카드 상세보기'; width:120px; border:1px solid #fff; padding:12px;}
.myPageDiv .contDiv .contentD .hdCardDcDiv .cardIntroduceDiv .hdcdList .cardlist p{margin-top:12px; text-align:center;}
.myPageDiv .contDiv .contentD .hdCardDcDiv .cardIntroduceDiv .hdcdList .cardlist p:first-child{margin-top:24px;}
.myPageDiv .contDiv .contentD .hdCardDcDiv .cardIntroduceDiv .hdcdList .cardlist ul{margin-top:20px;}
.myPageDiv .contDiv .contentD .hdCardDcDiv .cardIntroduceDiv .hdcdList .cardlist ul li{font-size:17px; line-height:1.3; letter-spacing: -1px; position:relative; padding-left:10px;}
.myPageDiv .contDiv .contentD .hdCardDcDiv .cardIntroduceDiv .hdcdList .cardlist ul li:before{content: '·'; position:absolute; left: 0; }
.myPageDiv .contDiv .contentD .hdCardDcDiv .cardIntroduceDiv .hdcdList .cardlist ul li +li{margin-top: 10px;}
/* .myPageDiv .contDiv .contentD .hdCardDcDiv .cardIntroduceDiv .list.green{margin-top:70px}
.myPageDiv .contDiv .contentD .hdCardDcDiv .cardIntroduceDiv .list.green .txtArea{padding-left:330px}
.myPageDiv .contDiv .contentD .hdCardDcDiv .cardIntroduceDiv .list.green:before{right:0; width:846px; height:348px}
.myPageDiv .contDiv .contentD .hdCardDcDiv .cardIntroduceDiv .list.green .txtArea .img{left:22px}
.myPageDiv .contDiv .contentD .hdCardDcDiv .cardIntroduceDiv .list.green .txtArea .txt span img{display:inline-block; vertical-align:top; padding-top:14px;}
.myPageDiv .contDiv .contentD .hdCardDcDiv .cardIntroduceDiv .list.red{margin-top:70px}
.myPageDiv .contDiv .contentD .hdCardDcDiv .cardIntroduceDiv .list.red:before{left:-295px; width:1145px; height:293px}
.myPageDiv .contDiv .contentD .hdCardDcDiv .cardIntroduceDiv .list.red .txtArea .img{right:22px} */
.myPageDiv .contDiv .contentD .hdCardDcDiv .cardIntroduceDiv .list .twinTableD{margin-top:0px; zoom:1;}/*2021-07-01수정 원)margin-top:130px 추가 zoom:1;*/
.myPageDiv .contDiv .contentD .hdCardDcDiv .cardIntroduceDiv .list .twinTableD:after{content:''; display:block; clear:both}
.myPageDiv .contDiv .contentD .hdCardDcDiv .cardIntroduceDiv .list .twinTableD .devide{float:left; width:478px; margin-bottom:35px;}/*2022-12-02 추가 margin-bottom: 35px;*/
.myPageDiv .contDiv .contentD .hdCardDcDiv .cardIntroduceDiv .list .twinTableD .devide:nth-child(2){margin-left:29px}
.myPageDiv .contDiv .contentD .hdCardDcDiv .cardIntroduceDiv .list .twinTableD .devide .title{margin-bottom:18px; font-size:26px; color:#000}
.myPageDiv .contDiv .contentD .hdCardDcDiv .cardIntroduceDiv .list .twinTableD .devide .title i{margin-left:4px; font-size:13px; color:#797979; letter-spacing:0}
.myPageDiv .contDiv .contentD .hdCardDcDiv .cardIntroduceDiv .list .twinTableD .devide table{border-top:2px solid #000}
.myPageDiv .contDiv .contentD .hdCardDcDiv .cardIntroduceDiv .list .twinTableD .devide table thead th{padding:17px 0; font-weight:300; font-size:15px; color:#000; text-align:center; border-bottom:1px solid #c8c8c8; vertical-align:middle}
.myPageDiv .contDiv .contentD .hdCardDcDiv .cardIntroduceDiv .list .twinTableD .devide table tbody th{padding:25px 21px; text-align:left; color:#000; border-bottom:1px solid #e5e5e5; vertical-align:middle}
.myPageDiv .contDiv .contentD .hdCardDcDiv .cardIntroduceDiv .list .twinTableD .devide table tbody th .icon{padding-left:50px; font-size:17px; line-height:31px; color:#004d45}
.myPageDiv .contDiv .contentD .hdCardDcDiv .cardIntroduceDiv .list .twinTableD .devide table tbody th .icon.beforeDc{background:url('../images/cardIntroduceDiv_icon_beforeDc.png') no-repeat left center}
.myPageDiv .contDiv .contentD .hdCardDcDiv .cardIntroduceDiv .list .twinTableD .devide table tbody th .icon.afterDc{background:url('../images/cardIntroduceDiv_icon_afterDc.png') no-repeat left center}
.myPageDiv .contDiv .contentD .hdCardDcDiv .cardIntroduceDiv .list .twinTableD .devide table tbody th .icon.mPoint{background:url('../images/cardIntroduceDiv_icon_mPoint.png') no-repeat left center}
.myPageDiv .contDiv .contentD .hdCardDcDiv .cardIntroduceDiv .list .twinTableD .devide table tbody th .icon.cardR{background:url('../images/cardIntroduceDiv_icon_cardR.png') no-repeat left center}
.myPageDiv .contDiv .contentD .hdCardDcDiv .cardIntroduceDiv .list .twinTableD .devide table tbody th .icon.cardG{background:url('../images/cardIntroduceDiv_icon_cardG.png') no-repeat left center}
.myPageDiv .contDiv .contentD .hdCardDcDiv .cardIntroduceDiv .list .twinTableD .devide table tbody td{padding:25px 0px; font-size:18px; color:#000; text-align:center; border-bottom:1px solid #e5e5e5; vertical-align:middle; position: relative}/*2021-07-01수정 원)padding:25px 21px;*/
.myPageDiv .contDiv .contentD .hdCardDcDiv .cardIntroduceDiv .list .twinTableD .devide table tbody td p.no{color:#c8c8c8}
.myPageDiv .contDiv .contentD .hdCardDcDiv .cardIntroduceDiv .list .twinTableD .devide table tbody td i{font-size:15px}
.myPageDiv .contDiv .contentD .hdCardDcDiv .cardIntroduceDiv .list .twinTableD .devide table tbody td i span{margin-right:4px; font-size:24px}
.myPageDiv .contDiv .contentD .hdCardDcDiv .cardIntroduceDiv .list .twinTableD .devide table tbody td p{display: inline-block; text-align: center; width:75px;}/*2021-07-01추가*/
.myPageDiv .contDiv .contentD .hdCardDcDiv .cardIntroduceDiv .list .twinTableD .devide table tbody td p.note{font-size:13px; text-align:center; width:159px; display:block; position: absolute; bottom:10px;}/*2021-07-01추가*/
.myPageDiv .contDiv .contentD .hdCardDcDiv .cardIntroduceDiv .list .twinTableD .devide .noteTxt{margin-top:12px;}/*2022-12-01 추가*/
.myPageDiv .contDiv .contentD .hdCardDcDiv .cardIntroduceDiv .list .twinTableD .devide p{font-size:14px; line-height:1.5;}/*2022-12-01수정 font-size:14px;추가 margin-top:12px; 삭제*/
/* 2020-08-20 추가 */
.myPageDiv .contDiv .contentD .hdCardDcDiv .cardIntroduceDiv .contTab:after {content:""; display:block; clear:both}
.myPageDiv .contDiv .contentD .hdCardDcDiv .cardIntroduceDiv .contTab a {float:left; width:50%; border:1px solid #888888; background:#fff; text-align:center; line-height:48px; font-weight:300}
.myPageDiv .contDiv .contentD .hdCardDcDiv .cardIntroduceDiv .contTab a:first-child {border-right:0}
.myPageDiv .contDiv .contentD .hdCardDcDiv .cardIntroduceDiv .contTab a:last-child {border-left:0}
.myPageDiv .contDiv .contentD .hdCardDcDiv .cardIntroduceDiv .contTab a.on {border:1px solid #000; background:#000; color:#fff; font-weight:400}
.myPageDiv .contDiv .contentD .hdCardDcDiv .cardIntroduceDiv .contConWrap {margin-top:60px;}
.myPageDiv .contDiv .contentD .hdCardDcDiv .cardIntroduceDiv .contConWrap .contCon .tableTit {padding-bottom:15px; font-size:17px; color:#000;}
.myPageDiv .contDiv .contentD .hdCardDcDiv .cardIntroduceDiv .contConWrap .contCon .tableTit i {font-weight:700; color:#004d45; font-size:19px;}
.myPageDiv .contDiv .contentD .hdCardDcDiv .cardIntroduceDiv .contConWrap .contCon table {border-top:2px solid #000; border-bottom:1px solid #797979}
.myPageDiv .contDiv .contentD .hdCardDcDiv .cardIntroduceDiv .contConWrap .contCon table tbody tr {border-bottom:1px solid #e5e5e5}
.myPageDiv .contDiv .contentD .hdCardDcDiv .cardIntroduceDiv .contConWrap .contCon table tbody tr:last-child {border-bottom:0}
.myPageDiv .contDiv .contentD .hdCardDcDiv .cardIntroduceDiv .contConWrap .contCon table tbody th {height:76px; min-height:76px; text-align:center; font-size:15px; color:#000;}
.myPageDiv .contDiv .contentD .hdCardDcDiv .cardIntroduceDiv .contConWrap .contCon table tbody td {height:76px; min-height:76px; text-align:center; font-size:18px; color:#000;}
.myPageDiv .contDiv .contentD .hdCardDcDiv .cardIntroduceDiv .contConWrap .contCon table tbody td .gryT {display:inline-block; padding-left:12px; font-size:13px; color:#797979}
/* //2020-08-20 추가 */
.myPageDiv .contDiv .contentD .voucherDiv .voucherInfo{margin-top:25px; padding:40px; font-weight:300; font-size:25px; color:#000; background:#fafafa; border:1px solid #e5e5e5}
.myPageDiv .contDiv .contentD .voucherDiv .voucherInfo span{font-weight:500}
.myPageDiv .contDiv .contentD .voucherDiv .voucherList{margin-top:70px}
.myPageDiv .contDiv .contentD .voucherDiv .voucherList .type:nth-child(2){margin-top:80px}
.myPageDiv .contDiv .contentD .voucherDiv .voucherList .type .cardTit{margin-bottom:20px; font-size:22px; line-height:18px; color:#000}
.myPageDiv .contDiv .contentD .voucherDiv .voucherList .type .cardTit span {font-size:18px; font-weight:500}
.myPageDiv .contDiv .contentD .voucherDiv .voucherList .type .cardTit img{vertical-align:baseline}
.myPageDiv .contDiv .contentD .voucherDiv .voucherList .type .cardTit i{margin-left:25px}
.myPageDiv .contDiv .contentD .voucherDiv .voucherList .type .listDiv{margin-bottom:70px; border-top:1px solid #797979}
.myPageDiv .contDiv .contentD .voucherDiv .voucherList .type .listDiv:after{content:''; display:block; clear:both}
.myPageDiv .contDiv .contentD .voucherDiv .voucherList .type .listDiv .list{position:relative; float:left; margin-top:20px; width:485px; background:#fafafa; text-align:left}
.myPageDiv .contDiv .contentD .voucherDiv .voucherList .type .listDiv .list:before{content:''; display:none; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(255, 255, 255, 0.95); z-index:1}
.myPageDiv .contDiv .contentD .voucherDiv .voucherList .type .listDiv .list:nth-child(2n){margin-left:15px}
.myPageDiv .contDiv .contentD .voucherDiv .voucherList .type .listDiv .list .clear{position:relative; padding:30px 40px;}
.myPageDiv .contDiv .contentD .voucherDiv .voucherList .type .listDiv .list .clear:before{content:''; position:absolute; bottom:0; left:0; width:100%; height:100px; background:#efefef}
.myPageDiv .contDiv .contentD .voucherDiv .voucherList .type .listDiv .list .clear .imgD{position:relative; float:left; width:110px}
.myPageDiv .contDiv .contentD .voucherDiv .voucherList .type .listDiv .list .clear .infoD{position:relative; float:left; width:calc(100% - 110px); width:-webkit-calc(100% - 110px)}
.myPageDiv .contDiv .contentD .voucherDiv .voucherList .type .listDiv .list .clear .infoD .state{display:block; width:72px; height:23px; font-size:15px; line-height:21px; color:#000; text-align:center; background:#fff; border:1px solid #797979}
.myPageDiv .contDiv .contentD .voucherDiv .voucherList .type .listDiv .list .clear .infoD .tit{margin-top:30px}
.myPageDiv .contDiv .contentD .voucherDiv .voucherList .type .listDiv .list .clear .infoD .date{margin-top:15px; font-size:15px; color:#000}
.myPageDiv .contDiv .contentD .voucherDiv .voucherList .type .listDiv .list .dimd{display:none; position:absolute; top:0; left:0; width:100%; height:100%; text-align:center; z-index:2}
.myPageDiv .contDiv .contentD .voucherDiv .voucherList .type .listDiv .list .dimd .tit{font-weight:700; font-size:20px; color:#004d45}
.myPageDiv .contDiv .contentD .voucherDiv .voucherList .type .listDiv .list .dimd .tit i{display:block; margin-top:10px; font-weight:700; font-size:16px; color:#004d45}
.myPageDiv .contDiv .contentD .voucherDiv .voucherList .type .listDiv .list.complete:before{display:block}
.myPageDiv .contDiv .contentD .voucherDiv .voucherList .type .listDiv .list.complete .dimd{display:block; padding-top:90px; background:url('../images/coupon_complete.png') no-repeat center 30px rgba(170, 170, 170, 0.2)}
.myPageDiv .contDiv .contentD .voucherDiv .voucherList .type .listDiv .noDataDiv{border-top:none}
.myPageDiv .contDiv .contentD .likeDiv .likeList{margin-top:25px;}
.myPageDiv .contDiv .contentD .likeDiv .likeList:after{content:''; display:block; clear:both}
.myPageDiv .contDiv .contentD .likeDiv .likeList .list{position:relative; float:left; width:485px; border:1px solid #e5e5e5}
.myPageDiv .contDiv .contentD .likeDiv .likeList .list:nth-child(2n-1){clear:both}
.myPageDiv .contDiv .contentD .likeDiv .likeList .list:nth-child(2n){margin-left:15px}
.myPageDiv .contDiv .contentD .likeDiv .likeList .list:nth-child(n+3){margin-top:15px}
.myPageDiv .contDiv .contentD .likeDiv .likeList .list .area{display:table; width:100%; padding:30px 50px 30px 30px; table-layout:fixed}
.myPageDiv .contDiv .contentD .likeDiv .likeList .list .imgArea{display:table-cell; width:150px; height:150px; vertical-align:middle}
.myPageDiv .contDiv .contentD .likeDiv .likeList .list .imgArea .imgD{width:100%; height:100%}
.myPageDiv .contDiv .contentD .likeDiv .likeList .list .imgArea + .txtArea{padding-left:20px}
.myPageDiv .contDiv .contentD .likeDiv .likeList .list .txtArea{display:table-cell; width:100%; vertical-align:middle}
.myPageDiv .contDiv .contentD .likeDiv .likeList .list .txtArea .tag{display:inline-block; margin-bottom:15px; padding:0 7px; width:auto; height:22px; font-size:15px; line-height:20px; color:#004d45; text-align:center; border:1px solid #004d45}
.myPageDiv .contDiv .contentD .likeDiv .likeList .list .txtArea .titleD{display:block; width:100%; font-weight:500; font-size:20px; color:#000; white-space:nowrap}
.myPageDiv .contDiv .contentD .likeDiv .likeList .list .txtArea .titleD:after{content:''; display:block; clear:both}
.myPageDiv .contDiv .contentD .likeDiv .likeList .list .txtArea .titleD span{float:left; max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.myPageDiv .contDiv .contentD .likeDiv .likeList .list .txtArea .titleD span:last-child{position:relative; padding-left:49px}
.myPageDiv .contDiv .contentD .likeDiv .likeList .list .txtArea .titleD span:last-child:before{content:''; position:absolute; position:absolute; top:0; left:12px; width:20px; height:20px; background:url('../images/oneway_icon.png') no-repeat center}
.myPageDiv .contDiv .contentD .likeDiv .likeList .list.round .txtArea .titleD span:last-child:before{background:url('../images/round_icon.png') no-repeat center}
.myPageDiv .contDiv .contentD .likeDiv .likeList .list .txtArea .titleD span:first-child{padding-left:0}
.myPageDiv .contDiv .contentD .likeDiv .likeList .list .txtArea .titleD span:first-child:before{display:none}
.myPageDiv .contDiv .contentD .likeDiv .likeList .list .txtArea .reserve{margin-top:20px; font-size:17px; color:#797979}
.myPageDiv .contDiv .contentD .likeDiv .likeList .list .txtArea .reserve span{margin:0 3px;font-size:15px; color:#c8c8c8}
.myPageDiv .contDiv .contentD .likeDiv .likeList .list .txtArea .reserve + .infoD{margin-top:10px}
.myPageDiv .contDiv .contentD .likeDiv .likeList .list .txtArea .infoD{margin-top:20px; font-size:16px; color:#797979}
.myPageDiv .contDiv .contentD .likeDiv .likeList .list .txtArea .eng{margin-top:7px; width:100%; font-size:13px; line-height:17px; color:#000; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.myPageDiv .contDiv .contentD .likeDiv .likeList .list .txtArea .star{margin-top:6px; height:12px; background:url('../images/hoter_list_starIcon.png') no-repeat left center; overflow:hidden}
.myPageDiv .contDiv .contentD .likeDiv .likeList .list .txtArea .star0{width:0}
.myPageDiv .contDiv .contentD .likeDiv .likeList .list .txtArea .star1{width:14px}
.myPageDiv .contDiv .contentD .likeDiv .likeList .list .txtArea .star2{width:29px}
.myPageDiv .contDiv .contentD .likeDiv .likeList .list .txtArea .star3{width:44px}
.myPageDiv .contDiv .contentD .likeDiv .likeList .list .txtArea .star4{width:58px}
.myPageDiv .contDiv .contentD .likeDiv .likeList .list .txtArea .star5{width:72px}
.myPageDiv .contDiv .contentD .likeDiv .likeList .list .txtArea .saveTime{margin-top:10px; font-size:14px; color:#a8a8a8}
.myPageDiv .contDiv .contentD .likeDiv .likeList .list .deleteBtn{position:absolute; top:0; right:0; width:36px; height:36px; background:url('../images/square_closeBtn.gif') no-repeat}
.myPageDiv .contDiv .contentD .inquiryDiv{}
.myPageDiv .contDiv .contentD .inquiryDiv .topTitle + .searchArea{margin-top:20px}
.myPageDiv .contDiv .contentD .inquiryDiv .searchArea{margin-top:25px; padding:35px 191px 35px 192px; text-align:center; background:#fafafa; border-top:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf}
.myPageDiv .contDiv .contentD .inquiryDiv .searchArea .tagD{display:inline-block; margin-top:5px}
.myPageDiv .contDiv .contentD .inquiryDiv .searchArea .tagD span{display:inline-block; position:relative; padding-left:19px; margin-left:15px; font-weight:300; font-size:15px; color:#000}
.myPageDiv .contDiv .contentD .inquiryDiv .searchArea .tagD span:first-child{padding-left:0; margin-left:0}
.myPageDiv .contDiv .contentD .inquiryDiv .searchArea .tagD span:before{content:''; position:absolute; top:1px; left:0; width:1px; height:13px; background:#d3d3d3}
.myPageDiv .contDiv .contentD .inquiryDiv .searchArea .tagD span:first-child:before{display:none}
.myPageDiv .contDiv .contentD .inquiryDiv .searchArea .tagD + .searchD{margin-top:25px}
.myPageDiv .contDiv .contentD .inquiryDiv .searchArea .searchD{display:inline-block; position:relative; width:600px; height:65px}
.myPageDiv .contDiv .contentD .inquiryDiv .searchArea .searchD input{padding:0 90px 0 25px; width:600px; height:65px; font-size:20px; color:#004d45; border:3px solid #004d45}
.myPageDiv .contDiv .contentD .inquiryDiv .searchArea .searchD input::-webkit-input-placeholder {color:rgba(0, 77, 69, 0.6); font-weight:400; font-size:20px;}
.myPageDiv .contDiv .contentD .inquiryDiv .searchArea .searchD input:-moz-placeholder {color:rgba(0, 77, 69, 0.6); font-weight:400; font-size:20px;}
.myPageDiv .contDiv .contentD .inquiryDiv .searchArea .searchD input::-moz-placeholder {color:rgba(0, 77, 69, 0.6); font-weight:400; font-size:20px;}
.myPageDiv .contDiv .contentD .inquiryDiv .searchArea .searchD input:-ms-input-placeholder {color:rgba(0, 77, 69, 0.6); font-weight:400; font-size:20px;}
.myPageDiv .contDiv .contentD .inquiryDiv .searchArea .searchD input:placeholder-shown {color:rgba(0, 77, 69, 0.6); font-weight:400; font-size:20px;}
.myPageDiv .contDiv .contentD .inquiryDiv .searchArea .searchD .btn{position:absolute; top:17px; right:20px}
.myPageDiv .contDiv .contentD .inquiryDiv .searchArea .notiT{margin-top:10px; font-weight:300; font-size:13px; color:#797979; text-align:left}
.myPageDiv .contDiv .contentD .inquiryDiv .findReserve {font-size:15px; text-decoration:underline; margin-top:15px; display:inline-block;}/*2025-05-26 추가*/
.myPageDiv .contDiv .contentD .inquiryDiv .inquiryList{margin-top:30px}

/*.myPageDiv .contDiv .contentD .inquiryDiv .inquiryList .typeTabs2{border-left:1px solid #888;}
.myPageDiv .contDiv .contentD .inquiryDiv .inquiryList .typeTabs2:after{content:''; display:block; clear:both}
.myPageDiv .contDiv .contentD .inquiryDiv .inquiryList .typeTabs2 a{position:relative; float:left; width:20%; height:50px; font-weight:300; font-size:17px; line-height:48px; color:#000; text-align:center; border-bottom:1px solid #888; border-right:1px solid #888; border-top:1px solid #888}
.myPageDiv .contDiv .contentD .inquiryDiv .inquiryList .typeTabs2 a:last-child{border-right:1px solid #888}
.myPageDiv .contDiv .contentD .inquiryDiv .inquiryList .typeTabs2 a:nth-child(n+6) {border-top:0}
.myPageDiv .contDiv .contentD .inquiryDiv .inquiryList .typeTabs2 a:nth-child(5n) {border-right:1px solid #000}
.myPageDiv .contDiv .contentD .inquiryDiv .inquiryList .typeTabs2 a.on{font-weight:400; color:#fff; border:1px solid #000; border-right:none; background:#000}
.myPageDiv .contDiv .contentD .inquiryDiv .inquiryList .typeTabs2 a.on:last-child{border-right:1px solid #000}
.myPageDiv .contDiv .contentD .inquiryDiv .inquiryList .typeTabs2 a.on:after{content:''; position:absolute; top:-2px; left:-2px; width:1px; height:51px; background:#000; z-index:1}
.myPageDiv .contDiv .contentD .inquiryDiv .inquiryList .typeTabs2 a.on:before{content:''; position:absolute; top:-2px; left:-2px; width:calc(100% + 2px); height:1px; background:#000; z-index:1}
.myPageDiv .contDiv .contentD .inquiryDiv .inquiryList .typeTabs2 a.on:last-child:after{display:none}*/
/*2025-05-26 수정*/
.myPageDiv .contDiv .contentD .inquiryDiv .inquiryList .typeTabs2{border:1px solid #888888; display:flex; justify-content:flex-start; align-items:center; }
.myPageDiv .contDiv .contentD .inquiryDiv .inquiryList .typeTabs2 a{position:relative; height:50px; font-weight:300; font-size:17px; line-height:48px; color:#000; text-align:center; flex:1;}
.myPageDiv .contDiv .contentD .inquiryDiv .inquiryList .typeTabs2 a + a{border-left:1px solid #888888}
.myPageDiv .contDiv .contentD .inquiryDiv .inquiryList .typeTabs2 a.on{font-weight:400; color:#fff;  background:#000000; position:relative;}
.myPageDiv .contDiv .contentD .inquiryDiv .inquiryList .typeTabs2 a.on:after{content:''; border:1px solid #000000; position:absolute; top:-1px; bottom:-1px; left:-1px; right:-1px; z-index: 2;}


.myPageDiv .contDiv .contentD .inquiryDiv .inquiryList .noticeList{margin-top:60px}
.myPageDiv .contDiv .contentD .inquiryDiv .inquiryList .noticeList .top{padding-bottom:20px}
.myPageDiv .contDiv .contentD .inquiryDiv .inquiryList .noticeList .top:after{content:''; display:block; clear:both}
.myPageDiv .contDiv .contentD .inquiryDiv .inquiryList .noticeList .top .allCount{float:left; font-size:17px; color:#000}
.myPageDiv .contDiv .contentD .inquiryDiv .inquiryList .noticeList .top .allCount i{font-weight:700; font-size:19px; color:#004d45}
.myPageDiv .contDiv .contentD .inquiryDiv .inquiryList .noticeList .top .selectType{position:relative; float:right}
.myPageDiv .contDiv .contentD .inquiryDiv .inquiryList .noticeList .top .selectType .oneD{padding:5px 18px 10px 0; font-size:13px; color:#797979; background:url('../images/accor_bIcon_12x7_down.png') no-repeat right 1px top 12px}
.myPageDiv .contDiv .contentD .inquiryDiv .inquiryList .noticeList .top .selectType .twoD{display:none; position:absolute; top:29px; right:0; width:200px; background:#fff; border:1px solid #004d45; z-index:2}
.myPageDiv .contDiv .contentD .inquiryDiv .inquiryList .noticeList .top .selectType .twoD a{display:block; padding:0 0 0 20px; font-size:14px; line-height:36px; color:#797979}
.myPageDiv .contDiv .contentD .inquiryDiv .inquiryList .noticeList .top .selectType .twoD a:hover{background:#f7f7f7}
.myPageDiv .contDiv .contentD .inquiryDiv .inquiryList .noticeList .top .selectType.on .oneD{background:url('../images/accor_bIcon_12x7_up.png') no-repeat right 1px top 12px}
.myPageDiv .contDiv .contentD .inquiryDiv .inquiryList .noticeList .top .floatR.chkBox input[type="checkbox"] + label{font-size:13px}
.myPageDiv .contDiv .contentD .inquiryDiv .inquiryList .noticeList .noticeList{margin:60px auto 0}
.myPageDiv .contDiv .contentD .inquiryDiv .inquiryList .noticeList .boardDiv{border-top:2px solid #000}
.myPageDiv .contDiv .contentD .inquiryDiv .inquiryList .noticeList .boardDiv .list{display:table; padding:23px 0; width:100%; border-bottom:1px solid #e5e5e5; table-layout:fixed}
.myPageDiv .contDiv .contentD .inquiryDiv .inquiryList .noticeList .boardDiv .list:last-child{border-bottom:1px solid #c8c8c8}
.myPageDiv .contDiv .contentD .inquiryDiv .inquiryList .noticeList .boardDiv .list .num{display:table-cell; padding:0 10px; width:50px; font-family:'Spoqa'; font-weight:300; font-size:15px; line-height:23px; color:#000; text-align:center; vertical-align:middle}
.myPageDiv .contDiv .contentD .inquiryDiv .inquiryList .noticeList .boardDiv .list .type{display:table-cell; padding:0 5px; width:200px; font-weight:300; font-size:17px; line-height:23px; color:#000; text-align:center; vertical-align:middle}
.myPageDiv .contDiv .contentD .inquiryDiv .inquiryList .noticeList .boardDiv .list .title{display:table-cell; padding:0 15px; width:465px; font-weight:300; font-size:17px; line-height:23px; color:#000; text-align:left; vertical-align:middle; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
.myPageDiv .contDiv .contentD .inquiryDiv .inquiryList .noticeList .boardDiv .list .date{display:table-cell; padding:0 15px; width:180px; font-family:'Spoqa'; font-weight:300; font-size:15px; line-height:23px; color:#000; text-align:center; vertical-align:middle}
.myPageDiv .contDiv .contentD .inquiryDiv .inquiryList .noticeList .boardDiv .list .state{display:table-cell; padding:0 10px; width:90px; font-weight:300; font-size:17px; line-height:23px; color:#e64949; text-align:center; vertical-align:middle}.myPageDiv .contDiv .contentD .inquiryDiv .inquiryList .noticeList .boardDiv .noDataDiv{border-top:none}
.myPageDiv .contDiv .contentD .inquiryDiv .inquiryList .noticeList .boardDiv.noDataDiv{border-top:1px solid #c8c8c8}
.myPageDiv .contDiv .contentD .inquiryDiv .inquiryList .noticeList.ah .boardDiv .list .type{width:170px}
.myPageDiv .contDiv .contentD .inquiryDiv .inquiryList .noticeList.ah .boardDiv .list .route{display:table-cell; padding:2px 15px; width:145px; font-weight:300; font-size:17px; color:#000; text-align:left; vertical-align:middle; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
.myPageDiv .contDiv .contentD .inquiryDiv .inquiryList .noticeList.ah .boardDiv .list .title{width:350px}
.myPageDiv .contDiv .contentD .inquiryDiv .viewDiv{margin-top:30px; word-break:keep-all}
.myPageDiv .contDiv .contentD .inquiryDiv .viewDiv .topD{padding:0 25px 20px 70px; background:url('../images/question_icon.png') no-repeat 30px 6px; border-bottom:1px solid #e5e5e5}
.myPageDiv .contDiv .contentD .inquiryDiv .viewDiv .topD .type{display:inline-block; margin-bottom:10px; padding:0 10px; font-size:15px; line-height:28px; color:#004d45; text-align:center; border:1px solid #004d45}
.myPageDiv .contDiv .contentD .inquiryDiv .viewDiv .topD .title{font-size:32px; line-height:42px; color:#000}
.myPageDiv .contDiv .contentD .inquiryDiv .viewDiv .topD .infoD{margin-top:20px}
.myPageDiv .contDiv .contentD .inquiryDiv .viewDiv .topD .infoD:after{content:''; display:block; clear:both}
.myPageDiv .contDiv .contentD .inquiryDiv .viewDiv .topD .infoD .route{position:relative; float:left; padding-right:21px; margin-right:20px; font-weight:500; font-size:15px; line-height:17px; color:#797979}
.myPageDiv .contDiv .contentD .inquiryDiv .viewDiv .topD .infoD .route:after{content:''; position:absolute; top:1px; right:0; width:1px; height:13px; background:#d7d7d7}
.myPageDiv .contDiv .contentD .inquiryDiv .viewDiv .topD .infoD .reserve{position:relative; float:left; padding-right:21px; margin-right:20px; font-weight:500; font-size:15px; line-height:17px; color:#797979}
.myPageDiv .contDiv .contentD .inquiryDiv .viewDiv .topD .infoD .reserve i{margin-left:10px; font-weight:400;}
.myPageDiv .contDiv .contentD .inquiryDiv .viewDiv .topD .infoD .reserve:after{content:''; position:absolute; top:1px; right:0; width:1px; height:13px; background:#d7d7d7}
.myPageDiv .contDiv .contentD .inquiryDiv .viewDiv .topD .infoD .date{position:relative; float:left;  font-size:15px; line-height:17px; color:#797979}
.myPageDiv .contDiv .contentD .inquiryDiv .viewDiv .topD .infoD .state{float:right; font-size:17px; line-height:17px; color:#e64949}
.myPageDiv .contDiv .contentD .inquiryDiv .viewDiv .bottomD{border-bottom:1px solid #797979}
.myPageDiv .contDiv .contentD .inquiryDiv .viewDiv .bottomD .conD{padding:50px 70px 60px; font-weight:300; font-size:17px; line-height:30px; color:#666}
.myPageDiv .contDiv .contentD .inquiryDiv .viewDiv .bottomD .conD img{max-width:100%}
.myPageDiv .contDiv .contentD .inquiryDiv .viewDiv .bottomD .fileD{padding:30px; background:#fafafa; border-top:1px solid #e5e5e5; text-align:right}
.myPageDiv .contDiv .contentD .inquiryDiv .viewDiv .bottomD .fileD p{display:inline-block; font-weight:300; font-size:16px; color:#000}
.myPageDiv .contDiv .contentD .inquiryDiv .viewDiv .bottomD .fileD a{display:inline-block; margin-left:5px; font-size:16px; color:#00696d; text-decoration:underline}
.myPageDiv .contDiv .contentD .inquiryDiv .viewDiv .btnD{margin:20px auto 0}
.myPageDiv .contDiv .contentD .inquiryDiv .viewDiv .btnD:after{content:''; display:block; clear:both}
.myPageDiv .contDiv .contentD .inquiryDiv .viewDiv .btnD a{float:left; width:132px; height:45px; font-size:18px; line-height:45px; color:#fff; text-align:center; background:#000}
.myPageDiv .contDiv .contentD .inquiryDiv .viewDiv .btnD .prev{margin-right:10px}
.myPageDiv .contDiv .contentD .inquiryDiv .viewDiv .btnD .list{float:right}
.myPageDiv .contDiv .contentD .inquiryDiv .viewDiv .answerD{border-bottom:1px solid #797979}
.myPageDiv .contDiv .contentD .inquiryDiv .viewDiv .answerD .titleD{padding:21px 25px; border-bottom:1px solid #e5e5e5}
.myPageDiv .contDiv .contentD .inquiryDiv .viewDiv .answerD .titleD:after{content:''; display:block; clear:both}
.myPageDiv .contDiv .contentD .inquiryDiv .viewDiv .answerD .titleD .tit{float:left; padding-left:85px; width:calc(100% - 150px); width:-webkit-calc(100% - 150px); font-size:20px; line-height:26px; color:#000; background:url('../images/answer_icon.png') no-repeat 45px 2px}
.myPageDiv .contDiv .contentD .inquiryDiv .viewDiv .answerD .titleD .date{float:right; font-size:15px; line-height:26px; color:#797979;}
.myPageDiv .contDiv .contentD .inquiryDiv .viewDiv .answerD .conD{padding:30px 50px 30px 110px; font-weight:300; font-size:17px; line-height:30px; color:#666}
.myPageDiv .contDiv .contentD .inquiryDiv .viewDiv .answerD .conD img{max-width:100%}
.myPageDiv .contDiv .contentD .inquiryDiv .viewDiv .answerD .noDataDiv{border-top:none; border-bottom:none}
.myPageDiv .contDiv .contentD .inquiryDiv .touristD{position:relative; margin:80px auto 0}
.myPageDiv .contDiv .contentD .bottomBtnArea{position:relative}
.myPageDiv .contDiv .contentD .bottomBtnArea .deleteBtn{position:absolute; top:10px; left:0; width:120px; height:40px; font-size:16px; line-height:38px; color:#000; text-align:center; background:#fff; border:1px solid #000}
.myPageDiv .contDiv .contentD .bottomBtnArea .allDeleteBtn{position:absolute; top:10px; left:0; width:90px; height:40px; font-size:16px; line-height:38px; color:#000; text-align:center; background:#fff; border:1px solid #000}
.myPageDiv .contDiv .contentD .bottomBtnArea .allCheck{position:absolute; top:10px; left:0; width:90px; height:40px; font-size:16px; line-height:38px; color:#000; text-align:center; background:#fff; border:1px solid #000}
.myPageDiv .contDiv .contentD .bottomBtnArea .allCheck + .allDeleteBtn{left:100px}
.myPageDiv .contDiv .contentD .memberInfoDiv{}
.myPageDiv .contDiv .contentD .memberInfoDiv .editInfoD{margin-top:25px}
.myPageDiv .contDiv .contentD .memberInfoDiv .editInfoD .section{margin-top:50px}
.myPageDiv .contDiv .contentD .memberInfoDiv .editInfoD .section:first-child{margin-top:0}
.myPageDiv .contDiv .contentD .memberInfoDiv .editInfoD .section .sectionTit{padding-bottom:15px; font-weight:500; font-size:19px; color:#000}
.myPageDiv .contDiv .contentD .memberInfoDiv .editInfoD .section .sectionTit span{font-weight:400}
.myPageDiv .contDiv .contentD .memberInfoDiv .editInfoD .section .sectionTit span.redTxt{color:#e64949}
.myPageDiv .contDiv .contentD .memberInfoDiv .editInfoD .section .sectionTit span.grayTxt{color:#797979}
.myPageDiv .contDiv .contentD .memberInfoDiv .editInfoD .section .tbStyle2 table{border-top:1px solid #a8a8a8}
.myPageDiv .contDiv .contentD .memberInfoDiv .editInfoD .section .certificationDiv{margin:50px auto 0}
.myPageDiv .contDiv .contentD .memberInfoDiv .editInfoD .section .certificationDiv:after{content:''; display:block; clear:both}
.myPageDiv .contDiv .contentD .memberInfoDiv .editInfoD .section .certificationDiv .list{float:left; padding:27px 60px 26px 40px; width:487px; background:url('../images/right_grayIcon_12x22.gif') no-repeat right 34px top 50% #fff; border:1px solid #d8d8d8}
.myPageDiv .contDiv .contentD .memberInfoDiv .editInfoD .section .certificationDiv .list .txtArea{padding-top:2px}
.myPageDiv .contDiv .contentD .memberInfoDiv .editInfoD .section .certificationDiv .list .txtArea .tit{font-weight:500; font-size:23px; color:#000}
.myPageDiv .contDiv .contentD .memberInfoDiv .editInfoD .section .certificationDiv .list .txtArea .txt{margin-top:12px; font-weight:300; font-size:13px; color:#666}
.myPageDiv .contDiv .contentD .memberInfoDiv .editInfoD .section .certificationDiv .list:nth-child(2){margin-left:11px}
.myPageDiv .contDiv .contentD .memberInfoDiv .editInfoD .section .certificationDiv .list:nth-child(1) .txtArea{padding-left:80px; background:url('../images/memberInfoDiv_certificationDiv_hpoint.png') no-repeat left center}
.myPageDiv .contDiv .contentD .memberInfoDiv .editInfoD .section .certificationDiv .list:nth-child(2) .txtArea{padding-left:62px; background:url('../images/memberInfoDiv_certificationDiv_staff.png') no-repeat left center}
.myPageDiv .contDiv .contentD .memberInfoDiv .editInfoD .section .withdrawal{margin:20px auto 0; padding:30px 50px; background:#fafafa; border:1px solid #dfdfdf}
.myPageDiv .contDiv .contentD .memberInfoDiv .editInfoD .section .withdrawal:after{content:''; display:block; clear:both}
.myPageDiv .contDiv .contentD .memberInfoDiv .editInfoD .section .withdrawal .tit{float:left; font-size:17px; color:#000;}
.myPageDiv .contDiv .contentD .memberInfoDiv .editInfoD .section .withdrawal .chkBox{float:right}
.myPageDiv .contDiv .contentD .memberInfoDiv .editInfoD .section .withdrawal .chkBox.right input[type="checkbox"] + label{color:#000}

/* 예치금 추가개발 추가 - 2021-03-17 */
.myPageDiv .contDiv .contentD .depositDiv .infoArea {margin-top:20px; padding:40px 40px 35px; background:#fafafa; border:1px solid #c8c8c8}
.myPageDiv .contDiv .contentD .depositDiv .infoArea .infoTit {font-size:25px; color:#000000; font-weight:300}
.myPageDiv .contDiv .contentD .depositDiv .infoArea .infoTit strong {font-weight:500}
.myPageDiv .contDiv .contentD .depositDiv .infoArea .txt1 {margin-top:15px; font-size:15px; color:#797979; line-height:25px;}
.myPageDiv .contDiv .contentD .depositDiv .infoArea .accorD .list {position:relative;}
.myPageDiv .contDiv .contentD .depositDiv .infoArea .accorD .list .open {display:block; position:absolute; bottom:-15px; right:-20px; padding-right:25px; background:url("../images/arrow_gry_12x7.png") no-repeat right center; font-size:14px; text-align:right}
.myPageDiv .contDiv .contentD .depositDiv .infoArea .accorD .list .open span:nth-child(1) {display:block}
.myPageDiv .contDiv .contentD .depositDiv .infoArea .accorD .list .open span:nth-child(2) {display:none}
.myPageDiv .contDiv .contentD .depositDiv .infoArea .accorD .list.on .open {background:url("../images/arrow_gry_up_12x7.png") no-repeat right center; }
.myPageDiv .contDiv .contentD .depositDiv .infoArea .accorD .list.on .open span:nth-child(1) {display:none}
.myPageDiv .contDiv .contentD .depositDiv .infoArea .accorD .list.on .open span:nth-child(2) {display:block}
.myPageDiv .contDiv .contentD .depositDiv .infoArea .boxTit {margin:50px 0 20px; font-size:19px; line-height:1; color:#000}
.myPageDiv .contDiv .contentD .depositDiv .infoArea .boxAddTit {padding-left:15px; text-indent:-15px; margin-top:10px; font-size:15px; line-height:25px; color:#000;}
.myPageDiv .contDiv .contentD .depositDiv .infoArea .box {border-top:1px solid #a8a8a8; border-bottom:1px solid #a8a8a8}
.myPageDiv .contDiv .contentD .depositDiv .infoArea .box.titTxt {margin-top:30px; padding:25px 0;}
.myPageDiv .contDiv .contentD .depositDiv .infoArea .box.titTxt dl:after {content:""; display:block; clear:both}
.myPageDiv .contDiv .contentD .depositDiv .infoArea .box.titTxt dl dt {float:left; width:166px; font-size:13px; line-height:25px; color:#797979;}
.myPageDiv .contDiv .contentD .depositDiv .infoArea .box.titTxt dl dd {float:left; font-size:15px; line-height:25px; color:#000000;}
.myPageDiv .contDiv .contentD .depositDiv .infoArea .box.process {height:262px;}
.myPageDiv .contDiv .contentD .depositDiv .infoArea .box.process ul {height:100%; position:relative;}
.myPageDiv .contDiv .contentD .depositDiv .infoArea .box.process ul li {position:absolute; height:100%; padding-left:50px;}
.myPageDiv .contDiv .contentD .depositDiv .infoArea .box.process ul li:after {content:""; display:block; width:24px; height:24px; background:url("../images/circle_arrow_24x24.png") no-repeat center center; position:absolute; top:50%; left:-12px; margin-top:-12px;}
.myPageDiv .contDiv .contentD .depositDiv .infoArea .box.process ul li:nth-child(1){top:0; width:246px; padding-top:77px; padding-left:0;}
.myPageDiv .contDiv .contentD .depositDiv .infoArea .box.process ul li:nth-child(1):after {display:none}
.myPageDiv .contDiv .contentD .depositDiv .infoArea .box.process ul li:nth-child(2){top:0; left:246px; width:377px; height:140px; padding-top:20px;}
.myPageDiv .contDiv .contentD .depositDiv .infoArea .box.process ul li:nth-child(3){top:140px; left:246px; width:377px; height:122px; padding-top:0;}
.myPageDiv .contDiv .contentD .depositDiv .infoArea .box.process ul li:nth-child(4){top:0; right:0; width:280px; padding-top:77px;}
.myPageDiv .contDiv .contentD .depositDiv .infoArea .box.process ul li .tit {font-size:15px; line-height:25px; color:#000; font-weight:700}
.myPageDiv .contDiv .contentD .depositDiv .infoArea .box.process ul li .txt {margin-top:5px; font-size:15px; line-height:24px; color:#797979}
.myPageDiv .contDiv .contentD .depositDiv .infoArea .box.process ul li .addT {margin-top:5px; font-size:13px; line-height:23px; color:#797979}
.myPageDiv .contDiv .contentD .depositDiv .infoArea .box.listup ul li {display:table; table-layout:fixed; width:100%; padding:17px 0; border-top:1px solid #e5e5e5}
.myPageDiv .contDiv .contentD .depositDiv .infoArea .box.listup ul li:nth-child(1) {border-top:0}
.myPageDiv .contDiv .contentD .depositDiv .infoArea .box.listup ul li > p {display:table-cell; vertical-align:top}
.myPageDiv .contDiv .contentD .depositDiv .infoArea .box.listup ul li > p.name {width:100px; font-size:15px; line-height:21px; color:#000}
.myPageDiv .contDiv .contentD .depositDiv .infoArea .box.listup ul li > p.number {width:230px; font-size:15px; line-height:21px; color:#000; text-align:center}
.myPageDiv .contDiv .contentD .depositDiv .infoArea .box.listup ul li > p.txt {padding-left:15px; font-size:15px; line-height:21px; color:#555555; font-weight:300}
.myPageDiv .contDiv .contentD .depositDiv .infoArea .myPageNotiTxt {margin-top:50px;}
/* //예치금 추가개발 추가 - 2021-03-17 */

.myPageNotiTxt{}
.myPageNotiTxt .tit{font-size:17px; color:#797979}
.myPageNotiTxt .dotList{margin-top:15px}
.myPageNotiTxt .dotList p{line-height:28px; color:#797979; background:url('../images/dot3x3.gif') no-repeat left 12px}
.myPageNotiTxt .text{margin-top:75px; padding-top:25px; font-weight:300; font-size:23px; line-height:33px; color:#797979; border-top:1px solid #e5e5e5}
.myPageNotiTxt .text p{margin-top:2px; text-indent:-13px; padding-left:13px}
.myPageNotiTxt .text p:first-child{margin-top:0}
.myPageNotiTxt .text b{font-weight:400; color:#000}

.main .tripPlanArea .browseBox .tabCon .tripPlanCon .infoDiv .info .depaPlace{width:223px; overflow:hidden}
.main .tripPlanArea .browseBox .tabCon .tripPlanCon .infoDiv .info .arriPlace{width:243px}
.main .tripPlanArea .browseBox .tabCon .tripPlanCon .infoDiv .info .depaPlace{font-weight:500}
.main .tripPlanArea .browseBox .tabCon .tripPlanCon .infoDiv .info.when .iTxt{font-weight:400}
.main .tripPlanArea .browseBox .tabCon .tripPlanCon .infoDiv .info.when .iTxt i{font-weight:700}
.main .tripPlanArea .browseBox .tabCon .tripPlanCon .infoDiv .info.where .iTxt{overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.main .tripPlanArea .browseBox .tabCon .tripPlanCon .infoDiv .info .iTxt{font-weight:500}
.main .tripPlanArea.hotel .browseBox .tabCon .tripPlanCon .infoDiv .info .depaPlace{width:100%}
.main .tripPlanArea.hotel .browseBox .tabCon .tripPlanCon .infoDiv .info .depaPlace.noData{font-weight:400; color:#c8c8c8}
.main .tripPlanArea.hotel .browseBox .tabCon .tripPlanCon .infoDiv .info.where{width:390px}
.main .tripPlanArea.hotel .browseBox .tabCon .tripPlanCon .infoDiv .info.when{width:410px}
.main .tripPlanArea.hotel .browseBox .tabCon .tripPlanCon .infoDiv .info.whom .iTxt.chosed .data{opacity:1}
.tripPlanArea {position:absolute; bottom:70px; left:50%; width:1280px; transform:translate(-50%,0); -webkit-transform:translate(-50%,0); -moz-transform:translate(-50%,0); background:#fff; z-index:2}
.tripPlanArea .img{position:absolute; top:-120px; right:15px}
.tripPlanArea .browseBox {padding:30px 50px;}
.tripPlanArea .browseBox .tripPlan {position:relative; height:60px; text-align:center; background:url("../images/tripPlanArea_bg.png") no-repeat bottom left;}
.tripPlanArea .browseBox .tripPlan:before{content:""; display:block; position:absolute; bottom:0; right:0; width:1055px; height:1px; background:#c8c8c8; opacity:0.8}
.tripPlanArea .browseBox .tripPlan .tit {display:inline-block; position:relative; font-size:21px; line-height:60px; padding:0 28px; font-weight:400; color:#a8a8a8}
.tripPlanArea .browseBox .tripPlan .tit:before{content:""; display:block; position:absolute; top:20px; left:-2px; width:1px; height:18px; background:#c8c8c8}
.tripPlanArea .browseBox .tripPlan .tit:first-child:before {display:none}
.tripPlanArea .browseBox .tripPlan .tit.on {font-weight:700; color:#004d45}
.tripPlanArea .browseBox .tripPlan .tit.on:after {content:""; display:block; position:absolute; bottom:0; left:0; width:100%; height:3px; background:#004d45}
.tripPlanArea .browseBox .tripPlan .filterCheck {position:absolute; bottom:12px; right:0;}
.tripPlanArea .browseBox .tripPlan .filterCheck .chkBox input[type="checkbox"] + label {padding-left:0; padding-right:30px;}
.tripPlanArea .browseBox .tripPlan .filterCheck .chkBox input[type="checkbox"] + label:after {left:auto; right:0;}
.tripPlanArea .browseBox .tripPlan .filterCheck .chkBox.right input[type="checkbox"] + label {padding-right:0; padding-left:30px;}
.tripPlanArea .browseBox .tripPlan .filterCheck .chkBox.right input[type="checkbox"] + label:after {left:0; right:auto}
.tripPlanArea .browseBox .tabCon {margin-top:25px;}
.tripPlanArea .browseBox .tabCon .tripPlanCon {display:none; position:relative}
.tripPlanArea .browseBox .tabCon .tripPlanCon .infoDiv {display:block; width:1180px;}
.tripPlanArea .browseBox .tabCon .tripPlanCon .infoDiv:after {content:""; display:block; clear:both}
.tripPlanArea .browseBox .tabCon .tripPlanCon .infoDiv .info {float:left; height:70px; padding:0 20px; /* overflow:hidden; */ border-left:1px solid #e5e5e5;}
.tripPlanArea .browseBox .tabCon .tripPlanCon .infoDiv .info:nth-of-type(1) {border-left:0}
.tripPlanArea .browseBox .tabCon .tripPlanCon .infoDiv .info .iTxt {display:block; position:relative; bottom:1px; float:left; width:100%; height:70px; font-size:18px; line-height:70px; color:#000000}
.tripPlanArea .browseBox .tabCon .tripPlanCon .infoDiv .info .iTxt .data {display:block; position:absolute; top:0; left:0; width:100%; height:100%; font-weight:500; opacity:0}
.tripPlanArea .browseBox .tabCon .tripPlanCon .infoDiv .info .iTxt .placeholder {display:block; position:absolute; top:0; left:0; width:100%; height:100%; color:#c8c8c8; font-weight:300}
.tripPlanArea .browseBox .tabCon .tripPlanCon .infoDiv .info .iTxt.chosed .data {opacity:1;}
.tripPlanArea .browseBox .tabCon .tripPlanCon .infoDiv .info .iTxt.chosed .placeholder {display:none}
.tripPlanArea .browseBox .tabCon .tripPlanCon .infoDiv .info .iTxt input {display:block; width:100%; height:70px; padding:0 35px 0 0; font-size:18px; font-weight:400; line-height:70px; color:#000000; border:0; outline:none;}
.tripPlanArea .browseBox .tabCon .tripPlanCon .infoDiv .info .iTxt input.filled {font-weight:500}
.tripPlanArea .browseBox .tabCon .tripPlanCon .infoDiv .info .iTxt input::placeholder {font-weight:300; font-size:18px; color:#c8c8c8}
.tripPlanArea .browseBox .tabCon .tripPlanCon .infoDiv .info .iTxt input::-webkit-input-placeholder {font-weight:300; font-size:18px; color:#c8c8c8}
.tripPlanArea .browseBox .tabCon .tripPlanCon .infoDiv .info .iTxt input:-moz-placeholder {font-weight:300; font-size:18px; color:#c8c8c8}
.tripPlanArea .browseBox .tabCon .tripPlanCon .infoDiv .info .iTxt input::-moz-placeholder {font-weight:300; font-size:18px; color:#c8c8c8}
.tripPlanArea .browseBox .tabCon .tripPlanCon .infoDiv .info .iTxt input:-ms-input-placeholder {font-weight:300; font-size:18px; color:#c8c8c8}
.tripPlanArea .browseBox .tabCon .tripPlanCon .infoDiv .info .iTxt input:placeholder-shown {font-weight:300; font-size:18px; color:#c8c8c8}
.tripPlanArea .browseBox .tabCon .tripPlanCon .infoDiv .info .iTxt input[readonly] {background:#fff; border:none; color:#000 !important}
.tripPlanArea .browseBox .tabCon .tripPlanCon .infoDiv .info .iTxt input[readonly="readonly"]{background:#fff; border:none; color:#000 !important}
.tripPlanArea .browseBox .tabCon .tripPlanCon .infoDiv .info .iTxt .delete{right:0}
.tripPlanArea .browseBox .tabCon .tripPlanCon .infoDiv .info .iTxt.depaPlace input{padding-right:45px}
.tripPlanArea .browseBox .tabCon .tripPlanCon .infoDiv .info .iTxt.depaPlace .delete{right:10px}
.tripPlanArea .browseBox .tabCon .tripPlanCon .infoDiv .info .midIcon {display:inline-block; position:relative; float:left; height:70px; line-height:70px}
.tripPlanArea .browseBox .tabCon .tripPlanCon .infoDiv .info .midIcon.round {width:20px; height:100%; margin-left:10px; background:url("../images/round_icon.png") no-repeat center center}
.tripPlanArea .browseBox .tabCon .tripPlanCon .infoDiv .info .midIcon.oneWay {width:20px; height:100%; margin-left:10px; background:url("../images/oneway_icon.png") no-repeat center center}
.tripPlanArea .browseBox .tabCon .tripPlanCon .icon {position:absolute; top:0; right:0px; width:70px; height:70px; }
.tripPlanArea .browseBox .tabCon .tripPlanCon .icon.find {background:url("../images/tripPlanArea_icon.jpg") no-repeat center center}
.tripPlanArea .browseBox .tabCon .tripPlanCon .infoDiv .info.where {width:525px; padding-left:0}
.tripPlanArea .browseBox .tabCon .tripPlanCon .infoDiv .info .depaPlace {width:200px;}
.tripPlanArea .browseBox .tabCon .tripPlanCon .infoDiv .info .arriPlace {padding-left:20px; width:242px}
/* .info.when */
.tripPlanArea .browseBox .tabCon .tripPlanCon .infoDiv .info.when {width:360px;}
.tripPlanArea .browseBox .tabCon .tripPlanCon .infoDiv .info.when .iTxt {font-size:17px; font-weight:400}
.tripPlanArea .browseBox .tabCon .tripPlanCon .infoDiv .info.when .iTxt .data {font-weight:400}
.tripPlanArea .browseBox .tabCon .tripPlanCon .infoDiv .info.when .iTxt .data i{font-weight:700}
.tripPlanArea .browseBox .tabCon .tripPlanCon .infoDiv .info.when .iTxt .data .day {font-size:18px; font-weight:400}
.tripPlanArea .browseBox .tabCon .tripPlanCon .infoDiv .info.when .depaDate {width:125px;}
.tripPlanArea .browseBox .tabCon .tripPlanCon .infoDiv .info.when .arriDate {width:125px;}
.tripPlanArea .browseBox .tabCon .tripPlanCon .infoDiv .info.when .midIcon {padding:0 20px;}
/* .info.whom */
.tripPlanArea .browseBox .tabCon .tripPlanCon .infoDiv .info.whom {width:225px;}
.tripPlanArea .browseBox .tabCon .tripPlanCon .infoDiv .info.whom .data {overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.tripPlanArea .browseBox .tabCon .tripPlanCon .infoDiv .info.whom .data strong {font-weight:500}
.tripPlanArea .browseBox .tabCon .tripPlanCon .infoDiv .info.whom .data .num {font-size:18px; font-weight:700}
.tripPlanArea .browseBox .tabCon .tripPlanCon .infoDiv .info.whom i {font-size:18px; font-weight:700}
/* 다구간 */
.tripPlanArea .browseBox .tabCon .tripPlanCon .eachWay {display:block; position:relative;}
.tripPlanArea .browseBox .tabCon .tripPlanCon .eachWay.defult .infoDiv:before {content:""; display:block; position:absolute; bottom:0; left:0; width:100%; height:1px; background:#000;}
.tripPlanArea .browseBox .tabCon .tripPlanCon .eachWay.added {margin-top:10px;}
.tripPlanArea .browseBox .tabCon .tripPlanCon .eachWay.added .infoDiv:before {content:""; display:block; position:absolute; bottom:0; left:0; width:100%; height:1px; background:#004d45;}
.tripPlanArea .browseBox .tabCon .tripPlanCon .eachWay.added .info .data span.placeholder {color:#c8c8c8}
.tripPlanArea .browseBox .tabCon .tripPlanCon .eachWay .eachInfo {position:relative; width:1180px;}
.tripPlanArea .browseBox .tabCon .tripPlanCon .eachWay .infoDiv {position:relative;}
.tripPlanArea .browseBox .tabCon .tripPlanCon .eachWay .infoDiv:after {content:""; display:block; clear:both;}
.tripPlanArea .browseBox .tabCon .tripPlanCon .eachWay .info.where {width:525px;}
/* .tripPlanArea .browseBox .tabCon .tripPlanCon .eachWay .info .depaPlace {width:295px;}
.tripPlanArea .browseBox .tabCon .tripPlanCon .eachWay .info .arriPlace {padding-left:20px; width:295px;} */
.tripPlanArea .browseBox .tabCon .tripPlanCon .eachWay .info.when {/* width:240px; */}
.tripPlanArea .browseBox .tabCon .tripPlanCon .eachWay .icon.add {display:block; background:url("../images/tripPlanArea_add.jpg") no-repeat center center}
.tripPlanArea .browseBox .tabCon .tripPlanCon .eachWay .icon.del {display:block; background:url("../images/tripPlanArea_del.jpg") no-repeat center center}
.tripPlanArea .browseBox .tabCon .tripPlanCon .eachWay.added .process {display:none}

/* tripPlanPop */
.tripPlanPopWrap {display:none; position:fixed; bottom:70px; left:50%; /* transform:translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%);  */overflow:hidden;  width:1314px; height:90%; margin-left:17px; padding-top:33px; /* box-shadow:2px 6px 20px 20px rgba(0,0,0,0.5) */z-index:7}
.main .tripPlanPopWrap {margin:0; z-index:8;}
.tripPlanPopWrap .closeBtn {display:block; position:absolute; top:0px; right:0px; width:25px; height:25px; background:url("../images/layclose_btn.png") no-repeat center center}
.tripPlanPop {position:relative; padding-bottom:90px; width:1280px; height:100%; background:#fff;}
.tripPlanPop.hotel{padding-bottom:0}
.tripPlanPop.hotel .submitArea{display:none}
.tripPlanPop .tripPlanArea.hotel + .submitArea{display:none}
.tripPlanPop .submitArea{position:absolute; bottom:0; left:0; padding:20px 0; width:100%; height:90px; background:#f7f7f7; border-top:1px solid #e5e5e5; z-index:2}
.tripPlanPop .submitArea .submitBtn{display:block; margin:0 auto; width:200px; height:50px; font-weight:500; font-size:19px; line-height:50px; color:#fff; text-align:center; background:#000}
.tripPlanPop .tripPlanArea {position:relative; bottom:auto; top:auto; padding-bottom:50px; width:1280px; height:100%; overflow:hidden; overflow-y:auto}
.tripPlanPop .tripPlanArea .browseBox {width:1280px; padding:10px 50px 0;}
.tripPlanPop .tripPlanArea .browseBox .tabCon .tripPlanCon .infoDiv {padding-bottom:25px;}
.tripPlanPop .tripPlanArea .browseBox .tabCon .tripPlanCon .infoDiv:after {content:""; display:block; clear:both}
.tripPlanPop .tripPlanArea .browseBox .tabCon .tripPlanCon .eachWay .infoDiv {padding-bottom:0}
.tripPlanPop .tripPlanArea .browseBox .tabCon .tripPlanCon .eachWay .infoDiv:after {content:""; display:block; clear:both}
.tripPlanPop .tripPlanArea .browseBox .tabCon .tripPlanCon .infoDiv .info.when .midIcon {opacity:0}
.tripPlanPop .tripPlanArea .browseBox .tabCon .tripPlanCon .infoDiv .info.when .iTxt.chosed + .midIcon {opacity:1}
.tripPlanPop .tripPlanArea .browseBox .tabCon .tripPlanCon .infoDiv .info.whom .iTxt {width:100%;}
.tripPlanPop .tripPlanArea .browseBox .tabCon .tripPlanCon.multi .process {display:none}
/* process 공통 */
.tripPlanPop .tripPlanArea .browseBox .searchDiv .process {display:none; margin-top:-1px; /* padding:40px 0 25px; */padding-top:40px; border-top:1px solid #000000;}
.tripPlanPop .tripPlanArea .browseBox .searchDiv .process .top {height:auto; border-bottom:1px solid #c8c8c8;}
.tripPlanPop .tripPlanArea .browseBox .searchDiv .process .overWrap {width:100%;}
.tripPlanPop .tripPlanArea .browseBox .searchDiv .process .overWrap:after {content:""; display:block; clear:both}
.tripPlanPop .tripPlanArea .browseBox .searchDiv .process .tit {float:left; padding-right:14px; line-height:30px; font-size:17px; color:#000; }
.tripPlanPop .tripPlanArea .browseBox .searchDiv .process .words {float:left; line-height:30px; font-size:17px; color:#000; }
.tripPlanPop .tripPlanArea .browseBox .searchDiv .eachWay {padding-bottom:10px;}
.tripPlanPop .tripPlanArea .browseBox .searchDiv .eachWay .eachInfo .midIcon {pointer-events:none}

/* stepOne1 - 여정선택 */
.tripPlanPop .searchDiv .process .stepOne1 {display:none}
.tripPlanPop .searchDiv .process .stepOne1 .overWrap {padding-bottom:20px;}
.tripPlanPop .searchDiv .process .stepOne1 .overWrap .words.nohis {display:none; padding-left:16px; color:#666666}
.tripPlanPop .searchDiv .process .stepOne1 .overWrap .words .word {display:inline-block; position:relative; float:left; margin-left:5px; padding:0 30px 0 10px; max-width:216px; border:1px solid #004d45; }
.tripPlanPop .searchDiv .process .stepOne1 .overWrap .words .word:first-child{margin-left:0}
.tripPlanPop .searchDiv .process .stepOne1 .overWrap .words .word a {display:block; line-height:28px; color:#004d45; max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.tripPlanPop .searchDiv .process .stepOne1 .overWrap .words .word .del {display:inline-block; position:absolute; top:10px; right:10px; width:10px; height:10px; background:url("../images/worddel_btn.png") no-repeat center center}
.tripPlanPop .searchDiv .process .stepOne1 .category {display:table; table-layout:fixed; width:100%; padding-top:40px;}
.tripPlanPop .searchDiv .process .stepOne1 .category li {display:table-cell; width:auto; margin-left:20px; padding-right:10px}
.tripPlanPop .searchDiv .process .stepOne1 .category li:first-child {margin-left:0}
.tripPlanPop .searchDiv .process .stepOne1 .category .bigCate {margin-bottom:24px; font-size:19px; font-weight:500; color:#000}
.tripPlanPop .searchDiv .process .stepOne1 .category .smallCate {display:block; font-size:17px; line-height:34px; color:#797979}
.tripPlanPop .searchDiv .process .stepOne1 .category .smallCate:hover {color:#004d45; font-weight:500;}

/* stepOne2 - 여정선택 */
.tripPlanPop .searchDiv .process .stepOne2 {display:none}
.tripPlanPop .searchDiv .process .stepOne2 .overWrap {padding-bottom:20px;}
.tripPlanPop .searchDiv .process .stepOne2 .matchedList{height:100%; overflow-y:auto}
.tripPlanPop .searchDiv .process .stepOne2 .matchedList .key {padding:18px 10px; border-bottom:1px solid #eaeaea;}
.tripPlanPop .searchDiv .process .stepOne2 .matchedList .key a {display:inline-block; overflow:hidden; line-height:26px}
.tripPlanPop .searchDiv .process .stepOne2 .matchedList .key .air {display:block; float:left; min-width:86px; font-size:19px; font-weight:700; color:#000000;}
.tripPlanPop .searchDiv .process .stepOne2 .matchedList .key .place {display:block; float:left; font-size:18px; font-weight:400; color:#666666;}
.tripPlanPop .searchDiv .process .stepOne2 .matchedList .key .place .highlight {color:#007579}
.tripPlanPop .searchDiv .process .stepOne2 .matchedList.noList {display:none; padding-top:144px;}
.tripPlanPop .searchDiv .process .stepOne2 .matchedList.noList p {text-align:center; font-size:18px; color:#666666; font-weight:400;}

/* stepTwo - 날짜선택 */
.tripPlanPop .searchDiv .process .stepTwo {display:none}
.tripPlanPop .searchDiv .process .stepTwo .top .overWrap{padding-bottom:10px}
.tripPlanPop .searchDiv .process .stepTwo .top .overWrap .stateTop:after{content:''; display:block; clear:both}
.tripPlanPop .searchDiv .process .stepTwo .top .overWrap .stateTop p{float:left; margin-left:6px; padding-left:15px; /* width:98px; */ padding:0 36px 0 16px; height:34px; font-weight:500; font-size:16px; line-height:32px; color:#004d45; background:url('../images/calendarD_stateTop_icon.gif') no-repeat right 15px top 50% #fff; border:1px solid #004d45; border-radius:20px}
.tripPlanPop .searchDiv .process .stepTwo .top .overWrap .stateTop p:first-child{margin-left:0}
.tripPlanPop .searchDiv .process .stepTwo .top .overWrap .stateTop p.on{color:#fff; background:url('../images/calendarD_stateTop_icon_on.gif') no-repeat right 15px top 50% #004d45; border:1px solid #004d45}

.tripPlanPop .searchDiv .process .stepTwo .top .overWrap p{float:left; margin-left:6px; padding-left:15px; /* width:98px; */ padding:0 36px 0 16px; height:34px; background:url('../images/calendarD_stateTop_icon.gif') no-repeat right 15px top 50% #fff; border:1px solid #004d45; border-radius:20px; overflow:hidden}
.tripPlanPop .searchDiv .process .stepTwo .top .overWrap p:first-child{margin-left:0}
.tripPlanPop .searchDiv .process .stepTwo .top .overWrap p .tit{display:block; float:left; padding-right:0px; font-weight:500; font-size:16px; line-height:32px; color:#004d45;}
.tripPlanPop .searchDiv .process .stepTwo .top .overWrap p .date {display:none; float:left;}
.tripPlanPop .searchDiv .process .stepTwo .top .overWrap p.on{background:url('../images/calendarD_stateTop_icon_on.gif') no-repeat right 15px top 50% #004d45; border:1px solid #004d45}
.tripPlanPop .searchDiv .process .stepTwo .top .overWrap p.on .tit{color:#fff;}
.tripPlanPop .searchDiv .process .stepTwo .top .overWrap p.on .date {display:block; padding-left:11px; padding-right:12px; font-family: 'Spoqa'; font-size:15px; color:#fff; line-height:32px; opacity:0.7}

.tripPlanPop .searchDiv .process .stepTwo .bottom{/* padding-bottom:25px; */ /* border-bottom:1px solid #e5e5e5 */}
.tripPlanPop .searchDiv .process .stepTwo .bottom .calendarD{position:relative; padding:30px 0 0}
.tripPlanPop .searchDiv .process .stepTwo .bottom .calendarD:before{content:''; position:absolute; /* top:491px; */ top:511px; left:0; width:100%; height:1px; background:#e5e5e5}
.tripPlanPop .searchDiv .process .stepTwo .bottom .calendarD .monthRoll{position:relative; margin:0 auto; width:1043px; height:460px; overflow:hidden}
.tripPlanPop .searchDiv .process .stepTwo .bottom .calendarD .monthRoll .roll{position:absolute; top:0; left:0; width:476px}
.tripPlanPop .searchDiv .process .stepTwo .bottom .calendarD .monthRoll .roll:before {content:""; display:block; position:absolute; top:0; left:-55px; width:1px; height:424px; background:#e5e5e5;}
.tripPlanPop .searchDiv .process .stepTwo .bottom .calendarD .monthRoll .roll:first-child:before {content:""; display:block; position:absolute; top:0; left:-50px; width:1px; height:362px; background:#e5e5e5;}
/* .tripPlanPop .searchDiv .process .stepTwo .bottom .calendarD .monthRoll .roll .month{font-family:'Spoqa'; font-weight:700; font-size:27px; color:#333; text-align:center} */
.tripPlanPop .searchDiv .process .stepTwo .bottom .calendarD .monthRoll .roll .month {text-align:center}
.tripPlanPop .searchDiv .process .stepTwo .bottom .calendarD .monthRoll .roll .month .slc {display:inline-block; position:relative; height:auto; text-align:center;}
.tripPlanPop .searchDiv .process .stepTwo .bottom .calendarD .monthRoll .roll .month .slc .slcInsert {position:relative; font-family:'Spoqa'; font-weight:700; font-size:27px; color:#333}
.tripPlanPop .searchDiv .process .stepTwo .bottom .calendarD .monthRoll .roll .month .slc .slcInsert .oneD{display:block; padding-right:20px; color:#000; background:url("../images/rollmonth_arrow.png") no-repeat right center}
.tripPlanPop .searchDiv .process .stepTwo .bottom .calendarD .monthRoll .roll .month .slc .slcInsert.on .oneD{background:url("../images/rollmonth_arrow_on.png") no-repeat right center}
.tripPlanPop .searchDiv .process .stepTwo .bottom .calendarD .monthRoll .roll .month .slc .slcInsert .twoD{display:none; position:absolute; top:37px; left:0; width:100%; height:320px; background:#fff; border:1px solid #004d45; overflow-y:scroll; z-index:1}
.tripPlanPop .searchDiv .process .stepTwo .bottom .calendarD .monthRoll .roll .month .slc .slcInsert .twoD a{display:block; padding-left:28px; font-weight:400; font-size:14px; line-height:34px; color:#666; text-align:left}
.tripPlanPop .searchDiv .process .stepTwo .bottom .calendarD .monthRoll .roll .month .slc .slcInsert .twoD a:hover{background:#f7f7f7}
.tripPlanPop .searchDiv .process .stepTwo .bottom .calendarD .monthRoll .roll .month .slc select {position:absolute; top:0; left:0; width:140px; height:27px; opacity:0}

.tripPlanPop .searchDiv .process .stepTwo .bottom .calendarD .monthRoll .roll .calendar{/* height:418px; */ height:438px; margin-top:15px; overflow:hidden}
.tripPlanPop .searchDiv .process .stepTwo .bottom .calendarD .monthRoll .roll .calendar .day:after {content:''; display:block; clear:both;}
.tripPlanPop .searchDiv .process .stepTwo .bottom .calendarD .monthRoll .roll .calendar .day p{float:left; padding:16px 0 15px; width:68px; font-size:15px; color:#666; text-align:center}
.tripPlanPop .searchDiv .process .stepTwo .bottom .calendarD .monthRoll .roll .calendar .day p:nth-child(1){color:#e64949}
.tripPlanPop .searchDiv .process .stepTwo .bottom .calendarD .monthRoll .roll .calendar .day p:nth-child(7){color:#2b64b9}
.tripPlanPop .searchDiv .process .stepTwo .bottom .calendarD .monthRoll .roll .calendar .weekDiv {position:relative}
.tripPlanPop .searchDiv .process .stepTwo .bottom .calendarD .monthRoll .roll .calendar .weekDiv:before {content:''; display:block; clear:both; position:absolute; width:1px; height:calc(100% + 50px); top:-90px; left:-46px; background:#e5e5e5}
.tripPlanPop .searchDiv .process .stepTwo .bottom .calendarD .monthRoll .roll .calendar .weekDiv:after{content:''; display:block; clear:both;}
.tripPlanPop .searchDiv .process .stepTwo .bottom .calendarD .monthRoll .roll .calendar .weekDiv > a{float:left; padding-top:12px; width:68px; height:62px; text-align:center;}
.tripPlanPop .searchDiv .process .stepTwo .bottom .calendarD .monthRoll .roll .calendar .weekDiv > a:nth-child(7n){}
.tripPlanPop .searchDiv .process .stepTwo .bottom .calendarD .monthRoll .roll .calendar .weekDiv > a:nth-child(n+8){}
.tripPlanPop .searchDiv .process .stepTwo .bottom .calendarD .monthRoll .roll .calendar .weekDiv > a:nth-child(7n) .date{color:#2b64b9}
.tripPlanPop .searchDiv .process .stepTwo .bottom .calendarD .monthRoll .roll .calendar .weekDiv > a:nth-child(7n+1) .date{color:#e64949}
.tripPlanPop .searchDiv .process .stepTwo .bottom .calendarD .monthRoll .roll .calendar .weekDiv > a.disabled{opacity:0.3; cursor:auto; background:none !important}
.tripPlanPop .searchDiv .process .stepTwo .bottom .calendarD .monthRoll .roll .calendar .weekDiv > a.today{background:#f9f9f9; border:1px solid #99b8b5;font-weight:700}
.tripPlanPop .searchDiv .process .stepTwo .bottom .calendarD .monthRoll .roll .calendar .weekDiv > a.today span{color:#004d45;}
.tripPlanPop .searchDiv .process .stepTwo .bottom .calendarD .monthRoll .roll .calendar .weekDiv > a .date{display:block; position:relative; font-family:'Spoqa'; font-size:16px; color:#333;}
.tripPlanPop .searchDiv .process .stepTwo .bottom .calendarD .monthRoll .roll .calendar .weekDiv > a .date.spe:before{content:'*'; position:absolute; top:-4px; right:10px; font-family:'Spoqa'; font-size:20px; color:#e64949}
.tripPlanPop .searchDiv .process .stepTwo .bottom .calendarD .monthRoll .roll .calendar .weekDiv > a .date.spe2:before{content:'*'; position:absolute; top:-4px; right:10px; font-family:'Spoqa'; font-size:20px; color:#666}
.tripPlanPop .searchDiv .process .stepTwo .bottom .calendarD .monthRoll .roll .calendar .weekDiv > a .date b{display:block; margin-top:5px; font-weight:400; font-size:13px; color:#fff}
.tripPlanPop .searchDiv .process .stepTwo .bottom .calendarD .monthRoll .roll .calendar .weekDiv > a .date strong{display:block; margin-top:5px; font-weight:400; font-size:13px; color:rgba(0, 77, 69, 0.8)}
.tripPlanPop .searchDiv .process .stepTwo .bottom .calendarD .monthRoll .roll .calendar .weekDiv > a.on{font-weight:500; background:#004d45; border:1px solid #004d45}
.tripPlanPop .searchDiv .process .stepTwo .bottom .calendarD .monthRoll .roll .calendar .weekDiv > a.on .date{color:#fff; font-weight:700}
.tripPlanPop .searchDiv .process .stepTwo .bottom .calendarD .monthRoll .roll .calendar .weekDiv > a.on strong{display:none}
.tripPlanPop .searchDiv .process .stepTwo .bottom .calendarD .monthRoll .roll .calendar .weekDiv > a.ing{background:#effbea}
.tripPlanPop .searchDiv .process .stepTwo .bottom .calendarD .monthRoll .roll .publicDay {display:flex; flex-wrap:wrap; padding-top:15px; padding-left:25px;}
.tripPlanPop .searchDiv .process .stepTwo .bottom .calendarD .monthRoll .roll .publicDay:after{content:''; display:block; clear:both}
.tripPlanPop .searchDiv .process .stepTwo .bottom .calendarD .monthRoll .roll .publicDay dl{display:table; float:left; width:calc(50% - 10px); width:-webkit-calc(50% - 10px); margin-top:10px; padding-right:20px}
.tripPlanPop .searchDiv .process .stepTwo .bottom .calendarD .monthRoll .roll .publicDay dl:nth-child(2n) {padding-right:0;}
.tripPlanPop .searchDiv .process .stepTwo .bottom .calendarD .monthRoll .roll .publicDay dl:nth-child(n+3) {margin-top:10px;}
.tripPlanPop .searchDiv .process .stepTwo .bottom .calendarD .monthRoll .roll .publicDay dl dt {display:table-cell; width:60px; font-size:16px; color:#004d45; font-weight:700;}
.tripPlanPop .searchDiv .process .stepTwo .bottom .calendarD .monthRoll .roll .publicDay dl dd {display:table-cell; font-size:15px; color:#000000; font-weight:300;}
.tripPlanPop .searchDiv .process .stepTwo .bottom .calendarD .prev{position:absolute; top:195px; left:0}
.tripPlanPop .searchDiv .process .stepTwo .bottom .calendarD .next{position:absolute; top:195px; right:0}
.tripPlanPop .searchDiv .process .stepTwo .bottom .calendarD .btn a.no{opacity:0.3}

/* stepThree - 인원, 좌석선택 */
.tripPlanPop .searchDiv .process .stepThree {display:none}
.tripPlanPop .searchDiv .process .stepThree .top .overWrap {padding-bottom:20px;}
.tripPlanPop .searchDiv .process .stepThree .top .overWrap .addTxt {font-weight:300; font-size:15px; color:#797979}
.tripPlanPop .searchDiv .process .stepThree .top .overWrap .addTxt.red{color:#e64949}
.tripPlanPop .searchDiv .process .stepThree .overWrap .check {float:left; margin-right:6px; padding:0 44px 0 15px; line-height:34px; color:#005a5d; font-weight:500; background:#fff url("../images/peo_check.png") no-repeat right 15px center; border:1px solid #005a5d; border-radius:18px}
.tripPlanPop .searchDiv .process .stepThree .overWrap .check.on {color:#fff; background:#005a5d url("../images/peo_check_on.png") no-repeat right 15px center;}
.tripPlanPop .searchDiv .process .stepThree .bottom .overWrap {padding-top:40px;}
.tripPlanPop .searchDiv .process .stepThree .peoNumDiv {position:relative; float:left; width:50%; padding:0 73px 0 95px}
.tripPlanPop .searchDiv .process .stepThree .peoNumDiv:after {content:""; display:block; position:absolute; top:0; right:0; width:1px; height:276px; background:#e5e5e5}
.tripPlanPop .searchDiv .process .stepThree .peoNumDiv .title {margin-bottom:53px; text-align:center; font-size:26px; font-weight:500; color:#333333;}
.tripPlanPop .searchDiv .process .stepThree .peoNumDiv ul li {overflow:hidden; padding:30px 0 10px; border-bottom:1px solid #e5e5e5;}
.tripPlanPop .searchDiv .process .stepThree .peoNumDiv ul li:first-child {padding-top:0;}
.tripPlanPop .searchDiv .process .stepThree .peoNumDiv ul li .tit {float:left; width:56px; line-height:40px; font-size:22px; font-weight:500; color:#000000}
.tripPlanPop .searchDiv .process .stepThree .peoNumDiv ul li .option {float:left; width:226px; line-height:40px; font-size:19px; color:#797979; font-weight:300}
.tripPlanPop .searchDiv .process .stepThree .peoNumDiv ul li .num {float:left; width:140px; overflow:hidden}
.tripPlanPop .searchDiv .process .stepThree .peoNumDiv ul li .num .minus {display:block; float:left; width:40px; height:40px; background:url("../images/minus_icon.jpg") no-repeat center center}
.tripPlanPop .searchDiv .process .stepThree .peoNumDiv ul li .num .minus.disabled {background:url("../images/minus_icon_off.jpg") no-repeat center center}
.tripPlanPop .searchDiv .process .stepThree .peoNumDiv ul li .num .minus:hover {background:url("../images/minus_icon_hov.jpg") no-repeat center center}
.tripPlanPop .searchDiv .process .stepThree .peoNumDiv ul li .num .minus.disabled:hover  {background:url("../images/minus_icon_off.jpg") no-repeat center center}
.tripPlanPop .searchDiv .process .stepThree .peoNumDiv ul li .num .val {display:block; float:left; width:60px;}
.tripPlanPop .searchDiv .process .stepThree .peoNumDiv ul li .num .val input {width:100%; padding:0; font-size:22px; text-align:center; border:0; border-top:1px solid #c8c8c8; border-bottom:1px solid #c8c8c8; color:#004d45 !important; line-height:38px; font-family: 'Spoqa'; font-weight: 400; background:#f9f9f9}
.tripPlanPop .searchDiv .process .stepThree .peoNumDiv ul li .num .plus {display:block; float:left; width:40px; height:40px; background:url("../images/plus_icon.jpg") no-repeat center center}
.tripPlanPop .searchDiv .process .stepThree .peoNumDiv ul li .num .plus.disabled {background:url("../images/plus_icon_off.jpg") no-repeat center center}
.tripPlanPop .searchDiv .process .stepThree .peoNumDiv ul li .num .plus:hover {background:url("../images/plus_icon_hov.jpg") no-repeat center center}
.tripPlanPop .searchDiv .process .stepThree .peoNumDiv ul li .num .plus.disabled:hover {background:url("../images/plus_icon_off.jpg") no-repeat center center}
.tripPlanPop .searchDiv .process .stepThree .sitDiv {float:left; width:50%; padding:0 99px 0 76px}
.tripPlanPop .searchDiv .process .stepThree .sitDiv .title {margin-bottom:50px; text-align:center; font-size:26px; font-weight:500; color:#333;}
.tripPlanPop .searchDiv .process .stepThree .sitDiv ul {overflow:hidden}
.tripPlanPop .searchDiv .process .stepThree .sitDiv ul li {float:left; width:202px; height:102px; margin-right:10px}
.tripPlanPop .searchDiv .process .stepThree .sitDiv ul li:nth-child(2n) {margin-right:0}
.tripPlanPop .searchDiv .process .stepThree .sitDiv ul li:nth-child(n+3) {margin-top:10px;}
.tripPlanPop .searchDiv .process .stepThree .sitDiv ul li .selec {display:table; width:100%; height:100%; text-align:center; border:1px solid #c8c8c8;}
.tripPlanPop .searchDiv .process .stepThree .sitDiv ul li .selec a {display:table-cell; vertical-align:middle; color:#797979; font-size:20px; line-height:25px;}
.tripPlanPop .searchDiv .process .stepThree .sitDiv ul li .selec:hover {border:1px solid #004d45; background:#004d45;}
.tripPlanPop .searchDiv .process .stepThree .sitDiv ul li .selec:hover a {color:#fff; font-weight:500}
.tripPlanPop .searchDiv .process .stepThree .sitDiv ul li .selec.on {border:1px solid #004d45; background:#004d45;}
.tripPlanPop .searchDiv .process .stepThree .sitDiv ul li .selec.on a {color:#fff; font-weight:500}
.tripPlanPop .searchDiv .process .stepThree .submit {position:relative; margin-top:60px; text-align:center;}
.tripPlanPop .searchDiv .process .stepThree .submit:before {content:""; display:block; position:absolute; top:50%; left:0; width:100%; height:1px; background:#e5e5e5}
.tripPlanPop .searchDiv .process .stepThree .submit .submitBtn {display:inline-block; position:relative; padding:0 86px; line-height:56px; font-size:19px; font-weight:500; color:#000000; background:#fff; border:2px solid #000;}
.tripPlanPop .searchDiv .process .stepThree .submit .submitBtn:hover {color:#fff; background:#000;}

/* 검색어 입력 */
.tripPlanPop .searchDiv .process .stepFou {display:none}
.tripPlanPop .searchDiv .process .stepFou .overWrap {padding-bottom:20px;}
.tripPlanPop .searchDiv .process .stepFou .matchedList .key {padding:18px 10px; border-bottom:1px solid #eaeaea;}
.tripPlanPop .searchDiv .process .stepFou .matchedList .key a {display:inline-block; overflow:hidden; line-height:26px}
.tripPlanPop .searchDiv .process .stepFou .matchedList .key .air {display:block; float:left; min-width:86px; font-size:19px; font-weight:700; color:#000000;}
.tripPlanPop .searchDiv .process .stepFou .matchedList .key .place {display:block; float:left; font-size:18px; font-weight:400; color:#666666;}
.tripPlanPop .searchDiv .process .stepFou .matchedList .key .place .matched {color:#007579}
.tripPlanPop .searchDiv .process .stepFou .matchedList.noList {display:none; padding-top:144px;}
.tripPlanPop .searchDiv .process .stepFou .matchedList.noList p {text-align:center; font-size:18px; color:#666666; font-weight:400;}

/* tripPlanSticky */
.tripPlanSticky {position:absolute; top:70px; left:0; min-width:1500px; width:100%; background:#004d45; z-index:6}
.tripPlanSticky.fix {position:fixed; top:0;}
.tripPlanSticky .top {position:relative; height:70px; overflow:hidden}
.tripPlanSticky .top .tripPlanArea {position:relative; top:0; bottom:auto; margin:0 auto; transform:none; left:0; background:transparent}
.tripPlanSticky .top .tripPlanArea .browseBox {position:relative; padding:0;}
.tripPlanSticky .top .tripPlanArea .browseBox:after {content:""; display:block; clear:both;}
.tripPlanSticky .top .tripPlanArea .browseBox .tripPlan {position:absolute; top:0; left:0; width:80px; height:70px; background:#004d45; border-left:1px solid #1f635c}
.tripPlanSticky .top .tripPlanArea .browseBox .tripPlan:before {display:none}
.tripPlanSticky .top .tripPlanArea .browseBox .tripPlan .tit {display:none; position:absolute; top:0; left:0; width:80px; height:70px; padding:35px 0 0; font-size:16px; line-height:1; color:#ffffff; font-weight:500}
.tripPlanSticky .top .tripPlanArea .browseBox .tripPlan .tit.on {display:block; color:#ffffff; font-weight:500; background:url("../images/tripPlanSticky_tit.png") no-repeat center top 13px}
.tripPlanSticky .top .tripPlanArea .browseBox .tripPlan .tit:before {background:none}
.tripPlanSticky .top .tripPlanArea .browseBox .tabCon {position:relative; top:0; left:0; width:100%; padding-left:80px; margin-top:0}
.tripPlanSticky .top .tripPlanArea .browseBox .tabCon .tripPlanCon .infoDiv {width:1200px}
.tripPlanSticky .top .tripPlanArea .browseBox .tabCon .tripPlanCon .infoDiv .info {border-left: 1px solid #1f635c}
.tripPlanSticky .top .tripPlanArea .browseBox .tabCon .tripPlanCon .infoDiv .info:nth-of-type(1) {border-left: 1px solid #1f635c; padding:0 0 0 20px}
.tripPlanSticky .top .tripPlanArea .browseBox .tabCon .tripPlanCon .infoDiv .info .iTxt {color:#fff; font-size:18px;}
.tripPlanSticky .top .tripPlanArea .browseBox .tabCon .tripPlanCon .infoDiv .info .iTxt.noData{color:rgba(255, 255, 255, 0.3)}
.tripPlanSticky .top .tripPlanArea .browseBox .tabCon .tripPlanCon .infoDiv .info.when .midIcon {color:#fff; font-size:21px; font-weight:700}
.tripPlanSticky .top .tripPlanArea .browseBox .tabCon .tripPlanCon .infoDiv .info.when .iTxt{font-size:16px;}
.tripPlanSticky .top .tripPlanArea .browseBox .tabCon .tripPlanCon .infoDiv .info.when .iTxt .placeholder{font-size:18px; font-weight:400}
.tripPlanSticky .top .tripPlanArea .browseBox .tabCon .tripPlanCon .infoDiv .info.when .iTxt i {font-size:17px; font-weight:700}
.tripPlanSticky .top .tripPlanArea .browseBox .tabCon .tripPlanCon .infoDiv .info.whom .iTxt i {font-size:18px;}
.tripPlanSticky .top .tripPlanArea .browseBox .tabCon .tripPlanCon .infoDiv .info .depaPlace {width:227px}
.tripPlanSticky .top .tripPlanArea .browseBox .tabCon .tripPlanCon .infoDiv .info .depaPlace.noData{color:rgba(255, 255, 255, 0.3)}
.tripPlanSticky .top .tripPlanArea .browseBox .tabCon .tripPlanCon .infoDiv .info .iTxt .placeholder{color:rgba(255, 255, 255, 0.3)}
.tripPlanSticky .top .tripPlanArea .browseBox .tabCon .tripPlanCon .infoDiv .info .midIcon.round {background:url("../images/round_icon_whi.png") no-repeat center center}
.tripPlanSticky .top .tripPlanArea .browseBox .tabCon .tripPlanCon .infoDiv .info .midIcon.oneWay {background:url("../images/oneWay_icon_whi.png") no-repeat center center}
.tripPlanSticky .top .tripPlanArea .browseBox .tabCon .tripPlanCon .eachWay .info.where {display:block; position:relative; /* width:665px; */ white-space:nowrap; overflow:hidden; color:#fff}
.tripPlanSticky .top .tripPlanArea .browseBox .tabCon .tripPlanCon .eachWay .info.where:before {content:"[여정1]"; float:left; padding-right:10px; line-height:70px; font-size:18px;}
.tripPlanSticky .top .tripPlanArea .browseBox .tabCon .tripPlanCon .eachWay .info.where:after {content:""; display:block; clear:both}
.tripPlanSticky .top .tripPlanArea .browseBox .tabCon .tripPlanCon .eachWay .infoDiv .info .depaPlace {width:196px}
.tripPlanSticky .top .tripPlanArea .browseBox .tabCon .tripPlanCon .eachWay .infoDiv .info .arriPlace {width:216px}
.tripPlanSticky .top .tripPlanArea .browseBox .tabCon .tripPlanCon .eachWay .infoDiv .info.where .iTxt.noData {color:rgba(255,255,255,0.3)}

.tripPlanSticky .pop {display:none; position:absolute; top:0px; left:50%; width:100%; background:#004d45; transform:translate(-50%, 0); -webkit-transform:translate(-50%, 0); -moz-transform:translate(-50%, 0); z-index:2}
.tripPlanSticky .pop .tripPlanPop {margin:0 auto; padding-bottom:0; background:#004d45}
.tripPlanSticky .pop .tripPlanPop .closeBtn {position:absolute; top:15px; right:0; width:25px; height:25px; background:url("../images/layclose_btn.png") no-repeat center center; z-index:3}
.tripPlanSticky .pop .tripPlanArea {padding-bottom:0; overflow:visible; overflow-y:visible; background:#004d45}
.tripPlanSticky .pop .tripPlanArea .browseBox {padding:10px 0 30px; height:180px; background:#004d45;}
.tripPlanSticky .pop .tripPlanArea .browseBox .tripPlan {background:none; text-align:left; /* height:auto */ height:40px}
.tripPlanSticky .pop .tripPlanArea .browseBox .tripPlan:before {display:none;}
.tripPlanSticky .pop .tripPlanArea .browseBox .tripPlan .tit {font-size:19px; line-height:40px; padding:0 15px; color:#fff}
.tripPlanSticky .pop .tripPlanArea .browseBox .tripPlan .tit:before {content:""; display:block; position:absolute; top:13px; left:0; width:1px; height:17px; background:rgba(255,255,255,0.25)}
.tripPlanSticky .pop .tripPlanArea .browseBox .tripPlan .tit:first-child:before {display:none}
.tripPlanSticky .pop .tripPlanArea .browseBox .tripPlan .tit.on {font-weight:700;}
.tripPlanSticky .pop .tripPlanArea .browseBox .tripPlan .tit.on:after {height:2px; background:#f8f8f8}
.tripPlanSticky .pop .tripPlanArea .browseBox .tripPlan .filterCheck {padding-right:50px;}
.tripPlanSticky .pop .tripPlanArea .browseBox .tripPlan .filterCheck .chkBox input[type="checkbox"] + label {color:#fff}
.tripPlanSticky .pop .tripPlanArea .browseBox .tripPlan .filterCheck .chkBox input[type="checkbox"] + label:after {border:1px solid #99b8b5; background:#1e625b}
.tripPlanSticky .pop .tripPlanArea .browseBox .tripPlan .filterCheck .chkBox.on input[type="checkbox"] + label:after {border:1px solid #fff; background:url("../images/chk_icon.gif") center no-repeat #fff}
.tripPlanSticky .pop .tripPlanArea .browseBox .searchDiv{position:relative; width:1280px; overflow:visible}
.tripPlanSticky .pop .tripPlanArea .browseBox .searchDiv .submitArea{display:none; bottom:-90px;}
.tripPlanSticky .pop .tripPlanArea .browseBox .searchDiv.wht {background:#fff; /* padding-bottom:90px */}
.tripPlanSticky .pop .tripPlanArea .browseBox .searchDiv.wht .submitArea{display:block; border-top:1px solid #e5e5e5}
.tripPlanSticky .pop .tripPlanArea.hotel .browseBox .searchDiv.wht .submitArea{display:none}
.tripPlanSticky .pop .tripPlanArea .browseBox .tabCon {width:1280px; min-height:100%; margin-top:0; padding:15px 50px 15px 50px; background:#fff}
.tripPlanSticky .pop .tripPlanArea .browseBox .searchDiv.wht .tabCon {height:100%; overflow-y:auto}
.tripPlanSticky .pop .tripPlanArea .browseBox .tabCon .tripPlanCon .infoDiv {position:relative; width:1180px; padding-bottom:0}
.tripPlanSticky .pop .tripPlanArea .browseBox .tabCon .tripPlanCon .infoDiv .info .depaPlace{width:227px}
.tripPlanSticky .pop .tripPlanArea .browseBox .tabCon .tripPlanCon .infoDiv .info .arriPlace{width:247px}
.tripPlanSticky .pop .tripPlanArea .browseBox .tabCon .tripPlanCon .process {width:1180px; margin-top:15px}
.tripPlanSticky .pop .tripPlanArea .browseBox .searchDiv .eachWay {padding-bottom:0}
.tripPlanSticky .pop .tripPlanArea .browseBox .searchDiv .eachWay .process {border-top:0}
.tripPlanSticky .pop .tripPlanArea .browseBox .searchDiv .process .step {padding-bottom:50px;}
.tripPlanSticky .pop .tripPlanArea .browseBox .searchDiv .process .stepTwo .bottom .calendarD {padding:30px 0 0}

/* 툴팁같이 생긴 셀렉트 */
.flightsList .listViewDiv .toolSelectDiv {position:relative; display:inline-block;}
.flightsList .listViewDiv .toolSelectDiv .oneD {display:inline-block; font-size:16px; color:#000000;}
.flightsList .listViewDiv .airFilterDiv .toolSelectDiv .oneD {padding-right:22px; background:url("../images/accor_bIcon_12x7_down.png") no-repeat right 1px center;}
.flightsList .listViewDiv .airFilterDiv .toolSelectDiv .oneD.noTwo {padding-right:0; background:none}
.flightsList .listViewDiv .airFilterDiv .toolSelectDiv .oneD.on {color:#004d45; background:url("../images/accor_grcon_12x7_up.png") no-repeat right 1px center}
.flightsList .listViewDiv .airFilterDiv .toolSelectDiv .twoD {display:none; position:absolute; top:40px; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); min-width:170px; padding:30px 20px; text-align:left; background:#fff; border:1px solid #004d45;}
.flightsList .listViewDiv .airFilterDiv .toolSelectDiv .twoD:after {content:""; display:block; position:absolute; width:22px; height:12px; top:-12px; left:50%; margin-left:-11px; background:url("../images/tooltip_arrow_22x12_top.png") no-repeat center center}
.flightsList .listViewDiv .airFilterDiv .toolSelectDiv .twoD .chkDiv {padding-top:15px;}
.flightsList .listViewDiv .airFilterDiv .toolSelectDiv .twoD .chkDiv:first-child {padding-top:0}
.flightsList .listViewDiv .airFilterDiv .toolSelectDiv .twoD .chkBox label {white-space:nowrap}
.flightsList .listViewDiv .airFilterDiv .toolSelectDiv .twoD.left0arr40 {left:-26px; transform:translateX(0); -webkit-transform:translateX(0); -moz-transform:translateX(0);}
.flightsList .listViewDiv .airFilterDiv .toolSelectDiv .twoD.left0arr40:after {left:40px; margin-left:0;}

/* 항공목록 - 셀렉트 필터 */
.flightsList .listViewDiv .tableListWrap .toolSelectDiv .tit {width:225px; margin-bottom:33px; padding-bottom:14px; font-size:14px; color:#000000; border-bottom:1px solid #e5e5e5}
.flightsList .listViewDiv .tableListWrap .toolSelectDiv .rangeDiv .sliderFilter{position:relative; margin:13px auto 23px; width:calc(100% - 28px); width:-webkit-calc(100% - 28px); height:3px; background:#c4c4c4}
.flightsList .listViewDiv .tableListWrap .toolSelectDiv .rangeDiv .sliderFilter .ui-slider-range{position:absolute; top:0; left:0; height:3px; background:#004d45}
.flightsList .listViewDiv .tableListWrap .toolSelectDiv .rangeDiv .sliderFilter .ui-slider-handle{position:absolute; top:-13px; margin-left:-14px; width:29px; height:29px; background:url('../images/rangeInput_icon.png') no-repeat;}
.flightsList .listViewDiv .tableListWrap .toolSelectDiv .rangeDiv.price .clear .priceMin{position:relative; float:left; width:110px; margin-right:5px}
.flightsList .listViewDiv .tableListWrap .toolSelectDiv .rangeDiv.price .clear .priceMax{position:relative; float:left; width:110px}
.flightsList .listViewDiv .tableListWrap .toolSelectDiv .rangeDiv.price .clear input{position:relative; width:100%; height:35px; padding:0 8px 0 25px; font-family:'Spoqa'; font-weight:700; font-size:16px; color:#004d45; text-align:right; border:1px solid rgba(0, 77, 69, 0.7)}
.flightsList .listViewDiv .tableListWrap .toolSelectDiv .rangeDiv.price .clear .priceMin:before, .flightsList .listViewDiv .tableListWrap .toolSelectDiv .rangeDiv.price .clear .priceMax:before{content:'₩'; display:block; position:absolute; font-family:'Spoqa'; font-weight:700; font-size:13px; color:#004d45; top:10px; left:10px; z-index:1}
.flightsList .listViewDiv .tableListWrap .toolSelectDiv .rangeDiv.price .clear .priceMin p, .flightsList .listViewDiv .tableListWrap .toolSelectDiv .rangeDiv.price .clear .priceMax p{margin-top:5px; font-size:13px; color:#797979}
.flightsList .listViewDiv .tableListWrap .toolSelectDiv .rangeDiv .timeD input{float:left; padding:0; width:18px; height:14px; font-family:"Spoqa"; font-size:14px; line-height:14px; color:#797979; text-align:center; border:none}
.flightsList .listViewDiv .tableListWrap .toolSelectDiv .rangeDiv .timeD input:active, .flightsList .listViewDiv .tableListWrap .toolSelectDiv .rangeDiv .timeD input:focus{border:none; outline:none}
.flightsList .listViewDiv .tableListWrap .toolSelectDiv .rangeDiv .timeD b{float:left; font-family:"Spoqa"; font-size:14px; line-height:14px; color:#797979;}
.flightsList .listViewDiv .tableListWrap .toolSelectDiv .rangeDiv .timeD span{float:left; margin:0 4px; font-family:"Spoqa"; font-size:14px; line-height:14px; color:#797979;}
.flightsList .listViewDiv .tableListWrap .toolSelectDiv .rangeDiv .timeD .txt{margin-bottom:8px; font-size:14px; color:#00696d}

/* 항공목록 div 테이블 */
.flightsList .listViewDiv .tableListWrap {margin-top:17px; border-top:2px solid #000000; border-bottom:1px solid #797979}
.flightsList .listViewDiv .tableListWrap.noBorB {border-bottom:0;}
.flightsList .listViewDiv .tableListWrap .tableTr {display:table; table-layout:fixed; position:relative; width:100%;}
.flightsList .listViewDiv .tableListWrap .tableTr:after {content:""; display:block; clear:both}
.flightsList .listViewDiv .tableListWrap .tableTr .tableTd {display:table-cell; vertical-align:middle; padding-top:26px; padding-bottom:26px; text-align:center}
.flightsList .listViewDiv .tableListWrap .tableTr .boldNum {font-weight:700}
.flightsList .listViewDiv .tableListWrap .tableHead {position:relative; border-bottom:1px solid #c8c8c8; z-index:1;}
.flightsList .listViewDiv .tableListWrap .tableHead.noBorB {border-bottom:0;}
.flightsList .listViewDiv .tableListWrap .tableHead .tableTd {font-weight:300; color:#000}
.flightsList .listViewDiv .tableListWrap .tableBody {position:relative; max-height:1050px;  overflow-y:auto; overflow-x:hidden}
.flightsList .listViewDiv .tableListWrap .tableBody .tableList {position:relative; border-bottom:1px solid #e5e5e5}
.flightsList .listViewDiv .tableListWrap .tableBody .noDataDiv {border:0}
.flightsList .listViewDiv .tableListWrap.airFilterDiv .tableBody .tableList .tableTr:before {content:""; display:block; position:absolute; top:-1px; left:0; width:1280px; height:1px; background:transparent}
.flightsList .listViewDiv .tableListWrap.airFilterDiv .tableBody .tableList:hover {background:#f9fef5; border-bottom:1px solid #c9dfb7;}
.flightsList .listViewDiv .tableListWrap.airFilterDiv .tableBody .tableList:hover .tableTr:before {content:""; display:block; position:absolute; top:-1px; left:0; width:1280px; height:1px; background:#c9dfb7}

.flightsList .listViewDiv .tableListWrap.likeType .tableTr {position:relative; width:calc(100% - 135px); }
.flightsList .listViewDiv .tableListWrap.likeType .tableBody .tableTr {height:95px; min-height:95px; border-bottom:0}
.flightsList .listViewDiv .tableListWrap.likeType .airCom {width:19%; width:230px; padding-right:15px; padding-left:26px; color:#000}/* 항공사 */
.flightsList .listViewDiv .tableListWrap.likeType .airComTb {display:table; text-align:left}
.flightsList .listViewDiv .tableListWrap.likeType .airCom .airComLogo {display:table-cell; vertical-align:middle;}
.flightsList .listViewDiv .tableListWrap.likeType .airCom .airComName {display:table-cell; vertical-align:middle; padding-left:10px;}
.flightsList .listViewDiv .tableListWrap.likeType .airCom .airComName .name {font-size:13px; color:#000000}
.flightsList .listViewDiv .tableListWrap.likeType .airCom .airComName .addTxt {padding-top:5px; font-size:13px; color:#797979;}
.flightsList .listViewDiv .tableListWrap.likeType .airTime {position:relative; width:17%; width:205px; padding-right:15px}/* 출발시간, 도착시간 */
.flightsList .listViewDiv .tableListWrap.likeType .airTime.arrow {padding-right:15px}
.flightsList .listViewDiv .tableListWrap.likeType .airTime.arrow:before {content:""; display:block; position:absolute; top:50%; margin-top:-3px; right:-10px; width:20px; height:6px; background:url("../images/oneway_icon.png") no-repeat 0 -5px}
.flightsList .listViewDiv .tableListWrap.likeType .airTime .arrange {overflow:hidden; width:102px; margin:0 auto}
.flightsList .listViewDiv .tableListWrap.likeType .airTime .ampm {float:left; padding-top:7px; font-size:15px; color:#004d45; font-weight:500}
.flightsList .listViewDiv .tableListWrap.likeType .airTime .time {float:left; padding-left:9px; font-size:26px; color:#000000;}
.flightsList .listViewDiv .tableListWrap.likeType .sitType {width:14%; width:170px; margin-left:30px; padding-right:15px; font-size:17px; color:#000}/* 좌석종류 */
.flightsList .listViewDiv .tableListWrap.likeType .sit {width:13%; width:165px; padding-right:15px; font-size:17px; color:#000}/* 좌석 */
.flightsList .listViewDiv .tableListWrap.likeType .sit .boldNum {font-size:19px;}
.flightsList .listViewDiv .tableListWrap.likeType .cost {width:20%; /* width:230px; */ width:180px; margin-right:70px; padding-right:15px; font-size:13px; color:#000; text-align:right}/* 성인 1인 요금 */
.flightsList .listViewDiv .tableListWrap.likeType .cost .boldNum {font-size:19px}
.flightsList .listViewDiv .tableListWrap.likeType .cost .addTxt {padding-top:9px; font-size:13px; color:#e64949; font-weight:500}
.flightsList .listViewDiv .tableListWrap.likeType .cost .benefit {text-align:right}
.flightsList .listViewDiv .tableListWrap.likeType .cost .benefit .name {font-size:13px; color:#00696d}
.flightsList .listViewDiv .tableListWrap.likeType .cost .benefit .beneCost {margin:2px 0 12px; font-size:13px; color:#00696d}
.flightsList .listViewDiv .tableListWrap.likeType .cost .benefit .beneCost i {font-size:19px; font-weight:700}
.flightsList .listViewDiv .tableListWrap.likeType .text{position:absolute; top:0; right:-125px; width:125px;}
.flightsList .listViewDiv .tableListWrap.likeType .like {position:absolute; top:50%; right:5px; width:5%; width:55px;  margin-top:-13px; padding-right:15px}
.flightsList .listViewDiv .tableListWrap.likeType .likeBtn {display:inline-block; position:relative; width:30px; height:26px; background:url('../images/like_btn.png') no-repeat}
.flightsList .listViewDiv .tableListWrap.likeType .likeBtn:before {content:""; display:block; position:absolute; top:0; left:0; width:30px; height:26px; background:url('../images/like_btn_on.png') no-repeat; opacity:0; transition:opacity 0.4s cubic-bezier(.55,0,.1,1)}
.flightsList .listViewDiv .tableListWrap.likeType .likeBtn.on:before {opacity:1;}
.flightsList .listViewDiv .selectedInfo .tableListWrap.likeType .text{padding-right:27px; text-align:right}

/*addTxtDiv*/
.addTxtDiv {padding-top:10px;}
.addTxtDiv p {padding-left:15px; text-indent:-15px; font-size:13px; color:#797979; line-height:22px; font-weight:300;}
.addTxtDiv p .bold {font-weight:500; color:#000}

/* 항공목록 - 국내선 편도 및 목록공통 */
.flightsList:after {content:""; display:block; clear:both}
.flightsList .listViewDiv .dateInfo {overflow:hidden; min-height:30px;}
.flightsList .listViewDiv .dateInfo .direction {float:left; padding-left:46px; font-size:25px; color:#004d45; font-weight:500;}
.flightsList .listViewDiv .dateInfo .direction.depa {background:url("../images/depa_air_icon.png") no-repeat left center}
.flightsList .listViewDiv .dateInfo .direction.arri {background:url("../images/arri_air_icon.png") no-repeat left center}
.flightsList .listViewDiv .dateInfo .dateDiv {float:left; position:relative; margin-left:15px; padding-left:15px; font-size:22px; color:#000;}
.flightsList .listViewDiv .dateInfo .dateDiv:before {content:""; display:block; position:absolute; top:5px; left:0; width:1px; height:16px; background:#e5e5e5;}
.flightsList .listViewDiv .dateInfo .reSelect {display:none; float:right;}
.flightsList .listViewDiv .dateInfo .reSelect .reSelectBtn {display:inline-block; padding:0 11px 0 32px; color:#00696d; font-size:15px; font-weight:300; line-height:28px; border:1px solid rgba(0,77,69,0.4); background:#fff url("../images/reselect_btn.png") no-repeat left 11px center; background-size:15px auto}
.flightsList .listViewDiv .dateRoll {display:block; position:relative; margin:10px 0 70px; padding:30px 0; background:#fafafa; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5;}

.airlineTicket {}
.airSummary {margin:10px 0 20px; padding:77px 0; text-align:center; background:#f9fef5; border:1px solid #c9dfb7;}
.airSummary .itinerary{display:inline-block; margin:0 23px;}
.airSummary .itinerary:first-child{margin-left:0}
.airSummary .itinerary:last-child{margin-right:0}
.airSummary .airport {display:inline-block;}
.airSummary .airport .place {margin-bottom:10px; color:#004d45;}
.airSummary .airport .name {font-size:40px; color:#004d45; font-weight:500}
.airSummary .leadTime {display:inline-block; position:relative; width:200px; margin:0 57px}
.airSummary .leadTime.multi {width:120px; margin:0 27px}
.airSummary .leadTime.multiOver {width:80px; margin:0 12px}
.airSummary .leadTime .arrow {position:relative; margin-bottom:13px; width:100%; height:1px; background:#004d45; opacity:0.3;}
.airSummary .leadTime .arrow:before {content:""; display:block; position:absolute; top:-5px; right:-1px; width:7px; height:5px; background:url("../images/leadTime_arrow.png") no-repeat right 1px top 0}
.airSummary .leadTime .arrow.transOne:after {content:""; display:block; position:absolute; top:-5px; left:0; width:100%; height:10px; background:url("../images/transOne.png") no-repeat center top}
.airSummary .leadTime .arrow.transTwo:after {content:""; display:block; position:absolute; top:-5px; left:0; width:100%; height:10px; background:url("../images/transTwo.png") no-repeat center top}
.airSummary .leadTime.round {width:120px; margin:0 24px 2px}
.airSummary .leadTime.round .arrow {margin-bottom:3px; width:100%; height:16px; background:url("../images/leadTime_round.png") no-repeat center center; opacity:1}
.airSummary .leadTime.round .arrow:before {content:""; display:none; position:absolute; top:0; right:0; width:100%; height:16px; }
.airSummary .leadTime .time {height:13px; text-align:center; font-size:13px; color:#80a79b;}

.airlineTicket .TicTit {position:relative; margin-bottom:22px; padding:140px 15px 42px; font-size:38px; color:#fff; text-align:center; background:#fff; border:1px solid #c9dfb7; border-bottom:0; background:#004d45 url("../images/checkIcon.png") no-repeat center top 50px}
.airlineTicket .TicTit:after {content:""; display:block; position:absolute; bottom:-22px; left:0; width:100%; height:22px; background:url("../images/airlineTicket_bg2.png") no-repeat left top}
.airlineTicket .TicTit .date {position:absolute; top:30px; right:30px; font-size:14px; color:#fff; font-weight:300;}
.airlineTicket .airDetailWrap {position:relative; padding:20px 0; border:1px solid #c9dfb7;}
.airlineTicket .airDetailWrap:after {content:""; display:block; position:absolute; top:-11px; left:-1px; width:calc(100% + 2px); height:22px; background:url("../images/airlineTicket_bg.jpg") no-repeat left top}
.airlineTicket .airDetail {display:table; width:100%;}
.airlineTicket .airDetail:nth-of-type(1) {padding-top:0}
.airlineTicket .airDetail .cell {display:table-cell; width:50%; padding:24px 0; vertical-align:middle; text-align:center; border-left:1px solid #eeeeee;}
.airlineTicket .airDetail .cell .align{display:inline-block;}
.airlineTicket .airDetail .cell:first-child {border-right:0;}
.airlineTicket .airDetail .tit {float:left; padding-right:20px; padding-top:6px; font-size:13px; color:#797979;}
.airlineTicket .airDetail .detail {float:left; font-size:22px; color:#000;}
.airlineTicket .airDetail .detail .subT {font-size:16px; color:#797979; font-weight:400}

.flightsList .listViewDiv .airSummary {display:none}
.flightsList .listViewDiv .selectedInfo {display:none;}
.flightsList + .fareInfo {display:none}
.flightsList .listViewDiv.selected .dateInfo .reSelect {display:block}
.flightsList .listViewDiv.selected .dateRoll {display:none;}
.flightsList .listViewDiv.selected .allCountD {display:none;}
.flightsList .listViewDiv.selected .tableListWrap.airFilterDiv {display:none;}
.flightsList .listViewDiv.selected .selectedInfo {display:block;}
.flightsList .listViewDiv.selected .airSummary {display:block;}
.flightsList.allSelected + .fareInfo {display:block;}

.listViewD .fareInfo .tableTit {padding:80px 0 20px; font-size:30px; color:#000}
.listViewD .fareInfo .tableTit .bold {font-weight:700}
.listViewD .fareInfo .tableSubTit {padding:24px 12px 20px; font-size:22px; color:#004d45; border-bottom:1px solid #004d45}
.listViewD .fareInfo .tableSubTit .bold {font-weight:700}
.listViewD .fareInfo .btnDiv {margin-top:50px; text-align:center}
.listViewD .fareInfo .btnDiv .blkBtn {display:inline-block; padding:0 112px; background:#000; color:#fff; font-size:19px; line-height:60px; font-weight:500}

/* 항공목록 - 달력부분 */
.flightsList .listViewDiv .dateRoll .slideButtonWrap {position:absolute; top:0; left:0; height:100%; width:100%}
.flightsList .listViewDiv .dateRoll .slideButtonWrap .slideButton {position:absolute; width:45px; height:100%; z-index:1}
.flightsList .listViewDiv .dateRoll .slideButtonWrap .slideButton.btnPrev {left:15px; right:auto;}
.flightsList .listViewDiv .dateRoll .slideButtonWrap .slideButton.btnNext {right:15px; left:auto;}
.flightsList .listViewDiv .dateRoll .slideButtonWrap .slideButton .prev {position:absolute; top:44px; left:0; width:45px; height:45px; background:url("../images/dateRoll_arrow_prev.png") no-repeat center center}
.flightsList .listViewDiv .dateRoll .slideButtonWrap .slideButton .next {position:absolute; top:44px; left:0; width:45px; height:45px; background:url("../images/dateRoll_arrow_next.png") no-repeat center center}
.flightsList .listViewDiv .dateRoll .slideDiv {position:relative; width:1070px; margin:0 auto; overflow:hidden}
.flightsList .listViewDiv .dateRoll .slideDiv .slideWrap {position:relative;}
.flightsList .listViewDiv .dateRoll .slideDiv .slideWrap:after {content:""; display:block; clear:both; width:100%; height:auto}
.flightsList .listViewDiv .dateRoll .slideDiv .slideWrap .slideBox {float:left; margin-right:30px; width:70px; height:70px; }

.flightsList .listViewDiv .dateRoll .slideDiv .slideWrap .slideBox .dateBox {display:block; width:70px; height:70px; text-align:center; background:transparent; border:1px solid transparent}
.flightsList .listViewDiv .dateRoll .slideDiv .slideWrap .slideBox .dateBox .weekDay {padding-top:11px; font-size:15px;}
.flightsList .listViewDiv .dateRoll .slideDiv .slideWrap .slideBox .dateBox.weekend .weekDay {color:#e64949}
.flightsList .listViewDiv .dateRoll .slideDiv .slideWrap .slideBox .dateBox.weekend .date {color:#e64949}
.flightsList .listViewDiv .dateRoll .slideDiv .slideWrap .slideBox .dateBox.weekend .date .day {color:#e64949}
.flightsList .listViewDiv .dateRoll .slideDiv .slideWrap .slideBox .dateBox .date {padding-top:8px;}
.flightsList .listViewDiv .dateRoll .slideDiv .slideWrap .slideBox .dateBox .date .month {display:none; font-weight:700; font-size:22px;}
.flightsList .listViewDiv .dateRoll .slideDiv .slideWrap .slideBox .dateBox .date .slash {display:none; font-weight:700; font-size:22px;}
.flightsList .listViewDiv .dateRoll .slideDiv .slideWrap .slideBox .dateBox .date .day {font-weight:400; font-size:22px; color:#333}
.flightsList .listViewDiv .dateRoll .slideDiv .slideWrap .slideBox .dateBox.firstDay .month {display:inline-block;}
.flightsList .listViewDiv .dateRoll .slideDiv .slideWrap .slideBox .dateBox.firstDay .slash {display:inline-block;}
.flightsList .listViewDiv .dateRoll .slideDiv .slideWrap .slideBox .dateBox.today {background:#fff; border:1px solid #99b8b5}
.flightsList .listViewDiv .dateRoll .slideDiv .slideWrap .slideBox .dateBox.today .weekDay {color:#004d45}
.flightsList .listViewDiv .dateRoll .slideDiv .slideWrap .slideBox .dateBox.today .date .month {color:#004d45}
.flightsList .listViewDiv .dateRoll .slideDiv .slideWrap .slideBox .dateBox.today .date .day {color:#004d45; font-weight:700}
.flightsList .listViewDiv .dateRoll .slideDiv .slideWrap .slideBox .dateBox.today .date .slash {color:#004d45}
.flightsList .listViewDiv .dateRoll .slideDiv .slideWrap .slideBox .dateBox.on {background:#004d45}
.flightsList .listViewDiv .dateRoll .slideDiv .slideWrap .slideBox .dateBox.on .weekDay {color:#fff}
.flightsList .listViewDiv .dateRoll .slideDiv .slideWrap .slideBox .dateBox.on .date {color:#fff}
.flightsList .listViewDiv .dateRoll .slideDiv .slideWrap .slideBox .dateBox.on .date .day {font-weight:700; color:#fff}
.flightsList .listViewDiv .dateRoll .slideDiv .slideWrap .slideBox .dateBox.on.weekend .weekDay {color:#fff}
.flightsList .listViewDiv .dateRoll .slideDiv .slideWrap .slideBox .dateBox.on.weekend .date {color:#fff}
.flightsList .listViewDiv .dateRoll .slideDiv .slideWrap .slideBox .dateBox.on.weekend .date .month {color:#004d45}
.flightsList .listViewDiv .dateRoll .slideDiv .slideWrap .slideBox .dateBox.on.weekend.firstDay .date .month {color:#fff}

/* 항공목록 - 국내선 왕복 */
.flightsList .listViewDiv.round{float:left; width:calc(50% - 15px)}
.flightsList .listViewDiv.round:first-child {margin-right:30px;}
.flightsList .listViewDiv.round .dateRoll {margin:10px 0 70px; padding:30px 0;}
.flightsList .listViewDiv.round .dateRoll .slideDiv {width:490px;}
.flightsList .listViewDiv.round .dateRoll .slideDiv .slideWrap .slideBox {margin-right:0}

.flightsList .listViewDiv.round .airFilterDiv .toolSelectDiv .oneD {padding-right:18px; }
.flightsList .listViewDiv.round .airFilterDiv .toolSelectDiv .oneD.noTwo {background:none; padding-right:0}
.flightsList .listViewDiv.round .tableListWrap {display:block}
.flightsList .listViewDiv.round .tableListWrap.likeType .airCom {width:83px; padding-right:5px; padding-left:15px;}/* 항공사 */
.flightsList .listViewDiv.round .tableListWrap.likeType .airTime {position:relative; width:100px; padding-right:5px}/* 출발시간, 도착시간 */
.flightsList .listViewDiv.round .tableListWrap.likeType .sitType {width:80px; margin-left:30px; padding-right:5px; }/* 좌석종류 */
.flightsList .listViewDiv.round .tableListWrap.likeType .sit {width:52px; padding-right:0px;}/* 좌석 */
.flightsList .listViewDiv.round .tableListWrap.likeType .cost {/* width:146px; */ width:132px; margin-right:70px; padding-right:5px;}/* 성인 1인 요금 */
.flightsList .listViewDiv.round .tableListWrap.likeType .text{position:absolute; top:0; right:-78px; width:78px; padding-right:25px; text-align:right}
.flightsList .listViewDiv.round .selectedInfo .tableListWrap.likeType .text{padding-right:10px}

.flightsList .listViewDiv.round .tableListWrap.likeType .like {position:absolute; top:50%; right:0; width:46px;  margin-top:-13px; padding-right:15px}/* 좋아요 버튼 */
.flightsList .listViewDiv.round .tableListWrap.likeType .airComTb {display:block;}
.flightsList .listViewDiv.round .tableListWrap.likeType .airCom .airComLogo {display:block; text-align:center}
.flightsList .listViewDiv .tableListWrap.likeType .airCom .airComName .name {/* 2020-06-10 margin-top:8px*/ margin-top:2px}
.flightsList .listViewDiv .tableListWrap.likeType .airTime .arrange {width:100%}
.flightsList .listViewDiv .tableListWrap.likeType .airTime .arrange .ampm {display:block; float:none; padding-top:0; font-size:13px; font-weight:400;}
.flightsList .listViewDiv .tableListWrap.likeType .airTime .arrange .time {float:none; margin-top:7px; padding-left:0; float:none; font-size:19px; font-weight:700}

/* 항공예약 */
.flightResWrap .flightInfoDiv .contD .noticeTxt {margin-top:10px; font-weight:300; font-size:13px; line-height:22px; color:#797979}
.flightResWrap .flightInfoDiv .contD .noticeTxt p {padding-left:15px; text-indent:-15px}
.flightResWrap .flightInfoDiv .contD .noticeTxt p span {color:#e64949}

.flightResWrap .infoTitDiv {display:table; width:100%; margin-top:90px; padding-bottom:12px; border-bottom:2px solid #000000;}
/* .flightResWrap .infoTitDiv:nth-of-type(1) {margin-top:0} */
.flightResWrap .infoTitDiv .tLeft {display:table-cell; width:50%; vertical-align:bottom}
.flightResWrap .infoTitDiv .tRight {display:table-cell; width:50%; vertical-align:bottom; text-align:right;}
.flightResWrap .infoTitDiv .tit {padding-bottom:8px; font-size:30px; color:#000000;}
.flightResWrap .infoTitDiv .tit .bold {font-weight:700}
.flightResWrap .minTit {padding:50px 0 15px; font-size:20px; color:#000; font-weight:700}
.flightResWrap .infoTitDiv .addTxt {padding-top:17px; font-size:13px; color:#797979; font-weight:300}
.flightResWrap .infoTitDiv .popBtn {display:inline-block; margin-left:3px; padding:0 10px; line-height:28px; border:1px solid rgba(0,77,69,0.4); color:#004d45; font-size:15px; font-weight:300;}
.flightResWrap .chosedFlight .infoTitDiv {margin-top:0}
.flightResWrap .chosedFlight .airlineTicket {margin-top:30px;}
.flightResWrap .chosedFlight .airlineTicket .airSummary {margin:0; padding:43px 0;}

.flightResWrap .flightInfoDiv {margin-top:90px; width:955px}
.flightResWrap .flightInfoDiv .scheduleInfo .scheduleTit {margin-top:20px; padding:40px 10px 18px; border-bottom:1px solid #004d45; overflow:hidden}
.flightResWrap .flightInfoDiv .scheduleInfo .scheduleTit:nth-of-type(1) {margin-top:0}
.flightResWrap .flightInfoDiv .scheduleInfo .scheduleTit span {display:inline-block}
.flightResWrap .flightInfoDiv .scheduleInfo .scheduleTit .direction {float:left; padding-left:46px; padding-right:30px; font-size:22px; font-weight:500; color:#004d45}
.flightResWrap .flightInfoDiv .scheduleInfo .scheduleTit .direction.depa {background:url("../images/depa_air_icon.png") no-repeat left center;}
.flightResWrap .flightInfoDiv .scheduleInfo .scheduleTit .direction.arri {background:url("../images/arri_air_icon.png") no-repeat left center;;}
.flightResWrap .flightInfoDiv .scheduleInfo .scheduleTit .place {padding-right:10px; float:left; font-size:20px; font-weight:500; color:#000000}
.flightResWrap .flightInfoDiv .scheduleInfo .scheduleTit .place strong {font-weight:500}
.flightResWrap .flightInfoDiv .scheduleInfo .scheduleTit .place strong.go {display:inline-block; padding-right:50px; background:url("../images/oneway_icon.png") no-repeat right 16px center}
.flightResWrap .flightInfoDiv .scheduleInfo .scheduleTit .time {font-size:14px; color:#797979}
.flightResWrap .flightInfoDiv .scheduleInfo .scheduleTable {border-bottom:1px solid #797979}
.flightResWrap .flightInfoDiv .scheduleInfo .scheduleTable table {table-layout:fixed}
.flightResWrap .flightInfoDiv .scheduleInfo .scheduleTable thead th.pa0 {padding-left:0; padding-right:0}
.flightResWrap .flightInfoDiv .scheduleInfo .scheduleTable thead th {padding:15px 15px 14px; text-align:center; font-size:15px; color:#000000; font-weight:300; border-bottom:1px solid #c8c8c8}
.flightResWrap .flightInfoDiv .scheduleInfo .scheduleTable thead th.pa0 {padding-left:0; padding-right:0}
.flightResWrap .flightInfoDiv .scheduleInfo .scheduleTable thead th.paL55 {padding-left:55px}
.flightResWrap .flightInfoDiv .scheduleInfo .scheduleTable tbody tr {border-bottom:1px solid #e5e5e5}
.flightResWrap .flightInfoDiv .scheduleInfo .scheduleTable tbody tr:last-child {border-bottom:0}
.flightResWrap .flightInfoDiv .scheduleInfo .scheduleTable tbody td {padding:20px 15px; height:110px; min-height:110px; text-align:center; font-size:19px; color:#000}
.flightResWrap .flightInfoDiv .scheduleInfo .scheduleTable tbody td .airComTb {display:table; text-align:left}
.flightResWrap .flightInfoDiv .scheduleInfo .scheduleTable tbody td .airComTb .airComLogo {display:table-cell; vertical-align:top;}
.flightResWrap .flightInfoDiv .scheduleInfo .scheduleTable tbody td .airComTb .airComLogo img {width:29px;}
.flightResWrap .flightInfoDiv .scheduleInfo .scheduleTable tbody td .airComTb .airComName {display:table-cell; vertical-align:middle; padding-left:10px;}
.flightResWrap .flightInfoDiv .scheduleInfo .scheduleTable tbody td .airComTb .airComName .name {font-size:20px; line-height:27px; font-weight:500; color:#000000}
.flightResWrap .flightInfoDiv .scheduleInfo .scheduleTable tbody td .airComTb .airComName .name .fNum {font-size:23px;}
.flightResWrap .flightInfoDiv .scheduleInfo .scheduleTable tbody td .airComTb .airComName .addTxt {margin-top:3px; font-size:13px; line-height:20px; color:#797979;}
.flightResWrap .flightInfoDiv .scheduleInfo .scheduleTable tbody td.term {font-size:15px; text-align:center; font-weight:400}
.flightResWrap .flightInfoDiv .scheduleInfo .scheduleTable tbody td.term i {font-size:18px}
.flightResWrap .flightInfoDiv .scheduleInfo .scheduleTable tbody td.term .journey {padding-bottom:12px; font-weight:700; font-size:19px}
.flightResWrap .flightInfoDiv .scheduleInfo .scheduleTable tbody td.sit {font-size:17px;}
.flightResWrap .flightInfoDiv .scheduleInfo .scheduleTable tbody td.sit .subT {margin-top:7px; font-size:13px; color:#00696d; font-weight:400;}
.flightResWrap .flightInfoDiv .scheduleInfo .scheduleTable tbody td.language i {font-weight:700}
.flightResWrap .flightInfoDiv .scheduleInfo .addTxt {margin-top:15px; font-size:13px; color:#797979;}
.flightResWrap .flightInfoDiv .scheduleInfo .addTxt strong {color:#000}
.flightResWrap .flightInfoDiv .passengerInfo table th.paL5 {padding-left:5px;}
.flightResWrap .flightInfoDiv .passengerInfo table th.paL30 {padding-left:30px;}
.flightResWrap .flightInfoDiv .passengerInfo table th.paR50 {padding-right:50px;}
.flightResWrap .flightInfoDiv .passengerInfo table th.paR140 {padding-right:140px;}
.flightResWrap .flightInfoDiv .passengerInfo table th.paR30 {padding-right:30px; }
.flightResWrap .flightInfoDiv .passengerInfo table td.paL30 {padding-left:30px;}
.flightResWrap .flightInfoDiv .passengerInfo table td.paR30 {padding-right:30px;}
.flightResWrap .flightInfoDiv .passengerInfo .tbStyle2 table td .people {text-align:left}
.flightResWrap .flightInfoDiv .passengerInfo .tbStyle2 table td .liH45 {line-height:45px}

/* agreeDiv */
.agreeDiv{}
.agreeDiv .list{position:relative; border-bottom:1px solid #e5e5e5}
.agreeDiv .list:last-child{border-bottom:1px solid #797979}
.agreeDiv .list .topD{position:relative; padding:17px 54px 17px 10px}
.agreeDiv .list .topD:after{content:''; display:block; clear:both}
.agreeDiv .list .topD .listTit{float:left; font-weight:300; font-size:15px; line-height:18px; color:#000}
.agreeDiv .list .topD .chkBox{float:right}
.agreeDiv .list .topD .open{position:absolute; top:50%; right:0; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); width:34px; height:28px; background:url('../images/down_grayIcon_14x8.png') no-repeat center}
.agreeDiv .list .bottomD{display:none; max-height:260px; overflow-y:auto; padding:25px 30px; background:#fafafa; font-size:14px; line-height:22px; color:#797979; border-top:1px solid #e5e5e5}
.agreeDiv .list .bottomD .tit{margin-top:30px; font-size:15px; color:#797979}
.agreeDiv .list .bottomD .tit:first-child{margin-top:0}
.agreeDiv .list .bottomD .addTxt {padding-top:10px;}
.agreeDiv .list .bottomD .addTxt p {padding-left:15px; text-indent:-15px; font-size:13px; line-height:22px; font-weight:300; color:#797979}
.agreeDiv .list .bottomD .addTxt p span {color:#e64949}
.agreeDiv .list .bottomD .agreeTable table{table-layout:auto}
.agreeDiv .list .bottomD .title {position:relative; margin-top:70px; padding-bottom:14px; font-size:20px; font-weight:500; color:#004d45; border-bottom:1px solid #e5e5e5}
.agreeDiv .list .bottomD .title:nth-of-type(1) {margin-top:0}
.agreeDiv .list .bottomD .subTit {position:relative; padding-left:10px; padding-top:20px; font-size:16px; color:#000}
.agreeDiv .list .bottomD .txt {padding-left:8px; padding-top:10px; font-size:14px; line-height:25px; color:#666666;}
.agreeDiv .list .bottomD .txt:first-child{padding-top:0}
.agreeDiv .list .bottomD .txt .num {padding-left:15px; text-indent:-15px;}
.agreeDiv .list .bottomD .txt .space {padding-left:16px;}
.agreeDiv .list .bottomD .txt b{color:#000}
.agreeDiv .list.on .topD .listTit{font-weight:500}
.agreeDiv .list.on .topD .open{background:url('../images/up_grayIcon_14x8.png') no-repeat center}

/* fixArea */
.fixArea .flyConD {padding:0 20px; border-left:1px solid #797979; border-right:1px solid #797979; }
.fixArea .flyConD .dcList .list {padding:18px 0; text-align:right; border-top:1px dashed #dcdcdc}
.fixArea .flyConD .dcList .list:first-child {border-top:0}
.fixArea .flyConD .dcList .list .name {position:relative; padding-right:22px; font-size:14px; line-height:18px; color:#004d45;}
.fixArea .flyConD .dcList .list .name .toolIcon {position:absolute; display:block; top:1px; right:0}
.fixArea .flyConD .dcList .list .discount {margin-top:10px; font-size:13px; color:#000000}
.fixArea .flyConD .dcList .list .discount i {font-weight:700; font-size:19px; color:#004d45}
.fixArea .flyConD .dcList + .priceD {margin-top:4px; padding:25px 0 20px; border-top:1px solid #e5e5e5; text-align:right}
.fixArea .flyConD .priceD {margin-top:0px; padding:33px 0 28px; border-top:0; text-align:right}
.fixArea .flyConD .priceD .type {font-size:14px; color:#797979; line-height:16px;}
.fixArea .flyConD .priceD .sum {display:table; width:100%; margin-top:10px;}
.fixArea .flyConD .priceD .sum .tit {display:table-cell; width:90px; vertical-align:bottom; text-align:left; font-size:15px; color:#000}
.fixArea .flyConD .priceD .sum .price {display:table-cell; width:calc(100% - 90px); width:-webkit-calc(100% - 90px); vertical-align:bottom; text-align:right; color:#000; font-size:13px;}
.fixArea .flyConD .priceD .sum .price i {font-size:28px; font-weight:700}
.fixArea .addTxt {margin-top:12px;}
.fixArea .addTxt p {padding-left:15px; text-indent:-15px; font-size:13px; line-height:20px; color:#797979; word-break:keep-all}

/* 항공 예약완료 */
.flightbookedWrap {position:relative;}
.flightbookedWrap .bgDiv {position:absolute; top:-70px; left:0;width:100%; height:383px; background:url("../images/flightbookedWrap_bg.jpg") no-repeat center center; background-size:cover}
.flightbookedWrap .airlineTicket {position:relative; }
.flightbookedWrap .airlineTicket .airSummary {position:relative; margin:0; padding:47px 0 45px; border-top:0; border-bottom:0;}
.flightbookedWrap .airlineTicket .airSummary .type{position:absolute; top:10px; left:20px; padding:0 8px; width:auto; height:22px; font-weight:300; font-size:15px; line-height:20px; color:#000; text-align:center; background:#fff; border:1px solid #797979}
.flightbookedWrap .airlineTicket .airDetailWrap {border-top:0}
.flightbookedWrap .airlineTicket .airDetailWrap:after {top:0; left:0; height:1px; border-top:0; background:url("../images/airlineTicket_border.jpg") no-repeat left center}
.flightbookedWrap .airlineTicket .airDetail {padding-top:45px; margin-top:42px; border-top:1px solid #e5e5e5}
.flightbookedWrap .airlineTicket .airDetail:nth-of-type(1) {padding-top:0; margin-top:0; border-top:0}
.flightbookedWrap .airlineTicket .airDetail .cell {vertical-align:top; text-align:center}
.flightbookedWrap .airlineTicket .airDetail .cell .align {text-align:left}
.flightbookedWrap .airlineTicket .airDetail .cell .tit {display:inline-block; position:relative; float:none; padding:0}
.flightbookedWrap .airlineTicket .airDetail .cell .tit .grnBtn {display:block; position:absolute; top:-6px; right:-78px; padding:0 10px; line-height:23px; color:#e64949; font-size:14px; font-weight:500; border:1px solid #e64949}
.flightbookedWrap .airlineTicket .airDetail .cell .detail {float:none; font-size:20px; white-space:nowrap}
.flightbookedWrap .airlineTicket .airDetail .cell .detail .smallT {font-size:19px}
.flightbookedWrap .airlineTicket .airDetail .cell .detail .smallT2 {font-size:18px; font-weight:500}
.flightbookedWrap .airlineTicket .airDetail .detail .subT {margin-top:10px; font-size:14px;}
.flightbookedWrap .airlineTicket .airDetail .detail .subT.red {color:#e64949}
/* 예약완료 하단배너 */
.underBanner {display:block; position:relative; margin-top:120px; padding:40px 60px 16px; border:1px solid rgba(15,138,74,0.3); background:url("../images/underbanner_bg.jpg") no-repeat right bottom 0}
.underBanner:before {content:""; display:block; position:absolute; right:-1px; bottom:-1px; width:506px; height:161px; background:url("../images/underbanner_bg2.png") no-repeat center center;}
.underBanner .tit {font-size:30px; color:#004d45;}
.underBanner .tit b {font-weight:700}
.underBanner .subTit {margin-top:10px; font-size:15px; line-height:22px; color:#4c9484;}
.underBanner .link {display:inline-block; margin-top:32px; padding-right:83px; font-size:16px; line-height:30px; color:#0a7a73; font-weight:500; letter-spacing:0.3px; text-decoration:none; background:url("../images/banner_link_icon.png") no-repeat right center}
.underBanner .link:hover {text-decoration:none}
.underBannerCarrot {display:block; margin-top:20px;}/*2023-07-19 추가*/
.underBannerMpCarrot {display:block; margin-top:50px;}/*2023-07-19 추가*/

.flightbookedWrap .airlineTicket .airDetailWrap.domestic {padding:46px 40px 43px;}
.flightbookedWrap .airlineTicket .airDetailWrap.domestic .airDetail {table-layout:fixed}
.flightbookedWrap .airlineTicket .airDetailWrap.domestic .airDetail .cell {padding:0 20px; text-align:left}
.flightbookedWrap .airlineTicket .airDetailWrap.domestic .airDetail .cell:nth-child(1) {width:320px; padding-left:0; border-left:0}
.flightbookedWrap .airlineTicket .airDetailWrap.domestic .airDetail .cell:nth-child(2) {width:325px;}
.flightbookedWrap .airlineTicket .airDetailWrap.domestic .airDetail .cell:nth-child(3) {width:290px;}
.flightbookedWrap .airlineTicket .airDetailWrap.domestic .airDetail .cell:nth-child(4) {width:95px;}
.flightbookedWrap .airlineTicket .airDetailWrap.domestic .airDetail .cell:nth-child(4) .detail {color:#006d69}
.flightbookedWrap .airlineTicket .airDetailWrap.domestic .airDetail .cell .detail {padding-top:15px;}
.flightbookedWrap .airlineTicket .airDetailWrap.domestic .airDetail .cell .icon {position:relative; padding-left:85px;}
.flightbookedWrap .airlineTicket .airDetailWrap.domestic .airDetail .cell .icon .iconT {position:absolute; top:0; left:0; padding-top:30px; font-size:22px; font-weight:500; color:#004d45; text-align:center}
.flightbookedWrap .airlineTicket .airDetailWrap.domestic .airDetail .cell .icon .iconT.depa {background:url("../images/depa_air_icon.png") no-repeat center top}
.flightbookedWrap .airlineTicket .airDetailWrap.domestic .airDetail .cell .icon .iconT.arri {background:url("../images/arri_air_icon.png") no-repeat center top}

.flightbookedWrap .airlineTicket .airDetailWrap.international {padding:50px 28px 37px;}
.flightbookedWrap .airlineTicket .airDetailWrap.international .airDetail .cell {padding:0 20px;}
.flightbookedWrap .airlineTicket .airDetailWrap.international .airDetail .cell:nth-child(1) {padding-left:0; border-left:0}
/* .flightbookedWrap .airlineTicket .airDetailWrap.international .airDetail .cell:last-child {padding-right:0;} */
/* .flightbookedWrap .airlineTicket .airDetailWrap.international .airDetail .cell:nth-child(1) {width:342px; padding-left:0; border-left:0}
.flightbookedWrap .airlineTicket .airDetailWrap.international .airDetail .cell:nth-child(2) {width:238px;}
.flightbookedWrap .airlineTicket .airDetailWrap.international .airDetail .cell:nth-child(3) {width:322px;}
.flightbookedWrap .airlineTicket .airDetailWrap.international .airDetail .cell:nth-child(4) {width:254px;} */
.flightbookedWrap .airlineTicket .airDetailWrap.international .airDetail .cell:nth-child(4) .detail {color:#006d69}
.flightbookedWrap .airlineTicket .airDetailWrap.international .airDetail .cell .detail {padding-top:30px;}

/* 프로모션 - 기획전 목록 */
.promotionWrap {position:relative;}
.promotionWrap img{max-width:100%}
.promotionWrap:before {content:""; display:block; position:absolute; top:-80px; left:0; width:100%; height:425px; background:#fafafa; border-top:1px solid #dedede; border-bottom:1px solid #dedede;}
.promotionWrap.noBg:before {display:none}
.promotionWrap .rollBannerDiv {position:relative; padding-top:50px;}
.promotionWrap .rollBannerDiv .swiper-container {width:1280px; height:538px; overflow:hidden;}
.promotionWrap .rollBannerDiv .txtArea {position:relative; width:1080px; height:230px; bottom:0; left:50%; padding:47px 60px; transform:translate(-50%, 0); -webkit-transform:translate(-50%, 0); -moz-transform:translate(-50%, 0); margin-top:-100px; background:#fff; z-index:2;}
.promotionWrap .rollBannerDiv .txtArea .titBox {position:relative;}
.promotionWrap .rollBannerDiv .txtArea .titBox .tit {display:none; font-size:42px; line-height:48px; color:#000;}
.promotionWrap .rollBannerDiv .txtArea .titBox .tit.on {display:block}
.promotionWrap .rollBannerDiv .txtArea .txtBox {position:relative; margin-top:15px;}
.promotionWrap .rollBannerDiv .txtArea .txtBox:before {content:""; display:block; position:absolute; top:14px; left:0; width:100%; height:1px; background:#e5e5e5}
.promotionWrap .rollBannerDiv .txtArea .txtBox .txt {display:none; position:relative;}
.promotionWrap .rollBannerDiv .txtArea .txtBox .txt span {display:inline-block; padding-right:23px; background:#fff; font-size:17px; line-height:28px; color:#797979; font-weight:300}
.promotionWrap .rollBannerDiv .txtArea .txtBox .txt.on {display:block}
.promotionWrap .rollBannerDiv .indiDiv {display:block; position:absolute; bottom:6px; right:160px; width:150px; height:auto; padding-left:13px; z-index:1;}
.promotionWrap .rollBannerDiv .indiDiv:after {content:""; display:block; clear:both}
.promotionWrap .rollBannerDiv .indiDiv .pagination {display:inline-block; position:static; top:auto; bottom:0; left:auto; right:auto; float:left; width:auto; margin-top:4px; font-size:16px; color:#aaaaaa}
.promotionWrap .rollBannerDiv .indiDiv .pagination .current {display:inline-block; padding-right:7px; font-size:16px; color:#000; font-family:'Spoqa'; font-weight:bold;}
.promotionWrap .rollBannerDiv .indiDiv .pagination .total {display:inline-block; padding-left:2px; font-size:12px; color:#aaa; font-family:'Spoqa';}
.promotionWrap .rollBannerDiv .indiDiv .controlD {float:right}
.promotionWrap .rollBannerDiv .indiDiv .controlD:after {content:""; display:block; clear:both}
.promotionWrap .rollBannerDiv .indiDiv .controlD .swiper-button-next {float:left; position:static; top:auto; left:auto; right:auto; width:25px; height:25px; background:url("../images/control_next.png") no-repeat center center; margin:0; cursor:pointer}
.promotionWrap .rollBannerDiv .indiDiv .controlD .pause {float:left; position:static; top:auto; left:auto; right:auto; margin:0 1px; width:25px; height:25px; background:url("../images/control_pause.png") no-repeat center center; cursor:pointer}
.promotionWrap .rollBannerDiv .indiDiv .controlD .pause.stop{background:url("../images/control_play.png") no-repeat center center;}
.promotionWrap .rollBannerDiv .indiDiv .controlD .swiper-button-prev {float:left; position:static; top:auto; left:auto; right:auto; width:25px; height:25px; background:url("../images/control_prev.png") no-repeat center center; margin:0; cursor:pointer}
.promotionWrap .rollBannerDiv .indiDiv .swiper-button-next.swiper-button-disabled, .promotionWrap .rollBannerDiv .indiDiv .swiper-button-prev.swiper-button-disabled {pointer-events:auto; opacity:1}
.promotionWrap .tabListCon {width:100%;}
.promotionWrap .tabListCon .contTab {border-bottom:1px solid #797979;}
.promotionWrap .tabListCon .contTab:after {content:""; display:block; clear:both}
.promotionWrap .tabListCon .contTab .tabBtn {display:inline-block; position:relative; padding:5px 40px 30px; width:auto; font-size:23px; font-weight:500; color:#797979; opacity:0.7}
.promotionWrap .tabListCon .contTab .tabBtn:before {content:""; display:block; position:absolute; top:5px; left:0; width:1px; height:24px; background:#e5e5e5;}
.promotionWrap .tabListCon .contTab .tabBtn:first-child:before {display:none;}
.promotionWrap .tabListCon .contTab .tabBtn.on {color:#000; opacity:1}
.promotionWrap .tabListCon .contTab .tabBtn.on:after {content:""; display:block; position:absolute; bottom:-1px; left:0; width:100%; height:3px; background:#000;}
.promotionWrap .tabListCon .contConWrap {position:relative; width:100%}
.promotionWrap .tabListCon .contConWrap .contCon .allCount {position:absolute; top:-34px; right:0;font-size:17px; color:#000;}
.promotionWrap .tabListCon .contConWrap .contCon .allCount i {font-size:19px; color:#004d45}
.promotionWrap .tabListCon .contConWrap .contCon .contCon:after {content:""; display:block; clear:both}
.promotionWrap .tabListCon .contConWrap .contCon .listDiv {display:flex; flex-wrap:wrap; width:100%; margin-top:90px;}
.promotionWrap .tabListCon .contConWrap .contCon .listDiv li {position:relative; width:412px; margin-left:22px; padding-bottom:47px;}
.promotionWrap .tabListCon .contConWrap .contCon .listDiv li:nth-child(3n+1) {margin-left:0;}
.promotionWrap .tabListCon .contConWrap .contCon .listDiv li:nth-child(n+4) {padding-top:28px; border-top:1px solid #d8d8d8;}
.promotionWrap .tabListCon .contConWrap .contCon .listDiv .list {display:block;}
.promotionWrap .tabListCon .contConWrap .contCon .listDiv .list .img {position:relative; overflow:hidden; width:412px; height:290px;}
/* .promotionWrap .tabListCon .contConWrap .contCon .listDiv .list .img img {display:block; position:absolute; top:50%; left:0; transform:translate(0, -50%); -webkit-transform:translate(0, -50%); -moz-transform:translate(0, -50%); transition:all 0.5s cubic-bezier(.55,0,.1,1); width:100%; height:auto;} */
/*.promotionWrap .tabListCon .contConWrap .contCon .listDiv .list .badge {display:inline-block; margin-top:20px; padding:0 10px; line-height:28px; font-size:15px; color:#000; border:1px solid #797979}*/
.promotionWrap .tabListCon .contConWrap .contCon .listDiv .list .badge {display:inline-block; padding:0 10px; line-height:26px; font-size:15px; color:#000; border:1px solid #797979; float:left; margin:2px 6px 0 0;} /*2023-02-02 수정 기획전 전체 badge*/
.promotionWrap .tabListCon .contConWrap .contCon .listDiv .list .tit {margin-top:25px; font-size:25px; font-weight:500; color:#000000; line-height:31px; word-break:keep-all}
.promotionWrap .tabListCon .contConWrap .contCon .listDiv .list .term {margin-top:12px; font-size:13px; color:#797979; font-family: 'Spoqa';}
.promotionWrap .tabListCon .contConWrap .contCon .listmore {display:block; width:100%; height:76px; line-height:74px; text-align:center; background:#fafafa; border-top:1px solid #c8c8c8; border-bottom:1px solid #e5e5e5}
.promotionWrap .tabListCon .contConWrap .contCon .listmore span {display:inline-block; padding-right:23px; font-size:15px; font-weight:300; color:#000; background:url("../images/arrow_gry_12x7.png") no-repeat right center}

.promotionWrap .tabListCon .contConWrap .contCon .listDiv.scrollMotion li:after {content:""; display:block; position:absolute; top:0; right:0; width:100%; height:100%; background:#fff; transition:all 0.5s cubic-bezier(.55,0,.1,1)}
.promotionWrap .tabListCon .contConWrap .contCon .listDiv .list.scrollMotion .img img {display:block; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); transition:all 0.5s cubic-bezier(.55,0,.1,1); width:100%; height:auto;}
.promotionWrap .tabListCon .contConWrap .contCon .listDiv.scrollMotion.active li:nth-child(1):after {width:0;}
.promotionWrap .tabListCon .contConWrap .contCon .listDiv.scrollMotion.active li:nth-child(2):after {width:0;}
.promotionWrap .tabListCon .contConWrap .contCon .listDiv.scrollMotion.active li:nth-child(3):after {width:0;}
.promotionWrap .tabListCon .contConWrap .contCon .listDiv.scrollMotion.active li:nth-child(n+4):after {width:0; transition-delay:0.5s}

/* 프로모션 - 기획전 상세 */
.promotionWrap .bannerImg {position:relative; width:100%; width:100%; height:450px}
.promotionWrap .bannerImg .textBox {position:absolute; bottom:60px; left:80px}
.promotionWrap .bannerImg .textBox .tit {position:relative; font-size:70px; color:#fff; line-height:78px; font-weight:300; letter-spacing:-4px}
.promotionWrap .bannerImg .textBox .tit:after {content:""; display:block; width:53px; height:2px; margin-top:28px; background:rgba(255, 255, 255, 0.1);}
.promotionWrap .bannerImg .textBox .tit:last-child:after{display:none}
.promotionWrap .bannerImg .textBox .tit .mid {font-weight:500}
.promotionWrap .bannerImg .textBox .tit b, .promotionWrap .bannerImg .textBox .tit strong{font-weight:500}
.promotionWrap .bannerImg .textBox .txt {margin-top:30px; font-size:17px; color:#fff; font-weight:300; opacity:0.8}
.promotionWrap .bannerImg .textBox .txtArea{margin-top:28px}
.promotionWrap .bannerImg .textBox .txtArea dl{margin-top:8px}
.promotionWrap .bannerImg .textBox .txtArea dl:after{content:''; display:block; clear:both}
.promotionWrap .bannerImg .textBox .txtArea dl dt{float:left; padding-right:15px; font-weight:700; font-size:17px; line-height:21px; color:#fff;}
.promotionWrap .bannerImg .textBox .txtArea dl dd{float:left; font-weight:300; font-size:17px; line-height:21px; color:rgba(255, 255, 255, 0.8)}

.promotionWrap .bannerSns {margin-bottom:28px; overflow:hidden; /* background:url("../images/promo_sns_promotions_bg.png") no-repeat left top 17px */}
.promotionWrap .bannerSns + .promoAdmin {margin-top:20px}
/* .promotionWrap .bannerSns.promotions {}
.promotionWrap .bannerSns.globalfestival {background:url("../images/promo_sns_globalfestival_bg.png") no-repeat left top 17px}
.promotionWrap .bannerSns.traveltheme {background:url("../images/promo_sns_traveltheme_bg.png") no-repeat left top 17px}
.promotionWrap .bannerSns.jejuisland {background:url("../images/promo_sns_htlListType1_bg.png") no-repeat left top 17px}
.promotionWrap .bannerSns.bestpromotion {background:url("../images/promo_sns_htlListType2_bg.png") no-repeat left top 17px}
.promotionWrap .bannerSns.recommend {background:url("../images/promo_sns_htlListType3_bg.png") no-repeat left top 17px} */
.promotionWrap .bannerSns .infoBox {float:left}
.promotionWrap .bannerSns .infoBox .titArea {margin-bottom:14px;}
.promotionWrap .bannerSns .infoBox .titArea:after {content:""; display:block; clear:both}
.promotionWrap .bannerSns .infoBox .titArea .badge {float:left; padding:0 8px; margin-right:10px; line-height:20px; font-size:15px; color:#000; font-weight:300; background:#fff; border:1px solid #797979}
.promotionWrap .bannerSns .infoBox .titArea .tit {float:left; font-size:24px; line-height:22px; color:#000;}
.promotionWrap .bannerSns .infoBox .dateArea {font-size:15px; color:#797979}
.promotionWrap .bannerSns .snsBox {float:right; padding-left:30px; background:#fafafa; }
.promotionWrap .bannerSns .snsBox .sns {display:block; float:left; margin-left:10px; width:50px; height:50px;}
.promotionWrap .bannerSns .snsBox .sns:first-child {margin-left:0;}
.promotionWrap .bannerSns .snsBox .sns.facebook {background:url("../images/icon_facebook.png") no-repeat center center}
.promotionWrap .bannerSns .snsBox .sns.kakao {background:url("../images/icon_kakao.png") no-repeat center center}
.promotionWrap .bannerSns .snsBox .sns.url {background:url("../images/icon_url.png") no-repeat center center}

.promotionWrap .bannerDiv .outTextBox {position:relative; top:-120px; width:1180px; background:#fff; padding:55px 0 0 100px;}
.promotionWrap .bannerDiv .outTextBox .tit {font-size:60px; line-height:70px; font-weight:300; color:#000;}
.promotionWrap .bannerDiv .outTextBox .tit .mid {font-weight:500}
.promotionWrap .bannerDiv .outTextBox .txt {margin-top:25px; font-size:19px; color:#797979; font-weight:300}
.promotionWrap .bannerDiv .outTextBox .infoList {margin-top:30px; padding-top:50px; border-top:1px solid #000}
.promotionWrap .bannerDiv .outTextBox .infoList .list {margin-top:10px; overflow:hidden}
.promotionWrap .bannerDiv .outTextBox .infoList .list .listTit {float:left; width:130px; margin-right:15px; padding: 10px 18px 0 18px; font-size:17px; text-align: justify; line-height:11px; font-weight:500; color:#fff; background:#303030}
.promotionWrap .bannerDiv .outTextBox .infoList .list .listTit:after{content:""; display:inline-block; width:100%;}
.promotionWrap .bannerDiv .outTextBox .infoList .list .listTxt {float:left; font-size:23px; color:#000; line-height:34px}
.promotionWrap .bannerDiv .outTextBox .infoList .list .listTxt .small {font-weight:300; font-size:19px; color:#666666; line-height:34px}
.promotionWrap .bannerDiv .outTextBox .infoList .list .listTxt img {vertical-align:unset}

.promotionWrap .defaultStyle {padding-bottom:30px}
.promotionWrap .defaultStyle .bannerImg {position:relative; width:100%; height:auto}
.promotionWrap .defaultStyle .bannerImg .textBox {position:absolute; bottom:0; left:0; padding:60px 80px; width:100%;}
.promotionWrap .defaultStyle .bannerImg .textBox .tit {position:relative; font-size:60px; color:#fff; line-height:72px; font-weight:300; letter-spacing:-4px}
.promotionWrap .defaultStyle .bannerImg .textBox .tit b, .promotionWrap .bannerImg .textBox .tit strong{font-weight:500}
.promotionWrap .defaultStyle .bannerImg .textBox .txt {position:relative; margin-top:30px; font-size:17px; color:#fff; font-weight:300; opacity:0.8}
.promotionWrap .defaultStyle .bannerImg .textBox .txtArea{}
.promotionWrap .defaultStyle .listDiv{margin-top:80px}
.promotionWrap .defaultStyle .listDiv .list{width:100%; margin-top:80px;}
.promotionWrap .defaultStyle .listDiv .list:after{content:''; display:block; clear:both}
.promotionWrap .defaultStyle .listDiv .list:first-child {margin-top:0}
.promotionWrap .defaultStyle .listDiv .list .imgBox {position:relative; width:640px; overflow:hidden;}
.promotionWrap .defaultStyle .listDiv .list .imgBox img{max-width:none; width:100%}
.promotionWrap .defaultStyle .listDiv .list .textBox {display:table; width:640px; word-break:keep-all}
.promotionWrap .defaultStyle .listDiv .list:nth-child(2n-1) .imgBox {float:left; box-shadow:-60px 30px 1px rgba(229,229,229,1)}
.promotionWrap .defaultStyle .listDiv .list:nth-child(2n-1) .textBox {float:right; padding:0 40px 0 80px}
.promotionWrap .defaultStyle .listDiv .list:nth-child(2n) .imgBox {float:right; box-shadow:60px 30px 1px rgba(229,229,229,1)}
.promotionWrap .defaultStyle .listDiv .list:nth-child(2n) .textBox {float:left; padding:0 80px 0 40px}
.promotionWrap .defaultStyle .listDiv .list .textBox .area{display:table-cell; vertical-align:middle}
.promotionWrap .defaultStyle .listDiv .list .textBox .type{margin-bottom:22px; font-size:22px; color:#9f9f9f}
.promotionWrap .defaultStyle .listDiv .list .textBox .type i{font-family:'Spoqa'; font-weight:700}
.promotionWrap .defaultStyle .listDiv .list .textBox .name {font-size:38px; line-height:50px; color:#000; letter-spacing:-4px}
.promotionWrap .defaultStyle .listDiv .list .textBox .name b, .promotionWrap .defaultStyle .listDiv .list .textBox .name strong{font-weight:700}
.promotionWrap .defaultStyle .listDiv .list .textBox .txt {margin-top:24px; font-weight:300; font-size:17px; line-height:28px; color:#666}
.promotionWrap .defaultStyle .listDiv .list .textBox .notice{margin-top:24px; font-weight:300; font-size:13px; color:#e64949}
.promotionWrap .defaultStyle .listDiv .list .textBox .name + .btnD{margin-top:34px}
.promotionWrap .defaultStyle .listDiv .list .textBox .btnD{margin-top:40px;}
.promotionWrap .defaultStyle .listDiv .list .textBox .btnD:after{content:''; display:block; clear:both}
.promotionWrap .defaultStyle .listDiv .list .textBox .btnD a{float:left; margin-right:7px; padding:0 30px; line-height:38px; font-size:16px; color:#000000; border:1px solid #000000}
.promotionWrap .defaultStyle .listDiv .list .textBox .btnD a:last-child{margin-right:0}
.promotionWrap .defaultStyle .listNoticeD{margin-top:90px; padding:30px 20px; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5}
.promotionWrap .defaultStyle .listNoticeD .tit{font-size:17px; color:#797979}
.promotionWrap .defaultStyle .listNoticeD ul{margin-top:20px}
.promotionWrap .defaultStyle .listNoticeD ul li{padding-left:14px; margin-top:4px; font-weight:300; font-size:15px; line-height:20px; color:#797979; background:url('../images/dot3x3.gif') no-repeat left 8px}
.promotionWrap .defaultStyle .listNoticeD ul li:first-child{margin-top:0;}
.promotionWrap .defaultStyle .listNoticeD ul li a{color:#e64949}
.promotionWrap .defaultStyle .swiperArea{margin-top:90px}
.promotionWrap .defaultStyle .swiperArea .tabs{margin-bottom:20px; border-bottom:1px solid #797979}
.promotionWrap .defaultStyle .swiperArea .tabs:after{content:''; display:block; clear:both}
.promotionWrap .defaultStyle .swiperArea .tabs a{position:relative; float:left; padding:30px; max-width:250px; font-weight:500; font-size:23px; color:rgba(121, 121, 121, 0.7); text-overflow:ellipsis; overflow:hidden; white-space:nowrap}
.promotionWrap .defaultStyle .swiperArea .tabs a:before{content:''; position:absolute; top:30px; right:0; width:1px; height:23px; background:#e5e5e5}
.promotionWrap .defaultStyle .swiperArea .tabs a:last-child:before{display:none}
.promotionWrap .defaultStyle .swiperArea .tabs a.on{color:#000}
.promotionWrap .defaultStyle .swiperArea .tabs a.on:after{content:''; position:absolute; bottom:-1px; left:0; width:100%; height:3px; background:#000}
.promotionWrap .defaultStyle .swiperArea .swiper-container .swiper-slide .imgArea{position:relative}
.promotionWrap .defaultStyle .swiperArea .swiper-container .swiper-slide .imgArea img{width:100%}
.promotionWrap .defaultStyle .swiperArea .swiper-container .swiper-slide .imgArea .titArea{position:absolute; left:0; bottom:0; padding:40px 50px 0; max-width:910px; background:#fff}
.promotionWrap .defaultStyle .swiperArea .swiper-container .swiper-slide .imgArea .titArea:before{content:''; position:absolute; bottom:0; right:0; width:50px; height:1px; background:#fff; z-index:1}
.promotionWrap .defaultStyle .swiperArea .swiper-container .swiper-slide .imgArea .titArea .txt{height:35px; font-size:25px; color:#000}
.promotionWrap .defaultStyle .swiperArea .swiper-container .swiper-slide .imgArea .titArea .tit{position:relative;}
.promotionWrap .defaultStyle .swiperArea .swiper-container .swiper-slide .imgArea .titArea .tit:first-child{margin-top:35px}
.promotionWrap .defaultStyle .swiperArea .swiper-container .swiper-slide .imgArea .titArea .tit:after{content:''; position:absolute; left:0; bottom:0; width:100%; height:1px; background:#231322;}
.promotionWrap .defaultStyle .swiperArea .swiper-container .swiper-slide .imgArea .titArea .tit span{display:inline-block; position:relative; padding-right:30px; font-size:50px; color:#000; background:#fff; z-index:1}
.promotionWrap .defaultStyle .swiperArea .swiper-container .swiper-slide .imgArea .titArea .tit span.long:after{display:none}
.promotionWrap .defaultStyle .swiperArea .swiper-container .swiper-slide .txtArea{padding:40px 50px 0 50px; font-weight:300; font-size:17px; line-height:27px; color:#666; word-break:keep-all}
.promotionWrap .defaultStyle .swiperArea .swiper-container .swiper-button-prev{top:198px; left:40px; margin-top:0; width:54px; height:54px; background:url('../images/promo0_swiperArea_prev.png') no-repeat}
.promotionWrap .defaultStyle .swiperArea .swiper-container .swiper-button-next{top:198px; right:40px; margin-top:0; width:54px; height:54px; background:url('../images/promo0_swiperArea_next.png') no-repeat}

.promotionWrap .airListType1 {margin-top:80px; padding-bottom:30px}
.promotionWrap .airListType1 .list {display:flex; width:100%; margin-top:100px;}
.promotionWrap .airListType1 .list:first-child {margin-top:0}
.promotionWrap .airListType1 .list .imgBox {position:relative; width:640px; height:390px; overflow:hidden;}
/* .promotionWrap .airListType1 .list .imgBox img {position:absolute; top:50%; left:0; width:100%; height:auto; transform:translate(0,-50%); -webkit-transform:translate(0,-50%); -moz-transform:translate(0,-50%); -ms-transform:translate(0,-50%); -o-transform:translate(0,-50%);} */
.promotionWrap .airListType1 .list .textBox {width:640px; padding-top:80px;}
.promotionWrap .airListType1 .list.imgLeft .imgBox {box-shadow:-60px 30px 1px rgba(229,229,229,1)}
.promotionWrap .airListType1 .list.imgLeft .textBox {padding-left:80px}
.promotionWrap .airListType1 .list.imgRight .imgBox {box-shadow:60px 30px 1px rgba(229,229,229,1)}
.promotionWrap .airListType1 .list.imgRight .textBox {padding-left:53px}
.promotionWrap .airListType1 .list .textBox .country {font-size:22px; color:#9f9f9f}
.promotionWrap .airListType1 .list .textBox .name {margin-top:17px; font-size:55px; color:#000000; letter-spacing:-4px}
.promotionWrap .airListType1 .list .textBox .txt {margin-top:23px; font-weight:300; font-size:17px; line-height:28px; color:#666}
.promotionWrap .airListType1 .list .textBox .term {position:relative; margin-top:43px; padding-top:32px; font-size:15px; color:#004d45}
.promotionWrap .airListType1 .list .textBox .term:before {content:""; display:block; position:absolute; top:0; left:0; width:85px; height:2px; background:#000;}
.promotionWrap .airListType1 .list .textBox .term i {margin-top:10px; font-size:23px}
.promotionWrap .airListType1 .list .textBox .btn {display:inline-block; margin-top:38px; padding:0 30px; line-height:38px; font-size:16px; color:#000000; border:1px solid #000000}

.promotionWrap .airListType2 {margin-top:80px;}
.promotionWrap .airListType2 .themeDiv {margin-top:100px}
.promotionWrap .airListType2 .themeDiv:nth-of-type(1) {margin-top:0}
.promotionWrap .airListType2 .themeDiv .nameDiv {position:relative; height:450px;}
.promotionWrap .airListType2 .themeDiv .nameDiv .title {position:absolute; left:0; bottom:0; width:650px; padding:40px 50px 0 50px; background:#fff}
.promotionWrap .airListType2 .themeDiv .nameDiv .title:before {content:""; display:block; position:absolute; bottom:0; right:50px; width:550px; height:1px; background:#231322}
.promotionWrap .airListType2 .themeDiv .nameDiv .title .titImg {position:absolute; top:-56px; left:50px}
.promotionWrap .airListType2 .themeDiv .nameDiv .title .tit1 {font-size:25px; color:#000;}
.promotionWrap .airListType2 .themeDiv .nameDiv .title .tit2 {display:inline-block; position:relative; margin-top:10px; padding-right:28px; font-size:50px; color:#000; background:#fff}
.promotionWrap .airListType2 .themeDiv .listBox {margin-top:60px; overflow:hidden}
.promotionWrap .airListType2 .themeDiv .listBox li {float:left; margin-left:20px; width:305px;}
.promotionWrap .airListType2 .themeDiv .listBox li:first-child {margin-left:0}
.promotionWrap .airListType2 .themeDiv .listBox li .img {position:relative; width:305px; height:216px; overflow:hidden; background:url("../images/theme_noImg.jpg") no-repeat  center center}
/* .promotionWrap .airListType2 .themeDiv .listBox li .img img {position:absolute; top:50%; left:0; width:100%; height:auto; transform:translate(0,-50%); -webkit-transform:translate(0,-50%); -moz-transform:translate(0,-50%);} */
.promotionWrap .airListType2 .themeDiv .listBox li .detail {padding:30px 25px; background:#fafafa; border:1px solid #e5e5e5;}
.promotionWrap .airListType2 .themeDiv .listBox li .detail .journey .airport {display:inline-block; font-size:15px; color:#000000; font-weight:500}
.promotionWrap .airListType2 .themeDiv .listBox li .detail .journey .leadTime {display:inline-block; position:relative; width:180px; margin:0 7px; padding-bottom:3px; border-top:1px solid #797979}
.promotionWrap .airListType2 .themeDiv .listBox li .detail .journey .leadTime:before{content:""; display:block; position:absolute; top:-6px; right:0; width:7px; height:5px; background:url("../images/leadTime_arrow_blk.png") no-repeat right top}
.promotionWrap .airListType2 .themeDiv .listBox li .detail .journey .leadTime.transOne:after {content:""; display:block; position:absolute; top:-5px; left:0; width:100%; height:10px; background:url("../images/transOne_blk.png") no-repeat left top}
.promotionWrap .airListType2 .themeDiv .listBox li .detail .country {margin-top:30px; font-size:23px; font-weight:500; color:#000000;}
.promotionWrap .airListType2 .themeDiv .listBox li .detail .price {margin-top:10px; font-size:15px; color:#000;}
.promotionWrap .airListType2 .themeDiv .listBox li .detail .price i {margin-right:3px; font-size:30px;}

.promotionWrap .airListType3 {position:relative; top:-60px; display:flex; flex-wrap:wrap}
.promotionWrap .airListType3 .list {display:table; width:412px; height:567px; margin-left:22px; padding:0 85px}
.promotionWrap .airListType3 .list:first-child {margin-left:0}
.promotionWrap .airListType3 .list .tcell {display:table-cell; vertical-align:middle; text-align:center}
.promotionWrap .airListType3 .list .tcell .tit {font-size:40px; color:#fff; font-weight:500}
.promotionWrap .airListType3 .list .tcell .txt {margin-top:25px; font-size:19px; line-height:29px; color:#fff; font-weight:500}
.promotionWrap .calanderTabDiv {}
.promotionWrap .calanderTabDiv .contTabOneD {border-bottom:1px solid #797979}
.promotionWrap .calanderTabDiv .contTabOneD .tabBtnOne {display:inline-block; position:relative; padding:10px 50px 30px; font-size:23px; font-weight:500; color:#797979; opacity:0.7}
.promotionWrap .calanderTabDiv .contTabOneD .tabBtnOne.on {color:#000; opacity:1}
.promotionWrap .calanderTabDiv .contTabOneD .tabBtnOne:before {content:""; display:block; position:absolute; top:11px; left:0; width:1px; height:24px; background:#e5e5e5}
.promotionWrap .calanderTabDiv .contTabOneD .tabBtnOne:first-child {padding-left:40px}
.promotionWrap .calanderTabDiv .contTabOneD .tabBtnOne:first-child:before {display:none}
.promotionWrap .calanderTabDiv .contTabOneD .tabBtnOne.on:after {content:""; display:block; position:absolute; bottom:-1px; left:0; width:100%; height:3px; background:#000}
.promotionWrap .calanderTabDiv .contConOneDWrap {margin-top:50px;}
.promotionWrap .calanderTabDiv .contConOneDWrap .contConOneD {display:none}
.promotionWrap .calanderTabDiv .contConOneDWrap .contConOneD:first-child {display:block}
.promotionWrap .calanderTabDiv .contConOneDWrap .contConOneD .contTabTwoD {display:flex; flex-wrap:wrap; border-top:1px solid #888888}
.promotionWrap .calanderTabDiv .contConOneDWrap .contConOneD .contTabTwoD .tabBtnTwo {position:relative; width:calc(100% / 6); padding:14px 5px; text-align:center; border-bottom:1px solid #888888; border-right:1px solid #888888}
.promotionWrap .calanderTabDiv .contConOneDWrap .contConOneD .contTabTwoD .tabBtnTwo:nth-child(6n+1) {border-left:1px solid #888888}
.promotionWrap .calanderTabDiv .contConOneDWrap .contConOneD .contTabTwoD .tabBtnTwo.on {border-bottom:1px solid #000; border-right:1px solid #000; background:#000}
.promotionWrap .calanderTabDiv .contConOneDWrap .contConOneD .contTabTwoD .tabBtnTwo.on:after {content:""; display:block; position:absolute; top:-1px; left:0; width:calc(100% + 1px); height:1px; background:#000}
.promotionWrap .calanderTabDiv .contConOneDWrap .contConOneD .contTabTwoD .tabBtnTwo.on:before {content:""; display:block; position:absolute; top:-1px; left:-1px; height:calc(100% + 2px); width:1px; background:#000}
.promotionWrap .calanderTabDiv .contConOneDWrap .contConOneD .contTabTwoD .tabBtnTwo .list {display:block; height:100%; font-size:17px; line-height:23px; color:#000000; font-weight:300}
.promotionWrap .calanderTabDiv .contConOneDWrap .contConOneD .contTabTwoD .tabBtnTwo.on .list {color:#ffffff; font-weight:400}
.promotionWrap .calanderTabDiv .contConOneDWrap .contConOneD .contTabTwoD .tabBtnTwo .list .name {display:table; width:100%; height:100%;}
.promotionWrap .calanderTabDiv .contConOneDWrap .contConOneD .contTabTwoD .tabBtnTwo .list .name span {display:table-cell; vertical-align:middle; height:100%; }

.promotionWrap .calanderTabDiv .promoJourneyDiv {margin-top:50px;}
.promotionWrap .calanderTabDiv .promoJourneyDiv .citySelectArea {padding:24px 0; background:#f7f7f7; border-top:1px solid #797979; border-bottom:1px solid #e5e5e5; text-align:center}
.promotionWrap .calanderTabDiv .promoJourneyDiv .citySelectArea .inlineBox {display:inline-block; height:50px}
.promotionWrap .calanderTabDiv .promoJourneyDiv .citySelectArea .inlineBox:after {content:""; display:block; clear:both}
.promotionWrap .calanderTabDiv .promoJourneyDiv .citySelectArea .text {float:left; font-size:17px; line-height:50px; color:#797979;}
.promotionWrap .calanderTabDiv .promoJourneyDiv .citySelectArea .inputArea {float:left; padding:0 20px}
.promotionWrap .calanderTabDiv .promoJourneyDiv .citySelectArea .inputArea select {width:360px; height:50px;}
.promotionWrap .calanderTabDiv .promoJourneyDiv .citySelectArea .inputArea input {width:360px; height:50px; background:#fff; border:1px solid #a8a8a8; color:#000 !important}
.promotionWrap .calanderTabDiv .promoJourneyDiv .citySelectArea .midIcon {float:left; width:20px; height:50px; padding:0 60px 0 40px; background:url("../images/oneway_icon.png") no-repeat center center}

.promotionWrap .calanderTabDiv .promoJourneyDiv .calendarD{position:relative; padding-top:30px}
.promotionWrap .calanderTabDiv .promoJourneyDiv .calendarD:before{content:''; position:absolute; top:511px; left:0; width:100%; height:1px; background:#e5e5e5}
.promotionWrap .calanderTabDiv .promoJourneyDiv .calendarD .monthRoll{position:relative; margin:0 auto 25px; width:1043px; overflow:hidden}
.promotionWrap .calanderTabDiv .promoJourneyDiv .calendarD .monthRoll .roll{position:absolute; top:0; left:0; width:476px}
.promotionWrap .calanderTabDiv .promoJourneyDiv .calendarD .monthRoll .roll:after{content:''; position:absolute; top:10px; left:-46px; width:1px; height:424px; background:#e5e5e5}
/* .promotionWrap .calanderTabDiv .promoJourneyDiv .calendarD .monthRoll .roll .month{font-family:'Spoqa'; font-weight:700; font-size:27px; color:#333; text-align:center} */
.promotionWrap .calanderTabDiv .promoJourneyDiv .calendarD .monthRoll .roll .month {text-align:center}
.promotionWrap .calanderTabDiv .promoJourneyDiv .calendarD .monthRoll .roll .month .slc {display:inline-block; position:relative; height:auto; text-align:center;}
.promotionWrap .calanderTabDiv .promoJourneyDiv .calendarD .monthRoll .roll .month .slc .slcInsert {position:relative; font-family:'Spoqa'; font-weight:700; font-size:27px; color:#333}
.promotionWrap .calanderTabDiv .promoJourneyDiv .calendarD .monthRoll .roll .month .slc .slcInsert .oneD{display:block; padding-right:20px; color:#000; background:url("../images/rollmonth_arrow.png") no-repeat right center}
.promotionWrap .calanderTabDiv .promoJourneyDiv .calendarD .monthRoll .roll .month .slc .slcInsert.on .oneD{background:url("../images/rollmonth_arrow_on.png") no-repeat right center}
.promotionWrap .calanderTabDiv .promoJourneyDiv .calendarD .monthRoll .roll .month .slc .slcInsert .twoD{display:none; position:absolute; top:37px; left:0; width:100%; height:320px; background:#fff; border:1px solid #004d45; overflow-y:scroll; z-index:1}
.promotionWrap .calanderTabDiv .promoJourneyDiv .calendarD .monthRoll .roll .month .slc .slcInsert .twoD a{display:block; padding-left:28px; font-weight:400; font-size:14px; line-height:34px; color:#666; text-align:left}
.promotionWrap .calanderTabDiv .promoJourneyDiv .calendarD .monthRoll .roll .month .slc .slcInsert .twoD a:hover{background:#f7f7f7}
.promotionWrap .calanderTabDiv .promoJourneyDiv .calendarD .monthRoll .roll .month .slc select {position:absolute; top:0; left:0; width:140px; height:27px; opacity:0}

/* .promotionWrap .calanderTabDiv .promoJourneyDiv .calendarD .monthRoll .roll .month .slc select {position:absolute; top:0; left:0; height:27px; opacity:0} */
.promotionWrap .calanderTabDiv .promoJourneyDiv .calendarD .monthRoll .roll .calendar{height:438px; margin-top:15px; overflow:hidden}
.promotionWrap .calanderTabDiv .promoJourneyDiv .calendarD .monthRoll .roll .calendar .day{content:''; display:block; clear:both}
.promotionWrap .calanderTabDiv .promoJourneyDiv .calendarD .monthRoll .roll .calendar .day p{float:left; padding:16px 0 15px; width:68px; font-size:15px; color:#666; text-align:center}
.promotionWrap .calanderTabDiv .promoJourneyDiv .calendarD .monthRoll .roll .calendar .day p:nth-child(1){color:#e64949}
.promotionWrap .calanderTabDiv .promoJourneyDiv .calendarD .monthRoll .roll .calendar .day p:nth-child(7){color:#2b64b9}
.promotionWrap .calanderTabDiv .promoJourneyDiv .calendarD .monthRoll .roll .calendar .weekDiv{content:''; display:block; clear:both}
.promotionWrap .calanderTabDiv .promoJourneyDiv .calendarD .monthRoll .roll .calendar .weekDiv > a{float:left; padding-top:12px; width:68px; height:62px; text-align:center;}
.promotionWrap .calanderTabDiv .promoJourneyDiv .calendarD .monthRoll .roll .calendar .weekDiv > a:nth-child(7n){}
.promotionWrap .calanderTabDiv .promoJourneyDiv .calendarD .monthRoll .roll .calendar .weekDiv > a:nth-child(n+8){}
.promotionWrap .calanderTabDiv .promoJourneyDiv .calendarD .monthRoll .roll .calendar .weekDiv > a:nth-child(7n) .date{color:#2b64b9}
.promotionWrap .calanderTabDiv .promoJourneyDiv .calendarD .monthRoll .roll .calendar .weekDiv > a:nth-child(7n+1) .date{color:#e64949}
.promotionWrap .calanderTabDiv .promoJourneyDiv .calendarD .monthRoll .roll .calendar .weekDiv > a.disabled{opacity:0.3; cursor:auto}
.promotionWrap .calanderTabDiv .promoJourneyDiv .calendarD .monthRoll .roll .calendar .weekDiv > a.today{background:#f9f9f9; border:1px solid #99b8b5}
.promotionWrap .calanderTabDiv .promoJourneyDiv .calendarD .monthRoll .roll .calendar .weekDiv > a.today span{color:#004d45;}
.promotionWrap .calanderTabDiv .promoJourneyDiv .calendarD .monthRoll .roll .calendar .weekDiv > a.today strong{display:block; margin-top:5px; font-weight:400; font-size:13px; color:rgba(0, 77, 69, 0.8)}
.promotionWrap .calanderTabDiv .promoJourneyDiv .calendarD .monthRoll .roll .calendar .weekDiv > a .date{display:block; font-family:'Spoqa'; font-size:16px; color:#333;}
.promotionWrap .calanderTabDiv .promoJourneyDiv .calendarD .monthRoll .roll .calendar .weekDiv > a .date b{display:block; margin-top:5px; font-weight:500; font-size:13px; color:#fff}
.promotionWrap .calanderTabDiv .promoJourneyDiv .calendarD .monthRoll .roll .calendar .weekDiv > a.on{font-weight:500; background:#004d45;}
.promotionWrap .calanderTabDiv .promoJourneyDiv .calendarD .monthRoll .roll .calendar .weekDiv > a.on .date{color:#fff;}
.promotionWrap .calanderTabDiv .promoJourneyDiv .calendarD .monthRoll .roll .calendar .weekDiv > a.ing{background:#effbea}

.promotionWrap .calanderTabDiv .promoJourneyDiv .calendarD .monthRoll .roll .publicDay {padding-top:25px; padding-left:25px;}
.promotionWrap .calanderTabDiv .promoJourneyDiv .calendarD .monthRoll .roll .publicDay dl {display:table; table-layout:fixed; width:100%; margin-top:10px;}
.promotionWrap .calanderTabDiv .promoJourneyDiv .calendarD .monthRoll .roll .publicDay dl:first-child {margin-top:0}
.promotionWrap .calanderTabDiv .promoJourneyDiv .calendarD .monthRoll .roll .publicDay dl dt {display:table-cell; width:60px; font-size:16px; color:#004d45; font-weight:700;}
.promotionWrap .calanderTabDiv .promoJourneyDiv .calendarD .monthRoll .roll .publicDay dl dd {display:table-cell; font-size:15px; color:#000000; font-weight:300;}

.promotionWrap .calanderTabDiv .promoJourneyDiv .calendarD .prev{position:absolute; top:195px; left:0}
.promotionWrap .calanderTabDiv .promoJourneyDiv .calendarD .next{position:absolute; top:195px; right:0}
.promotionWrap .calanderTabDiv .promoJourneyDiv .calendarD .btn a.no{opacity:0.3}

.promotionWrap .calanderTabDiv .promoJourneyDiv .detailArea {display:flex; flex-wrap:wrap; background:#fbfbfb; border-top:1px solid #c8c8c8; border-bottom:1px solid #000000;}
.promotionWrap .calanderTabDiv .promoJourneyDiv .detailArea .box:after {content:""; display:block; clear:both}

.promotionWrap .calanderTabDiv .promoJourneyDiv .detailArea .box .inputArea {float:right;}
.promotionWrap .calanderTabDiv .promoJourneyDiv .detailArea .box .num {float:right;}
.promotionWrap .calanderTabDiv .promoJourneyDiv .detailArea .box .schedule {float:right; width:362px; height:48px; font-size:18px; color:#797979; padding:0 45px 0 20px; line-height:48px; border:1px solid #c8c8c8; background:#f2f2f2 url("../images/calander_icon_14x15.png") no-repeat right 15px center}
.promotionWrap .calanderTabDiv .promoJourneyDiv .detailArea .box .inputArea select {width:362px; height:50px}

.promotionWrap .calanderTabDiv .promoJourneyDiv .detailArea .dLeft {width:50%; padding:15px 0; border-right:1px solid #e5e5e5}
.promotionWrap .calanderTabDiv .promoJourneyDiv .detailArea .dLeft .box .tit {float:left; font-size:17px; line-height:50px; color:#797979;}
.promotionWrap .calanderTabDiv .promoJourneyDiv .detailArea .dLeft .box {padding:15px 70px 15px 130px}
.promotionWrap .calanderTabDiv .promoJourneyDiv .detailArea .dLeft .box {border-top:1px solid #e5e5e5}
.promotionWrap .calanderTabDiv .promoJourneyDiv .detailArea .dLeft .box:first-child {border-top:0}


.promotionWrap .calanderTabDiv .promoJourneyDiv .detailArea .dRight {width:50%; padding:15px 130px 15px 70px;}
.promotionWrap .calanderTabDiv .promoJourneyDiv .detailArea .dRight .box {padding:20px 0; border-top:1px solid #e5e5e5}
.promotionWrap .calanderTabDiv .promoJourneyDiv .detailArea .dRight .box:first-child {border-top:0}
.promotionWrap .calanderTabDiv .promoJourneyDiv .detailArea .dRight .box .tit {float:left; min-width:50px; font-size:18px; line-height:40px; color:#000000;}
.promotionWrap .calanderTabDiv .promoJourneyDiv .detailArea .dRight .box .option {float:left; font-size:15px; line-height:40px; color:#797979; font-weight:300}

.promotionWrap .calanderTabDiv .promoJourneyDiv .detailArea .dRight .box .num {float:right; width:140px; overflow:hidden}
.promotionWrap .calanderTabDiv .promoJourneyDiv .detailArea .dRight .box .num .minus {display:block; float:left; width:40px; height:40px; background:url("../images/minus_icon.jpg") no-repeat center center}
.promotionWrap .calanderTabDiv .promoJourneyDiv .detailArea .dRight .box .num .minus.disabled {background:url("../images/minus_icon_off.jpg") no-repeat center center}
.promotionWrap .calanderTabDiv .promoJourneyDiv .detailArea .dRight .box .num .minus:hover {background:url("../images/minus_icon_hov.jpg") no-repeat center center}
.promotionWrap .calanderTabDiv .promoJourneyDiv .detailArea .dRight .box .num .minus.disabled:hover  {background:url("../images/minus_icon_off.jpg") no-repeat center center}


.promotionWrap .calanderTabDiv .promoJourneyDiv .detailArea .dRight .box .num .val {display:block; float:left; width:60px;}
.promotionWrap .calanderTabDiv .promoJourneyDiv .detailArea .dRight .box .num .val input {width:100%; padding:0; text-align:center; border:0; border-top:1px solid #dddddd; border-bottom:1px solid #dddddd; /* color:#cbcbcb; */ font-size:23px; color:#004d45; font-family: 'Spoqa'; font-weight: 400; background:#f9f9f9}
.promotionWrap .calanderTabDiv .promoJourneyDiv .detailArea .dRight .box .num .val input[readonly], .promotionWrap .calanderTabDiv .promoJourneyDiv .detailArea .dRight .box .num .val input[readonly="readonly"] {color:#004d45 !important}
.promotionWrap .calanderTabDiv .promoJourneyDiv .detailArea .dRight .box .num .plus {display:block; float:left; width:40px; height:40px; background:url("../images/plus_icon.jpg") no-repeat center center}
.promotionWrap .calanderTabDiv .promoJourneyDiv .detailArea .dRight .box .num .plus.disabled {background:url("../images/plus_icon_off.jpg") no-repeat center center}
.promotionWrap .calanderTabDiv .promoJourneyDiv .detailArea .dRight .box .num .plus:hover {background:url("../images/plus_icon_hov.jpg") no-repeat center center}
.promotionWrap .calanderTabDiv .promoJourneyDiv .detailArea .dRight .box .num .plus.disabled:hover  {background:url("../images/plus_icon_off.jpg") no-repeat center center}
.promotionWrap .htlListType1 {display:flex; flex-wrap:wrap}
.promotionWrap .htlListType1 li {display:block; position:relative; width:630px; padding:45px 0 30px; border-bottom:1px solid #d8d8d8; margin-right:20px}
.promotionWrap .htlListType1 li:nth-child(2n) {margin-right:0;}
.promotionWrap .htlListType1 li .img {position:relative; width:630px; height:400px; overflow:hidden}
/* .promotionWrap .htlListType1 li .img img {display:block; position:absolute; top:50%; left:0; transform:translate(0,-50%); -webkit-transform:translate(0,-50%); -moz-transform:translate(0,-50%); width:100%; height:auto;}  */
.promotionWrap .htlListType1 li .detail {padding:0 10px}
.promotionWrap .htlListType1 li .detail .badge {display:inline-block; margin-top:30px; padding:0 12px; font-size:17px; font-weight:500; color:#fff; line-height:30px; background:#000000}
.promotionWrap .htlListType1 li .detail .tit {margin-top:12px; font-size:32px; line-height:38px; font-weight:500; color:#000}
.promotionWrap .htlListType1 li .detail .txt {margin-top:22px; font-size:17px; line-height:26px; color:#666666; font-weight:300}
.promotionWrap .htlListType1 li .detail .subTxt {position:relative; margin-top:25px; width:calc(100% - 160px); padding-left:50px; padding-bottom:10px; font-size:15px; line-height:21px; color:#000}
.promotionWrap .htlListType1 li .detail .subTxt:before {content:""; display:block; position:absolute; top:10px; left:0; width:40px; height:1px; background:#000}
.promotionWrap .htlListType1 li .btn {display:inline-block; position:absolute; bottom:30px; right:10px; padding:0 30px; line-height:38px; font-size:16px; color:#000; border:1px solid #000;}

.promotionWrap .htlListType2 {display:flex; flex-wrap:wrap; margin-top:65px;}
.promotionWrap .htlListType2 .tabListCon .contConWrap .contCon {margin-top:40px;}
.promotionWrap .htlListType2 .tabListCon .contConWrap .contCon .listDiv {margin-top:40px;}
.promotionWrap .htlListType2 .tabListCon .contConWrap .contCon .listDiv li {width:305px; margin-left:20px; padding:0; border-top:0}
.promotionWrap .htlListType2 .tabListCon .contConWrap .contCon .listDiv li:nth-child(4n+1) {margin-left:0}
.promotionWrap .htlListType2 .tabListCon .contConWrap .contCon .listDiv li:nth-child(n+5) {padding:70px 0 0;}
.promotionWrap .htlListType2 .tabListCon .contConWrap .contCon .listDiv .list .img {position:relative; width:305px; height:216px; overflow:hidden}
/* .promotionWrap .htlListType2 .tabListCon .contConWrap .contCon .listDiv .list .img img {position:absolute; top:50%; left:0; width:305px; height:auto;} */
.promotionWrap .htlListType2 .tabListCon .contConWrap .contCon .listDiv .list .starBox {margin-top:12px; overflow:hidden}
.promotionWrap .htlListType2 .tabListCon .contConWrap .contCon .listDiv .list .starBox .star {float:left; margin-right:2px}
.promotionWrap .htlListType2 .tabListCon .contConWrap .contCon .listDiv .list .tit {margin-top:20px; font-size:23px; line-height:1; font-weight:500; color:#000; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.promotionWrap .htlListType2 .tabListCon .contConWrap .contCon .listDiv .list .tit .eng {margin-top:10px; font-size:15px; line-height:19px; color:#797979; font-weight:300; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.promotionWrap .htlListType2 .tabListCon .contConWrap .contCon .listDiv .list .price {margin-top:10px; font-size:15px; color:#000;}
.promotionWrap .htlListType2 .tabListCon .contConWrap .contCon .listDiv .list .price i {margin-right:3px; font-size:30px}
.promotionWrap .htlListType2 .tabListCon .contConWrap .contCon .listDiv .list .soldOutTxt {display:none; margin-top:16px; padding-right:30px; font-size:17px; line-height:25px; font-weight:500; color:#e64949; background:url("../images/promo_exc.png") no-repeat right center}
.promotionWrap .htlListType2 .tabListCon .contConWrap .contCon .listDiv .list.soldOut .price {display:none}
.promotionWrap .htlListType2 .tabListCon .contConWrap .contCon .listDiv .list.soldOut .price + .soldOutTxt {display:inline-block}

.promotionWrap .htlListType3{}
.promotionWrap .htlListType3 .recoDiv {position:relative;}
.promotionWrap .htlListType3 .recoDiv .tit {position:relative; margin:100px 0 40px}
.promotionWrap .htlListType3 .recoDiv .tit:before {content:""; display:block; position:absolute; bottom:0; left:0; width:100%; height:2px; background:#000000;}
.promotionWrap .htlListType3 .recoDiv .tit span {display:inline-block; position:relative; padding-right:10px; font-size:40px; font-weight:300; color:#000; background:#fff; letter-spacing:-3.5px}
.promotionWrap .htlListType3 .recoDiv:nth-of-type(2n) .tit span {background:#f7f7f7}
.promotionWrap .htlListType3 .recoDiv .tit span strong {font-weight:500}
.promotionWrap .htlListType3 .recoDiv .recoList {display:flex; flex-wrap:wrap;}
.promotionWrap .htlListType3 .recoDiv .recoList li {width:305px; margin-right:20px}
.promotionWrap .htlListType3 .recoDiv .recoList li:first-child {margin-left:0}
.promotionWrap .htlListType3 .recoDiv .recoList li:nth-child(n+5) {padding-top:70px}
.promotionWrap .htlListType3 .recoDiv .recoList li:nth-child(4n) {margin-right:0}
.promotionWrap .htlListType3 .recoDiv .recoList li .list .img {position:relative; width:305px; height:216px; overflow:hidden}
/* .promotionWrap .htlListType3 .recoDiv .recoList li .list .img img {position:absolute; top:50%; left:0; width:305px; height:auto; transform:translate(0,-50%);
-webkit-transform:translate(0,-50%); -moz-transform:translate(0,-50%);} */
.promotionWrap .htlListType3 .recoDiv .recoList li .list .txtBox {margin-top:20px;}
.promotionWrap .htlListType3 .recoDiv .recoList li .list .txtBox .starBox {margin-top:12px; overflow:hidden}
.promotionWrap .htlListType3 .recoDiv .recoList li .list .txtBox .starBox .star {float:left; margin-right:2px}
.promotionWrap .htlListType3 .recoDiv .recoList li .list .txtBox .tit {margin-top:20px; font-size:23px; line-height:1; font-weight:500; color:#000; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.promotionWrap .htlListType3 .recoDiv .recoList li .list .txtBox .tit:before {display:none}
.promotionWrap .htlListType3 .recoDiv .recoList li .list .txtBox .tit .eng {margin-top:10px; font-size:15px; line-height:19px; color:#797979; font-weight:300;  overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.promotionWrap .htlListType3 .recoDiv .recoList li .list .txtBox .price {margin-top:10px; font-size:15px; color:#000;}
.promotionWrap .htlListType3 .recoDiv .recoList li .list .txtBox .price i {margin-right:3px; font-size:30px}

.promotionWrap .htlListType3 .recoDiv .recoList li .list .txtBox .soldOutTxt {display:none; margin-top:16px; padding-right:30px; font-size:17px; line-height:25px; font-weight:500; color:#e64949; background:url("../images/promo_exc.png") no-repeat right center}
.promotionWrap .htlListType3 .recoDiv .recoList li .list.soldOut .txtBox .price {display:none}
.promotionWrap .htlListType3 .recoDiv .recoList li .list.soldOut .txtBox .price + .soldOutTxt {display:inline-block}

.promotionWrap .recoDiv .recoRollBanner {position:relative; height:520px}
.promotionWrap .recoDiv .recoRollBanner .swiper-container {width:100%; height:480px;}
.promotionWrap .recoDiv .recoRollBanner .swiper-container .swiper-slide a {display:block; position:relative;}
.promotionWrap .recoDiv .recoRollBanner .swiper-container .swiper-slide a .img {position:absolute; width:100%; height:480px; overflow:hidden}
.promotionWrap .recoDiv .recoRollBanner .swiper-container .swiper-slide a .img img {position:absolute; top:50%; left:0; width:100%; height:auto; transform:translate(0,-50%); -webkit-transform:translate(0,-50%); -moz-transform:translate(0,-50%);}
.promotionWrap .recoDiv .recoRollBanner .swiper-container .swiper-slide a .txt {position:absolute; top:0; left:0; padding:50px; opacity:0}
.promotionWrap .recoDiv .recoRollBanner .swiper-container .swiper-slide a .txt .tit1 {font-size:12px; font-family: 'Spoqa'; color:#fff; letter-spacing:13px;}
.promotionWrap .recoDiv .recoRollBanner .swiper-container .swiper-slide a .txt .tit2 {margin-top:13px; font-size:40px; line-height:45px; color:#fff}
.promotionWrap .rollBannerDiv .swiper-button-prev {width:54px; height:54px; background:url("../images/roll_prev_btn.png") no-repeat center center; left:40px;}
.promotionWrap .recoDiv .recoRollBanner .swiper-container .swiper-button-prev {width:54px; height:54px; background:url("../images/roll_prev_btn.png") no-repeat center center; left:40px; transition:background 0.4s cubic-bezier(.55,0,.1,1)}
.promotionWrap .recoDiv .recoRollBanner .swiper-container .swiper-button-prev:hover{background:url("../images/roll_prev_btn_hov.png") no-repeat center center}
.promotionWrap .recoDiv .recoRollBanner .swiper-container .swiper-button-next {width:54px; height:54px; background:url("../images/roll_next_btn.png") no-repeat center center; right:40px; transition:background 0.4s cubic-bezier(.55,0,.1,1)}
.promotionWrap .recoDiv .recoRollBanner .swiper-container .swiper-button-next:hover{background:url("../images/roll_next_btn_hov.png") no-repeat center center}
.promotionWrap .recoDiv .recoRollBanner .swiper-container .swiper-button-prev.swiper-button-disabled, .promotionWrap .recoDiv .recoRollBanner .swiper-container .swiper-button-next.swiper-button-disabled {pointer-events:auto}
.promotionWrap .recoDiv .recoRollBanner .swiper-container .swiper-button-prev.swiper-button-disabled:hover{background:url("../images/roll_prev_btn.png") no-repeat center center}
.promotionWrap .recoDiv .recoRollBanner .swiper-container .swiper-button-next.swiper-button-disabled:hover{background:url("../images/roll_next_btn_hov.png") no-repeat center center}
.promotionWrap .recoDiv .recoRollBanner .swiperThum {position:absolute; bottom:0; left:0; background:#fff; overflow:hidden; z-index:1}
.promotionWrap .recoDiv .recoRollBanner .swiperThum .thum {position:relative; float:left; margin-right:8px; margin-top:8px; text-align:center;}
.promotionWrap .recoDiv .recoRollBanner .swiperThum .thum a {display:block; position:relative;}
.promotionWrap .recoDiv .recoRollBanner .swiperThum .thum a:before {content:""; display:block; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,77,69,0.7); transition:opacity 0.6s cubic-bezier(.55,0,.1,1); opacity:0}
.promotionWrap .recoDiv .recoRollBanner .swiperThum .thum a .img {width:118px; height:78px; overflow:hidden;}
.promotionWrap .recoDiv .recoRollBanner .swiperThum .thum a .txt {position:absolute; width:100%; top:31px; left:0; font-size:17px; font-weight:500; color:#fff; transition:opacity 0.6s cubic-bezier(.55,0,.1,1); opacity:0}
.promotionWrap .recoDiv .recoRollBanner .swiperThum .thum.on a:before {opacity:1}
.promotionWrap .recoDiv .recoRollBanner .swiperThum .thum.on a .txt {opacity:1}
.promotionWrap .recoDiv .recoRollBanner .swiperThum .thum:hover a:before {opacity:1}
.promotionWrap .recoDiv .recoRollBanner .swiperThum .thum:hover a .txt {opacity:1}

/* 쿠폰존 */
.couponWrap {position:relative;}
.couponWrap:before {content:""; display:block; position:absolute; top:-105px; left:0; width:100%; height:105px; background:#fafafa}
.couponWrap .topDiv {padding-bottom:35px; background:#fafafa}
.couponWrap .topDiv .tit {font-size:50px; line-height:58px; font-weight:300; color:#000; letter-spacing:-4px}
.couponWrap .topDiv .tit span {font-weight:500}
.couponWrap .topDiv .notiList {margin-top:33px; width:calc(100% - 320px);}
.couponWrap .topDiv .notiList li {position:relative; margin-top:2px; padding-left:12px; font-size:15px; line-height:21px; font-weight:300; color:#000}
.couponWrap .topDiv .notiList li:first-child {margin-top:0;}
.couponWrap .topDiv .notiList li:before {content:""; display:block; position:absolute; top:9px; left:0; width:3px; height:3px; background:#767676; border-radius:50% 50%;}
.couponWrap .topDiv .notiList li .link {color:#004d45; text-decoration:underline; font-weight:400}
.couponWrap .topDiv .linkArea {position:absolute; right:0; bottom:0; width:220px;}
.couponWrap .topDiv .linkArea a {display:inline-block; width:218px; margin-top:10px; line-height:48px; text-align:center; font-size:18px; border:1px solid #000;}
.couponWrap .topDiv .linkArea a.wht {color:#000; background:#fff;}
.couponWrap .topDiv .linkArea a.download {color:#fff; background:#000;}
.couponWrap .topDiv .linkArea a.download span {display:inline-block; padding-right:22px; background:url("../images/down_whticon_16x18.png") no-repeat right center}

.couponWrap .topDiv .checkCpn {padding: 20px 0 0 0; margin:20px auto 0 auto; width:1280px; border-top:2px solid #1c1c1c;}
.couponWrap .topDiv .txt2 {font-size:30px; line-height:48px; font-weight:500; color:#000; letter-spacing:-2px;}
.couponWrap .topDiv .checkCpn .cpnRgst {padding-top:15px;}
.couponWrap .topDiv .checkCpn .cpnRgst .cpnNm {width:600px; margin-right:10px; height:50px;}
.couponWrap .topDiv .checkCpn .cpnRgst .rgstCpn {display:inline-block; width:150px; line-height:48px; text-align:center; border:1px solid #000; font-size:18px; background:white;}

.couponWrap .bottomDiv .tabBtnDiv {background:#fafafa; border-bottom:1px solid #b9b9b9;}
.couponWrap .bottomDiv .tabBtnDiv .tabBtn {display:inline-block; position:relative; padding:0 30px; font-size:23px; line-height:82px; color:#797979; font-weight:500; opacity:0.7}
.couponWrap .bottomDiv .tabBtnDiv .tabBtn.on {color:#000; opacity:1}
.couponWrap .bottomDiv .tabBtnDiv .tabBtn.on:after {content:""; display:block; position:absolute; bottom:-1px; left:0; width:100%; height:3px; background:#000}
.couponWrap .bottomDiv .tabBtnDiv .tabBtn:before {content:""; display:block; position:absolute; top:31px; left:0; width:1px; height:24px; background:#e5e5e5}
.couponWrap .bottomDiv .tabBtnDiv .tabBtn:first-child:before {display:none}
.couponWrap .bottomDiv .couponList {margin-top:70px;}
.couponWrap .bottomDiv .couponList .contCon {display:flex; flex-wrap:wrap}
.couponWrap .bottomDiv .couponList .contCon .box {display:flex; flex-wrap:wrap}
.couponWrap .bottomDiv .couponList .contCon .box .coupon {position:relative; width:410px; min-height:233px; margin-right:22px; padding:0 48px 0 30px; border:1px solid #797979;}
.couponWrap .bottomDiv .couponList .contCon .box .coupon:before {content:""; display:block; position:absolute; top:0; right:0; width:50px; height:100%; background:#f5f5f5 url("../images/cupon_dashed.jpg") repeat-y top left}
.couponWrap .bottomDiv .couponList .contCon .box .coupon:after{content:""; display:block; position:absolute; bottom:-1px; right:39px; width:22px; height:11px; background:#fff url("../images/cupon_round_bottom.png") no-repeat center center; z-index:1}
.couponWrap .bottomDiv .couponList .contCon .box .coupon .txtBox {position:relative; padding:30px 0 24px; }
.couponWrap .bottomDiv .couponList .contCon .box .coupon .txtBox:before {content:""; display:block; position:absolute; top:-1px; right:-11px; width:22px; height:11px; background:#fff url("../images/cupon_round_top.png") no-repeat center center; z-index:1}
.couponWrap .bottomDiv .couponList .contCon .box .coupon:nth-child(3n) {margin-right:0}
.couponWrap .bottomDiv .couponList .contCon .box .coupon:nth-child(n+4) {margin-top:22px}
.couponWrap .bottomDiv .couponList .contCon .box .coupon .badge span {display:inline-block; padding:0 8px; background:#fff; font-size:15px; line-height:20px;}
.couponWrap .bottomDiv .couponList .contCon .box .coupon .badge span.blk {border:1px solid #797979; color:#000000}
.couponWrap .bottomDiv .couponList .contCon .box .coupon .badge span.grn {border:1px solid #007a6d; color:#007a6d}
.couponWrap .bottomDiv .couponList .contCon .box .coupon .tit {margin-top:10px; font-size:20px; line-height:26px; color:#000000; letter-spacing:-1.3px}
.couponWrap .bottomDiv .couponList .contCon .box .coupon .term {margin-top:5px; font-size:15px; line-height:21px; color:#000000}
.couponWrap .bottomDiv .couponList .contCon .box .coupon .discount {margin-top:25px; color:#000; font-size:35px}
.couponWrap .bottomDiv .couponList .contCon .box .coupon .discount i {font-size:70px;}
.couponWrap .bottomDiv .couponList .contCon .box .coupon .downBtn {display:block; position:absolute; right:20px; bottom:30px; width:60px; height:60px; border-radius:30px; background:#000 url("../images/down_whticon_20x20.png") no-repeat center center}
.couponWrap .bottomDiv .couponList .contCon .box .coupon .downBtn.disabled {pointer-events:none; background:#000 url("../images/down_whticon_disable_20x20.png") no-repeat center center}
.couponWrap .bottomDiv .couponList .contCon .noDataDiv {width:100%; border:0}

/* 안내 */
.guideDiv .bannerZone{margin-top:-150px; height:350px; background:#fafafa; border-bottom:1px solid #dedede}
.guideDiv .bannerZone .banner{position:absolute; top:155px; left:0}
.guideDiv .benefitD{margin-top:240px}
.guideDiv .benefitD .title{font-weight:300; font-size:30px; color:#000}
.guideDiv .benefitD .title span{font-weight:700}
.guideDiv .benefitD .listDiv{margin-top:20px; border-top:2px solid #000}
.guideDiv .benefitD .listDiv .list{display:table; width:100%; border-bottom:1px solid #e5e5e5}
.guideDiv .benefitD .listDiv .list:last-child{border-bottom:1px solid #797979}
.guideDiv .benefitD .listDiv .list .icon{display:table-cell; vertical-align:top; padding:40px 20px; width:90px; text-align:center}
.guideDiv .benefitD .listDiv .list .tit{display:table-cell; vertical-align:top; padding:35px 20px; width:290px; font-size:17px; line-height:26px; color:#000; text-align:left}
.guideDiv .benefitD .listDiv .list .tit i{display:block; margin-top:3px; font-size:13px; color:#797979}
.guideDiv .benefitD .listDiv .list .txt{display:table-cell; vertical-align:top; padding:35px 20px; width:calc(100% - 380px); width:-webkit-calc(100% - 380px); font-weight:300; font-size:16px; line-height:26px; color:#666; text-align:left}
.guideDiv .benefitD .listDiv .list .txt .dotList {margin-top:15px;}
.guideDiv .benefitD .listDiv .list .txt .dotList p{position:relative; margin-top:0; padding-left:11px; line-height:30px; background:none}
.guideDiv .benefitD .listDiv .list .txt .dotList p:before {content:""; display:block; position:absolute; top:14px; left:0; width:3px; height:3px; background:#797979}
/* 예치금 추가개발 추가 - 2021-03-18 */
.guideDiv .benefitD .listDiv .list.t2 .icon {padding:40px 14px 40px 20px;}
.guideDiv .benefitD .listDiv .list.t2 .tit {padding:40px 20px 35px 0;}
.guideDiv .benefitD .listDiv .list.t2 .txt {padding:35px 20px 35px 0; letter-spacing:-0.9px}
/* //예치금 추가개발 추가 - 2021-03-18 */
/*2021-06-30추가*/
.guideDiv .cardIntroduceDiv .contTab:after {content:""; display:block; clear:both}
.guideDiv .cardIntroduceDiv .contTab a {float:left; width:50%; border:1px solid #888888; background:#fff; text-align:center; line-height:48px; font-weight:300}
.guideDiv .cardIntroduceDiv .contTab a:first-child {border-right:0}
.guideDiv .cardIntroduceDiv .contTab a.on {border:1px solid #000; background:#000; color:#fff; font-weight:400}

.guideDiv .hyundaicardD {margin-top:120px;}
.guideDiv .hyundaicardD .listDiv {padding-top:70px;}
.guideDiv .hyundaicardD .listDiv .list {display:flex; flex-wrap:wrap; position:relative; width:100%; margin-top:120px; padding-bottom:70px; background:#f7f7f7}
.guideDiv .hyundaicardD .listDiv .list:before {content:""; display:block; position:absolute; top:0; left:0; width:100%; height:140px; background:#fff}
.guideDiv .hyundaicardD .listDiv .list:first-child {margin-top:0;}
.guideDiv .hyundaicardD .listDiv .list .cImg {position:relative; width:390px}
.guideDiv .hyundaicardD .listDiv .list .cImg span {display:inline-block; border-radius:30px; box-shadow:20px 10px 40px rgba(0,0,0,0.3)}
.guideDiv .hyundaicardD .listDiv .list .textBox {position:relative; width:calc(100% - 390px);}
.guideDiv .hyundaicardD .listDiv .list.left .cImg {text-align:right}
.guideDiv .hyundaicardD .listDiv .list.left .textBox {padding-left:80px;}
.guideDiv .hyundaicardD .listDiv .list.right .textBox {padding-left:155px;}
.guideDiv .hyundaicardD .listDiv .list .textBox .tit {margin-top:18px; font-size:48px; line-height:62px; color:#000000; font-weight:300;}
.guideDiv .hyundaicardD .listDiv .list .textBox .tit span{display:inline-block}
.guideDiv .hyundaicardD .listDiv .list .textBox .txt {margin-top:28px; font-size:17px; line-height:28px; color:#666666; font-weight:300;}
.guideDiv .hyundaicardD .listDiv .list .textBox .btn {margin-top:40px;}
.guideDiv .hyundaicardD .listDiv .list .textBox .btn .link {display:inline-block; padding:0 30px; line-height:38px; font-size:17px; color:#000; text-decoration:none; background:#fff; border:1px solid #000}
.guideDiv .hyundaicardD .listDiv .list.right .textBox .tit span img{display:inline-block; vertical-align:middle;}
.guideDiv .hyundaicardD .listDiv .list.left .textBox .tit span img{display:inline-block; vertical-align:bottom; padding-bottom:10px;}
/*2021-06-30추가*/
.guideDiv .benefitD .inner .hyundaicardD {margin-top:120px;}
.guideDiv .benefitD .inner .hyundaicardD .listDiv02{padding-top:70px;}
.guideDiv .benefitD .inner .hyundaicardD .listDiv02 .list {display:flex; flex-wrap:wrap; position:relative; width:100%; margin-top:120px; padding-bottom:70px; background:#f7f7f7;}
.guideDiv .benefitD .inner .hyundaicardD .listDiv02 .list:before {content:""; display:block; position:absolute; top:0; left:0; width:100%; height:140px; background:#fff}
.guideDiv .benefitD .inner .hyundaicardD .listDiv02 .list:first-child {margin-top:0;}
.guideDiv .benefitD .inner .hyundaicardD .listDiv02 .list .cImg {position:relative; width:390px}
.guideDiv .benefitD .inner .hyundaicardD .listDiv02 .list .cImg span {display:inline-block; border-radius:30px; box-shadow:20px 10px 40px rgba(0,0,0,0.3)}
.guideDiv .benefitD .inner .hyundaicardD .listDiv02 .list .textBox {position:relative; width:calc(100% - 390px);}
.guideDiv .benefitD .inner .hyundaicardD .listDiv02 .list.left .cImg {text-align:right}
.guideDiv .benefitD .inner .hyundaicardD .listDiv02 .list.left .textBox {padding-left:80px;}
.guideDiv .benefitD .inner .hyundaicardD .listDiv02 .list.right .textBox {padding-left:155px;}
.guideDiv .benefitD .inner .hyundaicardD .listDiv02 .list .textBox .tit {margin-top:18px; font-size:48px; line-height:62px; color:#000000; font-weight:300;}
.guideDiv .benefitD .inner .hyundaicardD .listDiv02 .list .textBox .tit span{display:inline-block}
.guideDiv .benefitD .inner .hyundaicardD .listDiv02 .list .textBox .txt {margin-top:28px; font-size:17px; line-height:28px; color:#666666; font-weight:300;}
.guideDiv .benefitD .inner .hyundaicardD .listDiv02 .list .textBox .btn {margin-top:40px;}
.guideDiv .benefitD .inner .hyundaicardD .listDiv02 .list .textBox .btn .link {display:inline-block; padding:0 30px; line-height:38px; font-size:17px; color:#000; text-decoration:none; background:#fff; border:1px solid #000}
.guideDiv .benefitD .inner .hyundaicardD .listDiv02 .list.right .textBox .tit span img{display:inline-block; vertical-align:middle;}
.guideDiv .benefitD .inner .hyundaicardD .listDiv02 .list.left .textBox .tit span img{display:inline-block; vertical-align:bottom; padding-bottom:10px;}

.guideDiv .guideNotiTxt{margin-top:75px; padding-top:25px; font-weight:300; font-size:23px; line-height:33px; color:#797979; border-top:1px solid #e5e5e5}
.guideDiv .guideNotiTxt p{margin-top:2px; text-indent:-13px; padding-left:13px}
.guideDiv .guideNotiTxt p:first-child{margin-top:0}
.guideDiv .guideNotiTxt b{font-weight:400; color:#000}

/* 이용약관 */
.termsDiv .termTitle {font-size:30px; font-weight:700; color:#000; padding-bottom:20px; border-bottom:2px solid #000;}
.termsDiv .termTitle + .termsListArea {position:relative; padding-top:87px; word-break:keep-all}
.termsDiv .anchorListArea {display:flex; flex-wrap:wrap; margin-top:15px; padding:40px 30px 10px; border:1px solid #dfdfdf; background:#fafafa;}
.termsDiv .anchorListArea .listBox {width:406px; padding-bottom:30px}
.termsDiv .anchorListArea .listBox:nth-child(n+4) {padding-top:40px; border-top:1px solid #e5e5e5}
.termsDiv .anchorListArea .listBox.underChild {border-bottom:0}
.termsDiv .anchorListArea .listBox .listTitle {margin-bottom:10px; font-size:17px; color:#000; font-weight:700}
.termsDiv .anchorListArea .listBox .listSubTit {display:block; font-size:14px; line-height:34px; color:#797979}
.termsDiv .anchorListArea .listBox .listSubTit:hover {color:#00696d; font-weight:500; text-decoration:underline}
.termsDiv .termsListArea {padding-top:60px}
.termsDiv .termsListArea .topTxt{padding:24px 15px; font-weight:300; font-size:16px; line-height:28px; color:#666; background:#fafafa; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5}
.termsDiv .termsListArea .title {position:relative; margin-top:70px; padding-bottom:15px; font-size:24px; font-weight:500; color:#004d45; border-bottom:1px solid #e5e5e5}
.termsDiv .termsListArea .title:nth-of-type(1) {margin-top:0}
.termsDiv .termsListArea .subTit {position:relative; padding-left:10px; padding-top:30px; font-size:18px; color:#000}
.termsDiv .termsListArea .txt {padding-left:10px; padding-top:14px; font-size:16px; line-height:28px; color:#666666;}
.termsDiv .termsListArea .txt:first-child{padding-top:0}
.termsDiv .termsListArea .txt .num {padding-left:15px; text-indent:-15px;}
.termsDiv .termsListArea .txt .space {padding-left:16px;}
.termsDiv .termsListArea .txt b{color:#000}
.termsDiv .termsListArea img {max-width:100%;}
.termsDiv .termSelec {display:block; position:absolute; right:0; top:30px; overflow:hidden; z-index:1}
.termsDiv .termTitle + .termSelec {display:inline-block; position:relative; top:auto; right:auto; left:864px; margin-top:30px;}
.termsDiv .termSelec + .title {margin-top:0}
.termsDiv .termSelec .slcArea {float:left;}
.termsDiv .termSelec .slcArea .slc {position:relative;}
.termsDiv .termSelec .slcArea .slc .slcInsert {width:340px; height:45px; padding:3px 50px 3px 20px; border:1px solid #c8c8c8; color:#000; font-size:15px; line-height:37px; background:url("../images/arrow_gry_12x7.png") no-repeat right 19px center}
.termsDiv .termSelec .slcArea .slc select {position:absolute; width:100%; height:100%; top:0; left:0; opacity:0}
.termsDiv .termSelec .btn {display:block; float:left; margin-left:10px; height:45px; font-size:17px; font-weight:400; line-height:45px; color:#fff; padding:0 18px; background:#9e9e9e}

/* 에러페이지 */
/* .errorPage {display:table; width:100%; height:100vh}
.errorPage .box {display:table-cell; vertical-align:middle;}
.errorPage .box .errDiv {width:1280px; margin:0 auto; padding:118px 0; text-align:center; background:#fafafa; border-top:2px solid #000; border-bottom:1px solid #797979;}
.errorPage .box .errDiv .iconTxt {padding-top:215px; font-size:25px; color:#004d45; background:url("../images/error_icon.png") no-repeat center top}
.errorPage .box .errDiv .text {margin-top:45px; font-size:16px; line-height:26px; color:#666666; font-weight:300}
.errorPage .box .errDiv .goMain {display:inline-block; margin-top:45px; padding:0 115px; font-size:19px; line-height:60px; color:#fff; font-weight:500; background:#000;} */


/* 기타페이지 - 이메일 무단 수집 거부 안내 */
.etcDiv .topBox {padding:80px 0; text-align:center; background:#fafafa; border-top:2px solid #000; border-bottom:1px solid #e5e5e5;}
.etcDiv .topBox .tit {padding:100px 0 22px; background:url("../images/etc_excIcon.png") no-repeat center top; font-size:38px; color:#004d45; font-weight:700;}
.etcDiv .topBox .txt {font-size:16px; line-height:30px; color:#666666; font-weight:300;}
.etcDiv .topBox .subTxt {margin-top:23px; font-size:13px; line-height:1px; color:#797979; font-weight:300;}
.etcDiv .listBox {padding:25px 0 27px; border-bottom:1px solid #797979}
.etcDiv .listBox li {position:relative; margin-top:4px; padding-left:15px; font-size:15px; line-height:22px; font-weight:300; color:#484848}
.etcDiv .listBox li:before {content:""; display:block; position:absolute; width:3px; height:3px; top:10px; left:0; background:#797979}
.etcDiv .listBox li span {font-weight:500}
.etcDiv .noticeTxt {margin-top:10px;}
.etcDiv .noticeTxt p {font-size:13px; line-height:22px; font-weight:300; color:#797979}

/* tht.css */
.loginD .tbStyle2 table tbody th {font-weight:400;}
.memberD .tbStyle2 table td .txt {line-height:1;}
.memberD .tbStyle2 table td .inputArea .chkBox {margin-top:20px; line-height:1;}
.memberD .tbStyle2 table td .inputArea .chkBox input[type="checkbox"] + label {font-sizE:15px; color:#797979;}
.memberD .tbStyle2 table td .inputArea.nation .chkBox {width:190px;}
.memberD .tbStyle2 table td .inputArea.nation .chkBox:nth-child(-n + 5) {margin-top:0;}
.memberD .tbStyle2 table td .inputArea.nation .chkBox:nth-child(5n - 4) {margin-left:0;}

/* 공통 */
.processList li {display:inline-block; font-size:18px; font-weight:300; line-height:40px; color:#797979;}
.processList li:after {content:""; display:inline-block; margin:0 15px; width:8px; height:14px; background:url("../images/processList_arrow_icon.png") no-repeat 0 0;}
.processList li:last-child:after {display:none;}
.processList li span {display:inline-block; font-family:'Spoqa'; font-weight:300; font-size:22px;}
.processList li.on {font-weight:500; color:#000;}
.processList li.on span {font-weight:400;}

/* 로그인 */
.capsDiv {position:relative;}
.capsDiv .capsTool {display:block; position:absolute; bottom:-34px; left:0; padding:0 9px; font-size:13px; line-height:22px; color:#004d45; background:#fff; border:1px solid #004d45; z-index:1}
.capsDiv .capsTool:before{content:''; position:absolute; top:-13px; left:50%; padding-top:5px; margin-left:-6px; width:13px; height:13px; background:url('../images/tooltip_arrow_top.png') no-repeat center bottom}
.loginD {width:920px; margin:0 auto;}
.loginD:after {content:""; display:block; clear:both;}
.loginD .titleD {padding-bottom:20px; border-bottom:2px solid #000;}
.loginD .titleD .title {font-size:35px; font-weight:300; color:#000; line-height:42px; letter-spacing:-3.5px;}
.loginD .titleD .title span{font-weight:700; letter-spacing:-0.4px}
.loginD .titleD .txt {margin-top:10px; font-size:14px; line-height:20px; font-weight:300; color:#666}
.loginD .leftD {float:left; width:450px;}
.loginD .leftD .tabBtn {display:table; position:relative; width:100%; border-left:1px solid #c8c8c8}
.loginD .leftD .tabBtn a {display:table-cell; position:relative; width:50%; margin-left:15px; font-size:15px; line-height:48px; font-weight:300; color:#A8A8A8; border:1px solid #c8c8c8; border-bottom:1px solid #000; border-left:0; text-align:center;}/* 2022-12-16 수정 원) color:#797979; */
.loginD .leftD .tabBtn a:first-child {margin-left:0; border-left:0;}
.loginD .leftD .tabBtn a:before {content:""; display:block; position:absolute; top:-1px; left:-1px; width:1px; height:calc(100% + 2px); -webkit-height:calc(100% + 2px); background:#c8c8c8;}
.loginD .leftD .tabBtn a.on {position:relative; font-weight:500; color:#fff; border-top:1px solid #000; background:#000; border-bottom:1px solid transparent}
/* 2022-12-16 수정 원)color:#000; background:#fff; */
.loginD .leftD .tabBtn a.on:before {content:""; display:block; position:absolute; top:-1px; left:-1px; width:1px; height:calc(100% + 2px); -webkit-height:calc(100% + 2px); background:#000;}
.loginD .leftD .tabBtn a.on:after {content:""; display:block; position:absolute; top:-1px; right:-1px; width:1px; height:calc(100% + 2px); -webkit-height:calc(100% + 2px); background:#000; z-index:1}
.loginD .leftD .contDiv {border-top:2px solid #000;}
.loginD .leftD .tabBtn + .contDiv {border-top:none;}
.loginD .leftD .titleD {padding:47px 0 47px; border-bottom:none;}
.loginD .leftD .loginForm input:not([type="checkbox"]) {display:block; width:100%; height:50px; margin-bottom:10px; padding:15px 20px; font-size:15px; letter-spacing:0; border:1px solid #c8c8c8;}
.loginD .leftD .loginForm input:not([type="checkbox"]):last-child {margin-bottom:0;}
.loginD .leftD .loginForm input:not([type="checkbox"])::placeholder {color:#c8c8c8;}
.loginD .leftD .loginForm input[type="password"]::placeholder-shown {color:#c8c8c8;}
.loginD .leftD .loginForm input[type="password"]::-webkit-input-placeholder {font-weight:300; color:#c8c8c8;}
.loginD .leftD .loginForm input[type="password"]:-moz-placeholder {font-weight:300; color:#c8c8c8;}
.loginD .leftD .loginForm input[type="password"]::-moz-placeholder {font-weight:300; color:#c8c8c8;}
.loginD .leftD .loginForm input[type="password"]:-ms-input-placeholder {font-weight:300; color:#c8c8c8;}
.loginD .leftD .loginForm .loginUtil {margin:10px 0 23px; overflow:hidden;}
.loginD .leftD .loginForm .loginUtil .chkBox {float:left;}
.loginD .leftD .loginForm .loginUtil .chkBox label {font-size:13px; font-weight:400; color:#797979;}
.loginD .leftD .loginForm .loginUtil .loginBtn {float:right;}
.loginD .leftD .loginForm .loginUtil .loginBtn a {position:relative; display:inline-block; vertical-align:top; font-size:13px; color:#000; line-height:18px;}
.loginD .leftD .loginForm .loginUtil .loginBtn a:before {content:""; display:inline-block; vertical-align:top; width:1px; height:15px; margin:1.5px 15px; background:#e5e5e5;}
.loginD .leftD .loginForm .loginUtil .loginBtn a:first-child:before {display:none;}
.loginD .leftD .loginForm .numberCheck {margin-bottom:20px;}
.loginD .leftD .loginForm .numberCheck .selectForm {margin-bottom:10px; overflow:hidden;}
.loginD .leftD .loginForm .numberCheck .selectForm select {float:left; width:110px; height:50px;}
.loginD .leftD .loginForm .numberCheck .selectForm input {float:right; width:calc(100% - 120px);}
.loginD .leftD .infoTxt {margin-top:10px;}
.loginD .leftD .infoTxt p {font-weight:300; font-size:13px; color:#797979;line-height:20px; }
.loginD .leftD .btnArea {height:auto; margin:0;}
.loginD .leftD .btnArea a {display:block; margin:0 0 12px; width:100%; height:70px; line-height:70px; text-align:center; background:#fff; font-size:19px;  color:#000; border:1px solid #000;}
.loginD .leftD .btnArea a.loginBt {background:#000; border:none; font-size:21px;  color:#fff;}
.loginD .leftD .btnArea a:last-child {margin-bottom:0;}
.loginD .leftD .infoTxt + .btnArea {margin-top:58px;}
.loginD .leftD .snsBtn {margin-top:30px; overflow:hidden;}
.loginD .leftD .snsBtn a{float:left; display:block; width:33.33%; text-align:center; border-left:1px solid #e5e5e5;}
.loginD .leftD .snsBtn a:first-child {border-left:0;}
.loginD .leftD .snsBtn a span {display:inline-block; padding-left:50px; font-size:12px; color:#797979; line-height:38px; background-repeat:no-repeat; background-position:0 0;}
.loginD .leftD .snsBtn a.naver span {background:url("../images/naver_icon.png") no-repeat left center;}
.loginD .leftD .snsBtn a.kakao span {background:url("../images/kakao_icon.png") no-repeat left center;}
.loginD .leftD .snsBtn a.apple span {background:url("../images/apple_icon.png") no-repeat left center;}
.loginD .rightD {float:right; width:410px;}
.loginD .rightD.hasTab {padding-top:55px;}
.loginD .rightD .bannerD img {width:100%;}

/* 아이디 찾기 */
.loginD .noticeTxt {margin-top:10px; font-weight:300; font-size:13px; line-height:22px; color:#797979;}
.loginD .infoD {padding:80px 0; background:#fafafa; border-bottom:1px solid #797979; text-align:center;}
.loginD .infoD .txt {font-size:19px; color:#000;}
.loginD .infoD .infoT {margin-top:20px; font-family:'Spoqa'; font-weight:400; font-size:38px; color:#004d45; }

/* 비밀번호 찾기 */
.stepTableD {position:relative; display:table; table-layout:fixed; width:100%; border-bottom:1px solid #797979;}
.stepTableD .stepTitle {display:table-cell; width:150px; padding:15px 5px; vertical-align:top;}
.stepTableD .stepTitle.t2 {display:block; position:absolute; top:0; left:0; padding-top:35px;}
.stepTableD .stepCon {display:table-cell; width:100%; padding:15px 0;}
.stepTableD .stepT {font-family:'Spoqa'; font-weight:400; color:#000; line-height:43px;}
.stepTableD .stepT span {font-size:23px;}
.stepTableD .addNoti {margin-top:10px; font-size:13px; font-weight:300; line-height:22px; color:#797979;}
.stepTableD .errorT{margin-top:5px; font-weight:300; font-size:13px; line-height:18px; color:#e64949;}
.stepTableD .addNoti span {color:#e64949;}
.stepTableD .selfCertiD {padding:35px 0 40px; text-align:center; line-height:1;}
.stepTableD .selfCertiD .txt1 {margin-top:30px; font-size:19px; color:#000;}
.stepTableD .selfCertiD .txt2 {margin-top:10px; font-size:14px; font-weight:300; color:#666;}
.stepTableD .selfCertiD .btnArea {margin-top:30px;}
.stepTableD .selfCertiD .btnArea a.okBtn {width:auto; padding:0 80px; background:#004d45;}

/* 회원가입 */
.memberD .titleD {position:relative; padding-bottom:27px; border-bottom:2px solid #000;}
.memberD .titleD .title {display:inline-block; vertical-align:bottom; font-size:35px; font-weight:300; color:#000; line-height:42px; letter-spacing:-3.5px;}
.memberD .titleD .title b {font-weight:700;}
.memberD .titleD .txt {display:inline-block; vertical-align:bottom; margin:2px 0 0 25px; font-size:14px; line-height:20px; font-weight:300;}
.memberD .titleD .processList {position:absolute; bottom:30px; right:0;}
.memberD .titleD .processList li{line-height:20px}
.memberD .joinWayD {display:table; table-layout:fixed; width:100%; padding:60px 0 70px; border-bottom:1px solid #797979;}
.memberD .joinWayD .joinD {position:relative; display:table-cell; text-align:center;}
.memberD .joinWayD .joinD:before {content:""; position:absolute; top:50%; left:0; transform:translateY(-50%); display:block; width:1px; height:100%; background:#e5e5e5;}
.memberD .joinWayD .joinD:first-child:before {display:none;}
.memberD .joinWayD .joinD .tit {margin-bottom:30px; font-size:32px; line-height:38px; color:#000; letter-spacing:-3.5px;}
.memberD .joinWayD .joinD .tit span {display:block; font-family:'Spoqa'; font-weight:700; font-size:28px; letter-spacing:-1.5px;}
.memberD .joinWayD .joinD .txt {font-size:14px; line-height:20px; color:#797979;}
.memberD .joinWayD .joinD .txt p {margin-top:15px}
.memberD .joinWayD .joinD .txt p:first-child {margin-top:0;}
.memberD .joinWayD .joinD .txt p.greenT {margin-top:5px; font-size:17px; line-height:25px; color:#00696d;}

.memberD .joinWayD .joinD:first-child .tit {color:#004d45}
.memberD .joinWayD .joinD:first-child .tit span {color:#004d45}
.memberD .joinWayD .joinD:first-child .btnArea a.okBtn {background:#004d45}


.memberD .selfCertiD {padding:70px 0; border-bottom:1px solid #797979; text-align:center;}
.memberD .selfCertiD .txt1 {margin-top:30px; font-size:19px; color:#000;}
.memberD .selfCertiD .txt2 {margin-top:10px; font-size:14px; line-height:22px; font-weight:300; color:#666;}
.memberD .selfCertiD .btnArea {margin-top:30px;}
.memberD .selfCertiD .btnArea a.okBtn {width:auto; padding:0 80px; background:#004d45;}
.memberD .agreeDiv .allAgreeD {padding:50px 0 20px; border-bottom:1px solid #a8a8a8;}
.memberD .agreeDiv .allAgreeD:after {content:""; display:block; clear:both;}
.memberD .agreeDiv .allAgreeD .txt {float:left; font-size:13px; line-height:18px; color:#797979;}
.memberD .agreeDiv .allAgreeD .chkBox {float:right;}
.memberD .agreeDiv .allAgreeD .chkBox input[type="checkbox"] + label {color:#000;}
.memberD .agreeDiv .list {position:relative; border-bottom:1px solid #e5e5e5}
.memberD .agreeDiv .list:last-child{border-bottom:1px solid #797979}
.memberD .agreeDiv .list .topD {position:relative; padding:17px 54px 17px 10px}
.memberD .agreeDiv .list .topD:after {content:''; display:block; clear:both}
.memberD .agreeDiv .list .topD .listTit {float:left; font-size:15px; line-height:18px; color:#000}
.memberD .agreeDiv .list .topD .listTit .redT {color:#e64949;}
.memberD .agreeDiv .list .topD .chkBox {float:right;}
.memberD .agreeDiv .list .topD .open {position:absolute; top:50%; right:0; transform:translateY(-50%); width:34px; height:28px; background:url('../images/down_grayIcon_14x8.png') no-repeat center}
.memberD .agreeDiv .list .bottomD {display:none; padding:25px 30px; background:#fafafa; font-size:14px; line-height:30px; color:#797979; border-top:1px solid #e5e5e5}
.memberD .agreeDiv .list .bottomD .tit {margin-top:25px; font-size:15px; color:#797979}
.memberD .agreeDiv .list .bottomD .tit:first-child {margin-top:0}
.memberD .agreeDiv .list .underD {padding:15px 55px 20px 55px; border-top:1px dashed #dedede}
.memberD .agreeDiv .list .underD:after {content:''; display:block; clear:both}
.memberD .agreeDiv .list .underD .chkBox {float:right; padding-left:50px;}
.memberD .agreeDiv .list.on .topD .listTit {font-weight:500}
.memberD .agreeDiv .list.on .topD .open {background:url('../images/up_grayIcon_14x8.png') no-repeat center}
.memberD .writeD .section {margin-top:70px;}
.memberD .writeD .section .title {position:relative; padding-bottom:15px; font-size:19px; font-weight:500; color:#000; border-bottom:1px solid #a8a8a8;}
.memberD .writeD .section .title .essential{position:absolute; right:0; top:5px; font-weight:500; font-size:13px; color:#797979}
.memberD .writeD .section .title .essential span{color:#e64949}
.memberD .writeD .section .tbStyle2 .addNoti{margin-top:5px; line-height:18px}
.memberD .writeD .section .tbStyle2 .addNoti.attach{margin-top:0}
.memberD .bannerD.member {margin-top:50px; padding:30px; border:1px solid #e5e5e5; background:#fafafa url("../images/memberB_bg.png") no-repeat right bottom;}
.memberD .bannerD.member .txtD {padding-left:60px; background:url("../images/memberB_txt_icon.png") no-repeat 0 0;}
.memberD .bannerD.member .tit {font-size:24px; font-weight:500; color:#000;}
.memberD .bannerD.member .txt {margin-top:10px; font-size:14px; line-height:18px; color:#797979;}
.memberD .bannerD.member .btn {margin-top:20px;}
.memberD .bannerD.member a {display:inline-block; padding-right:22px; font-size:15px; color:#004d45; background:url("../images/arrow_green_icon.png") no-repeat right 1px center;}
.memberD .completeD {padding-bottom:30px; background:#fafafa; border-bottom:1px solid #797979; text-align:center;}
.memberD .completeD .midD {padding:80px 0; background:#004d45}
.memberD .completeD .midD .tit{margin-top:30px}
.memberD .completeD .midD .tit i{font-family:'Spoqa'; font-weight:700; font-size:23px; line-height:18px; color:#fff;}
.memberD .completeD .midD .tit span {margin-top:10px; font-size:41px; color:#fff; display:block; letter-spacing:-1.4px}
.memberD .completeD .midD .tit b {font-weight:700;}
.memberD .completeD .midD .txt {margin-top:30px; font-size:17px; color:#fff; font-weight:300}
.memberD .completeD .btnArea {margin-top:30px; height:auto;}
.memberD .completeD .btnArea .whiteBt {position:relative; text-align:left; width:585px; height:auto; padding:30px 40px; background:#fff; border:1px solid #d7d7d7;}
.memberD .completeD .btnArea .whiteBt > * {display:inline-block; vertical-align:middle;}
.memberD .completeD .btnArea .whiteBt .icon {margin-right:30px;}
.memberD .completeD .btnArea .whiteBt .tit {font-size:23px; font-weight:500; line-height:1; color:#000;}
.memberD .completeD .btnArea .whiteBt .txt {margin-top:12px; font-size:13px; font-weight:300; line-height:1; color:#666;}
.memberD .completeD .btnArea .whiteBt .arrow {position:absolute; top:50%; right:40px; transform:translateY(-50%); width:12px; height:22px; background:url("../images/arrow_icon_12x22.png") no-repeat 0 0;}
.memberD .infoD .topD {padding:80px 0 72px; background:#fafafa; border-bottom:1px solid #e5e5e5; text-align:center;}
.memberD .infoD .tit {margin-top:15px; font-size:38px; line-height:45px; color:#004d45; letter-spacing:-1.4px}
.memberD .infoD .tit b {font-weight:700;}
.memberD .infoD .txt {margin-top:20px; font-weight:300; font-size:16px; line-height:30px; color:#666;}
.memberD .infoD .txt span {font-size:17px; color:#004d45;}
.memberD .infoD .botD {padding:22px 0; font-size:16px; line-height:30px; border-bottom:1px solid #797979; text-align:center;}

/* 마이페이지 > 국제선 예약 상세 */
.myPageDiv .contDiv .contentD .reserveProcess {padding:34px 0 25px}
.myPageDiv .contDiv .contentD .reserveProcess:after {content:""; display:block; clear:both}
.myPageDiv .contDiv .contentD .reserveProcess .step {position:relative; float:left; padding-right:10px;}
.myPageDiv .contDiv .contentD .reserveProcess.stepfour .step {width:246px;}
.myPageDiv .contDiv .contentD .reserveProcess.stepfour .step:nth-child(3) {width:296px;}
.myPageDiv .contDiv .contentD .reserveProcess.stepfour .step:nth-child(4) {width:197px;}
.myPageDiv .contDiv .contentD .reserveProcess.stepthree .step {width:347px;}
.myPageDiv .contDiv .contentD .reserveProcess.stepthree .step:nth-child(2) {width:380px;}
.myPageDiv .contDiv .contentD .reserveProcess.stepthree .step:nth-child(3) {width:258px;}
.myPageDiv .contDiv .contentD .reserveProcess .step:before {content:""; display:block; position:absolute; top:17px; left:0; width:100%; height:1px; background:#c8c8c8}
.myPageDiv .contDiv .contentD .reserveProcess .step .num {position:relative;}
.myPageDiv .contDiv .contentD .reserveProcess .step .num i {display:inline-block; position:relative; width:34px; height:34px; text-align:center; font-size:23px; line-height:29px; color:rgba(0,77,69,0.8); background:#fff; border:1px solid #afcbb4}
.myPageDiv .contDiv .contentD .reserveProcess .step .con {}
.myPageDiv .contDiv .contentD .reserveProcess .step .con .tit {margin-top:20px; font-size:22px; font-weight:500; color:#000000}
.myPageDiv .contDiv .contentD .reserveProcess .step .con .tit a {margin-top:20px; padding-right:15px; font-size:22px; font-weight:500; color:#000000; pointer-events:none}
.myPageDiv .contDiv .contentD .reserveProcess .step .con ul {margin-top:3px;}
.myPageDiv .contDiv .contentD .reserveProcess .step .con ul .list {padding-top:10px; font-size:15px; font-weight:300; color:#666666}
.myPageDiv .contDiv .contentD .reserveProcess .step .con ul .list .link {color:#00696d; font-weight:500}
.myPageDiv .contDiv .contentD .reserveProcess .step .con ul .list .link.disable {pointer-events:none}
.myPageDiv .contDiv .contentD .reserveProcess .step .con ul .list .red {color:#e64949; font-weight:500}
.myPageDiv .contDiv .contentD .reserveProcess .step .con ul .list .gry {font-size:13px; color:#000; font-weight:300}
.myPageDiv .contDiv .contentD .reserveProcess .step .con ul .list .toolIcon {display:inline-block; height:16px;}
.myPageDiv .contDiv .contentD .reserveProcess .step.on:before {height:2px; background:#004d45}
.myPageDiv .contDiv .contentD .reserveProcess .step.on .num i {color:#fff; background:#004d45; border:1px solid #004d45}
.myPageDiv .contDiv .contentD .reserveProcess .step.on .con .tit {color:#004d45}
.myPageDiv .contDiv .contentD .reserveProcess .step.on .con .tit a {color:#004d45;}
.myPageDiv .contDiv .contentD .reserveProcess .step.disabled {}
.myPageDiv .contDiv .contentD .reserveProcess .step.disabled .num i {color:#c8c8c8; border:1px solid #c8c8c8}
.myPageDiv .contDiv .contentD .reserveProcess .step.disabled .con .tit {color:#c8c8c8}
.myPageDiv .contDiv .contentD .reserveProcess .step.disabled .con .tit a {color:#c8c8c8}
.myPageDiv .contDiv .contentD .reserveProcess .step.disabled .con ul .list {color:#c8c8c8}
.myPageDiv .contDiv .contentD .reserveProcess .step.disabled .con ul .list span {color:#c8c8c8 !important}
.myPageDiv .contDiv .contentD .reserveProcess .step.disabled .con ul .list a {color:#c8c8c8 !important; pointer-events:none;}
.myPageDiv .contDiv .contentD .reserveProcess .step.disabled .toolIcon{opacity:0.7}
.myPageDiv .contDiv .contentD .reserveProcess .step.disabled .toolIcon:hover .tooltip{display:none}
.myPageDiv .contDiv .contentD .reserveProcess .step.checked .con .tit a {/* background:url("../images/link_arrow_blk_7x12.png") no-repeat right center;  */pointer-events:auto}
.myPageDiv .contDiv .contentD .reserveProcess .step.checked .num i:after {content:""; display:block; position:absolute; top:-1px; left:-1px; width:calc(100% + 2px); height:calc(100% + 2px); background:#c8c8c8 url("../images/step_chk_icon.png") no-repeat center center}
.myPageDiv .contDiv .contentD .reserveProcess + .reserveTicketD {margin-top:5px}

.reserveTicketD{position:relative; margin-top:30px; text-align:right}
.reserveTicketD .cancelNoti {display:none}
.reserveTicketD .topArea{position:relative; padding:15px 15px 40px 15px; text-align:center; background:#f9fef5; border:1px solid #c9dfb7; border-bottom:none}
.reserveTicketD .topArea:after {content:""; display:block; position:absolute; bottom:-22px; left:0; width:100%; height:22px; background:url("../images/airlineTicket_bg3.png") no-repeat left top; transform:rotate(180deg); background-size:100% 22px}
.reserveTicketD .topArea .state{position:absolute; top:15px; left:15px; padding:0 10px; width:auto; height:25px; font-weight:500; font-size:14px; line-height:23px; color:#e64949; text-align:center; background:#fff; border:1px solid #e64949}
.reserveTicketD .topArea .btnDiv{text-align:right}
.reserveTicketD .topArea .btnDiv a{display:inline-block; margin-left:2px; padding:0 15px 0 38px; height:32px; font-size:15px; line-height:30px; color:#004d45; text-align:left; border:1px solid #a1c0b7}
.reserveTicketD .topArea .btnDiv a.print{background:#fff url('../images/reserveStateD_icon_print.png') no-repeat 11px center}
.reserveTicketD .topArea .btnDiv a.mail{background:#fff url('../images/reserveStateD_icon_mail.png') no-repeat 11px center}
.reserveTicketD .topArea .airSummary {border:0; margin:0; padding:50px 0 0}
.reserveTicketD .topArea .airSummary .itinerary{margin:0 13px}
.reserveTicketD .topArea .airSummary .itinerary:first-child{margin-left:0}
.reserveTicketD .topArea .airSummary .itinerary:last-child{margin-right:0}
.reserveTicketD .topArea .airSummary .itinerary .airport{font-size:14px}
.reserveTicketD .topArea .airSummary .itinerary .airport .place{margin-bottom:6px}
.reserveTicketD .topArea .airSummary .itinerary .name{font-size:33px}
.reserveTicketD .topArea .airSummary .leadTime .time{height:12px; font-size:12px}
.reserveTicketD .topArea .airSummary .leadTime.multiOver{width:75px; margin:0 7px}

.reserveTicketD .bottomArea{display:table; margin-top:20px; padding:20px 34px 30px 49px; width:100%; text-align:center; border-left:1px solid #c9dfb7; border-right:1px solid #c9dfb7; /* border-top:1px dotted #c9dfb7; */}
.reserveTicketD .bottomArea .infoD{display:table-cell; width:640px; text-align:left; vertical-align:bottom}
.reserveTicketD .bottomArea .infoD dl:nth-child(n+2){margin-top:14px}
.reserveTicketD .bottomArea .infoD dl:after{content:''; display:block; clear:both}
.reserveTicketD .bottomArea .infoD dl dt{float:left; width:107px; font-size:16px; color:#797979}
.reserveTicketD .bottomArea .infoD dl dd{float:left; width:calc(100% - 107px); width:-webkit-calc(100% - 115px); font-size:16px; color:#000; text-align:left; letter-spacing:0.4px;}
.reserveTicketD .bottomArea .infoD dl dd:before{content:':'; display:block; float:left; margin-right:10px; font-size:16px; color:#000}
.reserveTicketD .bottomArea .infoD dl dd:after {content:""; display:block; clear:both}
.reserveTicketD .bottomArea .infoD dl dd .bold{font-weight:700}
.reserveTicketD .bottomArea .infoD dl dd .grn{color:#00696d}
.reserveTicketD .bottomArea .infoD dl dd .bar{display:inline-block; position:relative; margin-left:5px; padding-left:9px; color:#e64949}
.reserveTicketD .bottomArea .infoD dl dd .bar:before {content:""; display:block; position:absolute; top:2px; left:0; width:1px; height:15px; background:#d4d4d4}
.reserveTicketD .bottomArea .infoD dl dd .bar:first-child {margin-left:0; padding-left:0}
.reserveTicketD .bottomArea .infoD dl dd .bar:first-child:before {display:none}
.reserveTicketD .bottomArea .infoD dl dd .gry {font-size:14px; color:#797979}
.reserveTicketD .bottomArea .priceD{display:table-cell; width:260px; text-align:right; vertical-align:bottom}
.reserveTicketD .bottomArea .priceD p{margin-top:10px; font-size:13px; color:#000}
.reserveTicketD .bottomArea .priceD p:first-child{margin-top:0}
.reserveTicketD .bottomArea .priceD p i{font-weight:700; font-size:28px}
.reserveTicketD .detailArea {position:relative; padding:30px 40px 20px; background:#fafafa; border:1px solid #c9dfb7; border-top:1px solid #c8c8c8; text-align:left}
.reserveTicketD .detailArea .cancelBtn {position:absolute; bottom:-55px; right:0; margin-top:10px; width:120px; height:45px; font-size:18px; line-height:45px; color:#fff; text-align:center; background:#004d45}
.reserveTicketD .detailArea .cancelListBtn {position:absolute; bottom:-55px; right:128px; margin-top:10px; width:120px; height:45px; font-size:18px; line-height:45px; color:#fff; text-align:center; background:#004d45}
.reserveTicketD .detailArea .top {padding-bottom:30px; border-bottom:1px solid #e5e5e5}
.reserveTicketD .detailArea .top:after {content:""; display:block; clear:both}
.reserveTicketD .detailArea .top .info {float:left; padding-right:80px; white-space:nowrap}
.reserveTicketD .detailArea .top .info .tit {color:#797979;}
.reserveTicketD .detailArea .top .info .txt {display:inline-block; padding-left:15px; color:#000000; font-size:17px; letter-spacing:0.3px}
.reserveTicketD .detailArea .bottom {padding-top:15px; font-size:13px; line-height:22px; color:#797979; font-weight:300}
.reserveTicketD .detailArea .gryBtn {display:block; position:absolute; top:22px; right:40px; padding:0 11px; color:#fff; line-height:32px; background:#9e9e9e}
.myPageDiv .contDiv .contentD .reserveViewDiv .btns {width:calc(100% - 150px);}
.myPageDiv .contDiv .contentD .reserveViewDiv .btns:after {content:""; display:block; clear:both}
.myPageDiv .contDiv .contentD .reserveViewDiv .btns .cancelBtn {display:block; float:left; margin-top:10px; margin-right:8px; padding:0 16px 0 43px; font-size:18px; color:#004d45; line-height:43px; border:1px solid rgba(0,77,69,0.5); transition:all 0.2s cubic-bezier(.55,0,.1,1)}
.myPageDiv .contDiv .contentD .reserveViewDiv .btns .cancelBtn.icon1 {background:url("../images/resBtn_icon1.png") no-repeat left 12px center}
.myPageDiv .contDiv .contentD .reserveViewDiv .btns .cancelBtn.icon2 {background:url("../images/resBtn_icon2.png") no-repeat left 12px center}
.myPageDiv .contDiv .contentD .reserveViewDiv .btns .cancelBtn.icon3 {background:url("../images/resBtn_icon3.png") no-repeat left 12px center}
.myPageDiv .contDiv .contentD .reserveViewDiv .btns .cancelBtn:hover {border:1px solid #004d45; color:#fff;}
.myPageDiv .contDiv .contentD .reserveViewDiv .btns .cancelBtn.icon1:hover {background:#004d45 url("../images/resBtn_icon1_on.png") no-repeat left 12px center}
.myPageDiv .contDiv .contentD .reserveViewDiv .btns .cancelBtn.icon2:hover {background:#004d45 url("../images/resBtn_icon2_on.png") no-repeat left 12px center}
.myPageDiv .contDiv .contentD .reserveViewDiv .btns .cancelBtn.icon3:hover {background:#004d45 url("../images/resBtn_icon3_on.png") no-repeat left 12px center}

.reserveTicketD.canceled {}
.reserveTicketD.canceled .cancelNoti {display:block; width:100%; height:87px; margin-bottom:10px; border:1px solid #e5e5e5; background:#004d45; text-align:center;}
.reserveTicketD.canceled .cancelNoti span {display:inline-block; position:relative; padding-left:40px; font-size:26px; line-height:87px; color:#fff; background:url("../images/excIcon2.png") no-repeat left center}
.reserveTicketD.canceled .cancelNoti span strong {font-weight:700}
.reserveTicketD.canceled .topArea {background:#fafafa; border:1px solid #c8c8c8}
.reserveTicketD.canceled .topArea .airSummary {background:#fafafa;}
.reserveTicketD.canceled .topArea:after {background:url("../images/airlineTicket_bg_canceled.png") no-repeat left top; transform:rotate(0);}
.reserveTicketD.canceled .bottomArea {border-left:1px solid #c8c8c8; border-right:1px solid #c8c8c8;}
.reserveTicketD.canceled .bottomArea .infoD dl dd .bar {color:#797979}
.reserveTicketD.canceled .bottomArea .infoD dl dd .grn {color:#797979}
.reserveTicketD.canceled .bottomArea .infoD dl dd .gry {color:#797979}
.reserveTicketD.canceled .detailArea {border:1px solid #c8c8c8; border-top:1px solid #c8c8c8;}

.myPageDiv .contDiv .contentD .reserveViewDiv .section .flightResWrap .flightInfoDiv {margin-top:0; width:100%;}
.myPageDiv .contDiv .contentD .passangerInfoD {}
.myPageDiv .contDiv .contentD .passangerInfoD .nameArea {overflow:hidden; margin-top:22px; padding:22px 15px; background:#f9f9f9; border-top:1px solid #797979; border-bottom:1px solid #e5e5e5}
.myPageDiv .contDiv .contentD .passangerInfoD .nameArea:nth-of-type(1) {border-top:0; margin-top:0;}
.myPageDiv .contDiv .contentD .passangerInfoD .nameArea .name {float:left; font-size:21px; color:#004d45; font-weight:500}
.myPageDiv .contDiv .contentD .passangerInfoD .nameArea .name i {font-size:22px; font-weight:700}
.myPageDiv .contDiv .contentD .passangerInfoD .nameArea .name span {display:inline-block; padding-left:14px; font-size:20px; font-weight:700; letter-spacing:0}
.myPageDiv .contDiv .contentD .passangerInfoD .nameArea .name .slash {display:inline-block; color:#c8c8c8; font-size:18px; font-weight:400}
.myPageDiv .contDiv .contentD .passangerInfoD .nameArea .payment {float:right; font-size:17px; color:#000;}
.myPageDiv .contDiv .contentD .passangerInfoD .nameArea .payment .red {color:#e64949}
.myPageDiv .contDiv .contentD .passangerInfoD .detailArea {position:relative; padding:30px 0}
.myPageDiv .contDiv .contentD .passangerInfoD .detailArea .person {font-size:19px; color:#000}
.myPageDiv .contDiv .contentD .passangerInfoD .detailArea .person i {font-weight:700}
.myPageDiv .contDiv .contentD .passangerInfoD .detailArea .cost {padding-top:12px}
.myPageDiv .contDiv .contentD .passangerInfoD .detailArea .cost .tit {display:inline-block; font-size:17px; color:#000; font-weight:300}
.myPageDiv .contDiv .contentD .passangerInfoD .detailArea .cost .txt {display:inline-block; padding-left:7px; font-size:15px; color:#797979; font-weight:300}
.myPageDiv .contDiv .contentD .passangerInfoD .detailArea .price {position:absolute; bottom:30px; right:0; font-size:13px; color:#000; }
.myPageDiv .contDiv .contentD .passangerInfoD .detailArea .price i {font-size:28px; font-weight:700;}
.myPageDiv .contDiv .contentD .passangerInfoD .tabArea {}
.myPageDiv .contDiv .contentD .passangerInfoD .tabArea .contTab {display:flex; position:relative; z-index:1}
.myPageDiv .contDiv .contentD .passangerInfoD .tabArea .contTab a {display:block; width:240px; margin-right:8px; padding-bottom:8px;}
.myPageDiv .contDiv .contentD .passangerInfoD .tabArea .contTab a:last-child {margin-right:0; width:241px;}
.myPageDiv .contDiv .contentD .passangerInfoD .tabArea .contTab a .box {font-size:15px; line-height:43px; color:#000; padding:0 50px 0 20px; border:1px solid #a8a8a8; background:url("../images/arrow_gry_12x7.png") no-repeat right 20px center}
.myPageDiv .contDiv .contentD .passangerInfoD .tabArea .contTab a .box .red {color:#e64949}
.myPageDiv .contDiv .contentD .passangerInfoD .tabArea .contTab a.on {border:1px solid #000; border-bottom:0; background:#fff}
.myPageDiv .contDiv .contentD .passangerInfoD .tabArea .contTab a.on .box {border:0; background:url("../images/arrow_gry_up_12x7.png") no-repeat right 20px center}
.myPageDiv .contDiv .contentD .passangerInfoD .tabArea .contTab a.on.complete {background:#f2f2f2}
.myPageDiv .contDiv .contentD .passangerInfoD .tabArea .contTab a.complete .box {font-weight:500; background:#f2f2f2 url("../images/arrow_gry_12x7.png") no-repeat right 20px center}
.myPageDiv .contDiv .contentD .passangerInfoD .tabArea .contTab a.on.complete .box {border:0; background:#f2f2f2 url("../images/arrow_gry_up_12x7.png") no-repeat right 20px center}
.myPageDiv .contDiv .contentD .passangerInfoD .tabArea .contConWrap {position:relative; top:-1px;}
.myPageDiv .contDiv .contentD .passangerInfoD .tabArea .contConWrap .contCon {position:relative; padding:30px 30px 50px; border:1px solid #000}
.myPageDiv .contDiv .contentD .passangerInfoD .tabArea .contConWrap .contCon .tabSection {margin-top:45px;}
.myPageDiv .contDiv .contentD .passangerInfoD .tabArea .contConWrap .contCon .tabSection:first-child {margin-top:0;}
.myPageDiv .contDiv .contentD .passangerInfoD .tabArea .contConWrap .contCon .tabSection .tabTit {padding-bottom:20px; font-size:17px; color:#000; border-bottom:2px solid #000}
.myPageDiv .contDiv .contentD .passangerInfoD .tabArea .contConWrap .contCon .tabSection .tabTit:after {content:""; display:block; clear:both;}
.myPageDiv .contDiv .contentD .passangerInfoD .tabArea .contConWrap .contCon .tabSection .tabTit .chkBox {float:right}
.myPageDiv .contDiv .contentD .passangerInfoD .tabArea .contConWrap .contCon .tabSection .tabTit .chkBox label {font-size:13px; color:#797979; line-height:18px;}
.myPageDiv .contDiv .contentD .passangerInfoD .tabArea .contConWrap .contCon .tabSection .uploadArea .fileArea {padding:14px 50px; background:#fafafa; border-top:1px solid #e5e5e5}
.myPageDiv .contDiv .contentD .passangerInfoD .tabArea .contConWrap .contCon .tabSection .uploadArea .fileArea .upload {margin-top:10px}
.myPageDiv .contDiv .contentD .passangerInfoD .tabArea .contConWrap .contCon .tabSection .uploadArea .fileArea .upload:first-child {margin-top:0}
.myPageDiv .contDiv .contentD .passangerInfoD .tabArea .contConWrap .contCon .tabSection .uploadArea .fileArea .upload:after {content:""; display:block; clear:both}
.myPageDiv .contDiv .contentD .passangerInfoD .tabArea .contConWrap .contCon .tabSection .uploadArea .fileArea .upload .tit {float:left; width:155px; text-align:left; font-size:15px; color:#000; line-height:40px;}
.myPageDiv .contDiv .contentD .passangerInfoD .tabArea .contConWrap .contCon .tabSection .uploadArea .fileArea .upload .tit + .fileUp {float:left}
.myPageDiv .contDiv .contentD .passangerInfoD .tabArea .contConWrap .contCon .tabSection .uploadArea .fileArea .upload .fileUp {position:relative;}
.myPageDiv .contDiv .contentD .passangerInfoD .tabArea .contConWrap .contCon .tabSection .uploadArea .fileArea .fileUp .fileShow {position:relative; width:240px; padding:0 40px 0 15px; color:#00696d; font-size:16px; line-height:40px; background:#fff; border:1px solid #c8c8c8;}
.myPageDiv .contDiv .contentD .passangerInfoD .tabArea .contConWrap .contCon .tabSection .uploadArea .fileArea .fileUp .file {position:absolute; top:0; left:0; width:calc(100% - 26px); height:100%; opacity:0;}
.myPageDiv .contDiv .contentD .passangerInfoD .tabArea .contConWrap .contCon .tabSection .uploadArea .fileArea .fileUp .delBtn {position:absolute; top:0; right:0; width:26px; height:100%; background:url("../images/del_btn_11x11.png") no-repeat left center}
.myPageDiv .contDiv .contentD .passangerInfoD .tabArea .contConWrap .contCon .tabSection .uploadArea .confirm {font-size:17px; color:#e64949; line-height:26px; font-weight:300}
.myPageDiv .contDiv .contentD .passangerInfoD .tabArea .contConWrap .contCon .tabSection .uploadArea .fileArea .fileUp.disabled .fileShow {background:#F4F4F4; color:#797979}
.myPageDiv .contDiv .contentD .passangerInfoD .tabArea .contConWrap .contCon .tabSection .uploadArea .fileArea .fileUp.disabled .file {pointer-events:auto;}
.myPageDiv .contDiv .contentD .passangerInfoD .tabArea .contConWrap .contCon .tabSection .uploadArea .fileArea .fileUp.disabled .delBtn {display:none}
.myPageDiv .contDiv .contentD .passangerInfoD .tabArea .contCon .btnArea {margin-top:45px;}


/* 마이페이지 > 국제선 결제 */
.myPageDiv .contDiv .contentD .reserveViewDiv .paymentInfoDiv {width:665px; margin-top:90px;}
.myPageDiv .contDiv .contentD .reserveViewDiv .paymentInfoDiv .payTypeBtn {padding:25px 15px; border-bottom:1px solid #797979}
.myPageDiv .contDiv .contentD .reserveViewDiv .paymentInfoDiv .payTypeBtn .radioBox {margin-right:25px;}
.myPageDiv .contDiv .contentD .reserveViewDiv .paymentInfoDiv .payTypeBtn .radioBox input[type="radio"] + label {color:#000; font-size:16px; line-height:1;}
.myPageDiv .contDiv .contentD .reserveViewDiv .paymentInfoDiv .title {margin-top:50px;}
.myPageDiv .contDiv .contentD .reserveViewDiv .paymentInfoDiv .title .chkBox input[type="checkbox"] + label {font-size:13px;}
.myPageDiv .contDiv .contentD .reserveViewDiv .paymentInfoDiv .tbStyle2 table tr.bgGry th {padding-left:25px; background:#fafafa}
.myPageDiv .contDiv .contentD .reserveViewDiv .paymentInfoDiv .tbStyle2 table tr.bgGry td {background:#fafafa}
.myPageDiv .contDiv .contentD .reserveViewDiv .paymentInfoDiv .tbStyle2 table td .inputArea .text {height:45px; margin-left:8px}
.myPageDiv .contDiv .contentD .reserveViewDiv .paymentInfoDiv .tbStyle2 table td .inputArea .text:after{content:''; display:block; clear:both}
.myPageDiv .contDiv .contentD .reserveViewDiv .paymentInfoDiv .tbStyle2 table td .inputArea .text .star {display:inline-block; float:left; font-family: 'Spoqa'; font-weight:300; color:#000; font-size:30px; line-height:55px;}
.myPageDiv .contDiv .contentD .reserveViewDiv .paymentInfoDiv .tbStyle2 table td .inputArea .addT {display:inline-block; float:left; padding-left:60px; font-size:13px; color:#797979; line-height:45px}
.myPageDiv .contDiv .contentD .reserveViewDiv .paymentInfoDiv .tbStyle2 table td .inputArea .chkBox label {color:#797979; font-size:14px;}
.myPageDiv .contDiv .contentD .reserveViewDiv .paymentInfoDiv .tbStyle2 table td .inputArea .chkBox input[type="checkbox"] + label {padding-left:24px;}
.myPageDiv .contDiv .contentD .reserveViewDiv .paymentInfoDiv .tbStyle2 table td .noticeTxt {margin-top:4px}
.myPageDiv .contDiv .contentD .reserveViewDiv .paymentInfoDiv .tbStyle2 table td .btnD a {display:block; float:left; margin-right:5px;}
.myPageDiv .contDiv .contentD .reserveViewDiv .paymentInfoDiv .tbStyle2 table td .btnD a.gryBt {width:85px; height:45px; line-height:45px; background:#9e9e9e; color:#fff; font-size:17px; font-weight:400; text-align:center}
.myPageDiv .contDiv .contentD .reserveViewDiv .paymentInfoDiv .tbStyle2 table td .btnD a.grnBt {width:85px; height:45px; line-height:45px; background:#004d45; color:#fff; font-size:17px; font-weight:400; text-align:center}
.myPageDiv .contDiv .contentD .reserveViewDiv .paymentInfoDiv .tbStyle2 table td .btnD a.blkBt {width:85px; height:45px; line-height:45px; background:#000; color:#fff; font-size:17px; font-weight:400; text-align:center}
.myPageDiv .contDiv .contentD .reserveViewDiv .paymentInfoDiv .tbStyle2 table td .inputArea .timeCount {display:inline-block; position:relative; float:left}
.myPageDiv .contDiv .contentD .reserveViewDiv .paymentInfoDiv .tbStyle2 table td .inputArea .timeCount input {padding-right:70px;}
.myPageDiv .contDiv .contentD .reserveViewDiv .paymentInfoDiv .tbStyle2 table td .inputArea .time {position:absolute; top:0; right:19px; line-height:45px; font-size:15px; color:#e64949;}
.myPageDiv .contDiv .contentD .reserveViewDiv .paymentInfoDiv .tbStyle2 table td .inputArea .timeCount + .btnD {float:left; margin-left:10px;}

.paymentSumDiv {color:#000}
.paymentSumDiv .dcCostArea {display:table; table-layout:fixed; width:100%; background:#fafafa; border-bottom:1px solid #e5e5e5}
.paymentSumDiv .dcCostArea .totalTxt {display:table-cell; vertical-align:middle; width:470px; padding:30px}
.paymentSumDiv .dcCostArea .totalTxt .txt {font-size:17px; font-weight:400;}
.paymentSumDiv .dcCostArea .totalTxt .txt .gry {display:inline-block; margin-top:12px; font-size:13px; font-weight:400; color:#797979; letter-spacing:0.3px}
.paymentSumDiv .dcCostArea .totalPrice {display:table-cell; vertical-align:middle; width:190px; padding:30px 42px 30px 0; text-align:right; font-size:13px;}
.paymentSumDiv .dcCostArea .totalPrice i {font-size:28px; font-weight:700; }
.paymentSumDiv .dcCostArea .dcText {display:table-cell; vertical-align:middle; position:relative; width:130px; padding:30px; font-size:17px; border-left:1px solid #e5e5e5;}
.paymentSumDiv .dcCostArea .dcText .minus{position:absolute; top:34px; left:-16px; width:32px; height:32px;}
.paymentSumDiv .dcCostArea .dcText:after {content:""; display:block; position:absolute; top:34px; left:-16px; width:32px; height:32px; background:url("../images/minus_icon2.jpg") no-repeat center center}
.paymentSumDiv .dcCostArea .dcPrice {display:table-cell; vertical-align:middle; width:195px; padding:30px 30px 30px 0; text-align:right; font-size:13px;}
.paymentSumDiv .dcCostArea .dcPrice i {font-size:28px; font-weight:700}
.paymentSumDiv .dcDetailArea {/* min-height:180px; */}
.paymentSumDiv .dcDetailArea .flexD {display:flex;}
.paymentSumDiv .dcDetailArea .flexD .detailBox {width:660px;}
.paymentSumDiv .dcDetailArea .flexD .detailBox td .won {font-size:13px;}
.paymentSumDiv .dcDetailArea .flexD .detailBox tbody tr td:first-child {letter-spacing:0}
.paymentSumDiv .dcDetailArea .flexD .detailBox tbody tr .taL{word-break:break-all}
.paymentSumDiv .dcDetailArea .flexD .dcBox {width:325px; padding:25px 30px; border-left:1px solid #e5e5e5}
.paymentSumDiv .dcDetailArea .flexD .dcBox li {overflow:hidden}
.paymentSumDiv .dcDetailArea .flexD .dcBox li p {font-size:15px; line-height:26px; color:#797979}
.paymentSumDiv .dcDetailArea .flexD .dcBox li p.txt {float:left}
.paymentSumDiv .dcDetailArea .flexD .dcBox li p.cost {float:right}
.paymentSumDiv .dcDetailArea .flexD .dcBox li .won {font-size:13px;}
.paymentSumDiv .dcDetailArea + .borderType1 {border-top:1px solid #e5e5e5}
.myPageDiv .contDiv .contentD .totalCostArea {margin-top:28px; border-top:2px solid #000;}
.myPageDiv .contDiv .contentD .totalCostArea.noborT {margin-top:0; border-top:0;}
.myPageDiv .contDiv .contentD .totalCostArea .box {display:table; width:100%; min-height:120px; padding:28px 20px 30px 25px; background:#fafafa; border-top:1px solid #e5e5e5; border-bottom:2px solid #000}
.myPageDiv .contDiv .contentD .totalCostArea .box .totalTxt {display:table-cell; width:50%; vertical-align:bottom; font-size:21px; color:#000;}
.myPageDiv .contDiv .contentD .totalCostArea .box .totalTxt .gry {display:block; margin-top:12px; font-size:14px; color:#797979; font-weight:300}
.myPageDiv .contDiv .contentD .totalCostArea .box .totalPrice {display:table-cell; width:50%; vertical-align:bottom; text-align:right; font-size:13px;}
.myPageDiv .contDiv .contentD .totalCostArea .box .totalPrice .price1 {margin-bottom:12px; font-size:13px; color:#004d45}
.myPageDiv .contDiv .contentD .totalCostArea .box .totalPrice .price1 .toolIcon {display:inline-block; /* padding:0 8px 0 2px */}
.myPageDiv .contDiv .contentD .totalCostArea .box .totalPrice .price1 .txt {display:inline-block; padding-right:2px; font-size:14px;}
.myPageDiv .contDiv .contentD .totalCostArea .box .totalPrice .price1 .txt i {font-size:15px; font-weight:700}
.myPageDiv .contDiv .contentD .totalCostArea .box .totalPrice .price1 .boldNum {display:inline-block; padding-left:8px; font-size:24px; font-weight:700; color:#004d45}
.myPageDiv .contDiv .contentD .totalCostArea .box .totalPrice .price2 {display:inline-block; font-size:13px; color:#000;}
.myPageDiv .contDiv .contentD .totalCostArea .box .totalPrice .price2 .txt {display:inline-block; padding-right:10px; font-size:14px;}
.myPageDiv .contDiv .contentD .totalCostArea .box .totalPrice .price2 .boldNum {font-size:28px; color:#000; font-weight:700}
.accountDiv {position:relative; margin-top:25px;}
.accountDiv ul {padding:33px 90px 33px 30px; overflow:hidden; background:#fafafa; border-top:1px solid #797979; border-bottom:1px solid #797979}
.accountDiv ul li {float:left; /* width:50%; */ font-size:18px;}
/* .accountDiv ul li:nth-child(n+3) {padding-top:15px} */
.accountDiv ul li span {float:left; line-height:31px; font-weight:300}
.accountDiv ul li span:nth-child(2) {padding-right:7px;}
.accountDiv ul li span:last-child {width:calc(100% - 130px); width:-webkit-calc(100% - 130px); width:-moz-calc(100% - 130px); white-space:nowrap}
.accountDiv ul li span:last-child strong {display:inline-block; padding-right:10px; font-weight:300}
.accountDiv ul li span i {font-weight:400}
.accountDiv ul li .tit {display:inline-block; margin-right:16px; letter-spacing:-1.7px; line-height:31px;}
.accountDiv ul li.bold .tit {display:inline-block; margin-right:16px; letter-spacing:-1.7px; line-height:31px; font-weight:700}
.accountDiv ul li:nth-child(odd) {min-width:55%;}
.accountDiv ul li:nth-child(even) {min-width:45%;}
.accountDiv ul li:nth-child(odd) .tit {width:100px;}
.accountDiv ul li:nth-child(even) .tit {width:100px;}
.accountDiv ul li.single {width:100%;}
.accountDiv ul li.bold {font-weight:700}
.accountDiv ul li.bold span {font-size:17px; font-weight:500}
.accountDiv ul li.bold span i {font-weight:700}
/* .accountDiv ul li.single .tit {width:70px; letter-spacing:0px;} */
.accountDiv .red {position:absolute; bottom:40px; right:30px; font-size:20px; color:#e64949;}

/* 마이페이지 > 결제완료 */
.myPageDiv .contDiv .contentD .addTableWrap {}
.myPageDiv .contDiv .contentD .addTableWrap:after {content:""; display:block; clear:both}
.myPageDiv .contDiv .contentD .addTableWrap .tableDiv {width:100%;}
.myPageDiv .contDiv .contentD .addTableWrap .tableDiv .tbStyle2 table td {padding:0}
.myPageDiv .contDiv .contentD .addTableWrap .tableDiv .innerTable table {border-bottom:0}
.myPageDiv .contDiv .contentD .addTableWrap .tableDiv .innerTable table tr {border-bottom:1px solid #e5e5e5}
.myPageDiv .contDiv .contentD .addTableWrap .tableDiv .innerTable table tr:last-child {border-bottom:0}
.myPageDiv .contDiv .contentD .addTableWrap .tableDiv .innerTable table td {padding:15px;}
.myPageDiv .contDiv .contentD .addTableWrap .tableDiv .innerTable table td .btnD a.greenLineBt {width:134px; margin-left:0; margin-top:5px}
.myPageDiv .contDiv .contentD .addTableWrap .tableDiv .innerTable table td .btnD a.greenLineBt:first-child {margin-top:0}
.myPageDiv .contDiv .contentD .addTableWrap .tableDiv .innerTable table td .btnD a.greenLineBt.p10 {width:auto; padding:0 10px;}
.myPageDiv .contDiv .contentD .notiList + .tableDiv {margin-top:20px}
.myPageDiv .contDiv .contentD .notiList .tit {font-size:30px; color:#000;}
.myPageDiv .contDiv .contentD .notiList ul {padding-top:8px;}
.myPageDiv .contDiv .contentD .notiList ul li {position:relative; margin-top:8px; padding-left:14px; font-weight:300; font-size:15px; color:#000000; line-height:21px;}
.myPageDiv .contDiv .contentD .notiList ul li:before {content:""; display:block; position:absolute; top:9px; left:0; width:3px; height:3px; background:#797979;}
.myPageDiv .contDiv .contentD .notiList ul li b {font-weight:700}
.myPageDiv .contDiv .contentD .dotTxt + .tableDiv {margin-top:20px}
.myPageDiv .contDiv .contentD .dotTxt .dotTit {padding-left:0; padding-bottom:8px; font-size:30px; line-height:1; color:#000; font-weight:400}
.myPageDiv .contDiv .contentD .dotTxt .dotTit:before {display:none}
.myPageDiv .contDiv .contentD .dotTxt p {position:relative; margin-top:8px; padding-left:14px; font-weight:300; font-size:15px; color:#000000; line-height:21px;}
.myPageDiv .contDiv .contentD .dotTxt p:before {content:""; display:block; position:absolute; top:9px; left:0; width:3px; height:3px; background:#797979;}
.myPageDiv .contDiv .contentD .dotTxt p b {font-weight:700}

/* 약관 테이블 */
.termsDiv .agreeTable table{margin:25px 0;}
.agreeTable{}
.agreeTable table {width:100%; table-layout:fixed; border-top:1px solid #797979; }
.agreeTable table thead tr th{padding:16px 10px; font-weight:300; font-size:13px; line-height:1; color:#797979; text-align:center; border-bottom:1px solid #c8c8c8;}
.agreeTable table tbody tr th{padding:16px 15px; font-size:14px; line-height:22px; color:#000; text-align:left; border-left:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; vertical-align:top}
.agreeTable table tbody tr td{padding:16px 15px; font-size:14px; line-height:22px; color:#797979; border-left:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; vertical-align:top}
.agreeTable table tbody tr td b, .agreeTable table tbody tr td strong{color:#000}
.agreeTable table tbody tr th:first-child, .agreeTable table tbody tr td:first-child {border-left:none;}
.infoimage {width: 2rem; margin-bottom: 0.4rem; vertical-align: middle;}

/* 푸터
.footer{position:relative; padding:50px 0 70px; background:#f7f7f7; border-top:1px solid #e9e9e9}
.footer .topD{padding-bottom:20px; border-bottom:1px solid rgba(200, 200, 200, 0.5)}
.footer .topD:after{content:''; display:block; clear:both}
.footer .topD .inquiryD{float:left}
.footer .topD .inquiryD:after{content:''; display:block; clear:both}
.footer .topD .inquiryD p{float:left; padding:7px 0 0 27px; width:100%; font-weight:500; font-size:13px; color:#000; background:url('../images/pc_footer_customer.png') no-repeat left top}
.footer .topD .inquiryD div{position:relative; float:left; margin-top:10px; font-size:21px; line-height:20px; color:#000}
.footer .topD .inquiryD div i{font-size:25px}
.footer .topD .inquiryD div span.csemail{font-size:14px; color:#555555; display:block;}
.footer .footUtill{position:relative; float:right; padding-top:64px}
.footer .footUtill:after{content:''; display:block; clear:both}
.footer .footUtill a{position:relative; float:left; margin-left:14px; padding-left:15px; font-size:14px; color:rgba(2, 2, 2, 0.6)}
.footer .footUtill a:first-child{margin-left:0; padding-left:0}
.footer .footUtill a:before{content:''; position:absolute; top:0; left:0; width:1px; height:14px; background:#e5e5e5}
.footer .footUtill a:first-child:before{display:none}
.footer .footUtill a.bold{color:rgba(2, 2, 2, 1)}
.footer .footUtill .customTel{position:absolute; bottom:20px; right:0; font-size:13px; color:rgba(2, 2, 2, 0.8); text-align:right}
.footer .footUtill .customTel i{display:block; margin-top:10px; font-size:30px; color:#000}
.footer .infoD{position:relative; margin:25px auto 0}
.footer .infoD p{margin-top:10px}
.footer .infoD p:first-child{margin-top:0}
.footer .infoD span{margin-left:13px; font-size:14px; color:rgba(2, 2, 2, 0.6)}
.footer .infoD span:first-child{margin-left:0}
.footer .infoD .footLogo{position:absolute; top:80px; right:0; margin-top:0}
.footer .copy{margin-top:30px; font-size:12px; color:rgba(2, 2, 2, 0.5)}
.footer.print{margin-top:50px; padding:30px 30px 50px}
.footer.print .topD .inquiryD p{padding-left:0; background:none; line-height:19px;}
.footer.print .topD .inquiryD p img{margin-right:6px}*/

/* 푸터 2025-06-16 수정 */
.footer{position:relative; padding:50px 0; background:#f7f7f7; border-top:1px solid #e9e9e9}
.footer .topD{display:flex; justify-content:flex-start; align-items:flex-end; gap:20px; padding-bottom:20px; border-bottom:1px solid rgba(200, 200, 200, 0.5);}
.footer .topD .inquiryD + .inquiryD{border-left:1px solid #E9E9E9; padding-left:20px;}
.footer .topD .inquiryD.blind{display:none;}/*2025-07-23 추가*/
.footer .topD .inquiryD .packChat{font-size:14px}
.footer .topD .inquiryD p{font-weight:500; font-size:13px; color:#000;}
.footer .topD .inquiryD div{position:relative; margin-top:15px; font-size:19px; line-height:20px; color:#000}
.footer .topD .inquiryD div i.callCenter{font-size:19px}
.footer .topD .inquiryD div .btnTxt{color:#004d45; text-decoration:underline;}
.footer .footUtill{width:100%; display:flex; justify-content:flex-start; margin-top:20px;}
.footer .footUtill a{font-size:14px; color:rgba(2, 2, 2, 0.6); margin-left:14px; padding-left:15px; display:inline-block; position:relative;}
.footer .footUtill a:first-child{margin-left:0; padding-left:0}
.footer .footUtill a:before{content:''; position:absolute; top:0; left:0; width:1px; height:14px; background:#e5e5e5}
.footer .footUtill a:first-child:before{display:none}
.footer .footUtill a.bold{color:rgba(2, 2, 2, 1)}
.footer .footUtill .customTel{position:absolute; bottom:20px; right:0; font-size:13px; color:rgba(2, 2, 2, 0.8); text-align:right}
.footer .footUtill .customTel i{display:block; margin-top:10px; font-size:30px; color:#000}
.footer .infoD{position:relative; margin:25px auto 0}
.footer .infoD p{margin-top:10px}
.footer .infoD p:first-child{margin-top:0}
.footer .infoD span{margin-left:13px; font-size:14px; color:rgba(2, 2, 2, 0.6)}
.footer .infoD span:first-child{margin-left:0}
.footer .infoD .footLogo{position:absolute; top:80px; right:0; margin-top:0}
.footer .copy{margin-top:30px; font-size:12px; color:rgba(2, 2, 2, 0.5)}
.footer .copy a.csMail{color:rgba(2, 2, 2, 0.5); font-size: 13px; line-height:20px; display:block;}
.footer.print{margin-top:50px; padding:30px 30px 50px}
.footer.print .topD .inquiryD p{padding-left:0; background:none; line-height:19px;}
.footer.print .topD .inquiryD p img{margin-right:6px}

/* 공통 */
.promotionCover{background-color: rgba(0, 0, 0, 0.5); width: 412px; line-height: 290px; height: 290px; position: absolute; text-align: center; vertical-align: middle; color: white; font-size: 28px;}
.showConD{position:relative}
.showConD .showCon{display:none}
.showConD .showCon:first-child{display:block}
.dimdBg{display:none; position:fixed; top:0; left:0; width:100%; height:100vh; background:rgba(0, 0, 0, 0.85); z-index:7}
.dimdBg.on{z-index:3}
.dimdBg.type2{z-index:11}
.dimdHotelBg {display:none; position:fixed; top:0; left:0; width:100%; height:100vh; background:rgba(0, 0, 0, 0.85); z-index:7}
.contCon{display:none}
.contCon:first-child{display:block}
.imgResize{position:relative; overflow:hidden}
.imgResize img{position:absolute; height:100%; top:50%; left:50%; transform:translate(-50%, -50%)}
.imgResize.reverse img{width:100%; height:auto}
.noImg{position:relative}
.noImg:after{content:''; position:absolute; top:50%; left:50%; margin:-20px 0 0 -50px; width:100px; height:39px; background:url('../images/no_img_icon.png') no-repeat}
.dotList{}
.dotList p{padding-left:12px; margin-top:4px; font-weight:300; font-size:15px; line-height:20px; color:#000; background:url('../images/dot3x3.gif') no-repeat left 8px}
.dotList p:first-child{margin-top:0}
.dotList p.nodot {background:none}
.dotList li{padding-left:12px; margin-top:4px; font-weight:300; font-size:15px; line-height:20px; color:#000; background:url('../images/dot3x3.gif') no-repeat left 8px}
.dotList li:first-child{margin-top:0}
.dotList li.nodot {background:none}
.link{color:#004d45; text-decoration:underline}
.link:hover{text-decoration:underline}
.link:active, .link:focus{text-decoration:underline}
.selectD.link{text-decoration:none}
.selectD.link:hover{text-decoration:none}
.clearHas input::-ms-clear{display:none}
.clearHas .delete{display:none; position:absolute; top:50%; right:65px; transform:translateY(-50%); width:20px; height:20px}
.loading{display:none; position:fixed; top:50%; left:50%; z-index:99; animation:loadingAni 1s infinite; -moz-animation:loadingAni 1s infinite; -o-animation:loadingAni 1s infinite; animation-timing-function:linear}
.loadingIcon{display:none; position:fixed; top:50%; left:50%; width:400px; margin:-130px 0 0 -200px; z-index:99; text-align:center}
.loadingIcon .txt{position:absolute; top:295px; width:100%; font-size:17px; line-height:28px; color:#fff; text-align:center}
.loadingIcon.hotelList{position:absolute; top:0; margin:0 0 0 -50px}
/* .loadingIcon.hotelList .txt{color:#000} */
.loadingIcon.airList{position:absolute; margin:-130px 0 0 -50px}
.loadingIcon.blk .txt{color:#000}
.loadingIcon.abso{position:fixed; /* position:absolute; */}

@-webkit-keyframes loadingAni {
	0%   {transform:translate(-50%, -50%) rotate(0deg)}
	100% {transform:translate(-50%, -50%) rotate(360deg)}
}
@-moz-keyframes loadingAni {
	0%   {transform:translate(-50%, -50%) rotate(0deg)}
	100% {transform:translate(-50%, -50%) rotate(360deg)}
}
@-o-keyframes loadingAni {
	0%   {transform:translate(-50%, -50%) rotate(0deg)}
	100% {transform:translate(-50%, -50%) rotate(360deg)}
}
@keyframes loadingAni {
	0%   {transform:translate(-50%, -50%) rotate(0deg)}
	100% {transform:translate(-50%, -50%) rotate(360deg)}
}

/* 페이징 */
.paging{padding-top:50px; text-align:center}
.paging a{display:inline-block; margin:0 1px; width:35px; height:35px; font-family:'Spoqa'; font-size:16px; line-height:35px; color:#a8a8a8}
.paging a.on{font-weight:700; color:#000; text-decoration:underline}
.paging a.prev{margin-right:12px}
.paging a.next{margin-left:12px}

/* 체크박스 */
.chkBox{display:inline-block; vertical-align:top;}
.chkBox input[type="checkbox"]{display:none;}
.chkBox input[type="checkbox"] + label{display:inline-block; position:relative; padding-left:28px; font-size:15px; line-height:18px; color:#797979;}
.chkBox input[type="checkbox"] + label:after{content:''; display:block; position:absolute; top:50%; transform:translateY(-50%); left:0; width:18px; height:18px; border:1px solid #a8a8a8; box-sizing:border-box; background:#fff;}
.chkBox.on input[type="checkbox"] + label:after{border:1px solid #7fa6a2; background:url("../images/chk_icon.gif") center no-repeat #fff;}
.chkBox.right input[type="checkbox"] + label{padding-left:0; padding-right:28px}
.chkBox.right input[type="checkbox"] + label:after{left:auto; right:0}
.chkBox.only input[type="checkbox"] + label{padding-left:18px; vertical-align:initial; height:18px}
.chkBox input[type="checkbox"]:disabled + label:after{border:1px solid #c8c8c8; background:#e5e5e5}
.chkBox input[type="checkbox"]:disabled[disabled] + label:after{border:1px solid #c8c8c8; background:#e5e5e5}

/* 라디오 */
.radioBox{display:inline-block; vertical-align:top;}
.radioBox input[type="radio"]{display:none;}
.radioBox input[type="radio"] + label{display:inline-block; position:relative; padding-left:25px; font-size:15px; line-height:18px; color:#797979;}
.radioBox input[type="radio"] + label:after{content:''; display:block; position:absolute; top:50%; transform:translateY(-50%); left:0; width:16px; height:16px; border:1px solid #a8a8a8; box-sizing:border-box; background:#fff; border-radius:100%}
.radioBox input[type="radio"]:checked + label:after{background:url("../images/radio_icon.gif") no-repeat center #fff; border:1px solid #004d45}
.radioBox input[type="radio"]:disabled + label{opacity:0.4}
.radioBox input[type="radio"]:disabled[disabled] + label{opacity:0.4}
.radioBox input[type="radio"]:checked:disabled[disabled] + label {opacity:1;}
.radioBox.square input[type="radio"] + label{padding:0 18px; line-height:43px; border:1px solid #cdcdcd; color:#c8c8c8; font-size:15px; z-index:0}
.radioBox.square input[type="radio"] + label:after{display:none}
.radioBox.square input[type="radio"]:checked + label{padding:0 18px; line-height:43px; border:1px solid #00696d; color:#00696d !important; font-size:15px; z-index:1}
.radioBox.square input[type="radio"]:checked + label:after{display:none}
/*2021-06-10 추가 Start*/
.radioBox02{display:inline-block; vertical-align:top;}
.radioBox02 input[type="radio"]{display:none;}
.radioBox02 input[type="radio"] + label{display:inline-block; position:relative; padding-left:25px; font-size:15px; line-height:18px; color:#797979;}
.radioBox02 input[type="radio"] + label:after{content:''; display:block; position:absolute; top:50%; transform:translateY(-50%); left:0; width:16px; height:16px; border:1px solid #a8a8a8; box-sizing:border-box; background:#fff; border-radius:100%}
.radioBox02 input[type="radio"]:checked + label:after{background:url("../images/radio_icon.gif") no-repeat center #fff; border:1px solid #004d45}
.radioBox02 input[type="radio"]:disabled + label{opacity:0.4}
.radioBox02 input[type="radio"]:disabled[disabled] + label{opacity:0.4}
.radioBox02 input[type="radio"]:checked:disabled[disabled] + label {opacity:1;}
.radioBox02.square input[type="radio"] + label{padding:0 18px; line-height:43px; border:1px solid #cdcdcd; color:#c8c8c8; font-size:15px; z-index:0}
.radioBox02.square input[type="radio"] + label:after{display:none}
.radioBox02.square input[type="radio"]:checked + label{padding:0 18px; line-height:43px; border:1px solid #00696d; color:#00696d !important; font-size:15px; z-index:1}
.radioBox02.square input[type="radio"]:checked + label:after{display:none}
/*2021-06-10 추가 End*/

/* 하단버튼 */
.btnArea{position:relative; margin:50px auto 0; height:60px; text-align:center}
.btnArea a{display:inline-block; margin:0 3px; width:244px; height:60px;  font-size:19px}
.btnArea a.okBtn{font-weight:500; line-height:60px; color:#fff; background:#000}
.btnArea a.okBtn.t2 {width:auto; padding:0 90px; font-weight:500; line-height:60px; color:#fff; background:#000}
.btnArea a.okBtn.t3 {width:auto; padding:0 50px; font-weight:500; line-height:60px; color:#fff; background:#000} /* 예치금 추가개발 추가 - 2021-03-18 */
.btnArea a.cancelBtn{line-height:58px; color:#000; background:#fff; border:1px solid #000}
.btnArea a.cancelBtn.typeS {width:auto; padding:0 60px;}

/* 데이터없음 */
.noDataDiv{padding:190px 40px 100px; text-align:center; border-top:1px solid #c8c8c8; border-bottom:1px solid #c8c8c8; background:url('../images/noData_icon.png') no-repeat center 100px}
.noDataDiv .tit{font-size:23px; color:#a8a8a8}
.noDataDiv .txt{margin-top:15px; font-size:15px; color:#c8c8c8}
.noDataDiv .btn{display:inline-block; margin-top:30px; padding:0 14px; width:auto; height:30px; font-weight:300; font-size:15px; line-height:28px; color:#00696d; text-align:center; background:#fff; border:1px solid rgba(0, 77, 69, 0.4)}

/* 레이어팝업 */
.layerPop{display:none; position:fixed; top:50%; left:50%; transform:translate(-50%, -50%); min-height:250px; border:1px solid #004d45; background:#fff; z-index:10; word-break:keep-all}
.layerPop.hasBtn{padding-bottom:110px; min-height:320px}
.layerPop .popCon{position:relative; padding:24px 0 0; height:100%; background:#fff}
.layerPop .popCon .popTit{position:relative; margin:0 auto; padding-bottom:18px; width:calc(100% - 60px); width:-webkit-calc(100% - 60px); font-weight:500; font-size:23px; color:#000000; border-bottom:1px solid #c8c8c8;}
.layerPop .popCon .popTit.on:after{content:'*'; display:inline}
.layerPop .popCon .conArea{position:relative; padding:40px 30px 0; margin-top:0; height:calc(100% - 42px); height:-webkit-calc(100% - 42px); overflow-y:auto}
.layerPop .popCon .conArea:after{content:''; display:block; height:50px; width:100%}
.layerPop .popCon .conArea .airSection{padding:39px 0 90px; border-top:1px solid #e5e5e5}
.layerPop .popCon .conArea .airSection:first-child{padding-top:0; border-top:none}
.layerPop .popCon .conArea .airSection:last-child{padding-bottom:30px}
.layerPop .popCon .conArea .airSection .title{padding-left:33px; font-weight:500; font-size:19px; color:#004d45; background:url('../images/schedulePop_go.png') no-repeat 2px 1px}
.layerPop .popCon .conArea .airSection .title.back{background:url('../images/schedulePop_back.png') no-repeat 2px 1px}
.layerPop .popCon .conArea .airSection .dayInfo{margin-top:24px; font-weight:500; font-size:26px; color:#000}
.layerPop .popCon .conArea .airSection .dayInfo i{font-weight:400; font-size:30px}
.layerPop .popCon .conArea .airSection .dayInfo span{display:inline-block}
.layerPop .popCon .conArea .airSection .timeInfo{margin-top:14px; font-size:15px; color:#797979}
.layerPop .popCon .conArea .airSection .timeInfo span{font-weight:500; color:#2d4748}
.layerPop .popCon .conArea .airSection .timeInfo span i{font-weight:700}
.layerPop .popCon .conArea .airSection .timeList{position:relative; margin-top:50px}
.layerPop .popCon .conArea .airSection .timeList .list{position:relative; padding:0 33px; margin-top:10px}
.layerPop .popCon .conArea .airSection .timeList .list:before{content:''; position:absolute; top:43px; left:58px; width:1px; height:100%; background:#004d45}
.layerPop .popCon .conArea .airSection .timeList .list:first-child{margin-top:0}
.layerPop .popCon .conArea .airSection .timeList .list:last-child:before{display:none}
.layerPop .popCon .conArea .airSection .timeList .list:after{content:''; display:block; clear:both}
.layerPop .popCon .conArea .airSection .timeList .list .tag{position:relative; float:left; padding-top:17px; width:51px; z-index:1}
.layerPop .popCon .conArea .airSection .timeList .list .tag span{display:inline-block; width:51px; height:26px; font-weight:500; font-size:13px; line-height:26px; color:#fff; text-align:center; background:#004d45; border-radius:20px}
.layerPop .popCon .conArea .airSection .timeList .list .tag span.via{font-weight:400; line-height:24px; color:#004d45; border:1px solid rgba(0, 77, 69, 0.7); background:#fff}
.layerPop .popCon .conArea .airSection .timeList .list .listInfo{float:left; margin:0 15px; padding-top:17px; width:210px}
.layerPop .popCon .conArea .airSection .timeList .list .listInfo .time{font-weight:500; font-size:16px; line-height:26px; color:#00696d}
.layerPop .popCon .conArea .airSection .timeList .list .listInfo .time i{font-weight:700; font-size:19px}
.layerPop .popCon .conArea .airSection .timeList .list .listInfo .name{margin-top:7px; font-weight:500; font-size:19px; color:#000}
.layerPop .popCon .conArea .airSection .timeList .list .airInfo{float:left; padding:20px 30px; width:calc(100% - 291px); width:-webkit-calc(100% - 291px); background:#f7f7f7}
.layerPop .popCon .conArea .airSection .timeList .list .airInfo p:nth-child(n+2){margin-top:10px}
.layerPop .popCon .conArea .airSection .timeList .list .airInfo .air{text-indent:-31px; padding-left:31px; font-size:15px; line-height:20px; color:#797979; word-break:keep-all}
.layerPop .popCon .conArea .airSection .timeList .list .airInfo .air span{margin-right:7px; line-height:20px}
.layerPop .popCon .conArea .airSection .timeList .list .airInfo .air span img {width:20px}
.layerPop .popCon .conArea .airSection .timeList .list .airInfo .air b{font-weight:500; color:#000}
.layerPop .popCon .conArea .airSection .timeList .list .airInfo .time{padding-left:31px; font-size:15px; line-height:20px; color:#00696d; background:url('../images/schedulePop_clock_icon.png') no-repeat 2px center;}
.layerPop .popCon .conArea .airSection .timeList .list .rightTxt{float:right; margin-top:10px; width:calc(100% - 291px); width:-webkit-calc(100% - 291px); font-size:13px; color:#797979; text-align:right}
.layerPop .popCon .conArea .airSection .timeList .list .rightTxt b{display:inline-block; color:#000}
.layerPop .popCon .conArea .airSection .timeList .list .rightTxt span{display:inline-block; margin-left:4px}
.layerPop .popCon .conArea .airSection .timeList .list .indentTxt{float:right; margin-top:40px; padding-left:15px; text-indent:-15px; width:calc(100% - 291px); width:-webkit-calc(100% - 291px); font-weight:300; font-size:13px; line-height:20px; color:#797979}
.layerPop .popCon .conArea .airSection .timeList .list .indentTxt span {color:#00696d; font-weight:500}
.layerPop .popCon .conArea .airSection .timeList .list.viaBefore:before{height:calc(100% + 33px); height:-webkit-calc(100% + 33px); background:url('../images/timeList_via_bg.gif') repeat-y}
.layerPop .popCon .conArea .airSection .timeList .list.via{padding:60px 33px}
.layerPop .popCon .conArea .airSection .timeList .list.via:before{top:60px; background:url('../images/timeList_via_bg.gif') repeat-y}
.layerPop .popCon .conArea .airSection .timeList .list.via .tag{padding-top:0}
.layerPop .popCon .conArea .airSection .timeList .list.via .viaTxt{float:left; margin-left:15px; padding-left:24px; width:calc(100% - 66px); width:-webkit-calc(100% - 66px); font-size:15px; line-height:26px; color:#00696d; background:url('../images/schedulePop_clock_icon.png') no-repeat left center;}
.layerPop .popCon .conArea .airSection .timeList .list.via .viaTxt b{font-weight:500}
.layerPop .popCon .conArea .title{}
.layerPop .popCon .conArea .text{font-size:15px; line-height:25px; color:#797979}
.layerPop .popCon .conArea .text span{color:#e64949}
.layerPop .popCon .conArea .title + .chargeTable{margin-top:15px}
.layerPop .popCon .conArea .text + .chargeTable{margin-top:15px}
.layerPop .popCon .conArea .chargeTable{margin-top:60px; border-top:2px solid #000}
.layerPop .popCon .conArea .chargeTable .line{display:table; width:100%; border-top:1px solid #e5e5e5; background:#fff}
.layerPop .popCon .conArea .chargeTable .line.head{background:#fafafb; border-top:none}
.layerPop .popCon .conArea .chargeTable .line.foot{border-top:1px solid #ccdbda; border-bottom:1px solid #a8a8a8; background:#f4faef}
.layerPop .popCon .conArea .chargeTable .line .cell{display:table-cell; padding:28px 20px; vertical-align:middle; font-size:12px; text-align:center; color:#000}
.layerPop .popCon .conArea .chargeTable .line .cell:nth-child(1){width:75px}
.layerPop .popCon .conArea .chargeTable .line .cell:nth-child(2){width:150px}
.layerPop .popCon .conArea .chargeTable .line .cell:nth-child(3){width:115px}
.layerPop .popCon .conArea .chargeTable .line .cell:nth-child(4){width:115px}
.layerPop .popCon .conArea .chargeTable .line .cell:nth-child(5){width:115px}
.layerPop .popCon .conArea .chargeTable .line .cell:nth-child(6){width:75px}
.layerPop .popCon .conArea .chargeTable .line .cell i{font-weight:700; font-size:17px}
.layerPop .popCon .conArea .chargeTable .line .cell.tit{font-size:17px; color:#000}
.layerPop .popCon .conArea .chargeTable .line .cell.all{text-align:right}
.layerPop .popCon .conArea .chargeTable .line.head .cell{padding:22px 20px; font-weight:300; font-size:16px; color:#000}
.layerPop .popCon .conArea .chargeTable .line.head .cell.all{padding-right:50px}
.layerPop .popCon .conArea .chargeAll{display:table; padding-bottom:28px; width:100%; border-top:1px solid #e5e5e5; border-bottom:1px solid #797979; background:#fafafa}
.layerPop .popCon .conArea .chargeAll .left{display:table-cell; padding:27px 20px 0; width:calc(100% - 300px); width:-webkit-calc(100% - 300px); font-size:17px; color:#000; text-align:left; vertical-align:bottom}
.layerPop .popCon .conArea .chargeAll .left span{font-weight:300; font-size:14px; color:#797979}
.layerPop .popCon .conArea .chargeAll .right{display:table-cell; padding:27px 20px 0; width:300px; font-size:18px; color:#000; text-align:right; vertical-align:bottom}
.layerPop .popCon .conArea .chargeAll .right i{font-weight:700; font-size:35px; line-height:28px}
.layerPop .popCon .conArea .addTxt{font-weight:300; margin-top:6px; font-size:13px; line-height:22px; color:#797979}
.layerPop .popCon .conArea .tabs{display:table; margin-top:15px; width:100%; table-layout:fixed; border-left:1px solid #c8c8c8}
.layerPop .popCon .conArea .tabs a{display:table-cell; font-weight:500; font-size:15px; line-height:38px; color:#000; text-align:center; border-top:1px solid #c8c8c8; border-bottom:1px solid #c8c8c8; border-right:1px solid #c8c8c8}
.layerPop .popCon .conArea .tabs a.on{font-weight:700; color:#fff; background:#000}
.layerPop .popCon .conArea .ruleTable{margin-top:20px; border-top:2px solid #000}
.layerPop .popCon .conArea .ruleTable .line{display:table; width:100%; border-top:1px solid #e5e5e5; background:#fff}
.layerPop .popCon .conArea .ruleTable .line.head{background:#fafafb; border-top:none}
.layerPop .popCon .conArea .ruleTable .line .left{display:table-cell; padding:13px 20px 12px; width:170px; font-size:16px; line-height:22px; color:#000; text-align:center}
.layerPop .popCon .conArea .ruleTable .line .right{display:table-cell; padding:13px 20px 12px; width:calc(100% - 170px); width:-webkit-calc(100% - 170px); font-size:16px; line-height:22px; color:#797979; text-align:center}
.layerPop .popCon .conArea .ruleTable .line .right i{font-size:16px}
.layerPop .popCon .conArea .ruleTable .line:last-child{border-bottom:1px solid #797979}
.layerPop .popCon .conArea .ruleTable .line:last-child .left{padding:12px 20px}
.layerPop .popCon .conArea .ruleTable .line:last-child .right{padding:12px 20px}
.layerPop .popCon .conArea .ruleTable .line.head .left{font-weight:300; font-size:16px; line-height:17px; color:#000;}
.layerPop .popCon .conArea .ruleTable .line.head .right{font-weight:300; font-size:16px; line-height:17px; color:#000;}
.layerPop .popCon .conArea .ruleTable .line.head .left{padding:20px 30px 19px}
.layerPop .popCon .conArea .ruleTable .line.head .right{padding:20px 30px 19px}
.layerPop .popCon .conArea .entryRuleDiv .tit{margin-top:22px; font-size:16px; color:#000}
.layerPop .popCon .conArea .entryRuleDiv .txt{margin-top:22px; font-size:14px; line-height:22px; color:#797979}
.layerPop .popCon .conArea .entryRuleDiv .tit:first-child, .layerPop .popCon .conArea .entryRuleDiv .txt:first-child{margin-top:0}
.layerPop .popCon .conArea .entryRuleDiv .tit + .txt{margin-top:16px}
.layerPop .popCon .conArea .floatChk:after{content:''; display:block; clear:both}
.layerPop .popCon .conArea .floatChk .chkDiv{float:left; padding-right:20px; width:50%; word-break:keep-all}
.layerPop .popCon .conArea .floatChk .chkDiv:nth-child(2n+1){clear:both}
.layerPop .popCon .conArea .floatChk .chkDiv:nth-child(n+3){margin-top:16px}
.layerPop .popCon .conArea .floatChk .chkDiv .chkBox input[type="checkbox"] + label:after{top:0; transform:translateY(0)}
.layerPop .popCon .conArea .locaListD .cityDiv{border:1px solid #000}
.layerPop .popCon .conArea .locaListD .cityDiv .tit{display:block; position:relative; padding:0 40px 0 20px; font-size:17px; line-height:54px; color:#000; background:url('../images/up_grayIcon_12x7.png') no-repeat right 20px top 50% #fafafa; border-bottom:1px solid #e5e5e5}
.layerPop .popCon .conArea .locaListD .cityDiv .tit span{margin-left:15px; font-size:14px; line-height:54px; color:#004d45}
.layerPop .popCon .conArea .locaListD .cityDiv.on{border:1px solid #c8c8c8}
.layerPop .popCon .conArea .locaListD .cityDiv.on .tit{background:url('../images/down_grayIcon_12x7.png') no-repeat right 20px top 50% #fafafa; border-bottom:none}
.layerPop .popCon .conArea .locaListD .cityDiv.on .tit span{padding-left:6px; background:url('../images/localPop_cityDiv_dot.gif') no-repeat left center}
.layerPop .popCon .conArea .locaListD .cityDiv .selectDiv{padding:20px; height:284px; background:#fff; overflow-y:auto}
.layerPop .popCon .conArea .locaListD .cityDiv .selectDiv:after{content:''; display:block; clear:both}
.layerPop .popCon .conArea .locaListD .cityDiv .selectDiv .radioDiv{float:left; padding-right:20px; width:50%}
.layerPop .popCon .conArea .locaListD .cityDiv .selectDiv .radioDiv:nth-child(2n+1){clear:both}
.layerPop .popCon .conArea .locaListD .cityDiv .selectDiv .radioDiv:nth-child(n+3){margin-top:20px}
.layerPop .popCon .conArea .locaListD .cityDiv .selectDiv .radioDiv .radioBox input[type="radio"] + label:after{top:0; transform:translateY(0)}
.layerPop .popCon .conArea .locaListD .cityDiv + .localDiv{display:none; margin-top:10px}
.layerPop .popCon .conArea .locaListD .cityDiv + .localDiv .localCon .selectDiv{height:230px}
.layerPop .popCon .conArea .locaListD .localTabs{display:table; width:100%; table-layout:fixed}
.layerPop .popCon .conArea .locaListD .localTabs a{display:table-cell; padding:0 40px 0 20px; width:auto; height:44px; font-size:16px; line-height:42px; color:#797979; background:url('../images/down_grayIcon_12x7.png') no-repeat right 20px top 50%; border-top:1px solid #c8c8c8; border-left:1px solid #c8c8c8; border-bottom:1px solid #000}
.layerPop .popCon .conArea .locaListD .localTabs a:last-child{border-right:1px solid #c8c8c8}
.layerPop .popCon .conArea .locaListD .localTabs a.on{color:#000; border-top:1px solid #000; border-left:1px solid #000; border-bottom:none; background:url('../images/up_grayIcon_12x7.png') no-repeat right 20px top 50%;}
.layerPop .popCon .conArea .locaListD .localTabs a.on + a{border-left:1px solid #000}
.layerPop .popCon .conArea .locaListD .localTabs a.on:last-child{border-right:1px solid #000}
.layerPop .popCon .conArea .locaListD .localTabs a.check:after{content:'*'; display:inline; margin-left:2px}
.layerPop .popCon .conArea .locaListD .localCon .selectDiv{padding:40px 20px 20px; height:286px; background:#fff; border:1px solid #000; border-top:none; overflow-y:auto}
.layerPop .popCon .conArea .locaListD .localCon .selectDiv:after{content:''; display:block; clear:both}
.layerPop .popCon .conArea .locaListD .localCon .selectDiv .radioDiv{float:left; padding-right:20px; width:50%}
.layerPop .popCon .conArea .locaListD .localCon .selectDiv .radioDiv:nth-child(2n+1){clear:both}
.layerPop .popCon .conArea .locaListD .localCon .selectDiv .radioDiv:nth-child(n+3){margin-top:20px}
.layerPop .popCon .conArea .locaListD .localCon .selectDiv .radioDiv .radioBox input[type="radio"] + label:after{top:0; transform:translateY(0)}
.layerPop .popCon .conArea .locaListD .list{float:left; margin-left:10px; width:246px}
.layerPop .popCon .conArea .locaListD .list:first-child{margin-left:0}
.layerPop .popCon .conArea .locaListD .list .tit{font-size:17px; color:#000}
.layerPop .popCon .conArea .locaListD .list .selectDiv{padding:20px; margin-top:10px; height:390px; background:#fafafb; border:1px solid #d4d4d4}
.layerPop .popCon .conArea .locaListD .list .selectDiv .radioDiv{margin-top:15px}
.layerPop .popCon .conArea .locaListD .list .selectDiv .radioDiv:first-child{margin-top:0}
.layerPop .popCon .conArea .locaListD .list .selectDiv .radioDiv .radioBox input[type="radio"] + label:after{top:0; transform:translateY(0)}
.layerPop .popCon .conArea .txtArea{padding-top:20px; font-size:15px; line-height:28px; color:#797979; word-break:keep-all}
.layerPop .popCon .conArea .txtArea:first-child{padding-top:0}
.layerPop .popCon .conArea .txtArea .numTxt{margin-top:22px; padding-left:16px; text-indent:-8px; font-weight:300; font-size:15px; line-height:22px; color:#000; word-break:keep-all}
.layerPop .popCon .conArea .txtArea .numTxt:first-child{margin-top:0}
.layerPop .popCon .conArea .txtArea .numTxt i{font-weight:700}
.layerPop .popCon .conArea .txtArea .numTxt .space{color:#e64949; text-indent:0}
.layerPop .popCon .conArea .iconTxtD{padding:25px 0 24px; border-bottom:1px solid #797979}
.layerPop .popCon .conArea .iconTxtD:first-child{padding:0; border-bottom:none}
.layerPop .popCon .conArea .cautionTxt{padding-left:22px; font-weight:500; font-size:17px; line-height:18px; color:#e64949; background:url('../images/caution_icon.png') no-repeat left center}
.layerPop .popCon .conArea .dotTxtD{margin-top:20px}
.layerPop .popCon .conArea .dotTxtD:first-child{margin-top:0}
.layerPop .popCon .conArea .dotTxtD p{margin-top:12px; padding-left:14px; font-weight:300; font-size:15px; line-height:16px; color:#000; background:url('../images/dot3x3.gif') no-repeat left center}
.layerPop .popCon .conArea .dotTxtD p:first-child{margin-top:0}
.layerPop .popCon .conArea .dotTxtD p .bold{font-weight:700}
.layerPop .popCon .conArea .subLineTit {padding-bottom:15px; font-size:19px; color:#000}
.layerPop .popCon .conArea .lineTit{margin-top:50px; padding-bottom:15px; font-size:19px; color:#000; border-bottom:2px solid #000}
.layerPop .popCon .conArea .lineTit:first-child{margin-top:0}
.layerPop .popCon .conArea .lineTit.noborB{border-bottom:0}
.layerPop .popCon .conArea .lineTit .smallT {display:inline-block; padding-left:10px; font-size:13px; color:#797979; font-weight:300; line-height:19px;}
.layerPop .popCon .conArea .lineTxt {padding-bottom:19px; font-size:15px; color:#797979; border-bottom:2px solid #000} /* 2021-03-08 추가 */
.layerPop .popCon .conArea .cautionNoti{margin-top:10px; padding:23px 40px; font-size:17px; line-height:30px; color:#e64949; background:url('../images/cautionNoti_icon.png') no-repeat 15px 30px #fafafa; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5}
.layerPop .popCon .conArea .cautionNoti b{font-weight:500}
.layerPop .popCon .conArea .halfTit {padding-bottom:15px; font-size:19px; color:#000;}
.layerPop .popCon .conArea .txtArea .txtC {text-align:center;}
.layerPop .popCon .conArea .txtArea .smallTxtG {margin-top:10px; font-size:13px; line-height:26px; color:#a8a8a8; letter-spacing:0;}
.layerPop .popCon .conArea .notiDiv {margin-top:10px; font-weight:300; font-size:13px; line-height:22px; color:#797979}
.layerPop .popCon .conArea .notiDiv2 {margin-top:10px; font-weight:300; font-size:13px; line-height:22px; color:#797979}
.layerPop .popCon .conArea .tableTop .essenNoti{font-weight:500; font-size:13px; color:#797979; text-align:right}
.layerPop .popCon .conArea .tableTop .essenNoti span{font-size:16px; color:#e64949}
.layerPop .popCon .conArea .tableTop + .tableD2{margin-top:14px}
.layerPop .popCon .conArea .tableD2 + .accorD {margin-top:50px;}
.layerPop .popCon .conArea .lineTit + .tableD{border-top:none}
.layerPop .popCon .conArea .lineTit + .tableD2{margin-top:0; border-top:none}
.layerPop .popCon .conArea .lineTit + .tableD3{margin-top:0; border-top:none}
.layerPop .popCon .conArea .lineTit + .tableD4{border-top:none}
.layerPop .popCon .conArea .lineTit + .cancelTable{border-top:none}
.layerPop .popCon .conArea .grayTxtBox {margin-top:10px; padding:15px 32px 16px; background:#f9f9f9; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5;}
.layerPop .popCon .conArea .grayTxtBox p {font-size:14px; line-height:22px; color:#797979}
.layerPop .popCon .conArea .tableD{border-top:2px solid #000; word-break:keep-all}
.layerPop .popCon .conArea .tableD table th{padding:15px; font-weight:300; font-size:15px; color:#555; text-align:center; border-bottom:1px solid #c8c8c8; vertical-align:middle}
.layerPop .popCon .conArea .tableD table th.t2 {padding:20px 15px; font-weight:300; font-size:15px; color:#000; text-align:center; border-bottom:1px solid #c8c8c8; vertical-align:middle}
.layerPop .popCon .conArea .tableD table td{position:relative; padding:30px 15px; font-size:17px; color:#000; text-align:center; border-bottom:1px solid #e5e5e5; vertical-align:middle}
.layerPop .popCon .conArea .tableD table tbody tr:last-child th, .layerPop .popCon .conArea .tableD table tbody tr:last-child td{border-bottom:1px solid #797979}
.layerPop .popCon .conArea .tableD table td .btnD{position:absolute; top:50%; left:0; margin-top:-15px; width:100%; text-align:center}
.layerPop .popCon .conArea .tableD table td .btnD a{display:inline-block; margin:0 1px; width:56px; height:32px; font-weight:300; font-size:13px; line-height:30px; color:#fff; text-align:center; background:#9e9e9e;}
.layerPop .popCon .conArea .tableD table .chkBox input[type="checkbox"] + label{padding-left:16px; height:16px}
.layerPop .popCon .conArea .tableD table .chkBox input[type="checkbox"] + label:after{top:50%; left:50%; transform:translate(-50%, -50%)}
.layerPop .popCon .conArea .tableD table .radioBox input[type="radio"] + label{padding-left:16px; height:16px}
.layerPop .popCon .conArea .tableD table .radioBox input[type="radio"] + label:after{top:50%; left:50%; transform:translate(-50%, -50%)}
.layerPop .popCon .conArea .tableD .noData{padding:30px 0 29px; font-size:16px; color:#a8a8a8; text-align:center; border-bottom:1px solid #797979}
.layerPop .popCon .conArea .tableD2{position:relative; margin-top:16px; border-top:2px solid #000; word-break:keep-all}
.layerPop .popCon .conArea .tableD2:first-child{margin-top:0}
.layerPop .popCon .conArea .tableD2 .essential{position:absolute; right:0; top:-20px; font-weight:500; font-size:13px; color:#797979}
.layerPop .popCon .conArea .tableD2 .essential span{color:#e64949}
.layerPop .popCon .conArea .tableD2 table {table-layout:fixed}
/* .layerPop .popCon .conArea .tableD2 table thead th{padding:15px 15px 14px; font-weight:300; font-size:16px; color:#555; text-align:center; border-bottom:1px solid #e5e5e5; vertical-align:middle} */
.layerPop .popCon .conArea .tableD2 table tbody th{padding:2px 15px 1px; font-weight:300; font-size:15px; line-height:20px; color:#555; text-align:left; border-bottom:1px solid #e5e5e5; vertical-align:middle}
.layerPop .popCon .conArea .tableD2 table td{padding:15px 15px; font-size:17px; line-height:45px; color:#000; text-align:left; border-bottom:1px solid #e5e5e5; vertical-align:middle}
.layerPop .popCon .conArea .tableD2 table.loginMothod td{padding:10px 12px; font-size:15px; line-height:20px; color:#000; text-align:center; border-bottom:1px solid #e5e5e5; vertical-align:middle}/*2024-04-19 수정*/
.layerPop .popCon .conArea .tableD2 table.loginMothod th{padding:10px 12px; font-size:15px; line-height:20px; text-align:center; border-bottom:1px solid #e5e5e5; vertical-align:middle}/*2024-04-19 수정*/

.layerPop .popCon .conArea .tableD2 table td.noborB {border-bottom:0 !important}
.layerPop .popCon .conArea .tableD2 table th.borB, .layerPop .popCon .conArea .tableD2 table td.borB{border-bottom:1px solid #797979}
.layerPop .popCon .conArea .tableD2 table td.inputArea.choiceTab {line-height:1}
.layerPop .popCon .conArea .tableD2 table td.pa0 {padding:0}
.layerPop .popCon .conArea .tableD2 table tbody tr:last-child th, .layerPop .popCon .conArea .tableD2 table tbody tr:last-child td{border-bottom:1px solid #797979}
.layerPop .popCon .conArea .tableD2 table td.scoreCell{padding:0 0 0 15px}
.layerPop .popCon .conArea .tableD2 table td.scoreCell .list{padding:20px 0; border-bottom:1px solid #e7e7e7}
.layerPop .popCon .conArea .tableD2 table td.scoreCell .list:after{content:''; display:block; clear:both}
.layerPop .popCon .conArea .tableD2 table td.scoreCell .list .tit{float:left; width:calc(100% - 410px); width:-webkit-calc(100% - 410px); font-size:15px; line-height:18px; color:#000}
.layerPop .popCon .conArea .tableD2 table td.scoreCell .list .scoreD{float:left; padding-right:25px; width:410px}
.layerPop .popCon .conArea .tableD2 table td.scoreCell .list .scoreD:after{content:''; display:block; clear:both}
.layerPop .popCon .conArea .tableD2 table td.scoreCell .list .scoreD .radioBox{float:left; margin-right:36px; line-height:18px}
.layerPop .popCon .conArea .tableD2 table td.scoreCell .list .scoreD .radioBox:last-child{margin-right:0;}
.layerPop .popCon .conArea .tableD2 table td.scoreCell .list .scoreD .radioBox input[type="radio"]{display:none}
.layerPop .popCon .conArea .tableD2 table td.scoreCell .list .scoreD .radioBox input[type="radio"] + label i{font-weight:bold}
.layerPop .popCon .conArea .tableD2 table td.scoreCell .allScore{padding:22px 25px 18px; background:#f4f4f4; text-align:right}
.layerPop .popCon .conArea .tableD2 table td.scoreCell .allScore .txt{display:inline-block; padding-left:24px; font-size:17px; line-height:28px; color:#004d45; background:url('../images/viewDiv_infoDiv_infoD_review_icon.png') no-repeat left center; vertical-align:baseline}
.layerPop .popCon .conArea .tableD2 table td.scoreCell .allScore .score{display:inline-block; position:relative; margin-left:16px; padding-left:20px; height:28px; font-size:18px; line-height:28px; color:#004d45; vertical-align:baseline}
.layerPop .popCon .conArea .tableD2 table td.scoreCell .allScore .score:before{content:''; position:absolute; bottom:0; left:0; width:1px; height:15px; background:#d8d8d8}
.layerPop .popCon .conArea .tableD2 table td.scoreCell .allScore .score i span{font-weight:700; font-size:30px}
.layerPop .popCon .conArea .tableD2 table td .inputArea.choiceTab {line-height:1}
.layerPop .popCon .conArea .tableD2 table th .essenTit{position:relative}
.layerPop .popCon .conArea .tableD2 table th .essenTit:before{content:'*'; position:absolute; top:0; left:-9px; font-size:16px; color:#e64949}
.layerPop .popCon .conArea .tableD2 table td input{display:block; width:100%; height:45px}
.layerPop .popCon .conArea .tableD2 table td select{width:220px; height:45px}
.layerPop .popCon .conArea .tableD2 table td .textareaD{position:relative}
.layerPop .popCon .conArea .tableD2 table td .textareaD textarea{padding:10px 15px; width:100%; height:105px; font-size:15px; line-height:22px; color:#000; resize:none}
.layerPop .popCon .conArea .tableD2 table td .textareaD .byte{position:absolute; bottom:13px; right:25px; font-weight:300; font-size:13px; line-height:1; color:#c8c8c8}
.layerPop .popCon .conArea .tableD2 table td .inputArea:after{content:''; display:block; clear:both}
.layerPop .popCon .conArea .tableD2 table td .inputArea input{float:left; margin-left:10px; width:180px; height:45px}
.layerPop .popCon .conArea .tableD2 table td .inputArea input:first-child{margin-left:0}
.layerPop .popCon .conArea .tableD2 table td .inputArea input.maL5 {margin-left:5px}
.layerPop .popCon .conArea .tableD2 table td .inputArea input.num {font-family:'Spoqa'}
.layerPop .popCon .conArea .tableD2 table td .inputArea select.maL5 {margin-left:5px}
.layerPop .popCon .conArea .tableD2 table td .inputArea .w65{width:65px}
.layerPop .popCon .conArea .tableD2 table td .inputArea .w70{margin-left:0; width:70px}
.layerPop .popCon .conArea .tableD2 table td .inputArea .w76{width:76px}
.layerPop .popCon .conArea .tableD2 table td .inputArea .w83{width:83px}
.layerPop .popCon .conArea .tableD2 table td .inputArea .w86{width:86px}
.layerPop .popCon .conArea .tableD2 table td .inputArea .w135{width:135px}
.layerPop .popCon .conArea .tableD2 table td .inputArea .w170{width:170px}
.layerPop .popCon .conArea .tableD2 table td .inputArea .w177{width:177px}
.layerPop .popCon .conArea .tableD2 table td .inputArea .w180{width:180px}
.layerPop .popCon .conArea .tableD2 table td .inputArea .w200{width:200px;}
.layerPop .popCon .conArea .tableD2 table td .inputArea .w220{width:220px;}
.layerPop .popCon .conArea .tableD2 table td .inputArea .w260{width:260px;}
.layerPop .popCon .conArea .tableD2 table td .inputArea .w340{width:340px;}
.layerPop .popCon .conArea .tableD2 table td .inputArea .w395{width:395px;}
.layerPop .popCon .conArea .tableD2 table td .inputArea .w438{width:438px;}
.layerPop .popCon .conArea .tableD2 table td .inputArea .w100p{width:100%}
/*
.layerPop .popCon .conArea .tableD2 table td .inputArea input.security{padding-right:40px; background:url('../images/input_security_icon.gif') no-repeat right 15px center}*/
.layerPop .popCon .conArea .tableD2 table td .inputArea select{float:left; margin-left:10px; width:370px; height:45px}
.layerPop .popCon .conArea .tableD2 table td .inputArea select:first-child{margin-left:0}
.layerPop .popCon .conArea .tableD2 table td .inputArea .slash{float:left; width:20px; height:45px; font-size:15px; line-height:45px; color:#797979; text-align:center}
.layerPop .popCon .conArea .tableD2 table td .inputArea .text {float:left; height:45px; margin-left:8px; overflow:hidden}
.layerPop .popCon .conArea .tableD2 table td .inputArea .text .star {display:inline-block; float:left; font-family: 'Spoqa'; font-weight:300; color:#000; font-size:30px; line-height:55px;}
.layerPop .popCon .conArea .tableD2 table td .inputArea .addT {float:left; display:inline-block; float:left; padding-left:60px; font-weight:300; font-size:13px; color:#797979; line-height:45px}
.layerPop .popCon .conArea .tableD2 table td .inputArea.choiceTab a{position:relative; float:left; margin-left:-1px; width:100px; height:45px; font-size:15px; line-height:43px; color:#c8c8c8; text-align:center; border:1px solid #c8c8c8}
.layerPop .popCon .conArea .tableD2 table td .inputArea.choiceTab a:before{}
.layerPop .popCon .conArea .tableD2 table td .inputArea.choiceTab a:first-child{margin-left:0}
.layerPop .popCon .conArea .tableD2 table td .inputArea.choiceTab a.on{font-weight:500; color:#00696d; border:1px solid #00696d; z-index:1}
.layerPop .popCon .conArea .tableD2 table td .inputArea.choiceTab .radioBox{position:relative; float:left; margin-left:-1px}
.layerPop .popCon .conArea .tableD2 table td .inputArea.choiceTab .radioBox input[type="radio"] + label{padding-left:0; width:72px; height:45px; font-size:15px; line-height:43px; color:#c8c8c8; text-align:center; border:1px solid #c8c8c8}
.layerPop .popCon .conArea .tableD2 table td .inputArea.choiceTab .radioBox input[type="radio"] + label:after{display:none}
.layerPop .popCon .conArea .tableD2 table td .inputArea.choiceTab .radioBox input[type="radio"]:checked + label{font-weight:500; color:#00696d; border:1px solid #00696d; z-index:1}
.layerPop .popCon .conArea .tableD2 table td .inputArea.choiceTab.greenred a.green.on{font-weight:500; color:#00696d; border:1px solid #00696d; z-index:1}
.layerPop .popCon .conArea .tableD2 table td .inputArea.choiceTab.greenred a.red.on{font-weight:500; color:#e64949; border:1px solid #e64949; z-index:1}
/*2021-05-12추가*/
.layerPop .popCon .conArea .tableD2 table td .inputArea.choiceTab.greenred a.pink.on{font-weight:500; color:#e61683; border:1px solid #e61683; z-index:1}
.layerPop .popCon .conArea .tableD2 table td .inputArea.choiceTab.greenred a.mpoint.on{font-weight:500; color:#1e75d6; border:1px solid #005cb9; z-index:1}

.layerPop .popCon .conArea .tableD2 table td .inputArea.attach .btnD {float:left; margin-left:10px;}
.layerPop .popCon .conArea .tableD2 table td .inputArea.attach .btnD a.gyBt {display:inline-block; min-width:64px; height:40px; padding:0 16px; font-weight:500; font-size:15px; line-height:40px; color:#fff; background:#777; text-align:center;}
.layerPop .popCon .conArea .tableD2 table td .inputArea.attach .btnD a.grayBt{float:left; width:85px; height:45px; font-weight:400; font-size:17px; line-height:45px; color:#fff; background:#9e9e9e; text-align:center}
.layerPop .popCon .conArea .tableD2 table td .inputArea.password{}
.layerPop .popCon .conArea .tableD2 table td .inputArea.password input{width:76px}
.layerPop .popCon .conArea .tableD2 table td .inputArea.password .secret{float:left; padding-top:10px; margin-left:15px; font-weight:300; font-size:30px; line-height:35px; color:#000;}
.layerPop .popCon .conArea .tableD2 table td .inputArea.password .txt{float:left; margin-left:60px; font-weight:300; font-size:13px; line-height:45px; color:#797979}
.layerPop .popCon .conArea .tableD2 table td .inputArea .passStar {margin-left:10px;}
.layerPop .popCon .conArea .tableD2 table td .inputArea .rightNotiT{float:left; margin-left:10px; padding:3px 0 2px 16px; text-indent:-16px; font-weight:300; font-size:13px; line-height:20px; color:#797979}
.layerPop .popCon .conArea .tableD2 table td .inputArea .calendarD{position:relative; float:left}
.layerPop .popCon .conArea .tableD2 table td .inputArea .calendarD:after{content:''; display:block; clear:both}
.layerPop .popCon .conArea .tableD2 table td .inputArea .calendarD div{position:relative; float:left; padding:0 35px 0 20px; width:220px; height:45px; font-family:'Spoqa'; font-size:15px; line-height:43px; color:#000; text-align:left; background:#fff; border:1px solid #c8c8c8}
.layerPop .popCon .conArea .tableD2 table td .inputArea .calendarD input{float:left; padding:0 35px 0 20px; width:220px; height:45px; font-family:'Spoqa'; font-size:15px; line-height:43px; color:#000; text-align:left; border:1px solid #c8c8c8}
.layerPop .popCon .conArea .tableD2 table td .inputArea .calendarD input[readonly], .layerPop .popCon .conArea .tableD2 table td .inputArea .calendarD input[readonly="readonly"]{background:#fff}
.layerPop .popCon .conArea .tableD2 table td .inputArea .calendarD span{float:left; width:20px; font-family:'Spoqa'; font-size:16px; line-height:45px; color:#797979; text-align:center}
.layerPop .popCon .conArea .tableD2 table td .inputArea .calendarD .btn{position:absolute; top:10px; right:10px; padding:5px; width:24px; height:25px; background:url('../images/date_icon.gif') no-repeat center}
.layerPop .popCon .conArea .tableD2 table td .inputArea .chkBox{float:left; margin-left:30px}
.layerPop .popCon .conArea .tableD2 table td .inputArea .chkBox:first-child{margin-left:0}
.layerPop .popCon .conArea .tableD2 table td .inputArea .chkBox input[type="checkbox"]{display:none}
.layerPop .popCon .conArea .tableD2 table td .inputArea .chkBox input[type="checkbox"] + label{color:#000}
.layerPop .popCon .conArea .tableD2 table td .inputArea .radioBox{float:left; margin-left:30px}
.layerPop .popCon .conArea .tableD2 table td .inputArea .radioBox:first-child{margin-left:0}
.layerPop .popCon .conArea .tableD2 table td .inputArea .radioBox input[type="radio"]{display:none}
.layerPop .popCon .conArea .tableD2 table td .inputArea .radioBox input[type="radio"] + label{color:#000}
.layerPop .popCon .conArea .tableD2 table td .inputArea.mail input[readonly], .layerPop .popCon .conArea .mailInfoD .line .right .inputArea[readonly="readonly"]{background:#fff; border:1px solid #c8c8c8}
.layerPop .popCon .conArea .tableD2 table td .inputArea .space{float:left; margin-left:10px; font-size:16px; line-height:45px; color:#797979}
.layerPop .popCon .conArea .tableD2 table td .inputArea .floatTit{float:left; width:76px; font-size:15px}
.layerPop .popCon .conArea .tableD2 table td .inputArea .addr input{width:calc(100% - 76px); width:-webkit-calc(100% - 76px)}
.layerPop .popCon .conArea .tableD2 table td .inputArea .tel input{width:calc(33.33% - 32px); width:-webkit-calc(33.33% - 32px)}
.layerPop .popCon .conArea .tableD2 table td .inputArea .floatTit + input{margin-left:0}

.layerPop .popCon .conArea .tableD2 table td .inputArea .personCd{float:left; margin-right:5px; width:95px; height:45px; font-weight:500; font-size:15px; line-height:45px; color:#fff; text-align:center; background:#9e9e9e}

.layerPop .popCon .conArea .tableD2 table td .fileD:after{content:''; display:block; clear:both}
.layerPop .popCon .conArea .tableD2 table td .fileD .fileAdd{position:relative; float:left; margin-right:5px}
.layerPop .popCon .conArea .tableD2 table td .fileD .uploadBtn{float:left; margin-right:5px; margin-bottom: 5px; width:70px; height:30px; font-weight:300; font-size:15px; line-height:30px; color:#fff; text-align:center; background:#9e9e9e}
.layerPop .popCon .conArea .tableD2 table td .fileD .multi .fileAdd{margin-top:5px}
.layerPop .popCon .conArea .tableD2 table td .fileD .fileAdd:after{content:''; display:block; clear:both}
.layerPop .popCon .conArea .tableD2 table td .fileD .fileAdd .uploadBtn{float:left; width:95px; height:45px; font-weight:500; font-size:15px; line-height:45px; color:#fff; text-align:center; background:#9e9e9e}
.layerPop .popCon .conArea .tableD2 table td .fileD .file{position:relative; float:left; max-width:calc(100% - 100px); max-width:-webkit-calc(100% - 100px); padding: 5px 40px 8px 20px; height: 30px; font-size: 14px; line-height: 18px; color:#00696d; background: url('../images/mapviewPop_xbt.gif') no-repeat right 18px top 9px #fff;background-size:11px;border:1px solid #c8c8c8;}
.layerPop .popCon .conArea .tableD2 table td .fileD .file span {display:inline-block; padding-right:2px; width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.layerPop .popCon .conArea .tableD2 table td .fileD .file .delete {display:block; position:absolute; top:-1px; right:0; width:35px; height:45px;}
.layerPop .popCon .conArea .tableD2 table td .fileD .file .del{position:absolute; width:18px; height:18px; top:8px; right:14px;}
.layerPop .popCon .conArea .tableD2 table td .fileD.multi{margin-top:-5px;}
.layerPop .popCon .conArea .tableD2 table td .fileD.multi .file{margin-right:5px; margin-top:5px; max-width:248px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.layerPop .popCon .conArea .tableD2 table td .addNoti{margin-top:8px; font-size:13px; line-height:14px; color:#e64949}
.layerPop .popCon .conArea .tableD2 table td .notiT{margin-bottom:8px; font-weight:300; font-size:13px; line-height:14px; color:#797979}
.layerPop .popCon .conArea .tableD2 table td .grayT{color:#555}
.layerPop .popCon .conArea .tableD2 table td .redT{color:#e64949}

.layerPop .popCon .conArea .tableD3{margin-top:20px; border-top:2px solid #000; word-break:keep-all}
.layerPop .popCon .conArea .tableD3 table th{padding:15px 25px 14px; font-weight:300; font-size:15px; line-height:44px; color:#555; text-align:left; border-bottom:1px solid #e5e5e5; border-right:1px solid #e5e5e5; vertical-align:middle}
.layerPop .popCon .conArea .tableD3 table td{padding:15px 25px 14px; font-size:17px; line-height:27px; color:#000; text-align:left; border-bottom:1px solid #e5e5e5; vertical-align:middle}
.layerPop .popCon .conArea .tableD3 table tbody tr:last-child th, .layerPop .popCon .conArea .tableD3 table tbody tr:last-child td{border-bottom:1px solid #797979}
.layerPop .popCon .conArea .tableD4{border-top:2px solid #000; word-break:keep-all}
.layerPop .popCon .conArea .tableD4 table th{padding:8px 15px 7px; font-weight:300; font-size:15px; line-height:20px; color:#555; text-align:left; border-bottom:1px solid #e5e5e5; border-left:1px solid #e5e5e5; word-break:keep-all}
.layerPop .popCon .conArea .tableD4 table tr th:first-child, .layerPop .popCon .conArea .tableD4 table tr th:first-child{border-left:0}
.layerPop .popCon .conArea .tableD4 table th.borB, .layerPop .popCon .conArea .tableD4 table td.borB{border-bottom:1px solid #797979}
.layerPop .popCon .conArea .tableD4 table td{padding:13px 25px 12px; font-size:17px; line-height:30px; color:#000; text-align:left; border-left:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; word-break:break-all} /* 2021-04-14 수정 */
.layerPop .popCon .conArea .tableD4 table td.allScoreReview{padding:30px 0; text-align:center; background:#f4f4f4}
.layerPop .popCon .conArea .tableD4 table td.allScoreReview .txt{display:inline-block; padding-left:24px; font-size:17px; line-height:1; color:#004d45; background:url('../images/viewDiv_infoDiv_infoD_review_icon.png') no-repeat left center}
.layerPop .popCon .conArea .tableD4 table td.allScoreReview .score{margin-top:10px; font-size:18px; line-height:24px; color:#004d45}
.layerPop .popCon .conArea .tableD4 table td.allScoreReview .score i span{font-weight:700; font-size:30px}
.layerPop .popCon .conArea .tableD4 table td.fileCell{padding:25px 10px 24px; font-weight:300; font-size:16px; line-height:1; color:#000; text-align:right; border-left:none; background:#fafafa}
.layerPop .popCon .conArea .tableD4 table td.fileCell p{display:inline-block}
.layerPop .popCon .conArea .tableD4 table td.fileCell a{display:inline-block; margin-left:5px; font-weight:400; color:#00696d; text-decoration:underline}
.layerPop .popCon .conArea .tableD4 table td .grayT{color:#555}
.layerPop .popCon .conArea .tableD4 table td .redT{color:#e64949}
.layerPop .popCon .conArea .tableD4 table td .reserveN{display:block; font-size:19px; font-weight:700}
.layerPop .popCon .conArea .tableD4 table td .scoreReview:after{content:''; display:block; clear:both}
.layerPop .popCon .conArea .tableD4 table td .scoreReview .tit{float:left; width:135px; font-size:17px; color:#000}
.layerPop .popCon .conArea .tableD4 table td .scoreReview .score{float:left; font-size:17px; color:#004d45}
.layerPop .popCon .conArea .tableD4 table td .scoreReview .score i{font-weight:bold}
.layerPop .popCon .conArea .tableD4 table td .fileList{margin-top:-8px}
.layerPop .popCon .conArea .tableD4 table td .fileList:after{content:''; display:block; clear:both}
.layerPop .popCon .conArea .tableD4 table td .fileList a{float:left; margin-right:14px; margin-top:8px; font-size:16px; color:#00696d; text-decoration:underline}
.layerPop .popCon .conArea .tableD4 table td .fileList a:last-child{margin-right:0}
.layerPop .popCon .conArea .tableD4 table tbody tr:last-child th, .layerPop .popCon .conArea .tableD4 table tbody tr:last-child td{border-bottom:1px solid #797979}
.layerPop .popCon .conArea .tableD4 table .noticeCell dl{margin-top:10px}
.layerPop .popCon .conArea .tableD4 table .noticeCell dl:after{content:''; display:block; clear:both}
.layerPop .popCon .conArea .tableD4 table .noticeCell dl dt{position:relative; float:left; padding:0 15px 0 12px; width:165px; font-weight:300; font-size:15px; line-height:22px; color:#000; background:url('../images/dot3x3.gif') no-repeat left 9px}
.layerPop .popCon .conArea .tableD4 table .noticeCell dl dd{float:left; width:calc(100% - 165px); width:-webkit-calc(100% - 165px); font-weight:300; font-size:15px; line-height:22px; color:#000}
.layerPop .popCon .conArea .tableD4 table .noticeCell dl dd p{margin-top:3px}
.layerPop .popCon .conArea .tableD4 table .noticeCell dl dd p:first-child{margin-top:0}
.layerPop .popCon .conArea .tableD4 table .noticeCell dl dd .list{position:relative; float:left; padding-right:15px; margin-right:14px}
.layerPop .popCon .conArea .tableD4 table .noticeCell dl dd .list:after{content:''; position:absolute; top:4px; right:0; width:1px; height:14px; background:#e5e5e5}
.layerPop .popCon .conArea .tableD4 table .noticeCell dl dd.list:last-child:after{display:none}
.layerPop .popCon .conArea .tableD4 table .noticeCell dl dd span{display:block; font-weight:500;}
.layerPop .popCon .conArea .cancelTable{border-top:2px solid #000}
.layerPop .popCon .conArea .cancelTable th{padding:16px 20px 15px 15px; font-weight:300; font-size:15px; line-height:22px; color:#555; text-align:left; vertical-align:middle; border-left:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5}
.layerPop .popCon .conArea .cancelTable td{padding:16px 20px 15px 15px; font-size:17px; color:#e64949; vertical-align:middle; border-left:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5}
.layerPop .popCon .conArea .cancelTable th:first-child, .layerPop .popCon .conArea .cancelTable td:first-child{border-left:none}
.layerPop .popCon .conArea .cancelTable tr:last-child th, .layerPop .popCon .conArea .cancelTable tr:last-child td{border-bottom:1px solid #797979}
.layerPop .popCon .conArea .cancelTable td .state{color:#000}
.layerPop .popCon .conArea .cancelTable td .txt{margin-top:8px; font-size:13px}
.layerPop .popCon .conArea .cancelInfo{padding:20px 0; border-bottom:1px solid #797979; text-align:center}
.layerPop .popCon .conArea .cancelInfo .tit{font-size:17px; color:#000}
.layerPop .popCon .conArea .cancelInfo .txt{font-size:17px; color:#e64949}
.layerPop .popCon .conArea .cancelInfo .tit + .txt{margin-top:7px; font-size:13px}
.layerPop .popCon .conArea .cancelInfo .txt2 {font-size:13px} /* 2021-03-08 추가 */
.layerPop .popCon .conArea .noAnswer{padding:100px 0 30px; text-align:center; border-bottom:1px solid #797979; background:url('../images/noData_icon.png') no-repeat center top 30px}
.layerPop .popCon .conArea .noAnswer .tit{font-size:16px; color:#a8a8a8}
.layerPop .popCon .conArea .noAnswer .txt{margin-top:12px; font-weight:300; font-size:13px; color:#a8a8a8}
.layerPop .popCon .conArea .rightBtn{margin-bottom:9px; text-align:right}
.layerPop .popCon .conArea .rightBtn a{display:inline-block; padding:0 20px; height:35px; font-weight:500; font-size:16px; line-height:35px; color:#fff; text-align:center; background:#004d45;}
.layerPop .popCon .conArea .impactTit{margin-top:30px; font-size:21px; line-height:22px; color:#000}
.layerPop .popCon .conArea .conTit{margin-top:50px; font-size:19px; line-height:20px; color:#000}
.layerPop .popCon .conArea .conTit:first-child{margin-top:0}
.layerPop .popCon .conArea .guideTxt{margin:8px 0 14px; font-size:15px; line-height:28px; color:#797979}
.layerPop .popCon .conArea .guideTxt:first-child{margin-top:0}
.layerPop .popCon .conArea .guideTxt .greenT{color:#00696d}
.layerPop .popCon .conArea .guideTxt .redT{color:#e64949}
.layerPop .popCon .conArea .guideTxt b{display:block; font-size:13px; color:#a8a8a8; line-height:12px}
.layerPop .popCon .conArea .stepD{display:table; width:100%; border:1px solid #c8c8c8}
.layerPop .popCon .conArea .stepD .list{display:table-cell; position:relative; padding:40px 0 40px 30px; width:25%; border-left:1px solid #e5e5e5; vertical-align:top}
.layerPop .popCon .conArea .stepD .list:first-child{border-left:none}
.layerPop .popCon .conArea .stepD .list:before{content:''; position:absolute; top:50%; left:-13px; margin-top:-12px; width:24px; height:24px; background:url('../images/guidePop_right.png') no-repeat}
.layerPop .popCon .conArea .stepD .list:first-child:before{display:none}
.layerPop .popCon .conArea .stepD .list .step{font-weight:700; font-size:16px; color:#004d45}
.layerPop .popCon .conArea .stepD .list .txt{margin-top:18px; font-size:16px; line-height:24px; color:#000}
.layerPop .popCon .conArea .stepInfo{padding-top:10px}
.layerPop .popCon .conArea .stepInfo:after{content:''; display:block; clear:both}
.layerPop .popCon .conArea .stepInfo .guide{position:relative; float:left; width:50%; font-size:13px; line-height:18px; color:#797979; text-align:center; overflow:hidden}
.layerPop .popCon .conArea .stepInfo .guide span{display:inline-block; position:relative}
.layerPop .popCon .conArea .stepInfo .guide:before, .layerPop .popCon .conArea .stepInfo .guide:after{content:''; position:absolute; top:0; width:1px; height:50%; background:#e5e5e5}
.layerPop .popCon .conArea .stepInfo .guide span:before, .layerPop .popCon .conArea .stepInfo .guide span:after{content:''; position:absolute; top:50%; width:200px; height:1px; background:#e5e5e5}
.layerPop .popCon .conArea .stepInfo .guide:before{left:0}
.layerPop .popCon .conArea .stepInfo .guide:after{right:0}
.layerPop .popCon .conArea .stepInfo .guide1:after{display:none}
.layerPop .popCon .conArea .stepInfo .guide span:before{left:calc(100% + 10px); left:-webkit-calc(100% + 10px);}
.layerPop .popCon .conArea .stepInfo .guide span:after{right:calc(100% + 10px); right:-webkit-calc(100% + 10px);}
.layerPop .popCon .conArea .accorD{border-top:1px solid #797979}
.layerPop .popCon .conArea .accorD .list{position:relative; border-bottom:1px solid #e5e5e5}
.layerPop .popCon .conArea .accorD .list:last-child{border-bottom:1px solid #797979}
.layerPop .popCon .conArea .accorD .list .topD{position:relative; padding:17px 54px 17px 10px}
.layerPop .popCon .conArea .accorD .list .topD:after{content:''; display:block; clear:both}
.layerPop .popCon .conArea .accorD .list .topD .listTit{float:left; font-weight:300; font-size:15px; line-height:18px; color:#000}
.layerPop .popCon .conArea .accorD .list .topD .listTit span{color:#e64949}
.layerPop .popCon .conArea .accorD .list .topD .chkBox{float:right}
.layerPop .popCon .conArea .accorD .list .topD .open{position:absolute; top:50%; right:0; transform:translateY(-50%); width:34px; height:28px; background:url('../images/down_grayIcon_14x8.png') no-repeat center}
.layerPop .popCon .conArea .accorD .list .bottomD{display:none; padding:25px 30px; height:250px; background:#f7f7f7; font-size:14px; line-height:22px; color:#797979; border-top:1px solid #e5e5e5; overflow-y:auto}
.layerPop .popCon .conArea .accorD .list .bottomD .tit{margin-top:25px; font-size:15px; color:#797979}
.layerPop .popCon .conArea .accorD .list .bottomD .tit:first-child{margin-top:0}
.layerPop .popCon .conArea .accorD .list.on .topD .listTit{font-weight:500}
.layerPop .popCon .conArea .accorD .list.on .topD .open{background:url('../images/up_grayIcon_14x8.png') no-repeat center}
.layerPop .popCon .conArea .ceritiDiv{margin-top:20px; border-top:2px solid #000}
.layerPop .popCon .conArea .ceritiDiv .line{position:relative; border-bottom:1px solid #e5e5e5}
.layerPop .popCon .conArea .ceritiDiv .line .topD{position:relative; padding:17px 10px}
.layerPop .popCon .conArea .ceritiDiv .line .topD:after{content:''; display:block; clear:both}
.layerPop .popCon .conArea .ceritiDiv .line .topD .listTit{float:left; font-weight:500; font-size:15px; line-height:18px; color:#000}
.layerPop .popCon .conArea .ceritiDiv .line .topD .listTit span{color:#e64949}
.layerPop .popCon .conArea .ceritiDiv .line .topD .chkBox{float:right}
.layerPop .popCon .conArea .ceritiDiv .line .bottomD{display:block; padding:25px 30px; background:#f7f7f7; font-size:14px; line-height:22px; color:#797979; border-top:1px solid #e5e5e5; overflow-y:auto}
.layerPop .popCon .conArea .ceritiDiv .line .bottomD .tit{margin-top:25px; font-size:15px; color:#797979}
.layerPop .popCon .conArea .ceritiDiv .line .bottomD .tit:first-child{margin-top:0}
.layerPop .popCon .conArea .ceritiDiv .selfCertiD {padding:50px 0 0; text-align:center;}
.layerPop .popCon .conArea .ceritiDiv .selfCertiD .txt1 {margin-top:30px; font-size:19px; color:#000;}
.layerPop .popCon .conArea .ceritiDiv .selfCertiD .txt2 {margin-top:10px; font-size:14px; line-height:22px; font-weight:300; color:#666;}
.layerPop .popCon .conArea .ceritiDiv .selfCertiD .agreeArea{margin-top:20px}
.layerPop .popCon .conArea .ceritiDiv .selfCertiD .agreeArea .text{padding:14px 30px 15px; font-size:14px; line-height:22px; color:#797979; text-align:left; background:#f9f9f9; border-top:1px solid #e5e5e5}
.layerPop .popCon .conArea .ceritiDiv .selfCertiD .agreeArea .chkArea{padding:20px 0; text-align:center; background:#f4f4f4; border-top:1px solid #e5e5e5; border-bottom:1px solid #797979}
.layerPop .popCon .conArea .ceritiDiv .selfCertiD .agreeArea .chkArea .chkBox input[type="checkbox"] + label{font-size:17px; line-height:18px; color:#000}
.layerPop .popCon .conArea .processDiv{margin-top:-30px; padding:19px 20px 20px; text-align:center; background:#f7f7f7; border-bottom:1px solid #e5e5e5;} /* 2022-08-05 수정 */
.layerPop .popCon .conArea .processDiv > div{position:relative; display:inline-block; padding-left:50px; font-size:18px; line-height:1; color:#000}
.layerPop .popCon .conArea .processDiv > div:first-child{padding-left:0}
.layerPop .popCon .conArea .processDiv > div:before{content:''; position:absolute; top:3px; left:20px; width:8px; height:14px; background:url('../images/stepD_arrow.png') no-repeat}
.layerPop .popCon .conArea .processDiv > div:first-child:before{display:none}
.layerPop .popCon .conArea .processDiv > div i{font-size:22px; line-height:18px}
.layerPop .popCon .conArea .processDiv > div.on{font-weight:500; color:#e64949}
.layerPop .popCon .conArea .processDiv > div.on i{font-weight:400}
.layerPop .popCon .conArea .processDiv + .lineTit{margin-top:30px}
.layerPop .popCon .conArea .reserveInfoD{margin-top:30px; border:1px solid #c8c8c8}
.layerPop .popCon .conArea .reserveInfoD:first-child{margin-top:0}
.layerPop .popCon .conArea .reserveInfoD .topD{padding:40px 0; background:#fafafa; text-align:center; border-bottom:1px dashed #c8c8c8}
.layerPop .popCon .conArea .reserveInfoD .topD .name{font-weight:500; font-size:34px; color:#004d45}
.layerPop .popCon .conArea .reserveInfoD .topD .eng{margin-top:9px; font-size:16px; color:#004d45}
.layerPop .popCon .conArea .reserveInfoD .bottomD{display:table; padding:30px 48px; width:100%; table-layout:fixed}
.layerPop .popCon .conArea .reserveInfoD .bottomD .leftD{display:table-cell; width:520px; vertical-align:bottom}
.layerPop .popCon .conArea .reserveInfoD .bottomD .leftD dl{margin-top:10px}
.layerPop .popCon .conArea .reserveInfoD .bottomD .leftD dl:first-child{margin-top:0}
.layerPop .popCon .conArea .reserveInfoD .bottomD .leftD dl:after{content:''; display:block; clear:both}
.layerPop .popCon .conArea .reserveInfoD .bottomD .leftD dl dt{float:left; width:115px; font-size:16px; line-height:20px; color:#797979; text-align:left}
.layerPop .popCon .conArea .reserveInfoD .bottomD .leftD dl dd{position:relative; float:left; padding-left:14px; width:calc(100% - 115px); width:-webkit-calc(100% - 115px); font-size:16px; line-height:20px; color:#000; text-align:left}
.layerPop .popCon .conArea .reserveInfoD .bottomD .leftD dl dd:before{content:':'; position:absolute; top:0; left:0; font-size:16px; line-height:20px; color:#000}
.layerPop .popCon .conArea .reserveInfoD .bottomD .leftD dl dd .bold{font-weight:700}
.layerPop .popCon .conArea .reserveInfoD .bottomD .rightD{display:table-cell; width:195px; text-align:right; vertical-align:bottom}
.layerPop .popCon .conArea .reserveInfoD .bottomD .rightD .txt{font-size:13px; color:#000;}
.layerPop .popCon .conArea .reserveInfoD .bottomD .rightD .price{margin-top:10px; font-size:13px; color:#000}
.layerPop .popCon .conArea .reserveInfoD .bottomD .rightD .price i{margin-right:2px; font-weight:400; font-size:27px;} /* 2022-08-05 수정 */
.layerPop .popCon .conArea .payInfoD table th{padding:20px 25px; line-height:22px}
.layerPop .popCon .conArea .payInfoD table td{padding:15px 25px}
.layerPop .popCon .conArea .payInfoD table tr th:first-child, .layerPop .popCon .conArea .payInfoD table tr td:first-child{padding-left:15px}
.layerPop .popCon .conArea .payInfoD table tr th:last-child, .layerPop .popCon .conArea .payInfoD table tr td:last-child{padding-right:15px}
.layerPop .popCon .conArea .payInfoD table .clear .tit{float:left; width:80px; font-weight:400; font-size:15px; color:#000}
.layerPop .popCon .conArea .payInfoD table .clear .price{float:left; width:calc(100% - 85px); width:-webkit-calc(100% - 85px); text-align:right}
.layerPop .popCon .conArea .payInfoD table .clear .price i{font-weight:700; font-size:21px}
.layerPop .popCon .conArea .payInfoD table td .clear .tit{float:left; width:128px; font-size:15px; color:#797979; letter-spacing:-1px}
.layerPop .popCon .conArea .payInfoD table td .clear .price{float:left; width:calc(100% - 128px); width:-webkit-calc(100% - 128px)}
.layerPop .popCon .conArea .payInfoD table td .clear .price i{font-weight:400; font-size:15px; letter-spacing:-0.2px !important}
.layerPop .popCon .conArea .payInfoD table td .clear .type{padding-right:20px; font-size:15px; line-height:24px}
.layerPop .popCon .conArea .payInfoD.print table th .clear:before{display:none}
.layerPop .popCon .conArea .payInfoD.print table th .clear .icon{position:absolute; top:-2px; right:-38px; width:26px; height:26px}
.layerPop .popCon .conArea .payInfoD table th .clear:before{content:''; position:absolute; top:-2px; right:-38px; width:26px; height:26px}
.layerPop .popCon .conArea .payInfoD table th:nth-child(1) .clear:before{background:url('../images/layerPop_payInfoD_dcIcon.gif') no-repeat}
.layerPop .popCon .conArea .payInfoD table th:nth-child(1) .clear.plus:before{background:url('../images/layerPop_payInfoD_plusIcon.gif') no-repeat}
.layerPop .popCon .conArea .payInfoD table th:nth-child(2) .clear:before{background:url('../images/layerPop_payInfoD_equalIcon.gif') no-repeat}
.layerPop .popCon .conArea .payInfoD table th:nth-child(3) .clear:before{display:none}
.layerPop .popCon .conArea .cancelAgree .info{padding:22px 0 28px}
.layerPop .popCon .conArea .popTabs{position:relative; border-bottom:1px solid #000}
.layerPop .popCon .conArea .popTabs:after{content:''; display:block; clear:both}
.layerPop .popCon .conArea .popTabs .chkBox.printType{position:absolute; right:90px; line-height:35px}
.layerPop .popCon .conArea .popTabs a{position:relative; top:1px; float:left; width:200px; height:50px; font-weight:300; font-size:17px; line-height:48px; color:#797979; text-align:center; background:#fbfbfb; border:1px solid #e0e0e0; border-bottom:1px solid #000; border-right:none}
.layerPop .popCon .conArea .popTabs a:last-child{border-right:1px solid #e0e0e0}
.layerPop .popCon .conArea .popTabs a.on{font-weight:500; color:#000; background:#fff; border:1px solid #000; border-bottom:1px solid #fff}
.layerPop .popCon .conArea .popTabs a.on + a{border-left:none}
.layerPop .popCon .conArea .popTabCon{padding-top:40px}
.layerPop .popCon .conArea .contConBtn{position:absolute; top:40px; right:30px; padding:0 20px; height:35px; font-weight:500; font-size:16px; line-height:35px; color:#fff; text-align:center; background:#004d45}
.layerPop.w1000 .popCon .conArea .contConBtn {right:30px;}
.layerPop .popCon .conArea .payInfoD + .allCountInfo{margin-top:20px}
.layerPop .popCon .conArea .allCountInfo{margin-top:50px; padding:32px 15px 32px 25px; border-top:2px solid #000; border-bottom:2px solid #000; background:#fafafa}
.layerPop .popCon .conArea .allCountInfo:after{content:''; display:block; clear:both}
.layerPop .popCon .conArea .allCountInfo .tit{float:left; width:50%; font-size:21px; line-height:22px; color:#000; text-align:left}
.layerPop .popCon .conArea .allCountInfo .price{float:left; width:50%; height:22px; font-size:13px; line-height:22px; color:#000; text-align:right;}
.layerPop .popCon .conArea .allCountInfo .price i{font-weight:700; font-size:28px; line-height:22px}
.layerPop .popCon .conArea .mailInfoD{margin-bottom:50px}
.layerPop .popCon .conArea .mailInfoD .line{padding:15px 0; border-bottom:1px solid #e5e5e5}
.layerPop .popCon .conArea .mailInfoD .line:first-child{padding-top:0}
.layerPop .popCon .conArea .mailInfoD .line:after{content:''; display:block; clear:both}
.layerPop .popCon .conArea .mailInfoD .line .left{float:left; padding:0 15px; width:185px; font-weight:300; font-size:15px; line-height:45px; color:#555}
.layerPop .popCon .conArea .mailInfoD .line .left .essenTit{display:block; position:relative}
.layerPop .popCon .conArea .mailInfoD .line .left .essenTit:before{content:'*'; position:absolute; top:0; left:-9px; font-size:16px; color:#e64949}
.layerPop .popCon .conArea .mailInfoD .line .right{float:left; padding:0 15px; width:calc(100% - 185px); width:-webkit-calc(100% - 185px); font-size:16px; line-height:45px; color:#000}
.layerPop .popCon .conArea .mailInfoD .line .right .inputArea:after{content:''; display:block; clear:both}
.layerPop .popCon .conArea .mailInfoD .line .right .inputArea input{float:left; margin-left:10px; padding:0 15px; height:45px; font-size:15px; color:#000; border:1px solid #c8c8c8}
.layerPop .popCon .conArea .mailInfoD .line .right .inputArea input:first-child{margin-left:0}
.layerPop .popCon .conArea .mailInfoD .line .right .inputArea .w200{width:200px}
.layerPop .popCon .conArea .mailInfoD .line .right .inputArea.mail input[readonly], .layerPop .popCon .conArea .mailInfoD .line .right .inputArea[readonly="readonly"]{background:#fff}
.layerPop .popCon .conArea .mailInfoD .line .right .inputArea .space{float:left; margin-left:10px; font-size:16px; line-height:45px; color:#797979}
.layerPop .popCon .conArea .mailInfoD .line .right .inputArea select{float:left; margin-left:10px; padding:0 45px 0 18px; height:45px; font-size:15px; color:#000; border:1px solid #a8a8a8}
.layerPop .popCon .conArea .mailInfoD .line.top{padding:15px; width:100%; font-weight:300; font-size:15px; line-height:25px; color:#555}
.layerPop .popCon .conArea .mailInfoD .line.top span{color:#e64949}
.layerPop .popCon .conArea .mailInfoD .line.bottom{padding:24px 32px; height:140px; font-size:14px; line-height:22px; color:#797979; background:#f9f9f9; overflow-y:auto}
.layerPop .popCon .conArea .mailInfoD .agreeDiv{border-top:none}
.layerPop .popCon .conArea .voucherNoti{margin-top:10px; padding-bottom:15px; font-weight:300; font-size:13px; line-height:22px; color:#797979; border-bottom:1px solid #797979}
.layerPop .popCon .conArea .voucherNoti p{padding-left:15px; text-indent:-15px; word-break:keep-all}
.layerPop .popCon .conArea .contConBtn + .formDiv{margin-top:46px}
.layerPop .popCon .conArea .formDiv{margin-top:10px; padding:245px 0; height:500px; background:#fafafa; border:1px solid #e5e5e5; text-align:center}
.layerPop .popCon .conArea .formDiv:first-child{margin-top:0}
.layerPop .popCon .conArea .agreeNotiDiv{padding:15px 30px 14px;font-size:14px; line-height:22px; color:#797979; border-top:1px solid #e5e5e5; background:#f9f9f9}
.layerPop .popCon .conArea .agreeDiv{padding:30px 0; text-align:center; background:#f4f4f4; border-top:1px solid #e5e5e5; border-bottom:1px solid #797979}
.layerPop .popCon .conArea .agreeDiv .chkBox input[type="checkbox"] + label{font-size:17px; color:#000}
.layerPop .popCon .conArea .visaSelect{margin-bottom:10px; width:370px}
.layerPop .popCon .conArea .visaD{margin-bottom:40px}
.layerPop .popCon .conArea .visaD .agreeDiv{padding:20px 0}
.layerPop .popCon .conArea .visaD select {width:100%; height:45px;}
.layerPop .popCon .conArea .searchDiv{margin-bottom:40px; padding:35px 0; background:#fafafa; border-top:1px solid #dedede; border-bottom:1px solid #dedede}
.layerPop .popCon .conArea .searchDiv .searchD{position:relative; margin:0 auto; width:600px}
.layerPop .popCon .conArea .searchDiv .searchD input{padding:20px 60px 20px 20px; width:600px; height:66px; font-weight:400; font-size:20px; color:#004d45; background:#fff; border:3px solid #004d45}
.layerPop .popCon .conArea .searchDiv .searchD input::-webkit-input-placeholder{font-weight:400; font-size:20px; color:rgba(0,77,69,0.6)}
.layerPop .popCon .conArea .searchDiv .searchD input:-moz-placeholder{font-weight:400; font-size:20px; color:rgba(0,77,69,0.6)}
.layerPop .popCon .conArea .searchDiv .searchD input::-moz-placeholder{font-weight:400; font-size:20px; color:rgba(0,77,69,0.6)}
.layerPop .popCon .conArea .searchDiv .searchD input:-ms-input-placeholder{font-weight:400; font-size:20px; color:rgba(0,77,69,0.6)}
.layerPop .popCon .conArea .searchDiv .searchD input:placeholder-shown{font-weight:400; font-size:20px; color:rgba(0,77,69,0.6)}
.layerPop .popCon .conArea .searchDiv .searchD .btn{position:absolute; top:12px; right:15px; padding:5px}
.layerPop .popCon .conArea .searchDiv .addTxt{margin:10px auto 0; width:600px; font-weight:300; font-size:13px; line-height:14px; color:#797979}
.layerPop .popCon .conArea .textDiv{}
.layerPop .popCon .conArea .textDiv .tit{margin-bottom:7px;; font-size:19px; color:#000}
.layerPop .popCon .conArea .textDiv .txt{font-size:15px; line-height:28px; color:#797979}
.layerPop .popCon .conArea .textDiv .txt:first-child{margin-top:-7px}
.layerPop .popCon .conArea .enterListDiv:after{content:''; display:block; clear:both}
.layerPop .popCon .conArea .enterListDiv .enterlist{float:left; padding:11px 10px 11px 0; width:33.33%; font-size:14px; font-weight:400; line-height:18px; color:#797979; border-bottom:none}
.layerPop .popCon .conArea .enterListDiv .enterlist:nth-child(3n+1){clear:both}
.layerPop .popCon .conArea .airSection .dayInfo .add {padding-left:10px; font-size:15px; font-weight:700; color:#00696d}
.layerPop .popCon .conArea .airSection .timeList .list .airInfo .air2{font-size:15px; line-height:20px; font-weight:500; color:#000; word-break:keep-all}
.layerPop .popCon .conArea .airSection .timeList .list .airInfo .air2 span{color:#e64949; font-weight:400}
.layerPop .popCon .conArea .voucherNoti.noborB {border-bottom:0; padding-bottom:0}
.layerPop .popCon .bottomDiv {position:relative; padding:13px 15px 14px; background:#f7f7f7; border-top:2px solid #e5e5e5}
.layerPop .popCon .bottomDiv:after {content:""; display:block; clear:both}
.layerPop .popCon .bottomDiv .chkBox {float:left}
.layerPop .popCon .bottomDiv .xBt {position:static; float:right}
.layerPop .bottomBtnDiv a .next{display:block; padding-right:20px; background:url('../images/right_bIcon_whi_7x12.png') no-repeat right center}
.layerPop .bottomBtnDiv .okBtn i {font-weight:700}
.layerPop .popCon .conArea .flexD {/* display:flex; flex-wrap:wrap */}
.layerPop .popCon .conArea .flexD:after {content:""; display:block; clear:both}
.layerPop .popCon .conArea .flexD .flexCon {float:left; margin-left:30px;}
.layerPop .popCon .conArea .flexD .flexCon:first-child  {margin-left:0px}
.layerPop .popCon .conArea .flexD .tableD4 table td .grn {color:#004d45; font-weight:500}
.layerPop .popCon .conArea .flexD .tableD4 table td .red {color:#e64949}
.layerPop .popCon .conArea .tableD4 tr td.lit {font-weight:300}
.layerPop .popCon .conArea .tableD4.borT2 {border-top:1px solid #797979; border-bottom:1px solid #797979}
.layerPop .popCon .conArea .tableD4.borT2 tr:last-child th {border-bottom:0}
.layerPop .popCon .conArea .tableD4.borT2 tr:last-child td {border-bottom:0}
.layerPop .popCon .conArea .tableD5 {position:relative;/* border-top:2px solid #000; */ border-bottom:1px solid #797979; text-align:left}
.layerPop .popCon .conArea .tableD5.noborT {border-top:0}
.layerPop .popCon .conArea .tableD5 .topAddTxt {position:absolute; top:-30px; right:0; font-size:13px; font-weight:300; color:#797979;}
.layerPop .popCon .conArea .tableD5 table thead th {font-size:15px; padding:15px 30px 14px; font-weight:300; line-height:1; color:#555555; word-break:keep-all; border-bottom:1px solid #c8c8c8; text-align:center}
.layerPop .popCon .conArea .tableD5 table thead th:first-child {text-align:left}
.layerPop .popCon .conArea .tableD5 table tbody th {font-size:16px; padding:14px 30px; font-weight:400; line-height:1; color:#000;  word-break:keep-all; border-bottom:1px solid #e5e5e5;}
.layerPop .popCon .conArea .tableD5 table tbody td {font-size:16px; padding:14px 30px; font-weight:300; line-height:21px; color:#797979;  word-break:keep-all; border-bottom:1px solid #e5e5e5}
.layerPop .popCon .conArea .tableD5 table tbody td.noborB {border-bottom:0}
.layerPop .popCon .conArea .tableD5 table tbody td.borL {border-left: 1px solid #c8c8c8}
.layerPop .popCon .conArea .tableD5 table tbody tr:last-child th {border-bottom:0}
.layerPop .popCon .conArea .tableD5 table tbody tr:last-child td {border-bottom:0}
.layerPop .popCon .conArea .tableD5 table td .reserveN {font-size:17px; font-weight:700}
.layerPop .popCon .conArea .tableD5 table td .price {font-size:12px}
.layerPop .popCon .conArea .tableD5 table td .price i {font-weight:700; font-size:17px;}
.layerPop .popCon .conArea .tableD5.t2 table .chkBox{display:block; height:18px}
.layerPop .popCon .conArea .tableD5.t2 table .chkBox label {height:18px}
.layerPop .popCon .conArea .tableD5.t2 table thead th {padding:13px 30px; line-height:19px;}
.layerPop .popCon .conArea .tableD5.t2 table thead th.paL50 {padding-left:50px;}
.layerPop .popCon .conArea .tableD5.t2 table tbody td {padding:16px 30px; color:#000; font-size:17px; font-weight:400; text-align:center}
.layerPop .popCon .conArea .tableD5.t2 table tbody tr:last-child td {padding:16px 30px; border-bottom:0}
.layerPop .popCon .conArea .tableD5.t2 table tbody tr:last-child td.paL50 {padding-left:50px;}
.layerPop .popCon .conArea .tableD5.t2 table tbody td.paL50 {padding-left:50px;}
.layerPop .popCon .conArea .tableD5.t2 table thead tr th.bigTh {padding:25px 30px 22px; background:#fafafa; border-bottom:1px solid #797979;}
.layerPop .popCon .conArea .tableD5.t2 table thead tr th.bigTh span {display:inline-block; position:relative; padding-left:23px; font-size:19px; color:#000;}
.layerPop .popCon .conArea .tableD5.t2 table thead tr th.bigTh span:before {content:""; display:block; position:absolute; top:3px; left:0; width:13px; height:12px; background:#000}
.layerPop .popCon .conArea .halfTit + .tableD6 {margin-top:0}
.layerPop .popCon .conArea .tableD6 {position:relative; margin-top:10px; border-top:1px solid #797979; border-bottom:1px solid #797979}
.layerPop .popCon .conArea .tableD6 tr th {padding:26px 15px 25px; font-size:15px; font-weight:300; color:#555555; border-right:1px solid #e5e5e5}
.layerPop .popCon .conArea .tableD6 tr td {padding:26px 15px 25px; font-size:17px; color:#000; border-top:1px solid #e5e5e5}
.layerPop .popCon .conArea .tableD6 tr:first-child td {border-top:0}
.layerPop .popCon .conArea .tableD7 {position:relative; border-bottom:1px solid #797979; text-align:center}
.layerPop .popCon .conArea .tableD7.nobor {border:0}
.layerPop .popCon .conArea .tableD7 table thead th {font-size:15px; padding:15px 30px; font-weight:300; line-height:1; color:#555555; word-break:keep-all; border-bottom:1px solid #c8c8c8; text-align:center}
.layerPop .popCon .conArea .tableD7 table thead tr th.bigTh {padding:25px 30px 22px; text-align:left; background:#fafafa; border-bottom:1px solid #797979;}
.layerPop .popCon .conArea .tableD7 table thead tr th.bigTh span {display:inline-block; position:relative; padding-left:23px; font-weight:400; font-size:19px; color:#000;}
.layerPop .popCon .conArea .tableD7 table thead tr th.bigTh span:before {content:""; display:block; position:absolute; top:3px; left:0; width:13px; height:12px; background:#000}
.layerPop .popCon .conArea .tableD7 table tbody td {font-size:16px; padding:20px 30px; line-height:1; color:#000;  word-break:keep-all; border-bottom:1px solid #c8c8c8}
.layerPop .popCon .conArea .tableD7 table tbody tr:last-child td {border-bottom:0}
.layerPop .popCon .conArea .lineTit:after{content:""; display:block; clear:both}
.layerPop .popCon .conArea .lineTit.t2 {padding-bottom:0}
.layerPop .popCon .conArea .lineTit.fs19 {font-size:19px;}
.layerPop .popCon .conArea .lineTit .addTit {display:block; padding:7px 0 8px; font-size:15px; line-height:28px; color:#797979}
.layerPop .popCon .conArea .lineTit .addTit strong {font-weight:500; color:#000}
.layerPop .popCon .conArea .lineTit .subTit {float:right; font-size:13px; line-height:19px; color:#797979}
.layerPop .popCon .conArea .flightResWrap .flightInfoDiv {margin-top:0; width:100%}
.layerPop .popCon .conArea .flightResWrap .flightInfoDiv .scheduleInfo .scheduleTable table {table-layout:auto}
.layerPop .popCon .conArea .flightResWrap .flightInfoDiv .scheduleInfo .scheduleTable tbody td.language {font-size:17px; color:#e64949; font-weight:700}
.layerPop .popCon .conArea .borderType1 table {table-layout:auto}
.layerPop .popCon .conArea .borderType1 table tbody .totalBox .totalTxt {padding:25px 15px; font-size:18px; vertical-align:middle}
.layerPop .popCon .conArea .borderType1 table tbody .totalBox .totalPrice {padding:25px 15px; line-height:1; vertical-align:middle}
.layerPop .popCon .conArea .borderType1 table tbody .totalBox .totalPrice .price .boldNum {font-size:26px}
.layerPop .popCon .conArea .speMealCon .scrCon {width:390px; height:344px; overflow-y:auto; border-top:2px solid #000; border-bottom:1px solid #797979;}
.layerPop .popCon .conArea .speMealCon .scrCon .tableD6 {margin-top:0; border:0}
.layerPop .popCon .conArea .speMealCon .scrCon .tableD6 tr td {padding:26px 37px 25px 20px;}
.layerPop .popCon .conArea .speMealCon .scrCon .tableD6 tr td .radioBox {width:100%}
.layerPop .popCon .conArea .speMealCon .scrCon .tableD6 tr td .radioBox label {width:100%; padding-left:55px; font-size:17px; color:#000}
.layerPop .popCon .conArea .speMealCon .scrCon .tableD6 tr td .radioBox label:after {content:""; display:block; clear:both}
.layerPop .popCon .conArea .speMealCon .scrCon .tableD6 tr td .radioBox label span {display:inline-block; float:left; }
.layerPop .popCon .conArea .speMealCon .scrCon .tableD6 tr td .radioBox label span.num {padding-right:25px; font-weight:300}
.layerPop .popCon .conArea .speMealCon .scrCon .tableD6 tr td .radioBox label span.right {display:inline-block; float:right}
.layerPop .popCon .conArea .refundRuleCon {border-bottom:1px solid #797979}
.layerPop .popCon .conArea .refundRuleCon .scrCon {height:335px; overflow-y:auto; }
.layerPop.mainPop {width:540px;}
.layerPop.mainPop .popTit span {display:none;}
.layerPop.mainPop .popTit span.on {display:block}
.layerPop.mainPop .popCon .conArea{padding:0; overflow-y:hidden}
.layerPop.mainPop .popCon .conArea:after{display:none}
.layerPop.mainPop .popCon .bottomDiv{padding:13px 15px 14px; border-top:1px solid #e5e5e5}
.layerPop .popCon .conArea .mainP {position:relative; padding-bottom:10px}
.layerPop .popCon .conArea .mainP .swiper-container {margin-bottom:30px; height:360px;}
.layerPop .popCon .conArea .mainP .swiper-container .swiper-slide {overflow:hidden; /* overflow-y:auto */}/* 2020-10-06 수정 */
.layerPop .popCon .conArea .mainP .swiper-container .swiper-slide.imgType a {display:block; width:100%; height:100%; overflow:hidden;}
.layerPop .popCon .conArea .mainP .swiper-container .swiper-slide.imgType a img {display:block; width:478px; height:320px}
/* 2020-10-06 추가 */
.layerPop .popCon .conArea .mainP .swiper-container .swiper-slide a{display:inline-block;}
.layerPop .popCon .conArea .mainP .swiper-container .swiper-slide img{max-width:100%;}
.layerPop .popCon .conArea .mainP .swiper-container .swiper-slide .scrollDiv{padding:40px 30px 0; height:100%; text-align:center;}
.layerPop .popCon .conArea .mainP .swiper-container .swiper-slide.swiper-slide-active .scrollDiv{overflow:hidden; overflow-y:auto;}
/* // 2020-10-06 추가 */
.layerPop .popCon .conArea .mainP .swiper-container .swiper-pagination{left:50%; transform:translateX(-50%); width:auto}
.layerPop .popCon .conArea .mainP .indi {display:inline-block; margin-bottom:19px; text-align:center; height:10px;}
.layerPop .popCon .conArea .mainP .indi .swiper-pagination {float:left; position:static}
.layerPop .popCon .conArea .mainP .indi .swiper-pagination:after {content:""; display:block; clear:both}
.layerPop .popCon .conArea .mainP .swiper-pagination .swiper-pagination-bullet {float:left; width:10px; height:10px; background:#d6d6d6; margin:0 5px; border-radius:5px; opacity:1}
.layerPop .popCon .conArea .mainP .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {background:#004d45; width:26px;}
.layerPop .popCon .conArea .mainP  .txt1 {font-size:26px; color:#000;}
.layerPop .popCon .conArea .mainP .imgtxt {margin:25px auto 20px}
.layerPop .popCon .conArea .mainP .txt2 {font-size:15px; line-height:26px; color:#797979}
.layerPop .popCon .conArea .mainP .okBtn {display:inline-block; height:50px; text-align:center; margin-top:20px; padding:0 36px; line-height:50px; color:#fff; font-size:19px; font-weight:500; background:#000;}
.layerPop .popCon .conArea .borderType1 table thead th {font-weight:300}
.layerPop .popCon .conArea .tbStyle5 table thead th {padding:16px 10px}
.layerPop .popCon .conArea .tbStyle5 table thead tr th:first-child {padding-left:15px}
.layerPop .popCon .conArea .tbStyle5 table tbody tr td {padding:3px 10px}
.layerPop .popCon .conArea .tbStyle5 table tbody tr:first-child td {padding-top:15px;}
.layerPop .popCon .conArea .tbStyle5 table tbody tr td:first-child {padding-left:15px}
.layerPop .popCon .conArea .tbStyle5 table tbody tr:last-child td {padding-bottom:25px}
.layerPop .popCon .conArea .paymentSumDiv .dcCostArea {/* table-layout:auto */ table-layout:fixed}
.layerPop .popCon .conArea .paymentSumDiv .dcCostArea .totalTxt {width:415px; padding:30px 15px}
.layerPop .popCon .conArea .paymentSumDiv .dcCostArea .totalTxt .txt {font-size:15px}
.layerPop .popCon .conArea .paymentSumDiv .dcCostArea .totalTxt .txt .gry {margin-top:8px;}
.layerPop .popCon .conArea .paymentSumDiv .dcCostArea .totalPrice {width:220px;}
.layerPop .popCon .conArea .paymentSumDiv .dcCostArea .totalPrice i {font-size:21px}
.layerPop .popCon .conArea .paymentSumDiv .dcCostArea .dcText {width:130px;}
.layerPop .popCon .conArea .paymentSumDiv .dcCostArea .dcPrice {width:171px; padding:30px 15px 30px 0}
.layerPop .popCon .conArea .paymentSumDiv .dcDetailArea {min-height:auto}
.layerPop .popCon .conArea .paymentSumDiv .dcDetailArea .flexD .detailBox {width:635px;}
.layerPop .popCon .conArea .paymentSumDiv .dcDetailArea .flexD .detailBox table {table-layout:auto}
.layerPop .popCon .conArea .paymentSumDiv .dcDetailArea .flexD .dcBox {width:300px; padding: 25px 15px 25px 30px}
.layerPop .popCon .conArea .accountDiv {margin-top:0}
.layerPop .popCon .conArea .accountDiv ul {border-top:0}
.layerPop .popCon .conArea .reserveTicketD {margin-top:0;}
.layerPop .popCon .conArea .processDiv + .reserveTicketD {margin-top:30px;}
.layerPop .popCon .conArea .reserveTicketD .topArea {padding:40px 15px 30px;}
.layerPop .popCon .conArea .reserveTicketD .topArea .airSummary {padding:0;}
.layerPop .popCon .conArea .reserveTicketD .topArea .airSummary .itinerary.small .name {font-size:30px}
.layerPop .popCon .conArea .reserveTicketD .topArea .airSummary .leadTime.multiOver {width:35px;}
.layerPop .popCon .conArea .reserveTicketD.canceled .topArea:after {background:url("../images/airlineTicket_bg_canceled.png") no-repeat left top; background-size:100% 100%}
.layerPop .popCon .conArea .reserveTicketD.canceled .bottomArea {border:1px solid #c8c8c8; border-top:0}
.layerPop .popCon .conArea .refundInfoD {}
.layerPop .popCon .conArea .refundInfoD table tr th {padding:25px 25px 22px; border-bottom:1px solid #c8c8c8;}
.layerPop .popCon .conArea .refundInfoD table tr th .clear {position:relative;}
.layerPop .popCon .conArea .refundInfoD table tr th .clear:after {content:""; display:block; clear:both}
.layerPop .popCon .conArea .refundInfoD table tr th .clear .tit {float:left; width:50%; text-align:left; font-size:21px; color:#000}
.layerPop .popCon .conArea .refundInfoD table tr th .clear .tit span {font-size:14px; color:#797979; font-weight:300}
.layerPop .popCon .conArea .refundInfoD table tr th .clear .price {float:left; width:50%; text-align:right; font-size:13px; color:#000000}
.layerPop .popCon .conArea .refundInfoD table tr th .clear .price i{font-weight:700; font-size:25px; line-height:26px;}
.layerPop .popCon .conArea .refundInfoD table tr td {padding:30px 25px; text-align:center; border-left:1px solid #e5e5e5; border-top:1px solid #c8c8c8; border-bottom:1px solid #797979}
.layerPop .popCon .conArea .refundInfoD table tr:last-child td {border-bottom:1px solid #797979}
.layerPop .popCon .conArea .refundInfoD table tr td:first-child {border-left:0}
.layerPop .popCon .conArea .refundInfoD table tr td .clear {position:relative;}
.layerPop .popCon .conArea .refundInfoD table tr td .clear:after {content:""; display:block; clear:both}
.layerPop .popCon .conArea .refundInfoD table tr td .clear .tit{font-size:16px; font-weight:300; color:#000}
.layerPop .popCon .conArea .refundInfoD table tr td .clear .tit.fwM{font-size:18px}
.layerPop .popCon .conArea .refundInfoD table tr td .clear .tit span {display:block; margin-top:5px; font-size:14px; line-height:14px; min-height:14px; font-weight:300; color:#797979}
.layerPop .popCon .conArea .refundInfoD table tr td .clear .tit .toolIcon {display:inline-block;}
.layerPop .popCon .conArea .refundInfoD table tr td .clear .price{margin-top:12px; font-size:13px; line-height:14px; color:#000;}
.layerPop .popCon .conArea .refundInfoD table tr td .clear .price i{font-weight:700; font-size:25px; line-height:26px;}
.layerPop .popCon .conArea .refundInfoD table tr td .clear .price.red {font-size:13px; color:#e64949;}
.layerPop .popCon .conArea .refundInfoD table tr td .clear .type{padding-right:20px; font-size:15px; line-height:24px}
.layerPop .popCon .conArea .refundInfoD table tr td .clear .notice{margin-top:12px; font-size:16px; line-height:26px; color:#e64949;}
.layerPop .popCon .conArea .refundInfoD table tr td .clear:before{content:''; position:absolute; top:50%; right:-38px; transform:translate(0,-50%); -webkit-transform:translate(0,-50%); -moz-transform:translate(0,-50%); width:26px; height:26px}
.layerPop .popCon .conArea .refundInfoD table tr td:nth-child(1) .clear:before{background:url('../images/layerPop_payInfoD_dcIcon.gif') no-repeat}
.layerPop .popCon .conArea .refundInfoD table tr td:nth-child(2) .clear:before{background:url('../images/layerPop_payInfoD_equalIcon.gif') no-repeat}
.layerPop .popCon .conArea .refundInfoD table tr td:nth-child(3) .clear:before{display:none}
.layerPop .popCon .conArea .refundInfoD.two table tr td:nth-child(2) .clear:before{display:none}
.layerPop .popCon .conArea .refundInfoD table tr td .clear.noIcon:before{display:none}
.layerPop .popCon .conArea .refundInfoD table tr.gry td {background:#fafafa; border-top:1px solid #797979; border-bottom:1px solid #797979}
.layerPop .popCon .conArea .refundInfoD table tr.gry td .clear.addIcon:before{background:url('../images/layerPop_payInfoD_addIcon.gif') no-repeat}
.layerPop .popCon .conArea .refundInfoD table tr.gry td .clear.equalIcon:before{background:url('../images/layerPop_payInfoD_equalIcon.gif') no-repeat}
.layerPop .popCon .conArea .refundInfoD table tr.gry2 td {background:#fafafa; border-top:1px solid #797979; border-bottom:1px solid #797979}
.layerPop .popCon .conArea .refundInfoD table tr.gry2 td .clear .tit span {display:inline-block; margin-top:0}
.layerPop .popCon .conArea .refundInfoD table tr.gry2 td .clear .tit .mid {font-size:18px; color:#000; font-weight:500}
.layerPop .popCon .conArea .refundInfoD table tr.gry2 td .clear .tit .price{padding-left:30px;font-size:13px; color:#000;}
.layerPop .popCon .conArea .refundInfoD table tr.gry2 td .clear .tit .price i{font-weight:700; font-size:25px}
.layerPop .popCon .conArea .refundInfoD table tr.gry2 td .clear .tit .price.red {color:#e64949;}
.layerPop .popCon .conArea .refundInfoD table tr.gry2 td .clear.addIcon:before{background:url('../images/layerPop_payInfoD_addIcon.gif') no-repeat}
.layerPop .popCon .conArea .refundInfoD table tr.gry2 td .clear.equalIcon:before{background:url('../images/layerPop_payInfoD_equalIcon.gif') no-repeat}
.layerPop .popCon .conArea .refundInfoD table .refundNoti{font-size:16px; line-height:22px; text-align:left; color:#e64949}
.layerPop .popCon .conArea .couNote{font-size:14px; line-height: 1.2; letter-spacing:1; padding:20px 0;}/*2022-02-04 숙박 페스타 추가*/
.layerPop .popCon .conArea .couNote > p{font-weight:500;}/*2022-02-04 숙박 페스타 추가*/
.layerPop .popCon .conArea .couNote > ul{margin:6px 0;}/*2022-02-04 숙박 페스타 추가*/
.layerPop .popCon .conArea .couNote > ul li{position:relative; padding-left:8px;}/*2022-02-04 숙박 페스타 추가*/
.layerPop .popCon .conArea .couNote > ul li:before{content:'-'; position: absolute; left: 0;}/*2022-02-04 숙박 페스타 추가*/
.layerPop .popCon .conArea .couNote > ul li span.info{font-size:12px; padding-left:90px; display:block; }/*2022-03-29 숙박 페스타 추가*/
.layerPop .popCon .conArea .couNote > ul li span.label{font-size:12px; color:#ffffff; line-height:12px; background:#e64949; padding:0px 4px 2px 4px;}/*2022-03-29 숙박 페스타 추가*/
.layerPop .popCon .conArea .couNote > span{font-weight:300; display:block;}/*2022-02-04 숙박 페스타 추가*/
.layerPop .flightResWrap .flightInfoDiv .scheduleInfo .scheduleTit .place strong.go {padding-right:10px; background:none}
.layerPop .flightResWrap .flightInfoDiv .scheduleInfo .scheduleTit .place strong.arrow {display:inline-block}
.layerPop .flightResWrap .flightInfoDiv .scheduleInfo .scheduleTit .place strong.come {padding-left:16px;}
.layerPop .paymentSumDiv .dcCostArea .dcText:after {display:none}
.layerPop .paymentSumDiv .dcCostArea .dcText .mathIcon {display:block; position:absolute; top:34px; left:-13px; width:26px; height:26px; background:url("../images/minus_icon2.jpg") no-repeat center center}
.layerPop .paymentSumDiv .dcCostArea .dcText .mathIcon img {width:26px; height:auto}
.layerPop .popCon .conArea .refundInfoD table tr td .clear .mathIcon {display:block; position:absolute; top:50%; right:-38px; transform:translate(0,-50%); -webkit-transform:translate(0,-50%); -moz-transform:translate(0,-50%); width:26px; height:26px}
.layerPop .popCon .conArea .refundInfoD table tr td .clear .mathIcon img {width:26px; height:auto}
.layerPop .bottomBtnDiv{position:absolute; bottom:0; left:0; padding:30px 0; width:100%; height:110px; background:#f7f7f7; border-top:1px solid #e5e5e5; text-align:center}
.layerPop .bottomBtnDiv.goLogin{position:absolute; bottom:0; left:0; padding:30px 0; width:100%; height:140px; background:#f7f7f7; border-top:1px solid #e5e5e5; text-align:center}/*2024-04-19 추가*/
.layerPop .bottomBtnDiv a{display:inline-block; margin:0 4px; padding:0 35px; width:auto; height:50px; vertical-align:top}
.layerPop .bottomBtnDiv a .prev{display:block; padding-left:20px; background:url('../images/left_bIcon_7x12.png') no-repeat left center}
.layerPop .bottomBtnDiv .refresh{padding:0}
.layerPop .bottomBtnDiv .okBtn{font-weight:500; font-size:19px; line-height:50px; color:#fff; text-align:center; background:#000}
.layerPop .bottomBtnDiv .cancelBtn{font-weight:500; font-size:19px; line-height:48px; color:#000; text-align:center; background:#fff; border:1px solid #000 }
.layerPop .bottomBtnDiv .searchBtn{font-weight:500; font-size:19px; line-height:50px; color:#fff; text-align:center; background:#000}

.layerPop.peoplePickPop .popCon .conArea .tableD{table-layout:fixed}
.layerPop.peoplePickPop .popCon .conArea .tableD td{padding:30px 15px 29px; line-height:20px; word-break:break-all}
.layerPop.fullPop{top:0; left:0; transform:translate(0, 0); min-width:1500px; width:100%; height:100%; background:#fff; border:none}
.layerPop.picPop{background:#000}
.layerPop.picPop .popCon{padding:0; margin-top:0; background:none}
.layerPop.picPop .popCon .conArea{margin-top:0; padding:0; height:100%}
.layerPop.picPop .popCon .conArea:after{display:none}
.layerPop.picPop .popCon .conArea .picWidth{position:relative; margin:0 auto; padding:90px 0 20px; overflow:hidden}
.layerPop.picPop .popCon .conArea .picWidth .inner{padding:0 150px}
.layerPop.picPop .popCon .conArea .picWidth .roomDsc{color: white; line-height: 130%; margin: 0 auto; padding: 20px; width: 570px; float: left; margin-top: 100px}
.layerPop.picPop .title{margin-bottom:20px; font-weight:500; font-size:30px; color:#fff}
.layerPop.picPop .thumbTabDiv{position:relative}
.layerPop.picPop .thumb.swiper-container:first-child{display:block}
.layerPop.picPop .thumb.swiper-container{display:none; padding-bottom:25px;}
.layerPop.picPop .thumbTabDiv .swiper-button-prev{display:none}
.layerPop.picPop .thumbTabDiv .swiper-button-next{display:none}
.layerPop.picPop .thumb.swiper-container .swiper-slide{width:980px; height:560px}
.layerPop.picPop .thumb.swiper-container .swiper-slide span{position:absolute; top:270px; left:0; width:100%; font-size:50px; text-align:center; color:#000}
.layerPop.picPop .thumbTabDiv .count{position:absolute; bottom:0; right:0; font-weight:300; font-size:16px; color:#fff}
.layerPop.picPop .thumbTabDiv .count .current{font-weight:700}
.layerPop.picPop .tabDiv{padding-top:25px}
.layerPop.picPop .tabDiv .thumbTab{width:100%; border-bottom:1px solid rgba(229, 229, 229, 0.2)}
.layerPop.picPop .tabDiv .thumbTab:after{content:''; display:block; clear:both}
.layerPop.picPop .tabDiv .thumbTab a{position:relative; float:left; margin-left:20px; padding:7px 1px 16px; font-size:16px; color:#797979}
.layerPop.picPop .tabDiv .thumbTab a:first-child{margin-left:0}
.layerPop.picPop .tabDiv .thumbTab a.on{font-weight:500; color:#fff}
.layerPop.picPop .tabDiv .thumbTab a.on:after{content:''; position:absolute; bottom:-1px; left:0; width:100%; height:2px; background:#e5e5e5}
.layerPop.picPop .tabDiv .thumbTab a.on i{font-weight:400}
.layerPop.picPop .tab.swiper-container{display:none}
.layerPop.picPop .tab.swiper-container:first-child{display:block}
.layerPop.picPop .tab.swiper-container .swiper-slide{width:105px; height:70px; cursor:pointer}
.layerPop.picPop .tab.swiper-container .swiper-slide:before{content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.4); z-index:1}
.layerPop.picPop .tab.swiper-container .swiper-slide.on:before{border:4px solid #00696d; background:none}
.layerPop.picPop1 .swiperD{position:relative; margin-top:-1px}
.layerPop.picPop1 .swiperD .swiper-container{padding-top:21px}
.layerPop.picPop2 .swiperD{position:relative; margin-top:-1px}
.layerPop.picPop2 .swiperD .swiper-container{padding-top:61px}
.layerPop.picPop2 .swiperD .swiper-container .swiper-pagination-progressbar{top:40px; height:1px; background:rgba(255, 255, 255, 0.2)}
.layerPop.picPop2 .swiperD .swiper-container .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#fff}
.layerPop.picPop3 .swiperD .swiper-container{padding-top:61px}
.layerPop.picPop3 .swiperD .swiper-container .swiper-pagination-progressbar{top:40px; height:1px; background:rgba(255, 255, 255, 0.2)}
.layerPop.picPop3 .swiperD .swiper-container .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#fff}

.swiper-container-wp8-horizontal,
.swiper-container-wp8-horizontal > .swiper-wrapper {
	-ms-touch-action: pan-y;
	touch-action: pan-y;
}
.swiper-container-wp8-vertical,
.swiper-container-wp8-vertical > .swiper-wrapper {
	-ms-touch-action: pan-x;
	touch-action: pan-x;
}


.layerPop.picPop1 .hideImg{display:none}
.layerPop.picPop .popCon .swiper-button-prev{top:224px; left:-80px; width:60px; height:113px; background:url('../images/picPop_swiper_prev.png') no-repeat}
.layerPop.picPop .popCon .swiper-button-next{top:224px; right:-80px; width:60px; height:113px; background:url('../images/picPop_swiper_next.png') no-repeat}
.layerPop.mapViewPop .popCon{padding:0; overflow:hidden}
.layerPop.mapViewPop .popCon .mapDiv{position:relative; width:100%; height:100%}
.layerPop.mapViewPop .popCon .infoDiv{position:absolute; top:0; left:0; width:490px; height:100%; border-right:1px solid rgba(0, 0, 0, 0.25); background:#fff; box-shadow:2px 0 4px 0 rgba(0, 0, 0, 0.15)}
.layerPop.mapViewPop .popCon .infoDiv .titleArea{padding:62px 50px 0 30px}
.layerPop.mapViewPop .popCon .infoDiv .titleArea .name{font-weight:500; font-size:30px; line-height:36px; color:#000}
.layerPop.mapViewPop .popCon .infoDiv .titleArea .eng{margin-top:4px; font-weight:500; font-size:19px; line-height:28px; color:#000}
.layerPop.mapViewPop .popCon .infoDiv .titleArea .star{margin-top:6px; height:12px; background:url('../images/hoter_list_starIcon.png') no-repeat left center; overflow:hidden}
.layerPop.mapViewPop .popCon .infoDiv .titleArea .star0{width:0}
.layerPop.mapViewPop .popCon .infoDiv .titleArea .star1{width:14px}
.layerPop.mapViewPop .popCon .infoDiv .titleArea .star2{width:29px}
.layerPop.mapViewPop .popCon .infoDiv .titleArea .star3{width:44px}
.layerPop.mapViewPop .popCon .infoDiv .titleArea .star4{width:58px}
.layerPop.mapViewPop .popCon .infoDiv .titleArea .star5{width:72px}
.layerPop.mapViewPop .popCon .infoDiv .titleArea .addr{margin-top:12px; padding-left:15px; font-weight:300; font-size:12px; line-height:18px; color:#797979; letter-spacing:0; background:url('../images/location_icon.gif') no-repeat left 3px; word-break:keep-all}
.layerPop.mapViewPop .popCon .infoDiv .otherArea{margin-top:35px; height:calc(100% - 228px); height:-webkit-calc(100% - 228px);}
.layerPop.mapViewPop .popCon .infoDiv .otherArea .title{padding:0 0 10px 30px; font-weight:500; font-size:14px; color:#000}
.layerPop.mapViewPop .popCon .infoDiv .otherArea .listDiv{border-top:1px solid #e5e5e5; overflow-y:auto}
.layerPop.mapViewPop .popCon .infoDiv .otherArea .listDiv .list{position:relative; padding:20px 30px; background:#fff; border-bottom:1px solid #e5e5e5; cursor:pointer}
.layerPop.mapViewPop .popCon .infoDiv .otherArea .listDiv .list:after{content:''; display:block; clear:both}
.layerPop.mapViewPop .popCon .infoDiv .otherArea .listDiv .list .thumb{float:left; width:130px; height:110px}
.layerPop.mapViewPop .popCon .infoDiv .otherArea .listDiv .list .txtArea{float:left; padding:0 0 0 20px; width:calc(100% - 130px); width:-webkit-calc(100% - 130px)}
.layerPop.mapViewPop .popCon .infoDiv .otherArea .listDiv .list .txtArea .name{padding-top:1px; font-weight:500; font-size:19px; line-height:23px; color:#000; width:235px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.layerPop.mapViewPop .popCon .infoDiv .otherArea .listDiv .list .txtArea .eng{margin-top:8px; font-size:13px; line-height:17px; color:#000; width:235px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.layerPop.mapViewPop .popCon .infoDiv .otherArea .listDiv .list .txtArea .star{margin-top:7px; height:12px; background:url('../images/hoter_list_starIcon.png') no-repeat left center; overflow:hidden}
.layerPop.mapViewPop .popCon .infoDiv .otherArea .listDiv .list .txtArea .star0{width:0}
.layerPop.mapViewPop .popCon .infoDiv .otherArea .listDiv .list .txtArea .star1{width:14px}
.layerPop.mapViewPop .popCon .infoDiv .otherArea .listDiv .list .txtArea .star2{width:29px}
.layerPop.mapViewPop .popCon .infoDiv .otherArea .listDiv .list .txtArea .star3{width:44px}
.layerPop.mapViewPop .popCon .infoDiv .otherArea .listDiv .list .txtArea .star4{width:58px}
.layerPop.mapViewPop .popCon .infoDiv .otherArea .listDiv .list .txtArea .star5{width:72px}
.layerPop.mapViewPop .popCon .infoDiv .otherArea .listDiv .list .txtArea .addr{margin-top:10px; padding-left:15px; font-weight:300; font-size:12px; line-height:18px; color:#797979; letter-spacing:0; background:url('../images/location_icon.gif') no-repeat left 3px; word-break:keep-all}
.layerPop.mapViewPop .popCon .infoDiv .otherArea .listDiv .list .likeBtn{position:absolute; top:25px; right:15px; width:30px; height:26px; background:url('../images/like_btn.png') no-repeat}
.layerPop.mapViewPop .popCon .infoDiv .otherArea .listDiv .list .likeBtn:before{content:''; position:absolute; top:0; left:0; width:30px; height:26px; background:url('../images/like_btn_on.png') no-repeat; opacity:0; transition:opacity 0.4s cubic-bezier(.55,0,.1,1)}
.layerPop.mapViewPop .popCon .infoDiv .otherArea .listDiv .list .likeBtn.on:before{opacity:1}
.layerPop.mapViewPop .popCon .infoDiv .otherArea .listDiv .list.on{background:#f9fef5}
.layerPop.mapViewPop .popCon .infoDiv .otherArea .listDiv .noDataDiv{border-top:none; border-bottom:none}
.layerPop.mapViewPop .popCon .infoDiv .accorBtn{position:absolute; top:-1px; right:-50px; width:50px; height:50px; background:url('../images/mapFilterPop_accorBtn.png') no-repeat; box-shadow:2px 0 4px 0 rgba(0, 0, 0, 0.15)}
.layerPop.mapViewPop .popCon .infoDiv .accorBtn.on{background:url('../images/mapFilterPop_accorBtn_on.png') no-repeat}
.layerPop.mapFilterPop .popCon{padding:0; overflow-y:hidden}
.layerPop.mapFilterPop .popCon .listArea{position:absolute; top:70px; left:285px; width:490px; height:calc(100% - 70px); height:-webkit-calc(100% - 70px); background:#fff; border-right:1px solid rgba(0, 0, 0, 0.25); z-index:1; box-shadow:2px 0 4px 0 rgba(0, 0, 0, 0.15)}
.layerPop.mapFilterPop .popCon .listArea .loadingDiv{position:absolute; top:80px; left:0; padding:70px 0 20px; width:100%; text-align:center;}
.layerPop.mapFilterPop .popCon .listArea .loadingDiv .txt{margin-top:35px; font-size:17px; line-height:28px; color:#000}
.layerPop.mapFilterPop .popCon .listArea .topD{padding:40px 30px 20px}
.layerPop.mapFilterPop .popCon .listArea .topD:after{content:''; display:block; clear:both}
.layerPop.mapFilterPop .popCon .listArea .topD .allCount{float:left; font-size:17px; color:#000}
.layerPop.mapFilterPop .popCon .listArea .topD .allCount i{font-weight:400; font-size:19px; color:#004d45}
.layerPop.mapFilterPop .popCon .listArea .topD .allCount span{display:inline-block; margin:4px 0 0 5px; vertical-align:top}
.layerPop.mapFilterPop .popCon .listArea .topD .allCount .chkBox{margin-left:12px}
.layerPop.mapFilterPop .popCon .listArea .topD .allCount .chkBox input[type="checkbox"] + label{font-size:13px; color:#797979}
.layerPop.mapFilterPop .popCon .listArea .topD .selectType{position:relative; float:right}
.layerPop.mapFilterPop .popCon .listArea .topD .selectType .oneD{padding:5px 18px 10px 0; font-size:13px; color:#797979; background:url('../images/accor_bIcon_12x7_down.png') no-repeat right 1px top 12px}
.layerPop.mapFilterPop .popCon .listArea .topD .selectType .twoD{display:none; position:absolute; top:29px; right:0; width:200px; background:#fff; border:1px solid #004d45; z-index:2}
.layerPop.mapFilterPop .popCon .listArea .topD .selectType .twoD a{display:block; padding:0 0 0 20px; font-size:14px; line-height:36px; color:#797979}
.layerPop.mapFilterPop .popCon .listArea .topD .selectType .twoD a:hover{background:#f7f7f7}
.layerPop.mapFilterPop .popCon .listArea .topD .selectType.on .oneD{background:url('../images/accor_bIcon_12x7_up.png') no-repeat right 1px top 12px}
.layerPop.mapFilterPop .popCon .listArea .scrollD{position:relative; height:calc(100% - 80px); height:-webkit-calc(100% - 80px); border-top:1px solid #e5e5e5; overflow-y:auto}
.layerPop.mapFilterPop .popCon .listArea .listDiv{position:relative}
.layerPop.mapFilterPop .popCon .listArea .listDiv .list{display:table; position:absolute; padding:21px 25px 20px 30px; width:100%; background:#fff; border-bottom:1px solid #e5e5e5; table-layout:fixed}
.layerPop.mapFilterPop .popCon .listArea .listDiv .list:after{content:''; display:block; clear:both}
.layerPop.mapFilterPop .popCon .listArea .listDiv .list .imgArea{display:table-cell; width:130px; height:154px; vertical-align:top; cursor:pointer}
.layerPop.mapFilterPop .popCon .listArea .listDiv .list .imgArea .thumb{width:100%; height:100%}
.layerPop.mapFilterPop .popCon .listArea .listDiv .list .txtArea{display:table-cell; width:100%; position:relative; padding:0 40px 0 15px; vertical-align:top}
.layerPop.mapFilterPop .popCon .listArea .listDiv .list .txtArea .tagD{display:none}
.layerPop.mapFilterPop .popCon .listArea .listDiv .list .txtArea .title p{padding-top:1px; font-weight:500; font-size:19px; line-height:23px; color:#000; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.layerPop.mapFilterPop .popCon .listArea .listDiv .list .txtArea .eng{margin-top:6px; font-size:13px; line-height:17px; color:#000; padding-right:72px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}/*2021-06-11 수정 padding-right:72px; */
.layerPop.mapFilterPop .popCon .listArea .listDiv .list .txtArea .addr{display:none}
.layerPop.mapFilterPop .popCon .listArea .listDiv .list .txtArea .star{margin-top:6px; height:12px; background:url('../images/hoter_list_starIcon.png') no-repeat left center; overflow:hidden; text-indent:-9999px}
.layerPop.mapFilterPop .popCon .listArea .listDiv .list .txtArea .star0{width:0}
.layerPop.mapFilterPop .popCon .listArea .listDiv .list .txtArea .star1{width:14px}
.layerPop.mapFilterPop .popCon .listArea .listDiv .list .txtArea .star2{width:29px}
.layerPop.mapFilterPop .popCon .listArea .listDiv .list .txtArea .star3{width:44px}
.layerPop.mapFilterPop .popCon .listArea .listDiv .list .txtArea .star4{width:58px}
.layerPop.mapFilterPop .popCon .listArea .listDiv .list .txtArea .star5{width:72px}
.layerPop.mapFilterPop .popCon .listArea .listDiv .list .txtArea .review{display:none}
.layerPop.mapFilterPop .popCon .listArea .listDiv .list .txtArea .iconDiv{display:none}
.layerPop.mapFilterPop .popCon .listArea .listDiv .list .txtArea .infoDiv{}
.layerPop.mapFilterPop .popCon .listArea .listDiv .list .txtArea .priceDiv{position:absolute; bottom:0; right:0; padding-left:10px; width:100%; font-family:'Noto Sans KR'; line-height:1;}
.layerPop.mapFilterPop .popCon .listArea .listDiv .list .txtArea .priceDiv .notiTxt{font-weight:300; font-size:13px; color:#797979; text-align:right}
.layerPop.mapFilterPop .popCon .listArea .listDiv .list .txtArea .priceDiv .basicPrice{margin-top:5px; font-weight:300; font-size:13px; color:#797979; text-align:right}/*2021-06-10수정 원 margin-top:5px;*/
.layerPop.mapFilterPop .popCon .listArea .listDiv .list .txtArea .priceDiv .basicPrice .left{display:inline-block; margin-right:6px}
.layerPop.mapFilterPop .popCon .listArea .listDiv .list .txtArea .priceDiv .basicPrice .right{display:inline-block}
.layerPop.mapFilterPop .popCon .listArea .listDiv .list .txtArea .priceDiv .basicPrice .right i{font-size:13px; text-decoration:line-through}
.layerPop.mapFilterPop .popCon .listArea .listDiv .list .txtArea .priceDiv .staffPrice{margin-top:9px; font-weight:300; font-size:13px; color:#797979; text-align:right}
.layerPop.mapFilterPop .popCon .listArea .listDiv .list .txtArea .priceDiv .staffPrice .left{display:inline-block; margin-right:6px}
.layerPop.mapFilterPop .popCon .listArea .listDiv .list .txtArea .priceDiv .staffPrice .right{display:inline-block}
.layerPop.mapFilterPop .popCon .listArea .listDiv .list .txtArea .priceDiv .staffPrice .right i{font-size:13px; text-decoration:line-through}
.layerPop.mapFilterPop .popCon .listArea .listDiv .list .txtArea .priceDiv .price{display:table; margin-top:6px; width:100%; text-align:right}/* 2021-06-10수정 원 margin-top:10px;*/
.layerPop.mapFilterPop .popCon .listArea .listDiv .list .txtArea .priceDiv .price:after{content:''; display:block; clear:both}
.layerPop.mapFilterPop .popCon .listArea .listDiv .list .txtArea .priceDiv .price .text{display:table-cell; padding-right:8px; width:100%; font-weight:400; font-size:12px; line-height:14px; color:#000; text-align:right; vertical-align:bottom}
.layerPop.mapFilterPop .popCon .listArea .listDiv .list .txtArea .priceDiv .price .text .green{color:#004d45}
.layerPop.mapFilterPop .popCon .listArea .listDiv .list .txtArea .priceDiv .price .text .red{color:#e64949}
.layerPop.mapFilterPop .popCon .listArea .listDiv .list .txtArea .priceDiv .price .won{display:table-cell; font-weight:400; font-size:13px; color:#000; white-space:nowrap; text-align:right; vertical-align:middle}
.layerPop.mapFilterPop .popCon .listArea .listDiv .list .txtArea .priceDiv .price .won i{font-family:'Spoqa'; font-weight:700; font-size:20px; line-height:22px; color:#000}
.layerPop.mapFilterPop .popCon .listArea .listDiv .list .txtArea .priceDiv .soldOutTxt{display:none; padding-right:30px; font-weight:500; font-size:17px; line-height:25px; color:#e64949; text-align:right; background:url('../images/caution_icon25x25.png') no-repeat right center}
.layerPop.mapFilterPop .popCon .listArea .listDiv .list .txtArea .priceDiv.soldOut .notiTxt, .layerPop.mapFilterPop .popCon .listArea .listDiv .list .txtArea .priceDiv.soldOut .basicPrice, .layerPop.mapFilterPop .popCon .listArea .listDiv .list .txtArea .priceDiv.soldOut .staffPrice, .layerPop.mapFilterPop .popCon .listArea .listDiv .list .txtArea .priceDiv.soldOut .price{display:none}
.layerPop.mapFilterPop .popCon .listArea .listDiv .list .txtArea .priceDiv.soldOut .soldOutTxt{display:block}
.layerPop.mapFilterPop .popCon .listArea .listDiv .list .pointrate50{float:left; width:104px; font-size:12px; line-height:20px; letter-spacing:-1px; color:#00696d; text-align:center; border:1px solid rgba(0,77,69,0.7); border-radius:20px; position:absolute; top:60px; right:25px;}/*2021-06-10 추가*/
.layerPop.mapFilterPop .popCon .listArea .listDiv .list .likeBtn{position:absolute; top:25px; right:25px; width:30px; height:26px; background:url('../images/like_btn.png') no-repeat}
.layerPop.mapFilterPop .popCon .listArea .listDiv .list .likeBtn:before{content:''; position:absolute; top:0; left:0; width:30px; height:26px; background:url('../images/like_btn_on.png') no-repeat; opacity:0; transition:opacity 0.4s cubic-bezier(.55,0,.1,1)}
.layerPop.mapFilterPop .popCon .listArea .listDiv .list .likeBtn.on:before{opacity:1}
.layerPop.mapFilterPop .popCon .listArea .listDiv .list .mapBtn{display:none}
.layerPop.mapFilterPop .popCon .listArea .listDiv .list.on{background:#f9fef5}
.layerPop.mapFilterPop .popCon .listArea .listDiv .noDataDiv{border-top:none; border-bottom:none}
.layerPop.mapFilterPop .popCon .listArea .accorBtn{position:absolute; top:-1px; right:-50px; width:50px; height:50px; background:url('../images/mapFilterPop_accorBtn.png') no-repeat; box-shadow:2px 0 4px 0 rgba(0, 0, 0, 0.15)}
.layerPop.mapFilterPop .popCon .listArea .accorBtn.on{background:url('../images/mapFilterPop_accorBtn_on.png') no-repeat}
.layerPop.mapFilterPop .popCon .mapDiv{position:relative; margin-left:285px; width:calc(100% - 285px); width:-webkit-calc(100% - 285px); height:100%}
.layerPop.mapFilterPop .xBt{top:80px; right:10px}

/*2024-04-19 추가*/
.layerPop .popCon .conArea .loginInfo{font-size: 15px; text-align: center;}
.layerPop .popCon .conArea .loginInfo p.note{font-size: 13px; color: #A8A8A8; text-align: center;}
.layerPop .popCon .conArea .loginType{margin-top: 30px; color:#000000; text-align: center;}
.layerPop .popCon .conArea .loginType .tit{font-size: 16px; font-weight: 500; margin-bottom: 10px;}
.layerPop .popCon .conArea .loginType .findId{font-size: 20px; font-weight: 700; color: #004d45; width: 300px; margin: 0 auto; border: 1px solid #e5e5e5; padding: 12px 20px;}
.layerPop .bottomBtnDiv.goLogin .addTxt{font-size: 13px !important; font-weight: 300; margin-top: 15px}

.tripPlanSticky.fixed{position:fixed; top:0; left:0; width:100%; z-index:12}
.tripPlanSticky.fixed .top .tripPlanArea{padding-left:285px; width:100%; background:url('../images/logo_main.png') no-repeat 31px 28px}
.tripPlanSticky.fixed .top .tripPlanArea .browseBox .tabCon .tripPlanCon .infoDiv{width:100%}
.tripPlanSticky.fixed .top .tripPlanArea .browseBox .tabCon .tripPlanCon .infoDiv .info:nth-of-type(1){border-left:1px solid rgba(255, 255, 255, 0.1)}
.tripPlanSticky.fixed .top .tripPlanArea .browseBox .tabCon .tripPlanCon .infoDiv .info.where{width:calc(100% - 1097px); width:-webkit-calc(100% - 1097px)}
.tripPlanSticky.fixed .top .tripPlanArea.hotel .browseBox .tabCon .tripPlanCon .infoDiv .info.search{width:385px}
.listViewD .filterDiv.fixed{position:fixed; top:70px; left:0; margin-right:0; padding-left:20px; padding-right:20px; width:285px; height:calc(100% - 70px); height:-webkit-calc(100% - 70px); z-index:11; background:#fff; overflow-y:auto; border-right:1px solid #a8a8a8}
.listViewD .filterDiv.fixed:before{content:''; position:absolute; left:-20px; }
.listViewD .filterDiv.fixed .titleD{display:none}

.popBubble{}
.popContainer{position:absolute; width:200px; height:0; cursor:auto}
#map{width:100%; height:100%; font-family:'Noto Sans KR'}
#map .popBubble{position:absolute; top:-40px; left:0; transform:translate(-50%, -100%)}
#map .infoPop{}
#map .infoPop .markerThumb{position:relative; padding:21px 25px 21px 25px; width:460px; border-radius:0; border:1px solid rgba(0, 0, 0, 0.25); background:#fff}
#map .infoPop .markerThumb:before{content:''; position:absolute; bottom:-10px; left:50%; margin-left:-10px; width:21px; height:10px; background:url('../images/markerThumb_icon.png') no-repeat}
#map .infoPop .markerThumb:after{content:''; display:block; clear:both}
#map .infoPop .markerThumb .thumb{float:left; width:130px; height:110px}
#map .infoPop .markerThumb .txtArea{float:left; padding:0 0 0 20px; width:275px; font-family:'Noto Sans KR' !important}
#map .infoPop .markerThumb .txtArea .name{padding-top:1px; font-weight:500; font-size:19px; line-height:23px; color:#000; width:215px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
#map .infoPop .markerThumb .txtArea .eng{margin-top:8px; font-size:13px; line-height:17px; color:#000; width:215px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
#map .infoPop .markerThumb .txtArea .star{margin-top:7px; height:12px; background:url('../images/hoter_list_starIcon.png') no-repeat left center; overflow:hidden}
#map .infoPop .markerThumb .txtArea .star0{width:0}
#map .infoPop .markerThumb .txtArea .star1{width:14px}
#map .infoPop .markerThumb .txtArea .star2{width:29px}
#map .infoPop .markerThumb .txtArea .star3{width:44px}
#map .infoPop .markerThumb .txtArea .star4{width:58px}
#map .infoPop .markerThumb .txtArea .star5{width:72px}
#map .infoPop .markerThumb .txtArea .addr{margin-top:10px; padding-left:15px; font-weight:300; font-size:12px; line-height:18px; color:#797979; letter-spacing:0; background:url('../images/location_icon.gif') no-repeat left 3px; word-break:keep-all}
#map .infoPop .markerThumb .likeBtn{position:absolute; top:23px; right:20px; width:30px; height:26px; background:url('../images/like_btn.png') no-repeat}
#map .infoPop .markerThumb .likeBtn:before{content:''; position:absolute; top:0; left:0; width:30px; height:26px; background:url('../images/like_btn_on.png') no-repeat; opacity:0; transition:opacity 0.4s cubic-bezier(.55,0,.1,1)}
#map .infoPop .markerThumb .likeBtn.on:before{opacity:1}
#map .gm-fullscreen-control{display:none}
#map .markerD{position:relative; padding:0 10px; width:auto; height:28px; font-size:13px; line-height:26px; color:#004d45; text-align:center; background:#fff; border:1px solid rgba(0, 0, 0, 0.25)}
#map .markerD i{font-weight:700; font-size:16px}
#map .markerD:before{content:''; position:absolute; top:26px; left:50%; margin-left:-6px; width:11px; height:6px; background:url('../images/markerD_arrow.png') no-repeat}
#map .markerD.on{color:#fff !important; background:#004d45; z-index:3}
#map .markerD.on:before{background:url('../images/markerD_arrow_on.png') no-repeat}
#map .gm-style div{font-family:'Spoqa' !important; font-size:16px !important; color:#004d45 !important}
#map .gm-style p{font-family:'Noto Sans KR' !important;}
#map .gm-style .gm-style-iw-c{padding:0; border-radius:0; max-width:none !important; max-height:none !important; border:1px solid rgba(0, 0, 0, 0.25); box-shadow:0 3px 5px 0 rgba(0, 0, 0, 0.2)}
#map .gm-style .gm-style-iw-t::after{display:none; background:#fff; z-index:1; border-left:1px solid rgba(0, 0, 0, 0.25); border-bottom:1px solid rgba(0, 0, 0, 0.25); box-shadow:none}
#map .gm-style .gm-style-iw-d{overflow:visible !important}
#map .gm-style .gm-style-iw-d .markerThumb{position:relative; padding:21px 25px 21px 25px; width:470px; border-radius:0; background:#fff; table-layout:fixed; }
#map .gm-style .gm-style-iw-d .markerThumb:before{content:''; position:absolute; bottom:-10px; left:50%; margin-left:-10px; width:21px; height:10px; background:url('../images/markerThumb_icon.png') no-repeat}
#map .gm-style .gm-style-iw-d .markerThumb:after{content:''; display:block; clear:both}
#map .gm-style .gm-style-iw-d .markerThumb .thumb{float:left; width:130px; height:154px; cursor:pointer}
#map .gm-style .gm-style-iw-d .markerThumb .thumb .imgD{width:100%; height:100%}
#map .gm-style .gm-style-iw-d .markerThumb .txtArea{position:relative; float:left; padding:0 40px 0 20px; width:290px; height:154px; font-family:'Noto Sans KR' !important; line-height:1}
#map .gm-style .gm-style-iw-d .markerThumb .txtArea .name{padding-top:1px; font-weight:500; font-size:19px; line-height:23px; color:#000; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
#map .gm-style .gm-style-iw-d .markerThumb .txtArea .eng{margin-top:6px; font-size:13px; line-height:17px; color:#000; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
#map .gm-style .gm-style-iw-d .markerThumb .txtArea .star{margin-top:6px; height:12px; background:url('../images/hoter_list_starIcon.png') no-repeat left center; overflow:hidden}
#map .gm-style .gm-style-iw-d .markerThumb .txtArea .star0{width:0}
#map .gm-style .gm-style-iw-d .markerThumb .txtArea .star1{width:14px}
#map .gm-style .gm-style-iw-d .markerThumb .txtArea .star2{width:29px}
#map .gm-style .gm-style-iw-d .markerThumb .txtArea .star3{width:44px}
#map .gm-style .gm-style-iw-d .markerThumb .txtArea .star4{width:58px}
#map .gm-style .gm-style-iw-d .markerThumb .txtArea .star5{width:72px}
#map .gm-style .gm-style-iw-d .markerThumb .txtArea .addr{margin-top:10px; padding-left:15px; font-weight:300; font-size:12px; line-height:18px; color:#797979; letter-spacing:0; background:url('../images/location_icon.gif') no-repeat left 3px; word-break:keep-all}
#map .gm-style .gm-style-iw-d .markerThumb .likeBtn{position:absolute; top:23px; right:25px; width:30px; height:26px; background:url('../images/like_btn.png') no-repeat}
#map .gm-style .gm-style-iw-d .markerThumb .likeBtn:before{content:''; position:absolute; top:0; left:0; width:30px; height:26px; background:url('../images/like_btn_on.png') no-repeat; opacity:0; transition:opacity 0.4s cubic-bezier(.55,0,.1,1)}
#map .gm-style .gm-style-iw-d .markerThumb .likeBtn.on:before{opacity:1}
#map .gm-style .gm-style-iw-d .markerThumb .priceD{position:absolute; bottom:0; right:0; padding-left:20px; width:100%; font-family:'Noto Sans KR' !important; line-height:1;}
#map .gm-style .gm-style-iw-d .markerThumb .priceD .notiTxt{font-weight:300; font-size:13px ! important; color:#797979 ! important; text-align:right}
#map .gm-style .gm-style-iw-d .markerThumb .priceD .basicPrice{margin-top:7px; font-weight:300; font-size:13px ! important; color:#797979 !important; text-align:right}
#map .gm-style .gm-style-iw-d .markerThumb .priceD .basicPrice .left{display:inline-block; margin-right:6px}
#map .gm-style .gm-style-iw-d .markerThumb .priceD .basicPrice .right{display:inline-block}
#map .gm-style .gm-style-iw-d .markerThumb .priceD .basicPrice .right i{font-size:13px; text-decoration:line-through}
#map .gm-style .gm-style-iw-d .markerThumb .priceD .price{display:table; margin-top:10px; width:100%; text-align:right}
#map .gm-style .gm-style-iw-d .markerThumb .priceD .price:after{content:''; display:block; clear:both}
#map .gm-style .gm-style-iw-d .markerThumb .priceD .price .text{display:table-cell; padding-right:10px; width:100%; font-weight:400; font-size:12px; line-height:14px; color:#000; text-align:right; vertical-align:bottom}
#map .gm-style .gm-style-iw-d .markerThumb .priceD .price .text span{}
#map .gm-style .gm-style-iw-d .markerThumb .priceD .price .text .green{color:#004d45}
#map .gm-style .gm-style-iw-d .markerThumb .priceD .price .text .red{color:#e64949}
#map .gm-style .gm-style-iw-d .markerThumb .priceD .price .won{display:table-cell; font-weight:400; font-size:13px; color:#000; white-space:nowrap; text-align:right; vertical-align:middle}
#map .gm-style .gm-style-iw-d .markerThumb .priceD .price .won i{font-family:'Spoqa'; font-weight:700; font-size:19px; color:#000}
#map .gm-style .gm-style-iw-d .markerThumb .priceD .soldOutTxt{display:none; padding-right:30px; font-weight:500; font-size:17px; line-height:25px; color:#e64949; text-align:right; background:url('../images/caution_icon25x25.png') no-repeat right center}
#map .gm-style .gm-style-iw-d .markerThumb .priceD.soldOut .notiTxt, #map .gm-style .gm-style-iw-d .markerThumb .priceD.soldOut .basicPrice, #map .gm-style .gm-style-iw-d .markerThumb .priceD.soldOut .staffPrice, #map .gm-style .gm-style-iw-d .markerThumb .priceD.soldOut .price{display:none}
#map .gm-style .gm-style-iw-d .markerThumb .priceD.soldOut .soldOutTxt{display:block}
#map .gm-style .gm-style-iw-t .gm-ui-hover-effect{display:none !important}

.layerPop .xBt{position:absolute; top:24px; right:30px}
.layerPop.picPop .xBt{right:40px}
.layerPop.mapViewPop .xBt{top:20px; right:20px}

.layerPop.schedule{width:902px}
.layerPop.schedule .popCon{padding:24px 0 0}
.layerPop.chargeInfo{width:880px}
.layerPop.chargeRule{/* width:540px */ width:600px;}
.layerPop.entryRule{width:512px}
.layerPop.reservGuide{width:672px}
.layerPop.lodgeType{width:512px; height:472px; z-index:13}
.layerPop.locaType{width:686px; height:600px; z-index:13}
.layerPop.loca2{width:686px}
.layerPop.serviceType{width:512px; height:472px; z-index:13}
.layerPop.brandType{width:512px; height:472px; z-index:13}
.layerPop.txtPop{width:540px}
.layerPop.cancelPop{width:540px}
.layerPop.editPop{width:820px}
.layerPop.guidePop{width:820px}
.layerPop.peoplePickPop{width:880px}
.layerPop.certifiPop{width:820px}
.layerPop.enterprisePop{width:740px; min-height:200px}
.layerPop.enterprisePop .popCon .popTit{line-height:1}
.layerPop.w512{width:512px}
.layerPop.w540{width:540px}
.layerPop.w756{width:756px}
.layerPop.w820{width:820px}
.layerPop.w860{width:860px}
.layerPop.w896 {width:896px;}
.layerPop.w900{width:900px}
.layerPop.w1000{width:1000px}
.layerPop.w1014 {width:1014px;}

/* 테이블 레이아웃 */
.tableDiv{position:relative}
.tableDiv .loadingIcon{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%)}
.tableDiv .tableTop{position:relative; margin-bottom:15px}
.tableDiv .tableTop:after{content:''; display:block; clear:both}
.tableDiv .tableTop .count{float:left; font-size:17px; line-height:18px; color:#000}
.tableDiv .tableTop .count i{font-weight:700; font-size:19px; color:#004d45}
.tableDiv .tableTop .chkList{float:right; text-align:right}
.tableDiv .tableTop .chkList .chkBox{text-align:left; margin-left:17px}
.tableDiv .tableTop .chkList .chkBox:first-child{margin-left:0}
.tableDiv .tableTop .chkList .chkBox label{font-size:13px}
.tableDiv .tableTop .selectType{position:relative; float:right}
.tableDiv .tableTop .selectType .oneD{padding:5px 18px 10px 0; font-size:13px; color:#797979; background:url('../images/accor_bIcon_12x7_down.png') no-repeat right 1px top 12px}
.tableDiv .tableTop .selectType .twoD{display:none; position:absolute; top:29px; right:0; width:200px; background:#fff; border:1px solid #004d45; z-index:1}
.tableDiv .tableTop .selectType .twoD a{display:block; padding:0 0 0 20px; font-size:14px; line-height:36px; color:#797979}
.tableDiv .tableTop .selectType .twoD a:hover{background:#f7f7f7}
.tableDiv .tableTop .selectType.on .oneD{background:url('../images/accor_bIcon_12x7_up.png') no-repeat right 1px top 12px}
.tableDiv .tableTop .btnD{position:absolute; bottom:0; right:0}
.tableDiv .tableTop .btnD:after{content:''; display:block; clear:both}
.tableDiv .tableTop .btnD a{float:left; width:116px; height:35px; font-weight:500; font-size:16px; line-height:35px; color:#fff; text-align:center; background:#004d45}
.tableDiv .tableBottom{position:relative; margin-top:30px}
/* 테이블 내 총 결제금액 부분 */
.tableDiv table tbody tr.totalCostArea {background:#fafafa}
.tableDiv table tbody tr.totalCostArea td.totalTxt {padding:28px 20px 30px 25px; text-align:left; vertical-align:bottom}
.tableDiv table tbody tr.totalCostArea td.totalTxt .txt {font-size:21px; color:#000;}
.tableDiv table tbody tr.totalCostArea td.totalTxt .txt .gry {display:block; margin-top:8px; font-size:14px; color:#797979; font-weight:300}
.tableDiv table tbody tr.totalCostArea td.totalPrice {padding:28px 20px 30px 25px; text-align:right; vertical-align:bottom}
.tableDiv table tbody tr.totalCostArea td.totalPrice .price1 {font-size:13px; color:#004d45}
.tableDiv table tbody tr.totalCostArea td.totalPrice .price1 .txt {display:inline-block; font-size:14px;}
.tableDiv table tbody tr.totalCostArea td.totalPrice .price1 .toolIcon {display:inline-block; padding:0 8px 0 2px;}
.tableDiv table tbody tr.totalCostArea td.totalPrice .price1 .boldNum {display:inline-block; font-size:24px; font-weight:700; color:#004d45}
.tableDiv table tbody tr.totalCostArea td.totalPrice .price2 {display:inline-block; margin-top:12px; font-size:13px; color:#004d45}
.tableDiv table tbody tr.totalCostArea td.totalPrice .price2 .txt {display:inline-block; padding-right:10px; font-size:14px;}
.tableDiv table tbody tr.totalCostArea td.totalPrice .price2 .boldNum {font-size:28px; font-weight:700; color:#000}
/* 호텔상세 테이블 */
.tbStyle1{}
.tbStyle1 table{width:100%; border-top:2px solid #000; border-bottom:1px solid #c8c8c8; table-layout:fixed; word-break:keep-all}
.tbStyle1 table thead th{padding:25px 0; font-size:18px; line-height:28px; color:#000; text-align:left; background:#fff; border-top:1px solid #e5e5e5; vertical-align:top; word-break:keep-all}
.tbStyle1 table tbody th{padding:25px 0; font-size:18px; line-height:28px; color:#000; text-align:left; background:#fff; border-top:1px solid #e5e5e5; vertical-align:top; word-break:keep-all}
.tbStyle1 table tbody tr:first-child th, .tbStyle1 table tbody tr:first-child td{border-top:none}
.tbStyle1 table td{padding:25px 0; font-weight:300; font-size:16px; line-height:28px; color:#666; text-align:left; background:#fff; border-top:1px solid #e5e5e5; vertical-align:top; word-break:keep-all}
.tbStyle1 table td .dotList:after{content:''; display:block; clear:both}
.tbStyle1 table td .dotList li{position:relative; float:left; margin-right:60px; width:300px; color:#666; background:url('../images/dot3x3.gif') no-repeat left 10px}
.tbStyle1 table td .dotList li:nth-child(3n){margin-right:0}
.tbStyle1 table td .dotList li:nth-child(n+4){margin-top:4px}
.tbStyle1 table td .checkTime{padding-top:10px}
.tbStyle1 table td .checkTime:after{content:''; display:block; clear:both}
.tbStyle1 table td .checkTime .check{float:left; padding:0 15px 0 105px; width:420px}
.tbStyle1 table td .checkTime .check .txt{font-weight:500; font-size:18px; line-height:35px; color:#797979}
.tbStyle1 table td .checkTime .check .time{display:block; font-weight:400; font-size:22px; line-height:35px}
.tbStyle1 table td .checkTime .check.in{background:url('../images/checkIn_icon.png') no-repeat left center}
.tbStyle1 table td .checkTime .check.in .time{color:#004d45}
.tbStyle1 table td .checkTime .check.out{background:url('../images/checkOut_icon.png') no-repeat left center}
.tbStyle1 table td .checkTime .check.out .time{color:#000}
.tbStyle1 table td .checkTime .txtD{float:left; padding-top:70px; width:140px; font-size:13px; line-height:1; color:#797979; text-align:right}
.tbStyle1 table td .age i{font-weight:700; font-size:18px}
.tbStyle1 table td .pay img{margin-right:7px}
.tbStyle1 table td .pay img:last-child{margin-right:7px}
.tbStyle1 table td .line{margin-top:20px}
.tbStyle1 table td .line:first-child{margin-top:0}
.tbStyle1 table td strong{display:block; font-weight:500; font-size:17px; color:#797979}
.tbStyle1 table td .iconD .tit{margin-bottom:10px; font-weight:300; font-size:17px; color:#000}
.tbStyle1 table td .iconD .tit img{margin:4px 7px 0 0}
.tbStyle1 table td .iconD .titList:after{content:''; display:block; clear:both}
.tbStyle1 table td .iconD .titList .list{float:left; margin-right:60px; width:210px; font-weight:300; font-size:16px; line-height:26px; color:#666}
.tbStyle1 table td .iconD .titList .list:nth-child(4n){margin-right:0}
.tbStyle1 table td .iconD .titList .list:nth-child(4n+1){clear:both}
.tbStyle1 table td .iconD .titList .list:nth-child(n+5){margin-top:10px}
.tbStyle1 table td .link{font-size:15px; color:#00696d; text-decoration:underline}
/* 호텔상세 - 호텔정보 */
.tbStyle1.thLine table{border-top:none}
.tbStyle1.thLine table thead tr th{position:relative; padding:20px 50px 12px 0; font-weight:500; font-size:18px; line-height:1; color:#555; text-align:left; border-top:none}
.tbStyle1.thLine table thead tr th:last-child{padding:20px 0 12px}
.tbStyle1.thLine table thead tr th:after{content:''; display:block; position:absolute; bottom:0; left:0; width:216px; height:2px; background:#000}
.tbStyle1.thLine table thead tr td{padding:15px 50px 35px 0; font-size:16px; line-height:24px; color:#666; border-top:none; border-bottom:1px solid #e5e5e5}
.tbStyle1.thLine table thead tr td:last-child{padding:15px 0 35px}
/* //호텔상세 - 호텔정보 */

/* 호텔예약 */
.tbStyle2{}
.tbStyle2.linkD td{cursor:pointer}
.tbStyle2.noMove th{vertical-align:top; padding-top:27px}
.tbStyle2.bdT{border-top:2px solid #000}
.tbStyle2 table{width:100%; border-bottom:1px solid #797979; table-layout:fixed; word-break:keep-all}
.tbStyle2 table thead th{padding:20px 15px 19px; font-weight:300; font-size:15px; color:#000; text-align:center; background:#fff; border-bottom:1px solid #c8c8c8; vertical-align:middle; word-break:keep-all}
.tbStyle2 table tbody th{padding:1px 15px 0; font-weight:300; font-size:15px; line-height:22px; color:#000; text-align:left; background:#fff; border-bottom:1px solid #e5e5e5; vertical-align:middle; word-break:keep-all}
.tbStyle2 table thead th.titleTh{padding:26px 15px; font-size:21px; line-height:22px; color:#004d45; text-align:left; background:#f9f9f9; vertical-align:middle; word-break:keep-all}
.tbStyle2 table thead th.titleTh .state{font-weight:400}
.tbStyle2 table thead th.titleTh .state b{font-weight:500}
.tbStyle2 table thead th.titleTh .state b i{font-weight:700; font-size:22px}
.tbStyle2 table thead th.titleTh .state span{margin:0 5px; font-weight:400; font-size:18px; color:#c8c8c8}
.tbStyle2 table thead th.pa5 {padding:20px 5px 19px}
.tbStyle2 table thead th.pa0 {padding:20px 0px 19px}
.tbStyle2 table thead th.paR35 {padding-right:35px}
.tbStyle2 table thead th.paL35 {padding-left:35px}
.tbStyle2.taC thead th, .tbStyle2.taC tbody th, .tbStyle2.taC tbody td{text-align:center}
.tbStyle2 table th .essenTit{position:relative; color:#000}
.tbStyle2 table th .essenTit:before{content:'*'; position:absolute; top:0; left:-9px; font-size:16px; color:#e64949}
.tbStyle2 table th .toolIcon{display:inline-block; margin-top:3px; vertical-align:top}
.tbStyle2 table tbody tr:last-child th, .tbStyle2 table tbody tr:last-child td{border-bottom:none}
.tbStyle2.vaT tbody td{padding:15px 5px; vertical-align:top}
.tbStyle2.vaT tbody td.pa15 {padding:15px;}
.tbStyle2.vaT tbody td .btnD{width:100%; text-align:center}
.tbStyle2.vaT15 tbody td{padding:15px; vertical-align:top}
.tbStyle2.vaT table tbody th {padding:30px 15px; vertical-align:top}
.tbStyle2.vaT tbody td .timeCount + .btnD {width:auto}
.tbStyle2.vaT tbody td.pa15 {padding:15px}
.tbStyle2.vaT table td.longT {padding:0 0 15px 100px;}
.tbStyle2.vaT table td.longT2 {padding:0 0 15px 15px;}
.tbStyle2.vaT table td.longT2 .inputArea select {margin-left:14px}
.tbStyle2 table td{padding:15px; font-size:17px; line-height:45px; color:#000; text-align:left; background:#fff; border-bottom:1px solid #e5e5e5; vertical-align:middle; word-break:keep-all}
.tbStyle2 table td.pa5 {padding:15px 5px}
.tbStyle2 table td.pa0 {padding:15px 0px}
.tbStyle2 table td.pab0 {padding-bottom:0}
.tbStyle2 table td.redT{color:#e64949}
.tbStyle2 table td.light{font-weight:300}
.tbStyle2 table td.t2 {padding:40px 15px; line-height:26px;}
.tbStyle2 table td.t3 {line-height:26px;} /* 예치금 추가개발 추가 - 2021-03-15 */
.tbStyle2 table td.ellip {padding-right:95px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
.tbStyle2 table td.blkBold {border-bottom:1px solid #797979}
.tbStyle2 table td.virT {vertical-align:top}
.tbStyle2 table td.wbBa {word-break:break-all; line-height:45px}
.tbStyle2 table td.wbBa.type2{line-height:25px}
.tbStyle2 table td.smallTxt {font-size:15px; font-weight:300}
.tbStyle2 table td.widthdrawal{padding:30px 10px; line-height:18px; background:#f4f4f4; text-align:center}
.tbStyle2 table td.widthdrawal .chkBox input[type="checkbox"] + label{font-size:17px; color:#000}
.tbStyle2 table td.fs15 {font-size:15px;}
.tbStyle2 table td.nobdB {border-bottom:0}
.tbStyle2 table td.pdT0 {padding-top:0}
.tbStyle2 table td.longT {padding:0 0 15px 100px;}
.tbStyle2 table td.longT2 {padding:0 0 15px 15px;}
.tbStyle2 table td .ml25{margin-left:25px}
.tbStyle2 table td .addNoti.mt5 {margin-top:5px}
.tbStyle2 table td .bold{font-weight:500; font-size:18px}
.tbStyle2 table td .essenTit{position:relative; font-size:17px; line-height:45px; color:#000}
.tbStyle2 table td .essenTit:before{content:'*'; position:absolute; top:0; left:-9px; font-size:16px; color:#e64949}
.tbStyle2 table #ezwelwfpoint th, .tbStyle2 table #ezwelwfpoint td{background:#f9fef5;}/*2023-03-13 추가*/
.tbStyle2 table td .inputArea.ezPointChe + .inputArea.ezPointChe{margin-top: 10px;}/*2023-03-13 추가*/
.tbStyle2 table td .inputArea.ezPointTotal{margin-top:10px; padding-top:10px; border-top:1px solid #e5e5e5;}/*2023-03-13 추가*/
.tbStyle2 table td .inputArea:after{content:''; display:block; clear:both}
.tbStyle2 table td .inputArea.hdcdSelc{padding-top:10px;}/*2021-05-12추가*/
.tbStyle2 table td .inputArea input{float:left; margin-left:10px; padding:0 15px; height:45px; font-size:15px; color:#000; border:1px solid #c8c8c8}
.tbStyle2 table td .inputArea input.disabled{background:#f4f4f4; color:#797979;}
.tbStyle2 table td .inputArea.mail input[readonly], .tbStyle2 table td .inputArea.mail input[readonly="readonly"]{background:#fff}
.tbStyle2 table td .inputArea input.bold{font-size:19px; font-weight:700; color:#000;}
.tbStyle2 table td .inputArea input.taR.bold, .tbStyle2 table td .inputArea input.taR.bold{color:#000 !important}
.tbStyle2 table td .inputArea select{float:left; margin-left:10px; padding:0 45px 0 15px; height:45px; font-size:15px; color:#000; border:1px solid #a8a8a8}
.tbStyle2 table td .inputArea select.disabled {color:#797979; background:#f4f4f4 url('../images/selectD_open.gif') no-repeat right 17px top 50%}
.tbStyle2 table td .inputArea input:first-child, .tbStyle2 table td .inputArea select:first-child{margin-left:0}
.tbStyle2 table td .inputArea textarea{padding:10px 18px; width:100%; height:105px; font-size:15px; line-height:22px; color:#000; resize:none}
.tbStyle2 table td .inputArea textarea.h185{height:185px}
.tbStyle2 table td .inputArea .radioBox.square input[type="radio"] + label{font-size:16px;color:#c8c8c8;}
.tbStyle2 table td .inputArea .radioBox02.square input[type="radio"] + label{font-size:16px;color:#c8c8c8;}
.tbStyle2 table td .inputArea input.maL5:first-child {margin-left:0}
.tbStyle2 table td .inputArea select.maL5:first-child {margin-left:0}
.tbStyle2 table td .inputArea .w40{width:40px}
.tbStyle2 table td .inputArea .w76{width:76px}
.tbStyle2 table td .inputArea .w86{width:86px}
.tbStyle2 table td .inputArea .w120{width:120px}
.tbStyle2 table td .inputArea .w130{width:130px}
.tbStyle2 table td .inputArea .w134{width:134px}
.tbStyle2 table td .inputArea .w140{width:140px}
.tbStyle2 table td .inputArea .w150{width:150px}
.tbStyle2 table td .inputArea .w157{width:157px}
.tbStyle2 table td .inputArea .w178{width:178px}
.tbStyle2 table td .inputArea .w180{width:180px}
.tbStyle2 table td .inputArea .w190{width:190px}
.tbStyle2 table td .inputArea .w200{width:200px}
.tbStyle2 table td .inputArea .w220{width:220px}
.tbStyle2 table td .inputArea .w227{width:227px}
.tbStyle2 table td .inputArea .w236{width:236px}
.tbStyle2 table td .inputArea .w240{width:240px}
.tbStyle2 table td .inputArea .w250{width:250px}
.tbStyle2 table td .inputArea .w320{width:320px}
.tbStyle2 table td .inputArea .w350{width:350px}
.tbStyle2 table td .inputArea .w360{width:360px}
.tbStyle2 table td .inputArea .w380{width:380px}
.tbStyle2 table td .inputArea .w408{width:408px}
.tbStyle2 table td .inputArea .w445{width:445px}
.tbStyle2 table td .inputArea .w450{width:450px}
.tbStyle2 table td .inputArea .w470{width:470px}
.tbStyle2 table td .inputArea .w700{width:700px}
.tbStyle2 table td .inputArea .w100p{width:100%}
.tbStyle2 table td .inputArea input[type="text"]:disabled {font-weight:500; color:#797979; background:#f2f2f2; }
.tbStyle2 table td .inputArea .space{float:left; margin-left:10px; font-size:16px; line-height:45px; color:#797979}
.tbStyle2 table td .inputArea .essenTit{float:left}
.tbStyle2 table td .inputArea .chkBox{float:left; margin-left:30px; line-height:45px}
.tbStyle2 table td .inputArea .chkBox:first-child{margin-left:0}
.tbStyle2 table td .inputArea .chkBox input[type="checkbox"] + label{font-size:16px; color:#000}
.tbStyle2 table td .inputArea .chkBox.single {float:none; width:100%}
.tbStyle2 table td .inputArea .chkBox.single label {width:18px; height:18px; padding-left:0}
.tbStyle2 table td .inputArea .radioBox{float:left; margin-left:30px; line-height:45px}
.tbStyle2 table td .inputArea .radioBox02{float:left; margin-left:30px; line-height:38px}/*2021-06-10수정*/
.tbStyle2 table td .inputArea .radioBox:first-child{margin-left:0}
.tbStyle2 table td .inputArea .radioBox02:first-child{margin-left:0}/*2021-06-10수정*/
.tbStyle2 table td .inputArea .radioBox input[type="radio"] + label{font-size:16px; color:#000}
.tbStyle2 table td .inputArea .radioBox02 input[type="radio"] + label{font-size:16px; color:#000}/*2021-06-10수정*/
.tbStyle2 table td .inputArea .radioBox.square {margin-left:-1px}
.tbStyle2 table td .inputArea .radioBox.square:first-child {margin-left:0px}
.tbStyle2 table td .inputArea .staffDc{position:relative; float:left; margin-top:15px; margin-left:14px; padding-left:11px; font-size:14px; line-height:16px; color:#888}
.tbStyle2 table td .inputArea .staffDc:before{content:''; position:absolute; top:2px; left:0; width:1px; height:15px; background:#ddd}
.tbStyle2 table td .inputArea .staffDc i{font-weight:700; font-size:16px; color:#e64949}
.tbStyle2 table td .inputArea input + .btnD{float:left; margin-left:10px}
.tbStyle2 table td .inputArea input + .btnD a{float:left}
.tbStyle2 table td .inputArea input + .btnD2{float:left; margin-left:10px}
.tbStyle2 table td .inputArea input + .btnD2 a{float:left}
.tbStyle2 table td .inputArea input.num {font-family: 'Spoqa';}
.tbStyle2 table td .inputArea input.maL5 {margin-left:5px}
.tbStyle2 table td .inputArea select + .btnD{float:left; margin-left:10px}
.tbStyle2 table td .inputArea select + .btnD a{float:left}
.tbStyle2 table td .inputArea select + .btnD2{float:left; margin-left:10px}
.tbStyle2 table td .inputArea select + .btnD2 a{float:left}
.tbStyle2 table td .inputArea select.maL5 {margin-left:5px}
/* .tbStyle2 table td .inputArea select.num {font-family: 'Spoqa';} */
.tbStyle2 table td .inputArea select option i {font-family: 'Spoqa';}
.tbStyle2 table td .inputArea select.disabled {background:#f4f4f4 url('../images/selectD_open.gif') no-repeat right 17px top 50%}
.tbStyle2 table td .inputArea .radioBox + .btnD{float:left; margin-left:8px}
.tbStyle2 table td .inputArea .radioBox02 + .btnD{float:left; margin-left:8px}/*2021-06-10수정*/
.tbStyle2 table td .inputArea .text{float:left; margin-left:10px; font-size:15px; line-height:45px; color:#000}
.tbStyle2 table td .inputArea .ezwelPointType{float:left; margin-left:10px; font-size:15px; line-height:45px; color:#797979; width: 70px;}/*2023-03-13 추가*/
.tbStyle2 table td .inputArea .text + .btnD{float:left; margin-left:30px}
.tbStyle2 table td .inputArea .text + .btnD:after{content:''; display:block; clear:both}
.tbStyle2 table td .inputArea .text + .btnD a{float:left}
.tbStyle2 table td .inputArea .text + .chkBox input[type="checkbox"] + label{font-size:14px; color:#797979}
.tbStyle2 table td .inputArea.ezPointChe .chkBox input[type="checkbox"] + label{font-size:14px; color:#797979}/*2023-03-13 추가*/
.tbStyle2 table td .inputArea .btnD + .chkBox input[type="checkbox"] + label{font-size:14px; color:#797979}
.tbStyle2 table td .inputArea .btnD + .chkBox input[type="checkbox"] + label span{font-size:16px; color:#e64949}
.tbStyle2 table td .inputArea .btnD + .chkBox input[type="checkbox"] + label span i{font-weight:700}
.tbStyle2 table td .inputArea .inputTit {float:left; padding-left:100px; padding-right:7px; font-size:15px; font-weight:300}
.tbStyle2 table td .inputArea .inputTit.t2 {padding-left:172px; padding-right:10px}
.tbStyle2 table td .inputArea .inputTit:nth-of-type(1) {padding-left:0;}
.tbStyle2 table td .inputArea .calendarD{position:relative; float:left}
.tbStyle2 table td .inputArea .calendarD:after{content:''; display:block; clear:both}
.tbStyle2 table td .inputArea .calendarD div{position:relative; float:left; padding:0 35px 0 20px; width:220px; height:45px; font-family:'Spoqa'; font-size:15px; line-height:43px; color:#000; text-align:left; background:#fff; border:1px solid #c8c8c8}
.tbStyle2 table td .inputArea .calendarD input{float:left; padding:0 35px 0 20px; width:220px; height:45px; font-family:'Spoqa'; font-size:15px; line-height:43px; color:#000; text-align:left; }
.tbStyle2 table td .inputArea .calendarD input[readonly], .tbStyle2 table td .inputArea .calendarD input[readonly="readonly"]{background:#fff}
.tbStyle2 table td .inputArea .calendarD span{float:left; width:20px; font-family:'Spoqa'; font-size:16px; line-height:45px; color:#797979; text-align:center}
.tbStyle2 table td .inputArea .calendarD .btn{position:absolute; top:10px; right:10px; padding:5px; width:24px; height:25px; background:url('../images/date_icon.gif') no-repeat center}
.tbStyle2 table td .inputArea .name {font-size:17px; line-height:45px; color:#000;}
.tbStyle2 table td .inputArea .chkSelect .chkBox + select {background:#f4f4f4 url('../images/selectD_open.gif') no-repeat right 17px top 50%}
.tbStyle2 table td .inputArea .chkSelect .chkBox.on + select {background:#fff url('../images/selectD_open.gif') no-repeat right 17px top 50%}
.tbStyle2 table td .inputArea.requestList .chkBox{margin-left:0; margin-right:30px}
.tbStyle2 table td .inputArea.requestList .chkBox:last-child{margin-right:0}
.tbStyle2 table td .inputArea.requestList select{margin-left:0; margin-right:10px}
.tbStyle2 table td .inputArea.choiceTab .radioBox{position:relative; float:left; margin-left:-1px}
.tbStyle2 table td .inputArea.choiceTab .radioBox input[type="radio"]{display:none;}
.tbStyle2 table td .inputArea.choiceTab .radioBox input[type="radio"] + label{padding-left:0; width:72px; height:45px; font-size:15px; line-height:43px; color:#c8c8c8; text-align:center; border:1px solid #c8c8c8}
.tbStyle2 table td .inputArea.choiceTab .radioBox input[type="radio"] + label:after{display:none}
.tbStyle2 table td .inputArea.choiceTab .radioBox input[type="radio"]:checked + label{font-weight:500; color:#00696d; border:1px solid #00696d; z-index:1}
.tbStyle2 table td .inputArea.hPoint .btnD{margin-left:0; width:auto}
.tbStyle2 table td .inputArea.hPoint input{display:none}
.tbStyle2 table td .inputArea.hPoint .text{display:none}
.tbStyle2 table td .inputArea.hPoint .chkBox{display:none}
.tbStyle2 table td .inputArea.hPoint .staffDc{display:none}
.tbStyle2 table td .chkList:after{content:''; display:block; clear:both}
.tbStyle2 table td .chkList .chkBox{float:left; margin-left:0; width:20%; line-height:18px;}
.tbStyle2 table td .chkList .chkBox:nth-child(n+6){margin-top:20px}
.tbStyle2 table td .notiT{margin-top:10px; font-weight:300; font-size:13px; line-height:1; color:#797979}
.tbStyle2 table td .addNoti{margin-top:10px; font-weight:300; font-size:13px; line-height:22px; color:#797979}
.tbStyle2 table td .addNoti.w360{width:360px}
.tbStyle2 table td .addNoti span{color:#e64949; white-space:nowrap}
.tbStyle2 table td .addNoti span.guide {color:#797979}
.tbStyle2 table td .addNoti b{font-weight:700}
.tbStyle2 table td .errorT{margin-top:5px; font-weight:300; font-size:13px; line-height:18px; color:#e64949}
.tbStyle2 table td .btnD{display:inline-block; line-height:1}
.tbStyle2 table td .btnD a{display:inline-block; margin:0 1px; min-width:64px; height:40px; font-size:17px; text-align:center}
.tbStyle2 table td .btnD a.gBt{font-weight:500; line-height:40px; color:#fff; background:#004d45}
.tbStyle2 table td .btnD a.gBt.t2{width:65px; height:45px; line-height:45px}
.tbStyle2 table td .btnD a.gyBt{padding:0 16px; font-weight:500; line-height:40px; color:#fff; background:#777}
.tbStyle2 table td .btnD a.gyBt.t2 {display:block; height:45px; min-width:75px; padding:0 12px; font-size:17px; font-weight:400; line-height: 45px; color:#fff; background:#9e9e9e;}
.tbStyle2 table td .btnD a.gLBt{padding:0 15px; height:45px; line-height:43px; color:#004d45; border:1px solid #004d45}
.tbStyle2 table td .btnD a.grayBt{width:85px; height:45px; line-height:45px; color:#fff; background:#9e9e9e}
.tbStyle2 table td .btnD a.grayBt02{width:75px; height:38px; line-height:38px; color:#fff; background:#9e9e9e}/*2021-05-12추가*/
.tbStyle2 table td .btnD a.greenBt{width:85px; height:45px; font-weight:500; line-height:45px; color:#fff; background:#004d45}
.tbStyle2 table td .btnD a:first-child{margin-left:0}
.tbStyle2 table td .btnD a:last-child{margin-right:0}
.tbStyle2 table td .btnD a.greenLineBt{padding:0 10px; height:30px; font-weight:300; font-size:15px; line-height:28px; color:#00696d; text-align:center; border:1px solid rgba(0, 77, 69, 0.4)}
.tbStyle2 table td .btnD a.greenLineBt.t2 {width:114px; height:auto; margin:7px 0 0; padding:4px 5px; font-size:15px; line-height:18px;}
.tbStyle2 table td .btnD a.greenLineBt.t2:first-child {margin-top:0;}
.tbStyle2 table td .btnD a.greenLineBt.t2:nth-of-type(2) {border:1px solid #000; color:#000;}
.tbStyle2 table td .btnD a.grayBgBt{display:inline-block; margin:0 1px; width:56px; height:30px; font-weight:300; font-size:15px; line-height:30px; color:#fff; text-align:center; background:#9e9e9e;}
.tbStyle2 table td .btnD a.greenBgBt{padding:0 15px; height:45px; line-height:43px; color:#004d45; background:#fff; border:1px solid rgba(0,77,69,0.5)}
.tbStyle2 table td .btnD a.blackBt{width:85px; height:45px; line-height:45px; color:#fff; background:#000}
.tbStyle2 table td .btnD2:after{content:''; display:block; clear:both}
.tbStyle2 table td .btnD2 a{float:left; margin:0 1px; padding:0 20px; min-width:64px; height:45px; font-weight:400; font-size:17px; line-height:45px; color:#fff; text-align:center; background:#9e9e9e}
.tbStyle2 table td .people{line-height:45px; text-align:center}
.tbStyle2 table td .people.hasChk{line-height:1;}
.tbStyle2 table td .people .chkBox{margin-top:8px}
.tbStyle2 table td .people .chkBox input[type="checkbox"] + label{font-size:13px; color:#797979}
.tbStyle2 table td .idTxt {font-size:28px; font-family:'Spoqa'; font-weight:400; color:#004d45; line-height:1;}
.tbStyle2 table td .addNoti.attach {display:inline-block; vertical-align:middle; margin:-2px 0 0 15px; padding-left:16px; text-indent:-16px;}
.tbStyle2 table td .checkWayD .radioBox {margin-left:40px;}
.tbStyle2 table td .checkWayD .radioBox:first-child {margin-left:0;}
.tbStyle2 table td .checkWayD .radioBox input[type="radio"] + label {font-size:16px; line-height:30px; color:#000;}
.tbStyle2 table td .phoneBt {display:block; width:350px; height:45px; background:#004d45; text-align:center;}
.tbStyle2 table td .phoneBt span {padding-left:23px; font-weight:500; font-size:15px; color:#fff; background:url("../images/phone_icon.png") no-repeat left center;}
.tbStyle2 table td .abbr{color:#000}
.tbStyle2 table + table{margin-top:-1px; border-top:1px solid #000}
.tbStyle2 table + table thead tr:first-child th{border-top:none}
.tbStyle2 table tr.pointCerti th{background:#fafafa}
.tbStyle2 table tr.pointCerti td{background:#fafafa}
.tbStyle2 table tr.pointCerti td .inputArea .timeDiv{position:relative; float:left; width:220px; height:45px; background:#fff}
.tbStyle2 table tr.pointCerti td .inputArea .timeDiv input{width:100%; padding-right:100px}
.tbStyle2 table tr.pointCerti td .inputArea .timeDiv i{position:absolute; top:0; right:20px; font-size:15px; color:#e64949}
.tbStyle2 table tr.pointCerti td .inputArea .timeDiv + .btnD{float:left; margin-left:10px}
.tbStyle2 table tr.pointCerti td .inputArea .timeDiv + .btnD:after{content:''; display:block; clear:both}
.tbStyle2 table tr.pointCerti td .inputArea .timeDiv + .btnD a{float:left; margin-left:0; margin-right:5px}

.tbStyle2 table td .inputArea .chkRcmdCd{margin-left:10px; float:left; padding:0 16px; font-weight:500; line-height:45px; background:#9e9e9e}
.tbStyle2 table td .inputArea .chkRcmdCd #rcmdCdCheck{color:white;}

/* 마이페이지 - 예약내역상세 - 투숙객정보 테이블 */
.tbStyle3 table{width:100%; border-bottom:1px solid #797979; table-layout:fixed; word-break:keep-all}
.tbStyle3 table thead th{padding:16px 15px 16px; font-size:16px; color:#000; text-align:left; background:#fff; border-top:1px solid #c8c8c8; vertical-align:middle; word-break:keep-all}
.tbStyle3 table tbody th{padding:1px 15px 0; font-weight:300; font-size:15px; line-height:22px; color:#000; text-align:left; background:#fff; border-top:1px solid #e5e5e5; vertical-align:middle; word-break:keep-all}
.tbStyle3 table th.titleTh{padding:26px 15px; font-weight:500; font-size:21px; line-height:22px; color:#000; text-align:left; background:#fff; vertical-align:middle; word-break:keep-all}
.tbStyle3 table th.titleTh i{font-weight:700}
.tbStyle3 table th.titleTh span{display:block; margin-top:15px; font-weight:300; font-size:15px}
.tbStyle3 table th.titleTh span i{font-weight:300}
.tbStyle3 table td{padding:12px 15px; font-size:17px; line-height:24px; color:#000; text-align:left; background:#fff; border-top:1px solid #e5e5e5; vertical-align:middle; word-break:keep-all}
.tbStyle3 table tr:first-child th, .tbStyle3 table tr:first-child td{border-top:none}
.tbStyle3.taC table thead th{text-align:center}
.tbStyle3.taC table tbody th{text-align:center}
.tbStyle3.taC table td{text-align:center}

/* 마이페이지 - 국제선결제완료 - 결제 금액 정보 테이블 */
.tbStyle5 table{width:100%; table-layout:fixed; word-break:keep-all}
.tbStyle5 table tbody tr:first-child td {padding-top:15px;}
.tbStyle5 table tbody tr:last-child td {padding-bottom:25px;}
.tbStyle5 table thead th {padding:16px 15px; font-size:14px; color:#797979; border-bottom:1px solid #e5e5e5;}
.tbStyle5 table thead tr th:first-child {padding-left:30px;}
.tbStyle5 table tbody tr td:first-child {padding-left:30px;}
.tbStyle5 table tbody tr td {padding:3px 15px; font-size:15px; line-height:21px; color:#000; text-align:center}
.flexD .tbStyle5 table thead tr th:last-child {padding-right:30px;}
.flexD .tbStyle5 table tbody tr td:last-child {padding-right:30px;}

/* borderType1 */
.borderType1 {border-top:2px solid #000; border-bottom:1px solid #797979}
.borderType1.noBorT {border-top:0}
.borderType1.borT1 {border-top:1px solid #000;}
.borderType1 table {table-layout:fixed}
.borderType1 table thead tr {border-bottom:1px solid #c8c8c8}
.borderType1 table thead th {padding:15px 15px 14px; text-align:center; color:#000; font-size:15px; font-weight:300}
.borderType1 table thead th.pa5 {padding:5px;}
.borderType1 table thead th.pa15 {padding-left:15px; padding-right:15px;}
.borderType1 table thead th.paR30 {padding-right:30px;}
.borderType1 table thead th.paR36 {padding-right:36px;}
.borderType1 table thead th.paL30 {padding-left:30px;}
.borderType1 table tbody tr {border-bottom:1px solid #e5e5e5}
.borderType1 table tbody tr.drkBorder {border-bottom:1px solid #797979}
.borderType1 table tbody td {height:75px; word-break:break-all; min-height:75px; padding:16px 15px; text-align:center; color:#000; font-size:17px; line-height:26px;}
.borderType1 table tbody td.pa5 {padding:5px;}
.borderType1 table tbody td.pa15 {padding-left:15px; padding-right:15px;}
.borderType1 table tbody td.paR30 {padding-right:30px;}
.borderType1 table tbody td.paL30 {padding-left:30px;}
.borderType1 table tbody td.last {font-size:19px;}
.borderType1 table tbody td.last .small {font-size:13px}
.borderType1 table tbody td .small {font-size:12px}
.borderType1 table tbody td i {font-weight:700}
.borderType1 table tbody td .lit {font-weight:300}
.borderType1 table tbody .totalBox {border-bottom:0; background:#fafafa;}
.borderType1 table tbody .totalBox .totalTxt {padding:25px; padding-top:23px; font-size:21px; color:#000; vertical-align:bottom; text-align:left;}
.borderType1 table tbody .totalBox .totalTxt.pa15 {padding:25px 15px;}
.borderType1 table tbody .totalBox .totalTxt .gry {display:inline-block; margin-top:4px; font-size:14px; font-weight:300; color:#797979;}
.borderType1 table tbody .totalBox .totalPrice {vertical-align:bottom; padding:25px; padding-right:20px; min-height:auto; height:auto; text-align:right; font-size:13px; color:#000;}
.borderType1 table tbody .totalBox .totalPrice.pa15 {padding:25px 15px;}
.borderType1 table tbody .totalBox .totalPrice span {display:inline-block;}
.borderType1 table tbody .totalBox .totalPrice .redgreen {padding-bottom:8px; font-size:13px; color:#004d45;}
.borderType1 table tbody .totalBox .totalPrice .redgreen .toolIcon {position:relative; /* top:5px;  padding:0 10px 0 3px; */}
.borderType1 table tbody .totalBox .totalPrice .redgreen .toolIcon img {position:relative; top:5px}
.borderType1 table tbody .totalBox .totalPrice .redgreen .boldNum {padding-left:10px; font-size:24px; font-weight:700}
.borderType1 table tbody .totalBox .totalPrice .redgreen .txt {font-size:14px; padding-right:3px;}
.borderType1 table tbody .totalBox .totalPrice .redgreen .txt i {font-size:15px; font-weight:700}
.borderType1 table tbody .totalBox .totalPrice .price {font-size:13px; color:#000;}
.borderType1 table tbody .totalBox .totalPrice .price .txt {padding-right:15px; font-size:14px;}
.borderType1 table tbody .totalBox .totalPrice .price .boldNum {font-size:28px; font-weight:700}
.borderType1.pa5 table tbody td {padding:16px 5px;}


@media print{
	@page a4sheet {size:21.0cm 29.7cm; margin:10px}
	html{page:a4sheet; page-break-after:always; margin:0; padding:0; width:100%}
	body {page:a4sheet; page-break-after:always; margin:0; padding:0; print-color-adjust:exact; width:100%; margin:0; padding:0}
	#wrap{zoom:0.7; page-break-after:always; margin:0; padding:0; min-width:none}
	.layerPop .popCon .conArea{padding:30px 20px 0; width:100%; height:100%; overflow:visible}
	.layerPop .popCon .conArea .popTabCon{padding:0}
	.layerPop .popCon .conArea .flexD{display:block}
	.layerPop .popCon .conArea .flexD:after{content:''; display:block; clear:both}
	.layerPop .popCon .conArea .flexD .flexCon{float:left; width:calc(50% - 15px); width:-webkit-calc(50% - 15px)}
	.layerPop .popCon .conArea .tableD4 table th{padding:5px 13px 4px; font-size:13px; line-height:18px}
	.layerPop .popCon .conArea .tableD4 table td{padding:10px 23px 9px; font-size:15px; line-height:28px}
	.layerPop .popCon .conArea .tableD4 table td .reserveN{font-size:17px}
	.layerPop .popCon .conArea .paymentSumDiv .dcDetailArea .flexD{display:table; width:100%}
	.layerPop .popCon .conArea .paymentSumDiv .dcDetailArea .flexD .detailBox{display:table-cell; width:665px; vertical-align:middle}
	.layerPop .popCon .conArea .paymentSumDiv .dcDetailArea .flexD .dcBox{display:table-cell; width:330px; vertical-align:middle}
	.layerPop .popCon .conArea:after{display:none}

	.flightResWrap .flightInfoDiv .scheduleInfo .scheduleTit .direction{font-size:18px; background:none; padding-left:0}
	.flightResWrap .flightInfoDiv .scheduleInfo .scheduleTit .direction .icon{margin-right:4px}
	.flightResWrap .flightInfoDiv .scheduleInfo .scheduleTit .place{font-size:18px}
	.flightResWrap .flightInfoDiv .scheduleInfo .scheduleTable thead th{padding:12px 13px 11px; font-size:13px}
	.flightResWrap .flightInfoDiv .scheduleInfo .scheduleTable tbody td{padding:17px 13px; height:106px; font-size:17px}
	.flightResWrap .flightInfoDiv .scheduleInfo .scheduleTable tbody td .airComTb .airComName .name{font-size:18px}
	.flightResWrap .flightInfoDiv .scheduleInfo .scheduleTable tbody td .airComTb .airComName .name .fNum{font-size:20px}
	.flightResWrap .flightInfoDiv .scheduleInfo .scheduleTable tbody td.term .journey{font-size:17px; padding-bottom:10px}
	.flightResWrap .flightInfoDiv .scheduleInfo .scheduleTable tbody td.term{font-size:14px}
	.flightResWrap .flightInfoDiv .scheduleInfo .scheduleTable tbody td.term i{font-size:16px}
	.flightResWrap .flightInfoDiv .scheduleInfo .scheduleTable tbody td.sit{font-size:15px}
	.layerPop .popCon .conArea .flightResWrap .flightInfoDiv .scheduleInfo .scheduleTable tbody td.language{font-size:15px}

	.footer.print{margin-top:50px; padding:30px 20px 50px}
	.footer.print .topD{float:none; border-bottom:none; padding-bottom:0}
	.footer.print .topD .inquiryD{float:none}
	.footer.print .topD .inquiryD p{float:none; background:none; padding-left:0; line-height:19px}
	.footer.print .topD .inquiryD p img{margin-right:6px}
	.footer.print .topD .inquiryD div{float:none; }
}
/* *************************** 2022 추가개발 ******************************** */
.noteTxt {padding-left: 20px; text-indent: -20px;} /* 2022-11-01 추가 */
/*.footer .topD .inquiryD {width:650px;} 2025-05-26 숨김처리*/
.footer .topD .inquiryD .packChat {font-size:14px;}

.termsDiv.etcDiv .termTitle {border-bottom:none;}
.termsDiv.etcDiv .topBox .tit {font-weight:400; line-height:1.2;}
.termsDiv.etcDiv .topBox .tit span {font-weight:700;}

.termsDiv.etcDiv .accorD .list{position:relative; border-bottom:1px solid #e5e5e5;}
.termsDiv.etcDiv .accorD .list:last-child{border-bottom:1px solid #797979;}
.termsDiv.etcDiv .accorD .list .topD{position:relative; padding:17px 54px 17px 10px; border-top:1px solid #a8a8a8;}
.termsDiv.etcDiv .accorD .list .topD:after{content:''; display:block; clear:both}
.termsDiv.etcDiv .accorD .list .topD .listTit{float:left; font-size:15px; line-height:18px; color:#000;}
.termsDiv.etcDiv .accorD .list .topD .listTit .redT{color:#e64949;}
.termsDiv.etcDiv .accorD .list .topD .chkBox{float:right;}
.termsDiv.etcDiv .accorD .list .topD .open{position:absolute; top:50%; right:0; transform:translateY(-50%); width:34px; height:28px; background:url('../images/down_grayIcon_14x8.png') no-repeat center;}
.termsDiv.etcDiv .accorD .list .bottomD{display:none; overflow-y:auto; max-height:330px; padding:25px 30px; background:#fafafa; font-size:14px; line-height:30px; color:#797979; border-top:1px solid #e5e5e5;}
.termsDiv.etcDiv .accorD .list .bottomD .tit{margin:25px 0 10px; font-size:15px; color:#797979; font-weight:500;}
.termsDiv.etcDiv .accorD .list .bottomD .tit:first-child{margin:0;}
.termsDiv.etcDiv .accorD .list .bottomD .txt .dot {margin-top:10px; padding-left:12px; background:url('../images/dot3x3.gif') no-repeat left 13px;}
.termsDiv.etcDiv .accorD .list .bottomD .txt .dot:first-child {margin-top:0;}
.termsDiv.etcDiv .accorD .list .bottomD .txt .space {padding-left:14px;}
.termsDiv.etcDiv .accorD .list .bottomD .txt .descTit {margin-top:15px; font-weight:600;}
.termsDiv.etcDiv .accorD .list .bottomD .txt .descTxt, .termsDiv.etcDiv .accorD .list .bottomD .txt .descWrap {margin-bottom:20px;}
.termsDiv.etcDiv .accorD .list .bottomD .txt .descWrap > ul > li {margin:5px 0;}
.termsDiv.etcDiv .accorD .list .bottomD .txt .descWrap span {display:block; margin-left:12px;}
.termsDiv.etcDiv .accorD .list.on .topD .listTit{font-weight:500;}
.termsDiv.etcDiv .accorD .list.on .topD .open{background:url('../images/up_grayIcon_14x8.png') no-repeat center;}

.viewDiv .bottomArea .contD .section .packageInfo .thumbInfo{position:relative; margin-bottom:50px}
.viewDiv .bottomArea .contD .section .packageInfo .thumbInfo .thumbD{width:1280px; height:600px}
.viewDiv .bottomArea .contD .section .packageInfo .thumbInfo .infoD{position:absolute; bottom:-30px; right:0; padding:50px; width:600px; height:230px; background:#fff; word-break:keep-all}
.viewDiv .bottomArea .contD .section .packageInfo .thumbInfo .infoD .name{font-weight:500; font-size:30px; color:#000}
.viewDiv .bottomArea .contD .section .packageInfo .tel{display:inline-block; padding-left:20px; background:url('../images/packageInfo_tel_icon.gif') no-repeat left center}
.viewDiv .bottomArea .contD .section .packageInfo .fax{display:inline-block; padding-left:25px; margin-left:28px; background:url('../images/hotelInfo_fax_icon.gif') no-repeat left center}

.reserveInfoDiv .section .contD .packageInfo{margin-top:30px; border:1px solid #c9dfb7} /* 2022-08-05 수정 */
.reserveInfoDiv .section .contD .packageInfo .topD{padding:40px 50px 35px; background:#f9fef5; border-bottom:1px dashed #c9dfb7; text-align:center}
.reserveInfoDiv .section .contD .packageInfo .topD .productCode {float:right; margin-top:-5px; margin-bottom:15px; color:#80a79b; font-size:15px;} /* 2022-10-04 추가 */
.reserveInfoDiv .section .contD .packageInfo .topD .txtArea{display:inline-block}
.reserveInfoDiv .section .contD .packageInfo .topD .txtArea .tit{line-height:1.3; font-weight:500; font-size:37px; color:#004d45}
.reserveInfoDiv .section .contD .packageInfo .topD .txtArea .eng{margin-top:15px; font-size:18px; color:#004d45}
.reserveInfoDiv .section .contD .packageInfo .topD .txtArea .addr{display:inline-block; position:relative; margin-top:7px; padding-left:15px; font-weight:300; text-align:left; font-size:13px; line-height:18px; color:#80a79b; letter-spacing:0; background:url('../images/location_green_icon.gif') no-repeat left top 2px}
.reserveInfoDiv .section .contD .packageInfo .bottomD{text-align:center}
.reserveInfoDiv .section .contD .packageInfo .bottomD{padding:27px 0}
.reserveInfoDiv .section .contD .packageInfo .bottomD .check{display:inline-block; font-size:15px; line-height:30px; color:#797979; vertical-align:bottom}
.reserveInfoDiv .section .contD .packageInfo .bottomD .check span{display:inline-block; margin-left:16px; font-size:19px; color:#000; vertical-align:bottom}
.reserveInfoDiv .section .contD .packageInfo .bottomD .check span i{font-size:22px}
.reserveInfoDiv .section .contD .packageInfo .bottomD .state{display:inline-block; position:relative; margin:0 120px; padding:0 9px; height:30px; font-weight:700; font-size:15px; line-height:28px; color:#004d45; text-align:center; border:1px solid rgba(0,77,69,0.7); vertical-align:bottom}
.reserveInfoDiv .section .contD .packageInfo .bottomD .state i{margin-right:1px; font-size:16px}
.reserveInfoDiv .section .contD .packageInfo .bottomD .state:before{content:''; position:absolute; top:15px; left:-109px; width:109px; height:1px; background:rgba(0,77,69,0.7)}
.reserveInfoDiv .section .contD .packageInfo .bottomD .state:after{content:''; position:absolute; top:15px; right:-109px; width:109px; height:1px; background:rgba(0,77,69,0.7)}
.reserveInfoDiv .section .paymentNoti, .reserveViewDiv .section .paymentNoti {margin-top:15px; font-size:13px; color:#e64949;} /* 2022-10-28 추가 */

.tbStyle2.packageInfoTb table tbody th, .tbStyle2.packageInfoTb table tbody td {padding:25px 15px; line-height:1.4;}
.tbStyle2.packageInfoTb table tbody th {vertical-align:initial;}

.reserveInfoDiv .section .contD .noticeDiv .list.noScroll .topD {display:flex; padding:23px 0;}
.reserveInfoDiv .section .contD .noticeDiv .list.noScroll .topD .listTit {float:initial; width:135px; font-weight:500;}
.reserveInfoDiv .section .contD .noticeDiv .list.noScroll .topD .listDesc {font-weight:500; color:#000;}
.reserveInfoDiv .section .contD .noticeDiv .list .txt > p:first-of-type {margin-bottom:10px;}

.tooltip .dot {padding-left:7px; background:url("../images/dot3x3.gif") no-repeat left 7px;}

.layerPop .popCon .conArea .tableD2 table td .inputArea.choiceTab a.red.on {border:1px solid #e64949; color:#e64949;}
.layerPop .popCon .conArea .tableD2 table td .inputArea.birth .txt {float:left; margin-left:30px; font-weight:300; font-size:13px; line-height:45px; color:#797979}

.payInfoD.packagePay table th .clear .tit2 {width:158px;}
.payInfoD.packagePay table th .clear .price2 {width:calc(100% - 158px); width:-webkit-calc(100% - 158px);}

.myPageDiv.moreList .topDiv .inner {display:flex; justify-content:space-between;}
.myPageDiv.moreList .topDiv .title {width:initial;}
.myPageDiv.moreList .topDiv .infoD {display:flex; width:initial; margin-left:auto;}
.myPageDiv.moreList .topDiv .infoD .couponD .list {width:108px;}
.myPageDiv.moreList .topDiv .infoD .pointD .list .point.large {margin-top:58px;}
.myPageDiv.moreList .topDiv .infoD .pointD .list .point.large i {margin-right: 2px; font-size: 40px;line-height: 40px;}
.myPageDiv.moreList .contDiv .contentD .subMainD .reserveList, .myPageDiv.moreList .contDiv .contentD .subMainD .myCardList {height:350px;}

.myPageDiv.moreList .contDiv .contentD .reserveChkDiv .listDiv > .text {margin-top:10px; font-size:14px; color:#e64949;}
.myPageDiv.moreList .contDiv .contentD .reserveChkDiv .listDiv .listD .list .infoDiv .detailInfo .name p {white-space:initial; text-overflow:initial; line-height:1.4;}
.myPageDiv.moreList .contDiv .contentD .reserveChkDiv .listDiv .listD .list .infoDiv .detailInfo .price .cancel {text-decoration:line-through; color:#797979;}
.myPageDiv.moreList .contDiv .contentD .reserveChkDiv .listDiv .listD .list .infoDiv .detailInfo .price .cancel i {margin-bottom:4px; font-size:17px; font-weight:initial; text-decoration:line-through;}

.myPageDiv.moreList .contDiv .contentD .reserveViewDiv .reserveStateD .topArea .productCode {float:right; color:#004d45;}
.myPageDiv.moreList .contDiv .contentD .reserveViewDiv .reserveStateD > .btnDiv {display:flex; justify-content:end; margin-top:10px;}
.myPageDiv.moreList .contDiv .contentD .reserveViewDiv .reserveStateD .cancelBtn {position:initial; width:initial; margin-right:20px; padding:0 15px; background-color:#000; color:#fff; font-size: 17px;}
.myPageDiv.moreList .contDiv .contentD .reserveViewDiv .reserveStateD .productDetail {height:45px; padding:0 15px; line-height:45px; text-align:center; background-color:#004d45; color:#fff;}
.myPageDiv.moreList .reserveViewDiv .section .devide {float:left; width:475px;}
.myPageDiv.moreList .reserveViewDiv .section .devide:nth-of-type(2) {margin-left:35px;}
.myPageDiv.moreList .payInfoD table th .clear .tit2 {width:151px;}
.myPageDiv.moreList .payInfoD table th .clear .price2 {width:calc(100% - 151px); width:-webkit-calc(100% - 152px);}
.myPageDiv.moreList .viewBtn.cancelDetail {display:block; width:100px; height:30px; border:1px solid #00696d; color:#00696d; line-height:30px; font-size:15px;}

/* 2022-11-01 추가 */
.myPageNotiTxt .tit02{font-size:18px; color:#000000; position:relative;}
.myPageNotiTxt .tit02:after{content: ''; height:1px; background:#000000; position: absolute; top:50%; left:250px; right:0; }
.myPageNotiTxt .dotListSt02{margin-top:15px; color:#333333;}
.myPageNotiTxt .dotListSt02 p{line-height:28px; letter-spacing: -1px; background:url('../images/dot3x3.gif') no-repeat left 12px; padding-left:10px; }
.myPageNotiTxt .dotListSt02 p span.right{float:right;}
.myPageNotiTxt .dotListSt02 dl{font-weight:500; line-height:24px; margin:6px 0 0 10px; zoom:1;}
.myPageNotiTxt .dotListSt02 dl:after{content: ''; clear: both; display: block;}
.myPageNotiTxt .dotListSt02 dl dt{float: left;}
.myPageNotiTxt .dotListSt02 dl dd{float: left; margin-left:6px}
.myPageNotiTxt .dotListSt02 ul li{font-weight:300; line-height:24px; margin:6px 0 0 10px;}
.myPageNotiTxt .dotListSt02 .billPromoInfo li{text-indent:-8px; padding-left:8px;}
.myPageNotiTxt .dotListSt02 .billPromoInfo li a{text-decoration:underline;}
/* // 2022-11-01 추가 */

.layerPop.packagePop .popCon .conArea {padding:30px 30px 0;}
.layerPop.packagePop .popCon .conArea .reserveInfoD .topD .name {line-height:1.4;}
.layerPop.packagePop .payInfoD table th .clear .tit2 {width:151px;}
.layerPop.packagePop .payInfoD table th .clear .price2 {width:calc(100% - 151px); width:-webkit-calc(100% - 152px);}

.promotionWrap .contConWrap .noDataDiv {border-top:none;}

.promotionWrap.noBg:before {display:none;}
.promotionWrap.noBg .rollBannerDiv .swiper-container {height:initial;}
.promotionWrap.noBg .rollBannerDiv .indiDiv {bottom:10px; right:20px;}
.promotionWrap.noBg .rollBannerDiv .indiDiv .pagination, .promotionWrap.noBg .rollBannerDiv .indiDiv .pagination .total {color:#000;}
.promotionWrap.noBg .bannerSns .snsBox {background:none;}

.promotionWrap.noBg .inner.noMg {width:100%;}
.promotionWrap.noBg .inner.noMg .bannerSns {width:1280px; margin:0 auto 28px;}
.promotionWrap .bannerImg .textBox,
.promotionWrap.noBg .bannerImg .textBox {width:1280px; left:50%; bottom:50%; transform:translate(-50%, 50%);}
.promotionWrap .bannerImg .textBox .tit,
.promotionWrap.noBg .bannerImg .textBox .tit {padding-left:80px;}
.promotionWrap .bannerTxt,
.promotionWrap.noBg .bannerTxt {font-size:60px; line-height:1.2; font-weight:300; letter-spacing:-4px; color:#000;}
.promotionWrap .bannerTxt .mid,
.promotionWrap.noBg .bannerTxt .mid {font-weight:500;}

.promotionWrap .airListType4 {display:flex; flex-wrap:wrap; justify-content:space-between; margin:60px 0 80px;}
.promotionWrap .airListType4 .list {width:calc(50% - 10px); margin-right:20px; margin-bottom:20px;}
.promotionWrap .airListType4 .list:nth-of-type(2n) {margin-right:0;}
.promotionWrap .airListType4 .txtBox {display:flex; flex-direction:column; justify-content:center; background-color:#004d45; color:#fff; text-align:center;}
.promotionWrap .airListType4 .txtBox .listTit {margin-bottom:20px; font-size:35px;}
.promotionWrap .airListType4 .txtBox .listTxt {line-height:1.4; font-size:17px;}

.promotionWrap .airListType5 {margin:60px 0 80px;}
.promotionWrap .airListType5 .list {display:flex; justify-content:space-between; align-items:center; width:100%; margin-top:100px;}
.promotionWrap .airListType5 .list:first-child {margin-top:0;}
.promotionWrap .airListType5 .list.imgRight {flex-direction:row-reverse;}
.promotionWrap .airListType5 .list .imgBox {position:relative; width:640px; height:390px; overflow:hidden;}
.promotionWrap .airListType5 .list .imgBox.imgResize.reverse img {height:100%;}
.promotionWrap .airListType5 .list .textBox {width:640px; margin-left:100px;}
.promotionWrap .airListType5 .list.imgRight .textBox {margin-left:0; margin-right:100px;}
.promotionWrap .airListType5 .list.imgLeft .imgBox {box-shadow:-60px 30px 1px rgba(229, 229, 229);}
.promotionWrap .airListType5 .list.imgRight .imgBox {box-shadow:60px 30px 1px rgba(229, 229, 229);}
.promotionWrap .airListType5 .list .textBox .type {display:inline-block; padding:8px 16px; background-color:#000; color:#fff;}
.promotionWrap .airListType5 .list .textBox .name {margin-top:17px; font-size:33px; font-weight:500; color:#000000; letter-spacing:-4px; line-height:1.3;}
.promotionWrap .airListType5 .list .textBox .info {margin:25px 0;}
.promotionWrap .airListType5 .list .textBox .keywords {color:#000;}
.promotionWrap .airListType5 .list .textBox .keywords:before {content:""; display:inline-block; width:40px; height:1px; margin-right:10px; background-color:#000; vertical-align:middle;}

.promotionWrap .htlListType4 {display:flex; flex-wrap:wrap; width:1280px; margin:65px auto 0;}
.promotionWrap .htlListType4 .tabListCon .contConWrap .contCon {margin-top:40px;}
.promotionWrap .htlListType4 .tabListCon .contConWrap .contCon .listDiv {margin-top:40px;}
.promotionWrap .htlListType4 .tabListCon .contConWrap .contCon .listDiv li {width:calc(33.3333% - 20px); margin:0 20px 0 0; padding:70px 0 0; border-top:0;}
.promotionWrap .htlListType4 .tabListCon .contConWrap .contCon .listDiv li:first-of-type,
.promotionWrap .htlListType4 .tabListCon .contConWrap .contCon .listDiv li:nth-of-type(2),
.promotionWrap .htlListType4 .tabListCon .contConWrap .contCon .listDiv li:nth-of-type(3) {padding:0;}
.promotionWrap .htlListType4 .tabListCon .contConWrap .contCon .listDiv li:nth-child(3n+3) {margin:0;}
.promotionWrap .htlListType4 .tabListCon .contConWrap .contCon .listDiv .list .img {position:relative; width:100%; height:275px; overflow:hidden;}
.promotionWrap .htlListType4 .tabListCon .contConWrap .contCon .listDiv .list .tit {margin-top:20px; font-size:23px; line-height:1; font-weight:500; color:#000; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.promotionWrap .htlListType4 .tabListCon .contConWrap .contCon .listDiv .list .imgResize img {width:100%; height:auto;}

.promotionWrap .htlListType5 {width:1280px; margin:65px auto 0;}
.promotionWrap .htlListType5 .recoDiv {position:relative;}
.promotionWrap .htlListType5 .recoDiv .tit {position:relative; margin:100px 0 40px;}
.promotionWrap .htlListType5 .recoDiv .tit:before {content:""; display:block; position:absolute; bottom:0; left:0; width:100%; height:2px; background-color:#000;}
.promotionWrap .htlListType5 .recoDiv .tit span {display:inline-block; position:relative; padding-right:10px; font-size:40px; font-weight:300; color:#000; background:#fff; letter-spacing:-3.5px;}
.promotionWrap .htlListType5 .recoDiv .tit span strong {font-weight:500;}
.promotionWrap .htlListType5 .recoDiv .recoList {display:flex; flex-wrap:wrap;}
.promotionWrap .htlListType5 .recoDiv .recoList li {width:calc(33.3333% - 20px); margin:0 20px 0 0; padding:70px 0 0;}
.promotionWrap .htlListType5 .recoDiv .recoList li:first-of-type,
.promotionWrap .htlListType5 .recoDiv .recoList li:nth-of-type(2),
.promotionWrap .htlListType5 .recoDiv .recoList li:nth-of-type(3) {padding:0;}
.promotionWrap .htlListType5 .recoDiv .recoList lii:nth-child(3n+3) {margin:0;}
.promotionWrap .htlListType5 .recoDiv .recoList li .list .img {position:relative; width:100%; height:275px; overflow:hidden;}
.promotionWrap .htlListType5 .recoDiv .recoList li .list .txtBox {margin-top:20px;}
.promotionWrap .htlListType5 .recoDiv .recoList li .list .txtBox .tit {margin-top:20px; font-size:23px; line-height:1; font-weight:500; color:#000; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.promotionWrap .htlListType5 .recoDiv .recoList li .list .txtBox .tit:before {display:none}
/* 2022-09-21 수정 s */
.myPageDiv .contDiv .contentD .noticeList .noticeList{margin:60px auto 0}
.myPageDiv .contDiv .contentD .noticeList .boardDiv{border-top:2px solid #000}
.myPageDiv .contDiv .contentD .noticeList .boardDiv .list{display:table; padding:23px 0; width:100%; border-bottom:1px solid #e5e5e5; table-layout:fixed}
.myPageDiv .contDiv .contentD .noticeList .boardDiv .list:last-child{border-bottom:1px solid #c8c8c8}
.myPageDiv .contDiv .contentD .noticeList .boardDiv .list .type{display:table-cell; padding:0 5px; width: 65px; font-weight:300; font-size:17px; line-height:23px; color:#000; text-align:center; vertical-align:middle}
.myPageDiv .contDiv .contentD .noticeList .boardDiv .list .route{display:table-cell; padding:2px 15px; width:225px; font-weight:300; font-size:17px; color:#000; text-align:center; vertical-align:middle; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
.myPageDiv .contDiv .contentD .noticeList .boardDiv .list .title{display:table-cell; padding:0 15px; width:400px; font-weight:300; font-size:17px; line-height:23px; color:#000; text-align:left; vertical-align:middle; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; border-bottom: 0;}
.myPageDiv .contDiv .contentD .noticeList .boardDiv .list .date{display:table-cell; padding:0 15px; width:200px; font-family:'Spoqa'; font-weight:300; font-size:15px; line-height:23px; color:#000; text-align:center; vertical-align:middle}
.myPageDiv .contDiv .contentD .noticeList .boardDiv .list .state{display:table-cell; padding:0 10px; width:95px; font-weight:300; font-size:17px; line-height:23px; color:#e64949; text-align:center; vertical-align:middle}.myPageDiv .contDiv .contentD .noticeList .boardDiv .noDataDiv{border-top:none}
.myPageDiv .contDiv .contentD .noticeList .boardDiv.noDataDiv{border-top:1px solid #c8c8c8}
/* // 2022-09-21 수정 e */

/* 2022-11-01 추가 */
.myPageDiv .contDiv .contentD .hdCardDcDiv .cardIntroduceDiv .list .twinTableD .wide{width:478px;}/*2022-11-30 수정width:100%; 삭제float:left; margin-top:35px;*/
/*.myPageDiv .contDiv .contentD .hdCardDcDiv .cardIntroduceDiv .list .twinTableD .wide:nth-child(2){margin-left:29px;} 2022-12-02 숨김처리*/
.myPageDiv .contDiv .contentD .hdCardDcDiv .cardIntroduceDiv .list .twinTableD .wide .title{margin-bottom:18px; font-size:26px; color:#000;}
.myPageDiv .contDiv .contentD .hdCardDcDiv .cardIntroduceDiv .list .twinTableD .wide .title i{margin-left:4px; font-size:13px; color:#797979; letter-spacing:0;}
.myPageDiv .contDiv .contentD .hdCardDcDiv .cardIntroduceDiv .list .twinTableD .wide table{border-top:2px solid #000;}
.myPageDiv .contDiv .contentD .hdCardDcDiv .cardIntroduceDiv .list .twinTableD .wide table thead th{padding:17px 0; font-weight:300; font-size:15px; color:#000; text-align:center; border-bottom:1px solid #c8c8c8; vertical-align:middle;}
.myPageDiv .contDiv .contentD .hdCardDcDiv .cardIntroduceDiv .list .twinTableD .wide table tbody th{padding:25px 21px; text-align:left; color:#000; border-bottom:1px solid #e5e5e5; vertical-align:middle;}
.myPageDiv .contDiv .contentD .hdCardDcDiv .cardIntroduceDiv .list .twinTableD .wide table tbody th .icon{padding-left:50px; font-size:17px; line-height:31px; color:#004d45; text-align:center;}
.myPageDiv .contDiv .contentD .hdCardDcDiv .cardIntroduceDiv .list .twinTableD .wide table tbody th .icon.afterDc{background:url('../images/cardIntroduceDiv_icon_afterDc.png') no-repeat left center;}/*2022-11-30 수정 background 70px 삭제*/
.myPageDiv .contDiv .contentD .hdCardDcDiv .cardIntroduceDiv .list .twinTableD .wide table tbody th .icon.mPoint{background:url('../images/cardIntroduceDiv_icon_mPoint.png') no-repeat left center;}/*2022-11-30 수정 background 70px 삭제*/
.myPageDiv .contDiv .contentD .hdCardDcDiv .cardIntroduceDiv .list .twinTableD .wide table tbody th .icon.cardR{background:url('../images/cardIntroduceDiv_icon_cardR.png') no-repeat left center;}/*2022-11-30 수정 background 70px 삭제*/
.myPageDiv .contDiv .contentD .hdCardDcDiv .cardIntroduceDiv .list .twinTableD .wide table tbody td{padding:25px 0px; font-size:18px; color:#000; text-align:center; border-bottom:1px solid #e5e5e5; vertical-align:middle; position: relative;}
.myPageDiv .contDiv .contentD .hdCardDcDiv .cardIntroduceDiv .list .twinTableD .wide table tbody td p.no{color:#c8c8c8;}
.myPageDiv .contDiv .contentD .hdCardDcDiv .cardIntroduceDiv .list .twinTableD .wide table tbody td i{font-size:15px;}
.myPageDiv .contDiv .contentD .hdCardDcDiv .cardIntroduceDiv .list .twinTableD .wide table tbody td i span{margin-right:4px; font-size:24px;}
.myPageDiv .contDiv .contentD .hdCardDcDiv .cardIntroduceDiv .list .twinTableD .wide table tbody td p{display: inline-block; text-align: center; width:75px;}
.myPageDiv .contDiv .contentD .hdCardDcDiv .cardIntroduceDiv .list .twinTableD .wide table tbody td p.note{font-size:13px; text-align:center; width:159px; display:block; position: absolute; bottom:10px;}
.myPageDiv .contDiv .contentD .hdCardDcDiv .cardIntroduceDiv .list .twinTableD .wide p {line-height:1.5;}
.myPageDiv .contDiv .contentD .hdCardDcDiv .cardIntroduceDiv .list .twinTableD .wide .noteTxt {margin-top:12px;}
/* // 2022-11-01 추가 */

/* 2022-09-29 추가 */
.reserveInfoDiv .section .contD .noticeDiv .list.noScroll .topD .listDesc a {color: #000; text-decoration: underline;}

/* 2022-11-03 추가 */
.fixArea .contD .dcList .list .name, .fixArea .contD .dcList .list .discount {color: #797979;}
.fixArea .bottomD {padding: 0 19px 25px;}
.fixArea .paymentNoti {margin-top: 10px; font-size: 13px; line-height: 20px; color: #797979;}
/* // 2022-11-03 추가 */