@charset "utf-8";

/* font */
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+KR&family=Noto+Sans+KR:wght@100..900&display=swap');

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 {margin: 0;padding: 0;border: 0;font-size: 100%;vertical-align: baseline;font-style:normal;}
h1, h2, h3, h4, h5, h6 {font-weight: 600;}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {display: block;}
html, *, *:before, *:after { box-sizing: border-box;}
img {vertical-align: top;}
ol, ul, li {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before,
blockquote:after,
q:before, q:after {content: none;}

table {width: 100%;border-collapse: collapse;border-spacing: 0;table-layout: fixed;}
li, p, dt, dd, div, span, td, th {word-break: break-all;}

textarea {resize: none;}
label {cursor: pointer; display: inline-block;}
button { margin: 0; padding: 0; border: 0; background: 0; outline: none; cursor: pointer; appearance: none; -webkit-appearance: none;}
button:disabled {cursor: default;}
a, a:hover{color: inherit;text-decoration: none;}
a[href^=tel] {text-decoration: none;}

pre {  white-space: pre-wrap;}
sup {vertical-align: super;font-size: 0.5em;}

html, body {font-size: 15px; color: #333; line-height: 1.3;-webkit-text-size-adjust:none;height:100%;font-family:'Noto Sans KR', Malgun Gothic, helvetica, Apple SD Gothic Neo, sans-serif;letter-spacing: -0.02em;}
body.hidden {overflow: hidden;}
body * {box-sizing: border-box;}
button, input, textarea, select {
  font-family: 'Noto Sans KR', Malgun Gothic, helvetica, Apple SD Gothic Neo, sans-serif;
  font-size: 15px;
  color: #333;
}
hr, legend, caption,
.blind {position: absolute; width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0, 0, 0, 0);border: 0;-webkit-clip-path: inset(0px 0px 99.9% 99.9%);clip-path: inset(0px 0px 99.9% 99.9%);}


.f_left {float: left !important;}
.f_right {float: right !important;}
.right {text-align: right !important;}
.left {text-align: left !important;}
.center {text-align: center !important;}
.f_end{margin-left:auto;}

.pb0 {padding-bottom: 0 !important;}
.pt0 {padding-top: 0px !important;}
.pt5 {padding-top: 5px !important;}
.pt10 {padding-top: 10px !important;}
.pt20 {padding-top: 20px !important;}
.pb10 {padding-bottom: 10px !important;}
.pb20 {padding-bottom: 20px !important;}
.pl0 {padding-left:0 !important; }
.pl5 {padding-left:5px !important; }
.pl10 {padding-left:10px !important; }
.pl15 {padding-left:15px !important; }
.pl20 {padding-left:20px !important; }
.pr0 {padding-right:0 !important; }
.pr5 {padding-right:5px !important; }
.pr15{padding-right :15px !important; }
.pr20 {padding-right:20px !important; }
.pd0 {padding: 0px !important;}
.bk{padding: 0px 5px 0 5px !important;}

.mg0 {margin: 0 !important;}
.mt0 {margin-top: 0px !important;}
.mt5 {margin-top: 5px !important;}
.mt10 {margin-top: 10px !important;}
.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;}
.mb10 {margin-bottom: 10px !important;}
.mb20 {margin-bottom: 20px !important;}
.ml0 {margin-left: 0 !important;}
.ml5 {margin-left: 5px !important;}
.ml10 {margin-left: 10px !important;}
.ml20 {margin-left: 20px !important;}
.mr5 {margin-right: 5px !important;}
.mr10 {margin-right: 10px !important;}
.mr15 {margin-right: 15px !important;}
.mr20 {margin-right: 20px !important;}
.mb0 {margin-bottom: 0px !important;}
.mb5 {margin-bottom: 5px !important;}
.mb20 {margin-bottom: 20px !important;}

.w20 {width: 20px !important;}
.w30 {width: 30px !important;}
.w50 {width: 50px !important;}
.w60 {width: 60px !important;}
.w70 {width: 70px !important;}
.w80 {width: 80px !important;}
.w90 {width: 90px !important;}
.w100 {width: 100px !important;}
.w110 {width: 110px !important;}
.w120 {width: 120px !important;}
.w125 {width: 125px !important;}
.w140 {width: 140px !important;}
.w150 {width: 150px !important;}
.w160 {width: 160px !important;}
.w170 {width: 170px !important;}
.w180 {width: 180px !important;}
.w190 {width: 190px !important;}
.w200 {width: 200px !important;}
.w250 {width: 250px !important;}
.w300 {width: 300px !important;}
.w330 {width: 330px !important;}
.w340 {width: 340px !important;}
.w400 {width: 400px !important;}
.w450 {width: 450px !important;}
.w500 {width: 500px !important;}
.wp20 {width: 20% !important;}
.wp30 {width: 30% !important;}
.wp40 {width: 40% !important;}
.wp42 {width: 42% !important;}
.wp50 {width: 50% !important;}
.wp60 {width: 60% !important;}
.wp70 {width: 70% !important;}
.wp80 {width: 80% !important;}
.wp85 {width: 85% !important;}
.wp90 {width: 90% !important;}
.wp100 {width: 100% !important;}
.h180 {height: 180px !important;}
.h50 {height: 50px !important;}

.underline{text-decoration: underline !important;}
.bold{font-weight:bold !important;}
.thin{font-weight:normal !important;}
.f_s12{font-size: 12px !important;}
.f_s13{font-size: 13px !important;}
.f_s14{font-size: 14px !important;}
.f_s15{font-size: 15px !important;}
.f_s16{font-size: 16px !important;}
.f_s17{font-size: 17px !important;}
.f_s18{font-size: 18px !important;}

/*font-color*/
.f_black { color: #000 !important; }
.f_blue { color: #00b7d2 !important; }
.f_sky { color: #0077cb !important; }
.f_red { color: #e70000 !important; }
.f_org { color: #f46200 !important; }
.f_brown { color: #cf4f02 !important; }
.f_gray { color: #888 !important; }
.f_navy { color: #012851 !important; }

.skip{position:absolute;width:1px;height:1px;overflow:hidden;left:-5000px;}

/* layout */
#wrap, #body { max-width: 520px;margin: 0 auto;position: relative;min-height: 100vh;background-color: #fff;}
#header{position: sticky;top: 0;z-index: 15;border-bottom: 1px solid #ebebeb;background-color: #fff;}
.header_inner{display: flex; display: -ms-flexbox; justify-content : space-between; -ms-flex-pack: justify;padding: 0 15px;position: relative;align-items: center;min-height: 55px;}
.header_inner .logo{flex-grow: 1;}
.header_inner .logo img{max-height: 38px;max-width: 130px;}
.header_inner .tit{flex-grow: 1;text-align: center;font-size: 21px;font-weight: 500;color: #222;padding-top: 3px;font-weight: 700;}
.header_util{width: 160px;text-align: right;}
.header_util .btn.line{border:1px solid #c2c2c2;min-width:76px;padding:0;}
.header_menu{width: 100px;}
.i_btn_menu{width:20px; height:20px; background:url(/images/TICKETDO/btn_all_category.png) no-repeat 0 0; background-size:20px auto}

/* header sub일때 */
.header_inner.sub .logo{width:calc(100% - 70px);text-align: center;padding-left: 70px;}
.header_inner .i_btn_back{position: absolute;left:5px;top:0;}
.i_btn_back{width: 54px;height: 54px;text-align: center;}
.i_btn_back::before {content: "";border: solid #000;border-width: 0 2px 2px 0;display: inline-block;padding: 7px;-webkit-transform: rotate(135deg);transform: rotate(135deg);}

/* 전체메뉴 layer */
.nav_layer {display: none; position: absolute; left: -100%;top: 0; width: 100%; height: 100%; max-width:520px;background: rgba(255, 255, 255, 0.7); z-index: 100;  vertical-align: middle;}
.nav_layer .nav_inner{background-color:#fff;position: fixed;top: 0;left: 0;right: 0;bottom: 0;width: 100%;z-index: 99;overflow-y: auto;max-width: 520px;margin: 0 auto;}
.nav_layer .nav_header{height: 54px;border-bottom:1px solid #e2e2e2;display: flex;align-items:center;padding: 0 20px;position: sticky;position: -webkit-sticky;top: 0;background-color:#fff;}
.nav_layer .nav_header .member{padding:0 10px 0 20px;font-size: 15px;background:url('/images/TICKETDO/ico_nav_member.png') no-repeat 0 2px;background-size: 14px auto;margin-top: 1px;}
.nav_layer .nav_header .member em{color: #06c1d2;}
.nav_layer .nav_wrap{/*height: calc(100% - 54px);*/}
.nav_layer .nav_wrap .nav_list{padding-bottom:30px;}
.nav_layer .nav_wrap .nav_list > li{border-bottom: 1px solid #ddd;padding: 8px 20px;}
.nav_layer .nav_wrap .nav_list ol li{padding: 5px 0;}
.nav_layer .nav_wrap .nav_list ol li a{display:block;font-size: 16px;}
.nav_layer .nav_wrap .nav_list .acc p{font-size: 15px;}
/*.nav_layer .nav_wrap .nav_list ul .home a{background:url(/images/TICKETDO/ico_nav_home.png) no-repeat;background-position: 0 5px;background-size: 16px auto;padding-left: 20px;}*/
.nav_layer .i_btn_clo{position: absolute;right: 0;top:0;}

/* 계좌 잔액 */
.lay_dep_wrap{background-color: #cce3e5;padding: 15px;display:none;}
.lay_dep_wrap .inf{font-size: 14px;}
.lay_dep_wrap .cont{background-color: #fff;border-radius: 8px;padding: 12px 18px 12px 20px;}
.lay_dep_wrap .cont .pay{display: flex;align-items: center;}
.lay_dep_wrap .cont .tit{width: 70px;}
.lay_dep_wrap .cont .inf{flex-grow: 1;position: relative;}
.lay_dep_wrap .cont .i_btn_ref{font-size: 0;}
.lay_dep_wrap .cont .pay .inf strong{color: #222;}
.lay_dep_wrap .cont .acc{display: flex;padding-top: 6px;}
.lay_dep_wrap .cont .acc p em{padding-right: 10px;}
.lay_dep_wrap .cont .acc p .btn{position: absolute;right: 0;top: -2px;color: #333;}

#container{min-height: calc(100vh - 55px - 115px);}
.contents{padding:20px 15px 35px;}
#wrap.main .contents{padding:0 0 35px;}
.contents.spe{padding:20px 0 35px;}

.gnb_bar{position: fixed;z-index:5;bottom: 0;width:100%;height: 67px;border-top:1px solid #e5e5e5;background-color: #fff;box-shadow: 5px 0 20px rgba(000, 000, 000, 0.2);border-radius: 6px 6px 0 0;}
.gnb_bar .list_nav{display: flex;padding: 13px 25px 0;}
.gnb_bar .list_nav li{flex: 1 1 0;text-align: center;font-size: 12px;}
.gnb_bar .list_nav li a{display:block;background:url(/images/TICKETDO/ico_nav_home.png) no-repeat;background-position: center 0;background-size: 21px auto;padding-top: 27px;}
.gnb_bar .list_nav .air a{background:url(/images/TICKETDO/ico_nav_air.png) no-repeat;background-position: center 0;background-size: 20px auto;}
.gnb_bar .list_nav .rev a{background:url(/images/TICKETDO/ico_nav_rev.png) no-repeat;background-position: center 1px;background-size: 20px auto;}
.gnb_bar .list_nav .gup a{background:url(/images/TICKETDO/ico_nav_gup.png) no-repeat;background-position: center 1px;background-size: 24px auto;}

#footer{}
.footer_prov{border-top:1px solid #e4e4e4;display: flex;justify-content: center;align-items: center;font-size: 14px;color: #222;padding: 27px 0 19px;}
.footer_copy{border: 0;text-align: center;padding-bottom: 28px;}
.footer_prov img, .footer_copy img{margin-right: 8px;max-height: 20px;}
.footer_prov .name a{text-decoration: underline;border-left:1px solid #ddd;margin-left:10px;padding-left: 10px;}
.footer_copy{justify-content: left;padding-left: 10px;}
.footer_copy .name{letter-spacing: -1px;font-size: 13px;}
.footer_cont{line-height: 1.5;background-color:#777;padding: 20px 15px;color: #fff;}
.footer_cont .footer_info{font-size: 11px;padding-bottom: 18px;border-bottom:1px solid #fff;}
.footer_cont .footer_info address{padding-bottom: 3px;letter-spacing:-0.5px;}
.footer_cont .footer_info address span + span::before{content: "|";padding: 0 3px;}
.footer_cont .footer_help{padding-top: 18px;}
.footer_cont .footer_help p{display: flex;align-items: center;font-size: 14px;}
.footer_cont .footer_help p em{width: 75px;}
.footer_cont .footer_help p + p{padding-top: 2px;}

#sidr-right{display:none;}

/* 제휴사 header */
.header_partner{height: 74px;background-color: #fff;border-bottom:1px solid #f0f0f0;}
.header_inner_partner{width: 1180px;margin:0 auto;}
.body_partner .side_cont{height: calc(100vh - 114px);}
.body_partner .dwrap{padding: 10px 0 30px;}

/* lnb */
.lnb_wrap{width: 206px;border-radius: 10px;background-color: #fff;}
.lnb_wrap .lnb_header{text-align: center;padding: 20px 0 20px;}
.lnb_wrap .lnb_header .logo img{max-width:166px;}
.lnb_wrap .lnb_header .lnb_util{padding-top: 15px;}
.lnb_wrap .lnb_header .lnb_util a{color: #0077cb;text-decoration: underline;}
.lnb_wrap .lnb_header .lnb_util a + a::before{content: "";display:inline-block;width: 1px;height: 15px;background-color: #7c8994;margin:0 8px 0 6px;vertical-align: middle;}
.lnb_title{height: 86px;background: url(/images/TICKETDO/bg_lnb_top.png) no-repeat right 0;}
.lnb_title h2{font-size: 25px;color: #00234b;padding: 30px 20px 0;}
.lnb_list{padding: 0 20px 40px;}
.lnb_list li{padding: 17px 5px 8px;font-size: 17px;border-bottom: 1px solid #e2e2e2;}
.lnb_list li:first-child{border-top: 1px solid #e2e2e2;}
.lnb_list .on a, .lnb_list li a:hover{color: #00234b;font-weight: 600;}

/* sub title */
.sub_title{display: flex;background: url(/images/TICKETDO/bg_lnb_tit.png) no-repeat right 0;height: 90px;border-bottom:1px solid #d9dfe5;padding:30px 0 0 20px;align-items: center;}
.sub_title h2{font-size: 24px;}
.sub_title .i_btn_back{width: 28px;height: 22px;}
.sub_title .i_btn_back::before{padding: 6px;}

/* login */
.login_wrap #container{background: url(/images/TICKETDO/bg_login.jpg) repeat center;padding: 30px 0;}
.login_cont{background-color: #fff;width: 80%;min-height: 430px;margin: 0 auto;max-width:500px;}
.login{padding: 0 20px;}
.login .login_tit{padding:55px 0 20px 0;}
.login .login_tit .logo_gsa{margin: 0 auto;background-size: 70px auto;width: 70px;}
.login .login_tit .title{font-size: 27px;text-align: center;}
.login .login_tit .title strong{font-weight: normal;}
.login .login_inp li{position: relative;}
.login .login_inp li + li{margin-top: 10px;}
.login .login_inp li input{width:100%;height: 56px;border:0; border-bottom: 1px solid #06c1d2; caret-color:#4e85ff;padding: 0 4px;background-color: #fff;font-size: 18px;border-radius: 0;}
.login .login_inp li .form_check{position: absolute;right:0;top:19px;margin: 0;}
.login .login_inp li .form_check label{font-size: 15px;}
.login .login_btn{margin: 25px 0 15px;}
.login .login_btn .btn{width: 100%;}
.login .login_btn.agt{display:flex;margin-top: -5px;}
.login .login_btn.agt .btn + .btn{margin-left:4px;}
.login .login_btn.agt .btn{letter-spacing: -0.5px;font-size: 15px;}
.login .login_info li{font-size: 14px;padding: 8px 0 0 4px;}
.login .login_exp{font-size: 14px;color: #e70000;}

/******* B2C ************************/

/* login */
.join_wrap #container{min-height: 100%;}
.join_wrap .head{padding: 20px 0 30px;text-align: center;}
.join_wrap .head .logo img{max-height: 50px;vertical-align:middle;}
.join_wrap .head .tit{padding-top: 20px;font-size: 18px;color: #222;font-weight: bold;}
.join_wrap .foot{text-align: center;padding:0 0 30px;}
.join_cont{padding: 20px 15px 35px;}
.input_area + .input_area{margin-top: 10px;}
.input_area .form_input input, .input_area .form_select select{width:100%;height: 40px;line-height: 40px;font-size: 15px;padding: 0 8px;border: 1px solid #d7d7d7;}
.input_area .txt_err{color: #f44d4d;font-size: 12px;padding: 8px 0 0 8px;text-indent: -8px;}
.input_area .txt_blue{color: #457cf6;font-size: 12px;padding: 8px 0 0 8px;text-indent: -8px;}
.input_area .form_input.pw{display:flex;}
.input_area .form_input.pw input{width: calc(100% - 95px);border-right:0;}
.input_area .form_input.pw .pw_btn{width: 95px;height: 40px;line-height: 40px;border: 1px solid #d7d7d7;border-left:0;font-size: 13px;text-decoration: underline;}
.input_area.err .form_input input, .input_area.err .form_input .pw_btn{border-color: #f44d4d;}
.login_area .form_check{margin-top: 10px;}
.login_area .form_check label{font-size: 14px;}
.join_cont .btn_area{margin-top: 15px;}
.join_cont .btn_area .btn.big{width: 100%;}
.join_cont .list_mem{display: flex;align-items: center;justify-content: center;font-size: 15px;padding: 10px 0 30px;}
.join_cont .list_mem li + li{margin-left:30px;position: relative;}
.join_cont .list_mem li + li ::before {position: absolute;top: 50%;margin-top:-8px;left: -15px;display: inline-block;width: 1px;height:15px;background: #ddd;content: "";}
.join_cont .list_sns{display: flex;align-items: center;justify-content: center;}
.join_cont .list_sns li .ibtn_sns_naver {width: 40px;height: 40px;background: url(/images/TICKETDO/ico_sns_login.png) no-repeat 0 -40px;background-size: 40px auto;}
.join_cont .list_sns li .ibtn_sns_kakao {width: 40px;height: 40px;background: url(/images/TICKETDO/ico_sns_login.png) no-repeat 0 0;background-size: 40px auto;}
.join_cont .list_sns li{margin: 0 4px;}
.non_member{margin-top: 30px;}
.ctx_line{text-align: center;position: relative;font-size: 15px;padding: 5px 0;}
.ctx_line::after{position: absolute;top: 50%;left: 0;z-index: -1;width: 100%;height: 1px;background: #ddd;content: "";}
.ctx_line em{background-color: #fff;padding: 0 6px;}

/* 회원가입 */
.join_item .btn_area.sns{margin-top: 30px;}
.btn_area.sns .btn.big{margin-top: 15px;position: relative;display: flex;align-items: center;justify-content: center;font-size: 16px;font-weight: normal;}
.btn_area.sns .btn.kakao{background-color: #fced30;color: #222;}
.btn_area.sns .btn.kakao::before {display: block;width:35px;height: 35px;background: url(/images/TICKETDO/ico_sns_login.png) no-repeat 0 0 / 35px auto;content: "";}
.btn_area.sns .btn.naver{background-color: #2eb300;}
.btn_area.sns .btn.naver::before {display: block;width:35px;height: 35px;background: url(/images/TICKETDO/ico_sns_login.png) no-repeat 0 -35px / 35px auto;content: "";}
.join_write{border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;padding: 15px 0;}
.input_area .flex_wrap .btn{min-width: 100px;height:40px;border-radius: 4px;margin-left: 5px;font-size: 14px;padding: 0 5px;letter-spacing: -0.5px;}
.input_area .flex_wrap.mail i{margin: 0 5px;}
.input_area .flex_wrap.mail .form_select{margin-left: 5px;}
.input_area .flex_wrap.num .form_input{position: relative;}
.input_area .flex_wrap.num .form_input em{position: absolute;right: 10px;top:10px;font-size: 15px;color:#f44d4d;}
.input_area .flex_wrap.num .btn{min-width: 50px;}
.input_area.err .form_input em{color:#f44d4d;}
.join_write .flex_wrap.cke{justify-content: flex-start;}
.join_write .flex_wrap .form_check.all{font-size: 14px;font-weight: 500;}
.join_write .txt_box{background-color: #f6f6f6;padding: 10px 12px;margin-top: 10px;}
.join_write .txt_box p{font-size: 12px;padding-left: 14px;text-indent: -14px;}
.join_write .txt_box.rec{background-color: #edf4f9;margin: 0 0 10px;}
.join_end_tit{text-align: center;font-size: 18px;color: #222;font-weight: 500;line-height: 1.7;padding-top: 10px;}
.join_end_inf{border:1px solid #ddd;padding: 15px;margin: 35px 0 50px;}
.join_end_inf ul li{display: flex;font-size: 15px;}
.join_end_inf ul li em{width: 70px;}
.join_end_inf ul li + li{margin-top: 12px;}
.tit_idpw{font-size: 18px;padding: 30px 0 20px;color: #222;font-weight: bold;line-height: 1.5;}
.exp_idpw{font-size: 15px;padding-top: 20px;line-height: 1.5;}
.idpw_end{border:2px solid #ddd;padding:20px 15px;font-size: 16px;margin-bottom: 40px;}
.btn_area.multi{display: flex;}
.btn_area.multi .btn + .btn{margin-left: 5px;}
.pw_find_item{border-top:1px solid #ddd;margin-top: 20px;}
.pw_find_item li{display: flex;justify-content: space-between;align-items: center;padding: 15px 5px;border-bottom:1px solid #ddd;gap:5px;}
.pw_find_item li .item{font-size: 15px;line-height: 1.6;}
.pw_find_item li .item span{display: block;}
.pw_find_item li .btn{min-width: 122px;}

/* popup */
.pop_wrap {display: none; opacity: 0; position: fixed; left: 0; top: 0; width: 100%; height: 100%; text-align: center; background: rgba(255, 255, 255, 0.7); z-index: 100; overflow-x: auto; overflow-y: hidden; vertical-align: middle;}
.pop_wrap.on {display: block; animation: popOpen .2s forwards;}
.pop_wrap:after {display: inline-block; width: 0; height: 100%; content: ""; vertical-align: middle;}
.pop_wrap .pop_close {position: absolute; top: 0; right: 6px; width: 51px; height: 51px; background: url(/images/TICKETDO/ico_lay_clo.png) no-repeat 50%; background-size: 16px auto; font-size: 0;}
.pop_wrap .pop_inner {position: relative;  width: 100%; height:100%;display: inline-block; background: #fff; vertical-align: middle; text-align: left;max-width:520px;margin:0 auto;}
.pop_wrap .pop_inner .pop_header {padding:0 15px; border-bottom:1px solid #dadada;min-height: 55px;}
.pop_wrap .pop_inner .pop_header .pop_title{width: 100%; margin: 0 auto; font-size: 21px; padding-top: 15px;font-weight: bold;text-align:center;}
.pop_wrap .pop_inner .pop_header .pop_title em{font-size: 15px;padding-left: 5px;}
.pop_wrap .pop_inner .pop_contents {height: calc(100% - 52px); overflow-y: auto;}
.pop_wrap .pop_inner .pop_contents .pop_cont_wrap{padding: 20px 15px 30px;/*min-height: calc(100% - 70px);*/}
.pop_wrap .pop_inner .pop_contents.tab_scroll{overflow-y: hidden;}
.pop_wrap .pop_inner .pop_contents.tab_scroll .tab_cont{height: calc(95% - 98px - 54px);min-height:200px;overflow-y: auto;padding-right: 20px;}
.pop_wrap .pop_inner .pop_contents.bg .pop_cont_wrap{background-color: #f8f8f8;}
.pop_wrap .pop_inner.small {width:90%;height:auto;max-width: 500px;border-radius: 10px;box-shadow: 5px 0 20px rgba(68, 17, 17, 0.15);}
.pop_wrap .pop_inner.small .pop_header{padding:0 20px;}
.pop_wrap .pop_inner.small .pop_contents{height:auto;max-height: calc(80vh - 52px);}
.pop_wrap .pop_inner.small .pop_contents .pop_cont_wrap{min-height:100px;padding: 15px 20px;}
.pop_wrap .pop_inner .pop_contents .pop_cont_wrap > .page_top_wrap:first-child{padding-top: 0;}
.pop_wrap .pop_inner .page_top_wrap {padding: 25px 0 10px 0;}
.pop_wrap .pop_inner .page_total_wrap .page_tit{font-size: 16px;padding-right: 10px;font-weight:500;}
.pop_wrap .pop_inner .page_total_wrap .page_tit span{font-size: 12px;}
.pop_wrap .pop_inner .btn_center .btn.big{width:auto;padding: 0 18px;}
.pop_wrap .pop_inner .btn_center .btn + .btn{margin-left:2px;margin-top: 0;}
.pop_wrap .pop_inner .btn_center.pop{border-top: 1px solid #dadada;padding: 12px 0 30px;}
.pop_wrap .pop_inner .btn_center.pop.multi .btn.big{min-width: 100px;}
.pop_wrap .pop_inner .btn_center.pop.clo{margin-top:-20px;}
.pop_wrap .pop_inner .btn_center.pop.clo .btn{width:100%;}

@keyframes popOpen {
    0% {opacity: 0;  }
    100% {opacity: 1;}
}
/* error */
.error_wrap { width:100%; height:100%; display: flex; align-items: center; justify-content: center; text-align:center;}
.error_wrap .error_text strong{font-size: 20px;font-weight: bold;}
.error_wrap .error_text p{font-size: 15px;padding-top: 25px;line-height: 1.6;}

/* device width */
@media screen and (max-width: 320px){
  .nav_layer .nav_header .member{font-size: 13px;letter-spacing: -1px;}
  .contents{padding: 20px 15px 35px;}
  #footer .footer_cont{padding: 20px 10px;}
  .footer_cont .footer_info{font-size: 10px;}
  .gnb_bar .list_nav{padding: 13px 10px 0;}
}

@media screen and (min-width: 520px) {
    #header {position: static;}
    .btm_pop .layer_body .pop_btnarea{left:50% !important;margin-left:-260px;}
}

/* pc side layout *************/
.side_wrap{display: none;width: 430px;position: absolute;right: 0;}
.side_dim .side_cont::after{content: "";position: absolute;height: 100%;width: 100%;left:0;top:0;background-color: rgba(0, 0, 0, 0.5);border-radius: 10px;}
.side_cont{position: fixed;background-color: #fff;width: 430px;height: calc(100vh - 60px);border-radius: 10px;overflow-y:auto;padding-bottom: 30px;}
.side_cont::-webkit-scrollbar {width: 5px; margin: 0 10px;}
.side_cont::-webkit-scrollbar-thumb {background: #ddd;}
.side_cont::-webkit-scrollbar-track {background: #fff;}
/* 헤더 영역 */
.side_head { display: flex; justify-content: space-between; align-items: center; padding-left: 30px;width: 400px;}
.side_head .dot_menu { display: flex; align-items: center; height: 85px;}
.side_head .dot_menu .i_btn_dot{width: 12px; height: 12px; border-radius: 50%; background-color: #bdbdbd; border: none; margin-right: 8px; cursor: pointer;}
.side_head .dot_menu .i_btn_dot.on{background-color: #000;}
.side_head .btn_wrap .btn{background-color: #a8a8a8;font-size: 15px;min-width: 80px;}
.side_head .btn_wrap .btn.on{background-color: #464646;}
/* content 영역 */
.side_item_cont{padding-left:30px;display: none;width: 400px;}
.side_item_cont.active{display: block;}
.side_item_tit{border-bottom: 1px solid #dfdfdf;padding-bottom: 15px;position: relative;}
.side_item_tit h3{font-size: 20px;color: #06c1d2;}
.side_item_tit .btn_wrap{position: absolute;right: 5px;bottom: 15px;}
.side_item_tit .btn_wrap .btn{color: #333;text-decoration: none;}
/* 특가항공 */
.item_sale_cont h4{font-size: 18px;color: #222;padding: 25px 0 10px;}
.item_sale_cont .sale_list li a{display: flex;justify-content: space-between;align-items: center;padding-bottom: 15px;}
.item_sale_cont .sale_list li p{width: 50%;}
.item_sale_cont .sale_list li .pay{text-align: right;}
.promotion_wrap.side{padding-left: 30px;display: none;width: 400px;}
/* 여행지 top10 */
.item_top_cont .top_list li{display: flex;justify-content: space-between;align-items: center;border-bottom: 1px solid #dfdfdf;padding: 10px 0;;}
.item_top_cont .top_list li .num{width: 22px;}
.item_top_cont .top_list li .tit{flex-grow: 1;}
.item_top_cont .top_list li .day{width: 90px;color:#777;text-align: center;}
.item_top_cont .top_list li .lik{width: 60px;text-align: right;}
.item_top_cont .top_list li .lik .btn{color:#777;}
.item_top_cont .top_list li .pay{width: 120px;text-align: right;}
.item_top_cont .top_list li .pay a{text-decoration: underline;}
/* faq */
.side_item_cont.faq .side_item_tit{color: #012851;}
.item_faq_sch{display: flex;justify-content: space-between;align-items: center;padding: 20px 0 15px;}
.item_faq_sch .input_box input[type="text"]{height: 35px;line-height: 35px;}
.item_faq_sch .btn{height: 35px;border-radius: 0;margin-left: 8px;}
.acco_js.faq .acco_item{border: 0;}
.acco_js.faq .item_faq_head{padding: 12px 0;border-bottom:1px solid #dfdfdf;}
.acco_js.faq .item_faq_cont{display: none;padding: 15px 0;}
.acco_js.faq .faq_cont{padding-bottom: 20px;}
.acco_js.faq .btn.i_clo{width: 100%;border-radius: 4px;}
.acco_js.faq .acco_item + .acco_item{margin-top: -1px;}
.acco_js.faq .acco_item.on{border-top:1px solid #222;}
.acco_js.faq .acco_item.on .item_faq_head{font-weight: 600;color: #222;}
.acco_js.faq .acco_item.on .item_faq_cont{border-bottom:1px solid #222;}
/* 최근검색 top10 */
.item_recent_cont{border-bottom: 1px solid #ddd;padding-bottom: 10px;}
.item_recent_cont .recent_list{padding-top: 10px;}
.item_recent_cont .recent_list li{display: flex;justify-content: space-between;align-items: center;padding-bottom: 10px;}
.item_recent_cont .recent_list li .del{width: 30px;text-align: right;}
.item_recent_cont .recent_list li .area{flex-grow: 1;}
.item_recent_cont .recent_list li .area span{color: #888;}
.recent_more{text-align: right;}
.recent_more .btn.txt{color: #222;text-decoration: none;}
.recent_list.more{display: none;}


/* device pc */
@media (hover: hover) and (pointer: fine){
  /* layout */
  body{background-color: #edf2fa;min-width: 1180px;}
  .dwrap{display: flex;width: 1176px;margin: 0 auto;padding: 30px 0;position: relative;gap:20px;justify-content: flex-start;}
  .dwrap #container{min-height: auto;}
  .dwrap #wrap, .dwrap #body{width: 500px;border-radius: 10px;margin:0;background-color: #fff;min-height: auto;}
  #header{border-radius: 10px 10px 0 0;}
  #header .header_inner{min-height: 85px;padding: 0 30px;}
  #header .header_inner img{max-width: none;max-height: none;}
  #footer .footer_cont{border-radius: 0 0 10px 10px;padding: 20px 30px;}
  .footer_prov img, .footer_copy img{margin-right: 15px;}
  .footer_copy{justify-content: left;padding-left: 24px;}
  .footer_copy .name{letter-spacing: -0.03em;font-size: 14px;}

  .contents{padding:20px 30px 35px;min-height:calc(100vh - 451px);}
  .air_wrap{min-height: calc(100vh - 451px);}
  .body_bob .contents, .body_bob .air_wrap{min-height:calc(100vh - 342px);}
  .body_club .contents, .body_club .air_wrap{min-height:calc(100vh - 396px);}

  .contents.spe{padding:20px 0 35px;}
  .side_wrap{display: block;}

  /* hide */
  .main_special{display: none;}
  .main_help{display: none;}
}