@charset 'UTF-8';
@import url('/comm/kt.css');
@font-face {
  font-family: 'ns';
  font-style: normal;
  font-weight: 400;
  src: url('/comm/font/NotoSansKR-Regular.eot');
  src: url('/comm/font/NotoSansKR-Regular.eot?#iefix') format('embedded-opentype'),
       url('/comm/font/NotoSansKR-Regular.woff') format('woff');
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {padding: 0; margin: 0;  font: inherit; font-size: 100%; vertical-align: baseline; border: 0;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block;}
body { font-family: '돋움', dotum; line-height: 1;}
ol, ul { list-style: none;}
.empty, blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none;}
blockquote, q { quotes: none;}
table { border-spacing: 0; border-collapse: collapse;}
table caption { display: none;}

.clearfix { *zoom: 1;}
.clearfix:after { display: block; clear: both; content: '';}
input, select, textarea, button { vertical-align: middle;}
.mobile table { border-spacing: 0; border-collapse: collapse;}
.mobile body { -webkit-text-size-adjust: none;}

.blind {display: block; overflow: hidden;  font-size: 0; line-height: 0; color: transparent; *width: 0;}
.hiddenCont {display: block; overflow: hidden;  font-size: 0; line-height: 0; color: transparent; *width: 0;}
img { vertical-align: top;}

body {font-family:'맑은고딕', 'Malgun Gothic', 'malgun gothic', dotum,'돋움',arial,verdana,hevetica,geneva,sans-serif !important;}
#newPromotion {display: block; width: 1080px; margin:0 auto; overflow: hidden;}
/* tabs */
#newPromotion .tabs {overflow:hidden;position:relative;width:1080px;margin-top:-8px;padding-top:5px;}
#newPromotion .tabs:after {display:block;content:"";clear:both;}
#newPromotion .tabs > ul {min-height:90px;}
#newPromotion .tabs > ul > li {float:left;width:100%;}
#newPromotion .tabs .tab-trigger {position:absolute;top:15px;display:block;border-left:1px solid #6f7180;width:270px;height:60px;font-size:19px;color:#fff;text-align:center;line-height:60px;background-color:#7a7c8d;box-sizing:border-box;}
#newPromotion .tabs .tab-trigger span {display:inline-block;padding-right:52px; position: relative; }
#newPromotion .tabs .tab-trigger span:after {display: inline-block; content:''; width:50px; height:36px; overflow: hidden; background: url('../images/tab_icon.png') no-repeat; position: absolute; right:0; top: 9px; }
#newPromotion .tabs .tab-trigger.two-line span:after,
#newPromotion .tabs .tab-trigger.two-line.active span:after {top: 0;}
#newPromotion .tabs .tab-trigger.active span:after {top: 11px;}
#newPromotion .tabs .tab-trigger.two-line {padding-top:10px;line-height:20px;}
/*.tabs .tab-trigger:hover,*/
#newPromotion .tabs .tab-trigger.active {top:8px;height:74px;font-size:22px;color:#d71826;font-weight:bold;line-height:62px;border:6px solid #d71826;background-color:#fff;box-shadow:1px 2px 10px rgba(1,1,1,0.5);z-index:10;}
#newPromotion .tabs .tab-trigger.active + li .tab-trigger {border-left:0;}
#newPromotion .tabs .tab-trigger.two-line:hover,
#newPromotion .tabs .tab-trigger.two-line.active {padding-top:10px;line-height:20px;}
#newPromotion .tabs .menus1st {left:0;border-left:0;}
#newPromotion .tabs .menus2nd {left:270px;}
#newPromotion .tabs .menus3rd {left:540px;}
#newPromotion .tabs .menus4th {left:810px;}
#newPromotion .tabs .tab-trigger span.hotel:after {background-position:0 -38px}
#newPromotion .tabs .tab-trigger span.insurance:after {background-position: -100px -38px}
#newPromotion .tabs .tab-trigger span.dfree:after {background-position: -150px -38px; height:38px !important;}
#newPromotion .tabs .tab-trigger.active span.hotel:after {background-position:0 -2px}
#newPromotion .tabs .tab-trigger.active span.insurance:after  {background-position: -100px -2px}
#newPromotion .tabs .tab-trigger.active span.dfree:after  {background-position: -150px 0; height:38px !important;}
#newPromotion .tabs .tab-contents {display:none;margin-top:70px;box-sizing:border-box;}
#newPromotion .tabs .tab-contents.active {display:block;}
#newPromotion .tabs .sub-tabs {position:relative;margin-top:70px;}
#newPromotion .tabs .sub-tabs:before {position:absolute;left:0;top:80px;width:100%;display:block;content:"";border-bottom:1px solid #eaeaea;}
#newPromotion .tabs .sub-tabs .sub-trigger {float:left;display:inline-block;margin:30px 0 0;font-size:18px;color:#222;}
#newPromotion .tabs .sub-tabs .sub-trigger span {display:inline-block;line-height:25px;}
#newPromotion .tabs .sub-tabs .sub-trigger:before {position:relative;top:1px;display:inline-block;width:1px;height:17px;margin:0 15px 0 15px;content:"";background-color:#ccc;}
#newPromotion .tabs .sub-tabs .sub-trigger:first-child:before {width:0;height:0;margin-left:6px;}
#newPromotion .tabs .sub-tabs .sub-trigger:hover span,
#newPromotion .tabs .sub-tabs .sub-trigger.active span {/*font-size:19px;*/font-weight:bold;border-bottom:2px solid #d71a28;}
#newPromotion .tabs .sub-tabs .tab-contents {position:absolute;left:0;top:81px;width:100%;margin:0;}

/* tabs - half */
#newPromotion .tabs.half .tab-trigger {width:540px;}
#newPromotion .tabs.half .menus1st {left:0;}
#newPromotion .tabs.half .menus2nd {left:540px;}

/* tabs - three */
#newPromotion .tabs.three .tab-trigger {width:360px;}
#newPromotion .tabs.three .tab-trigger.menus1st {left:0;}
#newPromotion .tabs.three .tab-trigger.menus2nd {left:360px;}
#newPromotion .tabs.three .tab-trigger.menus3rd {left:720px;}

/* tabs - tree */
#newPromotion .tabs.four .tab-trigger {width:270px;}
#newPromotion .tabs.four .tab-trigger.menus1st {left:0;}
#newPromotion .tabs.four .tab-trigger.menus2nd {left:270px;}
#newPromotion .tabs.four .tab-trigger.menus3rd {left:540px;}
#newPromotion .tabs.four .tab-trigger.menus4th {left:810px;}

/* tabs - five */
#newPromotion .tabs.five .tab-trigger {width:216px;}
#newPromotion .tabs.five .tab-trigger.menus1st {left:0;}
#newPromotion .tabs.five .tab-trigger.menus2nd {left:215px;}
#newPromotion .tabs.five .tab-trigger.menus3rd {left:431px;}
#newPromotion .tabs.five .tab-trigger.menus4th {left:647px;}
#newPromotion .tabs.five .tab-trigger.menus5th {left:863px}

/* tabs - six */
#newPromotion .tabs.six .tab-trigger {width:180px;}
#newPromotion .tabs.six .tab-trigger.menus1st {left:0;}
#newPromotion .tabs.six .tab-trigger.menus2nd {left:179px;}
#newPromotion .tabs.six .tab-trigger.menus3rd {left:359px;}
#newPromotion .tabs.six .tab-trigger.menus4th {left:539px;}
#newPromotion .tabs.six .tab-trigger.menus5th {left:719px}
#newPromotion .tabs.six .tab-trigger.menus6th {left:899px}

/* tabs - seven */
#newPromotion .tabs.seven .tab-trigger {width:180px;}
#newPromotion .tabs.seven .tab-trigger.menus1st {left:0;}
#newPromotion .tabs.seven .tab-trigger.menus2nd {left:179px;}
#newPromotion .tabs.seven .tab-trigger.menus3rd {left:359px;}
#newPromotion .tabs.seven .tab-trigger.menus4th {left:539px;}
#newPromotion .tabs.seven .tab-trigger.menus5th {left:719px}
#newPromotion .tabs.seven .tab-trigger.menus6th {left:899px}
#newPromotion .tabs.seven .tab-trigger.menus7th {left:952px}

#newPromotion .tabs-ico {overflow:hidden; width:1080px; position:relative;}
#newPromotion .tabs-ico ul {overflow:hidden; width:100%; height:139px;}
#newPromotion .tabs-ico ul li {float:left; width:120px; height:139px;}
#newPromotion .tabs-ico ul li a {margin-top:7px; display:block; border-left:1px solid #6f7180; padding:0; height:120px; font-size:19px; color:#d7d8dd; text-align:center; background:#7a7c8d; text-decoration: none;}
#newPromotion .tabs-ico ul li a span {display:block; text-align:center; padding:80px 0 0 0;}
#newPromotion .tabs-ico ul li a span:before {display: block; content:''; width:50px; height:50px; background:url('../images/tab_icon2.png') no-repeat; margin:-60px auto 5px}
#newPromotion .tabs-ico ul li a span.rent:before {background-position:0 -50px}
#newPromotion .tabs-ico ul li a span.coupon:before {background-position:-50px -50px}
#newPromotion .tabs-ico ul li a span.exchange:before {background-position:-100px -50px}
#newPromotion .tabs-ico ul li a span.card:before {background-position:-150px -50px}
#newPromotion .tabs-ico ul li a span.jcoupon:before {background-position:-200px -50px}
#newPromotion .tabs-ico ul li a span.ticket:before {background-position:-250px -50px; width:52px;}
#newPromotion .tabs-ico ul li a span.remit:before {background-position:-302px -50px; width:59px;}
#newPromotion .tabs-ico ul li:first-child a {border-left:0;}
/*.tabs-ico li a:hover,*/
#newPromotion .tabs-ico ul li a.active {position:absolute; margin-top:0; width:120px; border:6px solid #d71826; color:#d71826; padding:0; height:122px; font-weight:bold; background:#fff; font-size:22px; box-shadow:1px 2px 10px rgba(1,1,1,0.5);}
#newPromotion .tabs-ico ul li a.active span.rent:before {background-position:0 0}
#newPromotion .tabs-ico ul li a.active span.coupon:before {background-position:-50px 0}
#newPromotion .tabs-ico ul li a.active span.exchange:before {background-position:-100px 0}
#newPromotion .tabs-ico ul li a.active span.card:before {background-position:-150px 0}
#newPromotion .tabs-ico ul li a.active span.jcoupon:before {background-position:-200px 0}
#newPromotion .tabs-ico ul li a.active span.ticket:before {background-position:-250px 0; width:52px;}
#newPromotion .tabs-ico ul li a.active span.remit:before {background-position:-302px 0;}
/*.tabs-ico.three li a:hover,*/
#newPromotion .tabs-ico.half li, #newPromotion .tabs-ico.half li a.active {width:50%}
#newPromotion .tabs-ico.three li, #newPromotion .tabs-ico.three li a.active {width:33%}
#newPromotion .tabs-ico.four li, #newPromotion .tabs-ico.four li a.active {width:25%}
#newPromotion .tabs-ico.five li,#newPromotion .tabs-ico.five li a.active {width:20%}
#newPromotion .tabs-ico.six li, #newPromotion .tabs-ico.six li a.active {width:180px}
#newPromotion .tabs-ico.seven li, #newPromotion .tabs-ico.seven li a.active {width:154px}
#newPromotion .tabs-ico ul li:last-child a.active {margin-left: -18px;}

#promotion { width:770px;position: relative; margin:23px auto 0}
#promotion.full { width:1080px;position: relative; margin:23px auto 0}
#promotion.full .con {width: 1080px;}
#promotion .tabWrap {display: block; }
#promotion .tabWrap span {display: block; float: left; margin: 0 0 0 0;}
#promotion .tabWrap:after {display: block; clear: both; content:''}
.hide {font-size:0;color:transparent;overflow:hidden;height:0;line-height:0;}
.visual {margin-bottom:30px;}
.con {position:relative;z-index:1; margin:0 auto; width:770px}
.expedia {}
.expedia .btn {position:absolute;bottom:66px;z-index:10;}
.expedia .btn.bt01 {left:87px;}
.expedia .btn.bt02 {right:84px;}
.expedia .btn.copyBtn {bottom:auto; top:788px; left: 216px;}
.hotels .btn {position:absolute;bottom:66px;z-index:10;}
.hotels .btn.bt01 {left:87px;}
.hotels .btn.bt02 {right:84px;}
.hotels .copyBtn {bottom:auto; top:412px; left: 157px;}
.agoda article { position: relative;}
.agoda article .copyBtn {position:absolute;z-index:10; display: block; border-radius:10px; box-shadow: 0 7px 24px rgba(68,57,47,0.16); }
.agoda article a[class*="copyBtn"] {right:55px;}
.agoda .copyBtn1{ bottom:38px;}
.agoda .copyBtn2 {bottom:61px;}
.agoda .btnWrap { position: absolute; bottom: 119px; left: 0; width: 100%; display: flex; align-items: center; justify-content: center;}
.agoda .btnWrap .bt01 { margin-right: 20px;}
.agoda .btnWrap a {display: block; border-radius: 63px; box-shadow: 0 7px 24px rgba(68,57,47,0.16);}
.goodlugg .btn { position: absolute; display: block; text-align: center; width: 100%; bottom: 130px; left: 0;}
.infoBox {background:#555555; font-size: 18px; line-height: 15.6px; color:#fff; font-family: 'ns'; padding-bottom: 30px }
.infoBox h2 {background:#555555;margin:0 70px; padding:50px 0 20px; border-bottom:1px solid #fff; font-size: 24px; font-weight: 700; color:#fff}
.infoBox .ul {padding:19px 70px;}
.ul li {position:relative;z-index:1;margin-left:11px;line-height:28px;margin-top:6px;}
.ul li:first-child {margin-top:0;}
.ul li .b {display:block;position:absolute;top:12px;left:-11px;width:4px;height:4px; border-radius:2px; background:#fff;}
.ul li p {padding:3px 0;line-height:1.5;}
#promotion .tbtn {display:inline-block;vertical-align:middle;padding:3px 7px;border:1px solid #bfbfbf;background:#fff;border-radius:1px;box-shadow:0 0 1px #dedede; color:#666; text-decoration: none;}
#promotion .tbtn:hover {color:#df2428; text-decoration: underline;}
#promotion .tbtn b {display:inline-block;vertical-align:middle;width:3px;height:5px;margin-left:4px;background:url(../images/ico_arrow.gif) no-repeat;}
#promotion .card .btn {display: block; text-align: center; position: absolute; width: 100%; bottom:425px}
#promotion .insurance .btn {display: block; text-align: center; position: absolute; width: 100%; bottom:795px}
#promotion .insurance3 .btn {display: block; text-align: center; position: absolute; width: 100%; bottom:340px}
#promotion .rentcar .btn {display: block; text-align: center; position: absolute; width: 100%; bottom:260px}
#promotion .airport .btn1  {display: block; text-align: center; position: absolute; width: 100%; bottom:250px}
#promotion .airport .btn1 > a {display: inline-block; margin:0 10px;}
#promotion .airport .btn2  {display: block; text-align: center; position: absolute; width: 100%; top:975px}
#promotion .ticket .btnWrap {display: block; text-align: center; position: absolute; width: 100%; bottom:697px}
#promotion .airport .benefit_list {background-color:#fafafa; padding:38px 44px 24px; border-left:1px solid #d7d7d7; border-right:1px solid #d7d7d7;}
#promotion .airport .benefit_list h2 {text-align: center; margin-bottom: 24px;}
#promotion .airport .benefit_list .listCont {margin-bottom: 33px;}
#promotion .airport .benefit_list h4 {font-weight: bold;}
#promotion .airport .benefit_list .listCont  .listBox {display: block; background:url('../images/bg_benefitList.gif') repeat-y; padding:20px 35px 16px; overflow: hidden;}
#promotion .airport .benefit_list .listCont  .listBox ul {display: block;overflow: hidden;margin:15px 0 30px -4px;}
#promotion .airport .benefit_list .listCont  ul  li {display: inline-block; float: left;width: 121px; height: 81px; font-size: 0; line-height: 0; margin:0 0 5px 4px}
#promotion .airport .benefit_list .listCont  ul  li img {border:1px solid #999; width: 121px;}
#promotion .btm_benefit {background:url('../images/btm_benefitList.gif') no-repeat; height:14px; width:941px; display: block;}
.clayerPop {display: none; position: relative;}
/*.clayerPop .closeBtn {position: fixed; right:50%; top: 6%; z-index:99999;margin-right:-150px }*/
.clayerPop .closeBtn {position: fixed; right:50%; top: 60px; z-index:99999;margin-right:-150px }
.clayerPop .closeBtn img {width: 30px; height: 30px; display: block;}
#coupon_simg {position: relative;}
.couponImg {display: block; position: fixed; top: 105px; left:50%; margin-left:-150px; z-index:9999; width:300px; height:487px}
.coupon_simg {display: block;width: 300px; height:450px; position: absolute; top: 0;left: 0;}
.modalBg {background:url('../images/modal_bg.png'); width:100%; height:100%; position: fixed; z-index:9909; display: none;}
.modalBg.on {display: block;}
 
#promotion .layerPop { width: 600px; position: absolute; left: 50%; top:-700px; z-index: 1000; display: none; margin-left: -300px; font-size: 12px; background-color: #fff; box-shadow: 0 0 15px rgba(0,0,0,0.7);}
#promotion .layerPop  .tbtn {margin: 0;padding: 0;border: 0; position: absolute; top: 0;left:300px; margin-top: 70px;}
#promotion .layerPop  .tbtn:first-of-type {left: 0 !important; margin-top: 70px;}
#promotion .layerPop h2 {line-height: 70px; text-align: center; font-size: 24px; font-weight: bold; color:#000}
#promotion .tab_cont {display: none;}
#promotion .tab_cont.on {display: block;}
#promotion .tab_cont img {padding-top: 40px;}
#promotion .layerPop .closeBtn {position: absolute; right:20px; top: 20px;}
#promotion .btnJC {display: inline-block; position: absolute; bottom:1183px;left: 202px;}
.lpop {position: fixed; top: 0;left: 0;width:100%; height: 100%; z-index:100000;display:none ; background:rgba(0,0,0,.7)}
.lpop .layerCont {display: block; width: 594px; height:596px; position: absolute; top: 100px; left: 50%; margin-left: -297px;  border:3px solid #222; }
.lpop .layerCont fieldset {position: absolute;bottom: 12px; left: 10px; color:#222; font-size: 14px; }
.lpop .layerCont fieldset * {vertical-align: middle;}

/*layer*/
#popups {position:fixed; right: 0; left:0; z-index:99; margin:auto; width:1080px;}
#popups > div {position:absolute;}
#popups [id*=popup] { top: 150px; right: initial; left: 50%; margin:0 0 0 -300px; }
.system {background:#edf4f8;}
.layer-system {padding:0; text-align:center;}
.popup-dim { position: fixed !important; top: 0; left: 0; width: 100%; height: 100%; z-index: 1;background:rgba(0,0,0,.4)}
.layers {position:relative;display:inline-block;border:3px solid #555;background-color:#fff;box-sizing:border-box; left:50%; right:0;  margin:0 0 0 -300px; z-index:100;}
.layers .layer-header {color:#222;text-align:center;letter-spacing:-0.5px;border-bottom:1px solid #ccc;font-size: 22px; line-height: 67px; font-weight: bold; }
.layers .layer-contents {min-height:100px;}
.layers .layer-close {position:absolute;right:30px;}
.layers .layer-today-close {height:32px;padding:8px 0 0 0;border-top:1px solid #ccc; position: absolute; left: 0; bottom: 0; width: 100%;}
.layers .layer-today-close .option-area { padding-left: 32px;}
.layers .layer-today-close label {font-size:14px;color:#888;letter-spacing:-0.5px;}
.layers .board {border-top:2px solid #555;}
.layers .btn.medium {padding:0 40px;}
.layers .layer-subject {margin:25px 0 5px;font-size:18px;color:#222; font-weight:bold;}
.layers .layer-example {margin-top:26px;padding:25px 0 26px 29px;background-color:#f1f2fa;}
.layers .layer-msg {margin-top:11px;color:#222;text-align:center; font-size: 15px; word-break:break-all; line-height:20px; text-align: left;word-break:keep-all;}
.layers .btn-area {padding-top:30px;}
.layers .btn-area .btn {margin:0 2px;}
.layers .option-area {vertical-align:top;}
.layers p {letter-spacing:-0.5px;}
.layers.small .layer-header {height:67px;font-size:24px;line-height:67px;}
.layers.small .layer-contents {padding:34px 32px 70px;color:#454545;}/* 1110 시스템팝업수정 */
.layers.small .layer-close {top:23px;}
.layers.big .layer-contents {box-sizing: border-box;padding:34px 32px 40px;}
.layers.big .layer-contents.scrollbar { max-height:648px;}
.layers.big .layer-header {height:85px;font-size:30px;line-height:85px;}
.layers.big .layer-sub-title {margin:0 0 8px;font-size:20px;color:#222;font-weight:bold;}
.layers.big .layer-close {top:31px;}
.layers.bnn .layer-close {right:20px;top:20px;}

#promotion.exchange .btn1  {display: block; position: absolute; width: 100%; bottom:292px}
#promotion.exchange .btn1 > a {display: inline-block; margin:0 10px 0 512px;}
#promotion.exchange .btn2 > a {display: inline-block;}
#promotion.exchange .btn2  {display: block; text-align: center; position: absolute; width: 100%; left: 0; bottom:48px}

#promotion .tago .btn {display: block; text-align: center; position: absolute; width: 100%; bottom: 610px; overflow: visible}
#promotion .tago .btn a { display: inline-block; border-radius: 70px; box-shadow: 0 47px 32px rgba(0,0,0,0.13); }

footer {padding: 20px 0;  font-size: 22px; font-weight: bold; color: #dfe0df; text-align: center; background: #2b2b2b;}