@charset "utf-8";

/* ==== 韓国旅行「コネスト」Common User Interface Style ==== */
/* 13.12.20 ksnam : 여러군대에 개발된 UI관련 스타일을 통합 */
.noprn{}
.okprn{display:none}
.FramePrintHeader img.okprn,.FramePrintFooter img.okprn{margin:0 auto}

/* 16.04.22 ksnam : for mobile */
a,a:active,a:focus,a:hover,a:link,a:visited{outline:none}

/* 16.01.07 ksnam : for normal image banner(viewAdBanner) */
a.adsyslink{display:block;font-size:0;text-align:center}
a.adsyslink img{max-width:100%}

/* 15.10.05 ksnam */
.text-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* 16.10.19 ksnam : IOS Default Button RESET */
input[type="button"],input[type="submit"],input[type="reset"]{-webkit-appearance:initial}
.searchingBox #cboxLoadedContent {-moz-border-radius:6px;-webkit-border-radius:6px;-khtml-border-radius:6px;border-radius:6px;border:3px solid #bbb;background-color:#fff;opacity:1.0;filter:alpha(opacity=100)}

/* 16.05.11 ksnam : InPage SearchingBox */
.searchingBoxInPage{overflow:hidden;position:fixed;top:0px;left:0px;z-index:99000;width:100%;height:100%;background-color:rgba(0,0,0,0.5);text-align:center}
.searchingBoxInPage span{display:block;position:absolute;left:50%;top:50%;margin-left:-106px;margin-top:-40px;padding:8px 8px 8px 12px;border:1px solid #ccc;border-radius:8px;background-color:#fff;box-shadow:4px 4px 8px #555}
.searchingBoxInPage span:before{display:block;width:32px;height:32px;margin:8px auto;background:url(/rsc/img/loading_m.gif) no-repeat;background-size:32px 32px;content:''}
.searchingBoxInPage span:after{display:block;width:180px;height:32px;background:url(/rsc/img/searching_text_jp.gif) no-repeat;background-size:180px 32px;vertical-align:middle;content:''}
.searchingBoxInPage.sp span:after{background-image:url(/rsc/img/searching_text_jp_m.gif)}
.searchingBoxInPage.cn span{padding-left:16px}
.searchingBoxInPage.cn span:after{background-image:url(/rsc/img/searching_text_cn.gif)}
.searchingBoxInPage.cn.sp span:after{background-image:url(/rsc/img/searching_text_cn_m.gif)}
.popInfo {display:inline-block;*display:inline;zoom:1;position:relative;top:0px;left:0px;width:0px;height:0px;z-index:1000;text-align:left;vertical-align:middle;/* background-color:#ff0000;*/}
.popInfo .popInfoBox{display:none;position:absolute;top:0px;left:0px;border:2px solid #bee3ff;background:#fff url(/rsc/img/popinfo_cont_bg.gif) 0 0 repeat-x}
.popInfo .popInfoClose{position:absolute;top:1px;left:100%;width:16px;height:16px;margin-left:-17px;background:url(/rsc/img/popinfo_close.gif) no-repeat;cursor:pointer}
.popInfo .popInfoBody{border:1px solid #009cde}
.popInfo .popInfoTitle{padding:8px 16px 2px 16px;font-weight:bold;background:url(/rsc/img/popinfo_arrow.gif) 8px 14px no-repeat}
.popInfo .popInfoCont{margin:2px 8px 8px;padding:4px}
.popInfoOrange .popInfoBox{border:3px solid #ffa352}
.popInfoOrange .popInfoBody{border:none}
.popInfoGray .popInfoBox{border:2px solid #6a6a6a;-moz-border-radius:4px;-webkit-border-radius:4px;-khtml-border-radius:4px;border-radius:4px;background:#fff url(/rsc/img/popinfogray_cont_bg.gif) 0px -3px repeat-x}
.popInfoGray .popInfoClose{top:9px;width:13px;height:12px;margin-left:-20px;background:url(/rsc/img/popinfogray_close.gif) no-repeat}
.popInfoGray .popInfoBody{border:none}
.popInfoGray .popInfoTitle{padding:7px 16px 8px 18px;font-weight:bold;background:url(/rsc/img/popinfo_arrow.gif) 10px 12px no-repeat}
.popInfoGray .popInfoCont{margin:2px 6px;padding:4px}
.imgbtn,.imgbutton{cursor:pointer}
a.imgbutton{display:inline-block}
a.imgbutton,.imgbutton{margin:0;padding:0;font-size:0px;border:0 solid #fff;line-height:0px;background-repeat:no-repeat;background-position:top left;background-color:transparent;cursor:pointer;outline:none;vertical-align:middle;opacity:0.8;filter:alpha(opacity=80)}
a.imgbutton:hover,.imgbutton:hover{opacity:1;filter:alpha(opacity=100)}
a.imgbutton:active,.imgbutton:active{opacity:0.9;filter:alpha(opacity=90)}
a.imgbutton:focus,.imgbutton:focus{opacity:1;filter:alpha(opacity=100)}
a.imgbutton:disabled,.imgbutton:disabled { opacity:0.2; } /* 17.02.28 ksnam */
a.imgbutton:disabled:hover,.imgbutton:disabled:hover { opacity:0.4; } /* 19.02.07 ksnam */
input:focus,textarea:focus,select:focus{}
#dev_warning_message{overflow:visible;position:absolute;top:22px;left:10px;width:1px;height:1px;font-weight:bold;font-size:12px;color:#fff;z-index:999999;filter:alpha(opacity=30);opacity:0.3}

/* 14.07.24 ksnam */
img{-ms-interpolation-mode:bicubic}

/* 14.10.27 ksnam : PC ↔ MOB */
.pc2moburl{margin-right:12px}
.pc2moburl.cn{margin-right:4px}
.poppc2moburl{position:fixed;top:5px;right:5px;z-index:65535;width:11px;height:14px}

/* 14.10.27 ksnam : Special Coupon Link */
.mob2pcadm {position:fixed;top:52px;right:5px;z-index:65535;width:auto;height:auto;padding:2px 2px 0px;line-height:100%;background-color:rgba(0,0,0,0.3);box-shadow:0px 0px 4px rgba(0,0,0,0.3)}

/* 14.11.10 ksnam : auto adm */
.spconadmw{position:relative;top:0;left:0;z-index:65535;width:100%;height:0}
.spconadm {position:absolute;top:0;right:0;margin:0;padding:1px;line-height:0;background-color:rgba(0,0,0,0.3);box-shadow:0 0 10px rgba(0,0,0,0.3)}
.spconadm .spinfo{padding:2px 2px 0px 2px;font-family:arial;font-size:10px;color:#0080C0}
.spconadm a{display:inline !important}
.spconadm img{max-width:none}

/* 14.12.24 ksnam : mobile page download */
.pagedownload-ing{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);z-index:99000}
.pagedownload-box{overflow:hidden;position:fixed;top:50%;left:50%;border-radius:0;background-color:#fff;box-shadow:0 0 10px rgba(0,0,0,0.7)}
.pagedownload-box div{text-align:center}
.pagedownload-text{padding:8px 20px;border-bottom:1px dashed #fff;color:#fff;background-color:#f00709}
.pagedownload-load{margin:24px 0}
.pagedownload-file{display:none;overflow:hidden;overflow-y:auto;margin:10px;border:0 solid #ddd;box-shadow:0 0 0 #505050}
.pagedownload-close{padding:8px 15px;background-color:#f9f9f9}
.pagedownload-close a{display:block;padding:5px 20px;border:#fff 1px solid;border-radius:3px;font-size:12px;color:#444;background-color:#dedede;text-decoration:underline}
.pagedownload{margin:12px 8px 20px}
.pagedownload a{display:block !important;padding:8px 10px !important;font-weight:bold !important;font-size:1.125em !important;color:#fff !important;text-align:center!important;white-space:nowrap!important}
.pagedownload a{overflow:hidden;border-radius:3px;background-color:#DD0F11;background:linear-gradient(to bottom,#F00709,#DD0F11);text-overflow:ellipsis}
.pagedownload a:before{display:inline-block;width:32px;height:24px;margin:-2px 5px -6px 0;background:url(/rsc/mimg/icon_down.png) no-repeat;background-size:32px 24px;content:""}
.pagedownload-info{padding-top:10px;font-size:13px;line-height:140%;color:#333;text-align:left}
.pagedownload-date{padding:10px 0;font-weight:bold;font-size:12px;color:#666;text-align:right}
.pagedownload.mise{margin:10px -10px -10px} /* for MISE COUPON PAGE */

/* 15.05.21 ksnam : cell slash / backslash */
.cell-slash{background-image:url(/rsc/img/cell_slash.png);background-size:100% 100%}
.cell-backslash{background-image:url(/rsc/img/cell_backslash.png);background-size:100% 100%}
.cell-left{text-align:left}
.cell-right{text-align:right}

/* 15.09.10 ksnam : konest vod */
#kvodaccdiv{display:none;/* height:300px;border:1px solid #cccccc;*/ }
.kvod-wrap{}
.kvod-box{position:relative}
.kvod-player{display:none;position:relative;top:0;left:0;z-index:2;width:100%;height:100%;margin:0 auto}
.kvod-preview{position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;text-align:center}
.kvod-preview-img{max-width:100%}
.kvod-play-btn{position:absolute;top:50%;left:50%;width:60px;height:60px;margin:-30px 0 0 -30px;background-image:url(/varimg/vod/vod_play_btn.png);cursor:pointer}
.kvod-info{overflow:hidden;margin:0 auto;line-height:130%;color:#666;background-color:#eee}
.kvod-info td.kvod-link{width:124px;background-color:#eee;white-space:nowrap}
.kvod-info table tr td:first-child{padding:10px;white-space:normal;word-break:break-all}
.kvod-info.ismalign td.kvod-link{width:62px}
.kvod-info.ismalign td.kvod-link img{display:block}

/* 17.01.23 ksnam : kframe */
div.kframe{}
div.kframe iframe{margin:0 auto}
div.kframe-info{position:relative;overflow:hidden;color:#666;background-color:#eee}
/* k-heritage info */
.k-heritage{padding:4px 0px}
.k-heritage a{display:block;float:right;height:32px}
.k-heritage a img{max-height:100%}
.k-heritage a:first-child{margin:0 8px}
.k-sp .k-heritage a{height:24px} /* sp */
.k-fiximg div.kframe{max-width:720px;margin:0 auto}
.k-fiximg div.kframe-info{max-width:720px;margin:0 auto}

/* 15.10.16 ksnam : image zoom popup (for mobile) ing */
.k-img-popup{width:100px;cursor:pointer}
.k-img-popup:after{position:absolute;top:0;right:0;z-index:10;width:auto;height:auto;content:"CLICK"}

/* 15.10.29 ksnam : REPORT */
.k-report-view{font-size:14px}
.k-report-view .k-report{}
.k-report-view .k-report.k-sp{margin:10px;font-size:1.143em;line-height:150%;letter-spacing:-0.11em;color:#444}

/* for SP : konest ip only */
.k-report-view.k-iponly{}
.k-report-view.k-iponly:before,.k-report-view.k-iponly:after{display:block;margin:0 10px;padding:2px;border-top:1px solid #ccc;border-bottom:1px solid #ccc;font-size:8px;color:#aaa;background-color:#efefef;text-align:center}
.k-report-view.k-iponly:before{content:"Report View Start (KONEST IP Only)"}
.k-report-view.k-iponly:after{content:"Report View End (KONEST IP Only)"}

/* GALLERY */
#KGALDIV{display:inline-block;overflow:hidden;position:relative;width:auto}
#KGALDIV .caption{display:none;position:absolute;bottom:0;width:100%;padding:4px;color:#fff;background-color:rgba(0,0,0,0.3);text-align:center;word-break:break-all}
#KGALDIV img{display:block}

/* 16.04.26 ksnam : Konest COMMON Style */
.kcm-box{box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}

/* 16.05.06 ksnam : for MOBILE */
.kcm-scx{overflow-x:scroll;-webkit-overflow-scrolling:touch}
.kcm-scy {overflow-y:scroll;-webkit-overflow-scrolling:touch}

/* 16.07.06 ksnam : Autocomplete */
/* for v1.2.x */

/* for Common */
.autocomplete-suggestions{overflow:auto;max-height:250px;border:1px solid #999;background-color:#fff;cursor:default;-webkit-box-shadow:1px 1px 3px rgba(50,50,50,0.64);-moz-box-shadow:1px 1px 3px rgba(50,50,50,0.64);box-shadow:1px 1px 3px rgba(50,50,50,0.64);text-align:left}
.autocomplete-selected{background:#ffecff}
.autocomplete-suggestion strong{font-weight:normal;color:#0080ff}
.autocomplete-group strong{}

/* for PC */
.autocomplete-suggestion{overflow:hidden;padding:4px 5px;color:#666;white-space:nowrap;text-overflow:ellipsis}
.autocomplete-no-suggestion{padding:4px 5px}
.autocomplete-group{overflow:hidden;padding:4px 5px;font-size:16px;color:#000;white-space:nowrap;text-overflow:ellipsis}

/* for SP */
/* 17.04.24 mkyoo : t-al-0117 (m) 검색창 활성화관련 수정사항 요청(일단 상속생각안하고 나눠놓음.) */
.ac-mob .autocomplete-suggestion{overflow:hidden;height:37px;padding:0 5px;border-top:1px solid #999;line-height:37px;color:#666;white-space:nowrap;text-overflow:ellipsis}
.ac-mob .autocomplete-suggestion:first-child{border-top:none}
.ac-mob .autocomplete-suggestion:visited{background-color:#fff}
.ac-mob .autocomplete-suggestion:active{background-color:#e9e9e9}
.ac-mob .autocomplete-no-suggestion{padding:5px}
.ac-mob .autocomplete-group{overflow:hidden;padding:5px;font-size:16px;color:#000;white-space:nowrap;text-overflow:ellipsis}

/* for OLD HTML Contents */
#ocont_html{max-width:720px;margin:0 auto;font-size:1em;visibility:hidden} /* 16.08.05 ksnam : default visibility hidden */
#ocont_html img{max-width:none}
#ocont_html .article_title{font-weight:bold;font-size:1.5em;line-height:130%}
#ocont_html a{text-decoration:underline}
#ocont_html .caption{color:#777;font-size:0.8em;line-height:130%}
.ocont-mark{font-size:10px;color:#ddd}
span.ocont-mark{display:inline-block;float:right}
div.ocont-mark{position:absolute;bottom:4px;left:3px}
.ocont-mark:after{content:"（HTML）"}
div.ocont-mark.ocont-right{left:auto;right:3px}

/* for Emojione */
.emojione{display:inline-block;width:3.1ex;height:3ex;min-width:20px;min-height:20px;margin:-.2ex .15em .2ex;font-size:inherit;line-height:normal;vertical-align:middle}
img.emojione{width:auto}

/* 17.09.20 ksnam : for GASYS */
.gasys_ex{position:relative;overflow:hidden;margin:0 auto;text-align:center}
.gasys_ex.adc{}
.gasys_ex.adx{}
.gasys_ex.ads{}
.gasys_ex.adg{text-align:left}
.gasys_block{overflow:hidden;position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(255,255,255,0.3);text-align:center}
.gasys_ibox{display:inline-block;position:relative;top:50%;margin-top:-23px;padding:4px;border:1px solid rgba(200,200,200,0.1);font-size:10px;line-height:12px;color:rgba(100,100,100,0.5);background-color:rgba(255,255,255,0.9);text-align:center}
.gasys_b{color:#888}
.gasys_a{color:#bbb;text-decoration:none}
.gasys_a img{vertical-align:-2px}
.gasys_ex.ads .gasys_ibox{/* margin-top:0px;*/}

/* 18.09.13 ksnam : for scroll-lock */
.scroll-lock { position:absolute!important;top:0!important;left:0!important;width:100%!important;height:100%!important;overflow:hidden!important;overflow-y:hidden!important; }

/* 18.10.23 ksnam : spin (only standard spec) */
@keyframes kSpinKeyFrame { 0% { transform: rotate(0deg); } 100% { transform: rotate(359deg); } }
.k-spin { animation: kSpinKeyFrame 2s infinite linear; display: inline-block; }

/* *** print *** */
@media print{
	.okprn{display:block !important}
	.noprn{display:none !important}
}

textarea.autosize { box-sizing:border-box; }
textarea.autosize:focus { x-outline:none; }

/* 19.08.06 ksnam : klazyload */
/* 19.08.19 ksnam : animation → transition */
/*
@keyframes kFadeIn { 0% {opacity:0;} 100% {opacity:1;} }
@-webkit-keyframes kFadeIn { 0% {opacity:0;} 100% {opacity:1;} }
@-moz-keyframes kFadeIn { 0% {opacity:0;} 100% {opacity:1;} }
*/
.klazy:not([src]) { visibility: hidden; }
.klazy, .kloading { opacity:0; }
.kloaded {
	opacity:1; transition:opacity 1000ms; -webkit-transition:opacity 1000ms; -moz-transition:opacity 1000ms;
	/*
	animation-name: kFadeIn; animation-duration:1s; animation-fill-mode: both;
	-webkit-animation-name: kFadeIn; -webkit-animation-duration:1s; -webkit-animation-fill-mode:both;
	-moz-animation-name: kFadeIn; -moz-animation-duration:1s; -moz-animation-fill-mode:both;
	*/
}
/* .kloaded[data-bgset] { } */
.kloaded[data-youtube] { position:relative; }
.kloaded[data-youtube] .kvod-button { position:absolute; width:67px; height:52px; top:50%; left:50%; margin:-33px 0px 0px -26px; cursor:pointer; background:url(/rsc/img/vodPalyBt.png); }

/* kcache */
.kcachewrap { position:relative; top:0; left:0; z-index:65535; width:100%; height:0; text-align:center; }
.kcacheline { position:absolute; top:0; right:0; width:15px; height:15px; display:inline-block; margin:0; padding:0px; border-right:1px dotted #f00; border-top:1px dotted #f00; }
.kcacheinfo { position:absolute; top:2px; right:2px; display:inline-block; height:12px; line-height:12px; margin:0!important; background-color:rgba(0,0,255,0.5); word-break:keep-all; white-space:nowrap; font-size:9px; color:#ffffff!important; }
.kcacheinfo b { color:#FFFF00; }
.kcacheinfo i { }

.kcachewrap.kcacheed { top:-17px; }
.kcachewrap.kcacheed .kcacheline { border-top:none; border-bottom:1px dotted #f00; }