@charset "utf-8";

/* font: 나눔바른고딕 UltraLight 200 , Light 300, Regular 400, Bold 700  */
@font-face {
	font-family: "ng_regular"; /*NanumBarunGothic_Regular; */
src:url(../fonts/NanumGothic.eot); /* IE9 Compat Modes */
src:url(../fonts/NanumGothic.eot?#iefix) format('embedded-opentype'), /* IE6-IE8 */
	url(../fonts/NanumGothic.woff) format('woff'), /* Modern Browsers */
	url(../fonts/NanumGothic.ttf)  format('truetype'); /* Safari, Android, iOS  */
	font-weight:normal;
}

@font-face {
	font-family: "ng_bold";  /*NanumBarunGothic_Bold;*/
src:url(../fonts/NanumGothicBold.eot); /* IE9 Compat Modes */
src:url(../fonts/NanumGothicBold.eot?#iefix) format('embedded-opentype'), /* IE6-IE8 */
	url(../fonts/NanumGothicBold.woff) format('woff'), /* Modern Browsers */
	url(../fonts/NanumGothicBold.ttf)  format('truetype'); /* Safari, Android, iOS */
font-weight: 700;
/*font-weight:normal;*/
}



/*--------------------------*/
/*Basic Styl start */
/*--------------------------*/
html, body { height:100%; -webkit-text-size-adjust:none; }
body, input, select, button, textarea, h1, h2, h3, h4, h5, h6, table {font:normal 12px/1.5 ng_regular,NanumGothic,나눔고딕,dotum,Arial,AppleGothic,Sans-serif;color: #232323;}
html, body, div, form, input, select, button, textarea, legend, fieldset, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, blockquote, address, p, th, td, caption { margin:0; padding:0; }
ol, ul, li { list-style:none; }
img, fieldset {border:0 none;vertical-align: top;}
input, select, textarea { vertical-align:middle; resize:none; position:relative; }
input, textarea { -webkit-appearance:none; -webkit-border-radius:0; border-radius:0; box-shadow:0 !important;  }
input[type="checkbox"] {-webkit-appearance:checkbox;}
input[type="radio"] { -webkit-appearance:radio; -webkit-border-radius:10px; }
button { border:0 none; background:transparent; cursor:pointer; }
hr { display:none; }
legend, .hide { width:0; height:0; visibility:hidden; font-size:0; line-height:0; position:absolute; top:0; left:0; overflow:hidden; }
table caption { width:0; height:0; visibility:hidden; text-indent:-9999px; font-size:0; line-height:0; }
table { border-collapse:collapse; border-spacing:0; }
header, footer, section, article, aside, nav, hgroup, details, menu, figure, figcaption { display:block; }
a:link, a:visited, a:active, a:hover, a:focus {text-decoration:none;color: inherit; display:inline-block;height:100%;}
a:hover, a:focus { text-decoration:none ; outline:none ; }
label {cursor:pointer;  }

/*--------------------------*/
/*layout */
/*--------------------------*/
.dimmed{position:fixed; top:0; left:0; width:100%; height:100%; background:#000; opacity:0.7; z-index:100; }
#loading_bar{}
#site_contents{width: 100%;position: relative;overflow: visible;min-width: 1280px;   overflow: auto; }
#header{width:100%;background: url(../images_front/header/bg_header.png) repeat-x;}
#container{width: 1000px;margin: 0 auto;padding-bottom: 100px;overflow: auto;}
#footer{height:40px;background:#373942;display: none;}
#visual_index{width:100%; height:700px; position:relative;}
.ar_full{width: 100%;}
.ar_left{width: 740px;float: left;display: inline-block;margin-right: 40px;box-sizing: border-box;}
.ar_right{height: 100%;width: 220px;display: inline-block;box-sizing: border-box;}
.ar_option{background:#f9fbfe;border-bottom:1px solid #dadada;position:relative;width: 100%;box-sizing: border-box;padding: 20px; }
.ar_list, .ar_sub{width: 100%;box-sizing: border-box;margin-top: 80px}
.content_section{padding-bottom:100px}
.inline{display:inline !important;}

#container_index{overflow:auto;background:#f7f7f7;width: 100%;padding-bottom: 100px;padding-top: 50px;}
#container_index .ar_full{width: 1000px;margin: 0 auto;padding-bottom: 100px;}
.block1{float: left;width: 30%;padding: 0 10px;box-sizing: border-box;}
.block2{float: left;width: 33%;padding: 0 10px;box-sizing: border-box;}
.block2_1{float: left;width: 70%;padding: 0 10px;box-sizing: border-box;}
.block3{padding: 0 10px;float: left;width: 37%;box-sizing: border-box;}

/*--------------------------*/
/*#login */
/*-----20231212---------*/
#login {background:#fff;position:fixed;top:50%;left:50%;z-index:90;width: auto;border-radius: 10px;padding: 20px;transform: translate3d(-50%, -50%, 0);}
#login .login_header{border-bottom: 3px solid #343433;/* padding-bottom: 30px; */text-align: center;position: relative;overflow: auto;width: 800px;}
#login .login_header h1{width: 46%; height:50px;background: #232323;padding: 10px 20px 15px 20px;display: block;/*float: left;*/border-radius: 10px 10px 0 0;overflow: auto;}
#login .login_header p{position: absolute;right: 0;text-align: left;display: block;line-height: 29px;bottom: 6px;}
#login .login_header strong{display: block;font-size: 13px;color: #000;}
#login .login_header span{font-size: 11px;line-height: 15px;}
#login .login_header span b{color:  #045fa8;  }
#login .login_body form{width: 60%;float: left;padding-top: 10px;padding-left: 20px;box-sizing: border-box;}
#login .login_body h2{font-size: 30px;font-weight: normal;color: #000;line-height: 45px;margin-bottom: 10px;border-bottom: 1px solid #dedede;padding-bottom: 10px;}
#login .login_body{background: #f7f7f7;padding: 20px;text-align: center;overflow: auto;}
#login .login_body div{overflow: visible;margin-bottom:20px;text-align: left;}
#login .login_body span{font-size: 14px;margin-bottom: 10px;float: left;width: 80px;line-height: 40px;font-weight: bold;}
#login .login_body input{width: 300px !important;height: 40px;}
#login .login_body .ar_btn{height: 40px;margin-bottom: 0;width: auto;}
#login .login_body .join{float: left;width: 40%;border-left: 1px solid #ddd;box-sizing: border-box;height: 170px;position: relative;}
#login .login_body .join .btn_type{height: auto;color: #fff;background: #dea726;padding: 20px;position: absolute;left: 50px;width: 200px;font-size: 16px;top: 11px;}
#login .goto_admin {
    height: 50px;
    background: #dea726;
    padding: 10px 30px 15px 30px;
    display: block;
    float: left;
    border-radius: 10px 10px 0 0;
    overflow: auto;
    color: #fff;
    font-size: 20px;
    line-height: 50px;
}
#loginCheck{width: 100px; height: 40px; line-height: 40px; color: #fff; font-size: 14px; font-weight: bold;}

/*--------------------------*/
/*common */
/*--------------------------*/
.hidden{display:none; font-size:0; text-indent:-9999; }
.inputbox{box-sizing:border-box; border: 1px solid #dee1e7;height: 30px;line-height: 30px;padding: 0 5px;color: #555862;border-radius:1px;font-size: 11px;font-family: ng_regular; width:40px;}
.inputbox[readonly="readonly"], .inputbox[readonly]{background:#dedede;}
.inputbox.onAir{width: 60px;padding: 0;text-align: center;}
.inputbox.date{width: 90px; color:#3c3c3c; text-align:center;  }
.line_price{text-decoration:line-through;}
.textarea{ box-sizing:border-box;  overflow:auto; border: 1px solid #dee1e7;height: 20px;line-height: 20px;padding: 0 5px;color: #555862;border-radius:1px;font-size: 11px;font-family: ng_regular; min-height:50px;}
.selbox{border: 1px solid #dee1e7;color: #766d6e;font-size: 11px;font-family: ng_regular;min-width: 110px;height: 35px;border-radius: 3px;text-indent: 10px;}
.calendar{background:url(../images/btn/btn_calendar.png) no-repeat 90% center; display:inline-block; color: transparent !important; }

.wfull {width:100%}
.w100 {width:100px}
.w200 {width:200px}

.align_right {text-align:right  !important;}
.align_center {text-align:center !important;}
.align_left {text-align:left  !important;}

.article{margin-bottom: 0px;padding: 20px;box-sizing: border-box;position: relative;}
.article button{position: absolute;right: 20px;top: 33px;display: block;width: auto !important;padding: 5px 10px;height: auto !important;min-width: 150px;}
h5{font-size: 18px;font-weight:bold;line-height: 25px;border-left: 3px solid #d9d9d9;padding-left: 11px;margin-bottom: 15px;margin-top: 10px;box-sizing: border-box;}

.mg20{margin-bottom:20px;}
/*--------------------------*/
/*pagination*/
/*--------------------------*/
.pagination{margin: 15px 0;width: 100%;text-align: center;}
.pagination ul{overflow: visible;text-align: center;display: inline-block;}
.pagination ul li{float: left;width: 25px;height: 25px;margin-left: 10px;text-align: center;vertical-align: middle;line-height: 25px;font-weight: bold;}
.pagination ul li a{font-size: 12px;color: #000000; display:block;width:100%; height:100%;}
.pagination ul li.p_first { background:url(../images/btn/btn_pagenation.png) no-repeat 0 0; width:23px; height:25px;}
.pagination ul li.p_prev {background:url(../images/btn/btn_pagenation.png) no-repeat -23px 0; margin-left:0 ; width:22px}
.pagination ul li.p_next {background:url(../images/btn/btn_pagenation.png) no-repeat -45px 0; width:23px; height:25px; }
.pagination ul li.p_last {background:url(../images/btn/btn_pagenation.png) no-repeat -68px 0; width:22px; margin-left:0 ; }
.pagination ul li.p_now a{color:#df3d3d;font-weight: bold;background: #fff;display: block;border: 1px solid #dee1e7;box-sizing: border-box;border-radius: 3px;}
.pagination ul li.p_first a,
.pagination ul li.p_prev a,
.pagination ul li.p_next a,
.pagination ul li.p_last a {font-size:0; }
.pagination ul li.off {background-position-y:-25px; }


/*--------------------------*/
/*button */
/*--------------------------*/
.ar_btn.option{height: 50px;margin-top: 30px;}
.ar_btn{width: 100%;height: 30px;position: relative;margin-top: 10px;}
.ar_btn .btn_R{position: absolute;right: 0;top: 0;}
.ar_btn .btn_L{position: absolute;left: 0;top: 0;}
.ar_btn .btn_C{position: absolute;left: 50%; transform: translateX(-50%);  margin-right:-10px;}
.btn_R span{float:left; margin-left:10px; }
.btn_L span{float:left; margin-right:10px; }
#nonStopLabel{margin-left:10px; font-size: 13px; font-weight: bold; color: #232323; font-family: nts_bold, nbg_bold;}
.btn_C span{float:left; margin-right:10px;}
#changeDigitBtn{align-self: center; margin-left: 30px; min-width:130px; height:35px; text-align: center; font-family: ng_regular; font-size: 14px; font-weight:bold; line-height: 20px; display: inline-block; box-sizing: border-box;}

.btn_type{font-family: ng_regular; font-size: 11px; width: 60px;	height: 20px;  line-height: 20px;  text-align: center;  display: inline-block; box-sizing:border-box;}
.btn_type1{font-family: ng_regular; font-size: 11px; width: 120px;	height: 20px;  line-height: 20px;  text-align: center;  display: inline-block; box-sizing:border-box;}
.btn_type a{display:block;  }
.btn_type.red{color:#fff !important}
/*big size : master*/
.btn_type.master{height:32px; line-height:32px ; width:100px;}
.btn_type.master *{font-size:14px; font-weight:bold;}
/*btn color type*/
.black{background: #dea726;color: #fff;border: 1px solid #dea726;}
.red{background: #232323;color: #fff;width: 60px;}
.gray{background: #dea726;color: #fff;width: 60px;}
.white{background: #fff; color: #84878f ; 	width: 60px; border:1px solid #a7a9b2;}
.blue{background: #dea726;color: #fff;width: 60px;border: 1px solid #dea726;}
/*btn_more*/
.more{position:relative; }
.more > a > span{position:relative; background:url(../images/btn/bg_selBoxArrow.png) no-repeat right 3px; padding-right:10px;}
.more.expand > a > span{background-position-y: -7px; }

.ar_option .btn_type{height: 28px;line-height: 28px;vertical-align: middle;}

/*align */
.align.active{background: url(../images/btn/bg_common_btn.png) no-repeat 0 -2px; color: #5b5c61;   padding-left:20px;  font-weight: bold;}
.align{background: url(../images/btn/bg_common_btn.png) no-repeat 0 -20px; color: #84878f;font-size: 12px;padding-left: 15px;width: auto; display: block; }

b.red{color: #f45964;background: none;  border:0 	}
b.blue{color: #6cb5f4;background: none; border:0 	 }

.btn_request{font-family: ng_regular;font-size: 11px;height: 30px;line-height: 20px;text-align: center;display: inline-block;box-sizing: border-box;background: #dea726;padding: 4px 15px;display: inline-block;margin-left:10px;border-radius: 5px;}
.btn_request a{color: #fff;font-size: 14px;font-weight: normal;letter-spacing: 0;}

/*ar_pageTab*/
.ar_pageTab{ width: 100%;}
.ar_pageTab ul{overflow: auto;padding-top: 20px;/* border-bottom: 1px solid #766d6e; */}
.ar_pageTab ul li{float: left;width: 20%;height: 47px;line-height: 47px;font-size: 17px;text-align: center;border-radius: 5px 5px 0 0;background: #dea726;color: #fff;}
.ar_pageTab ul li.on{background: #232323;color: #fff;}
.ar_pageTab ul li a{display: block;}
.ar_pageTab ul li a.close{position: absolute;top: 50%;right: 5px;width: 20px;height: 20px;font-size: 0;background: url(../images/btn/tab_close.png) no-repeat 0 0;margin-top: -10px;background-size: 20px;}


/*--------------------------*/
/*Popup */
/*--------------------------*/
#popup{}
#p_header{ height: 50px; background: #dea726;}
#p_contetns{}
#p_header h1{ color: #fff;  line-height: 50px;  padding: 0 20px;  font-size: 18px;}
#p_contents .ar_btn{margin-top:30px}
#popup .close{background: url(../images_front/common/close.png) center center no-repeat;width: 30px;height: 30px;position:absolute;top: 10px;right: 10px;font-size: 0;background-size: 100%;}


/*popup_join : 대리점회원가입 팝업 */
#popup_join{ position: fixed;  top: 50%; left: 50%; width: auto;  z-index: 100; background: #fff; transform: translate3d(-50%,-50%,0); padding: 0;  }
#popup_join iframe{background: #fff;    border: 0;}
#popup_join .close{background: url(../images_front/common/close.png) center center no-repeat;width: 30px;height: 30px;position:absolute;top: 10px;right: 10px;font-size: 0;background-size: 100%;}

/*popupVirtualAccount : 가상계좌 팝업 */
#popupVirtualAccount{ position: fixed;  top: 50%; left: 50%; width: auto;  z-index: 100; background: #fff; transform: translate3d(-50%,-50%,0); padding: 0;  }
#popupVirtualAccount iframe{background: #fff;    border: 0;}
#popupVirtualAccount .close{background: url(../images_front/common/close.png) center center no-repeat;width: 30px;height: 30px;position:absolute;top: 10px;right: 10px;font-size: 0;background-size: 100%;}

/*priceRule : 요금규정팝업  */
.ar_priceRule{padding:20px; }
.ar_priceRule .tab_cont{padding:20px; min-height:500px;}


/*--------------------------*/
/*header */
/*--------------------------*/
/*header*/
.top{height: 35px;width: 1000px;position: relative;margin: 0 auto;}
.top .logo {position: absolute;top: 35px;left: 0;z-index: 10;}
.top .user_type{color: #dea726;font-size: 14px;font-family: ng_bold;position: absolute;top: 13px;left: 140px;font-weight: 700;}
.top .util{position: absolute;top: 10px;right: 0;}
.top .util li{float: left;margin-left: 20px;/* border-left: 1px solid #d4d457; */padding-left: 20px;}
.top .util li.user a{
    color: #dea726;
}
.top .util li:first-child{border:0;}
.top .util li a{color: #fff;font-size: 12px;}
.top .util li.folder {background: url(../images/header/bg_arrow.png) no-repeat right 6px;padding-right: 15px;}
.top .util li.folder a { line-height: 100%;}
.top .util li a span.alarmCnt{background: #cb0f0f;width: 14px;height: 14px;border-radius: 50%;display: inline-block;color: #fff;font-size: 12px;text-align: center;padding: 3px;line-height: 13px;}

/*navigation*/
.nav_gnb{width: 1000px;margin: 0 auto;height: 105px;position: relative;}
.nav_gnb ul{height: 95px;position: absolute;right: 0;}
.nav_gnb ul li{height: 100%;width: auto;float: left;line-height: 95px;margin-left: 30px;}
.nav_gnb ul li a{display: block;text-align: center;}
.nav_gnb ul li a span{display: block;font-family: ng_regular;font-size: 18px;color: #fff;}
.nav_gnb ul li.menu01 {background-position-x:0px;}
.nav_gnb ul li.menu02 {background-position-x:-94px;}
.nav_gnb ul li.menu03 {background-position-x:-188px;}
.nav_gnb ul li.menu04 {background-position-x:-282px;}
.nav_gnb ul li.menu05 {background-position-x:-376px;}
.nav_gnb ul li.menu06 {background-position-x:-470px;}
.nav_gnb ul li.menu07 {background-position-x:-564px;}
.nav_gnb ul li.menu08 {background-position-x:-658px;}
.nav_gnb ul li.menu09 {background-position-x:-752px;}
.nav_gnb ul li.menu10 {background-position-x:-846px;}
.nav_gnb ul li:hover, .nav_gnb ul li.on{background-position-y:-73px; }
.nav_gnb ul li:hover span , .nav_gnb ul li.on span{color:#fff }

.nav_lnb{}
.nav_lnb h2{color: #3c3c3c;font-size: 18px;font-family: ng_bold;font-weight: 700;padding:20px;}
.nav_lnb ul{/*border-bottom: 1px solid #dee1e7;*/padding-bottom: 30px;}
.nav_lnb ul li{height: 37px;padding: 0 20px;}
.nav_lnb ul li a{display: block;height: 100%;line-height: 37px;font-size: 13px;color: #3c3c3c;font-family: ng_bold;font-weight: 700;}
.nav_lnb ul li.on {background:#eef1f7 url(../images/header/bg_menu_lnb.png) no-repeat left 0;  }

.navigation{position: relative;}
.navigation h3{color: #5da7e7;width: 100%;font-size: 20px;font-family: ng_regular; margin-bottom:20px; }
.navigation ul{position: absolute;right: 0;top: 0;overflow: auto;}
.navigation ul li {float: left; color: #766d6e;font-size: 11px; background: url(../images/header/bg_navigation.png) no-repeat right 3px;padding-right: 20px;}
.navigation ul li:last-child {background:none;}
.navigation .favorite{font-size:0;width: 23px;height:20px;background: url(../images/header/bg_navigation.png) no-repeat right -21px;display: inline-block;float: right;}
.navigation .favorite.on{background-position-y:-50px; }

.set_option{border-bottom: 1px solid #766d6e;padding: 20px;background: #f7f7f7;border-top: 2px solid #766d6e;}

/*footer*/
.ar_footer{width:100%;height:100%;text-align:center;font-size:12px;color:#d5d5d5;line-height:40px;}

/*table*/
.list_TB{width:100%;border-top: 1px solid #dee1e7;border-right: 1px solid #dee1e7;}
.list_TB thead{background: #f9fbfe;border-bottom: 1px solid #cacbcc;/* border-top: 1px solid #cacbcc; */}
.list_TB thead th{font-size: 12px;font-family: ng_regular;color: #81828a;text-align: center;padding: 10px 0;border-left: 1px solid #dee1e7;background: #f7f7f7;}
.list_TB tbody td{padding:10px; background:#fff; border-left:1px solid #dee1e7; border-bottom:1px solid #dee1e7;font-size: 12px;color: #555862;text-align: center;}
.list_TB tbody td.align_left{text-align: left;}
.list_TB .btn_type{display:inline-block !important; margin:3px 0;}
.list_TB a, .list_TB a:hover{text-decoration: underline;}
.list_TB .btn_request{background: #dea726;color: #fff;margin: 0;display: inline-block;padding: 2px 10px;line-height: 20px;font-size: 11px;height: 24px;}



.list_TBBD{width:100%;}
.list_TBBD th{text-align:left; font-size: 12px;font-family: ng_regular;color: #81828a;padding: 10px ;}
.list_TBBD td{padding: 5px 0;font-size: 12px;color: #555862;text-align: left;}
.list_TBBD td #rdo_hide{margin-left:20px; }

.list_TBLT{width:100%;}
.list_TBLT th{text-align:left;font-size: 12px;font-family: ng_regular;color: #81828a;padding: 10px 0;border: 1px solid #dee1e7;background: #f7f7f7;padding: 10px;}
.list_TBLT td{background:#fff; padding: 5px 0;font-size: 12px;color: #555862;text-align: left;border: 1px solid #dee1e7;padding: 5px 10px;}
.list_TBLT tbody.enter_pnr td{background:#fff; padding: 5px 0;font-size: 14px;color: #555862;text-align: left;border: 1px solid #dee1e7;padding: 5px 10px;}
.list_TBLT tbody.enter_pnr td .inputbox{height: 30px; line-height: 30px; background:#fff; padding: 5px 0;font-size: 14px; font-weight: bold !important; font-family: nbg_bold; color: #555862;text-align: left;border: 1px solid #dee1e7;padding: 5px 10px;}

.fixed_TB{width: 100%;position: relative;border-top: 1px solid #dedede;background: #f7f7f7;}
.fixed_TB_head{position: absolute;width: 100%;top: 0;}
.fixed_TB_body{margin-top: 40px;height: 300px;overflow-y: scroll;}


.list_TTB{width:100%;border-top: 1px solid #dee1e7;border-right: 1px solid #dee1e7;}
.list_TTB thead{background: #f9fbfe;border-bottom: 1px solid #cacbcc;/* border-top: 1px solid #cacbcc; */}
.list_TTB thead th{font-size: 12px;font-family: ng_regular;color: #81828a;text-align: center;padding: 17px 0;border-left: 1px solid #dee1e7;background: #f3f4f6;border-top: 2px solid #a1a1a1;}
.list_TTB tbody td{padding: 14px 4px;background:#fff;border-left:1px solid #dee1e7;border-bottom:1px solid #dee1e7;font-size: 13px;color: #444444;text-align: center;}
.list_TTB tbody td.align_left{text-align: left;}
.list_TTB tbody td.empty{background:#f7f7f7;width:70px;}

.list_TTB tbody tr.fareSchedule{cursor:pointer;}
.list_TTB strong{display:inline-block; width:100%; color:#dea726}
.list_TTB .starttime, .list_TTB .endtime, .list_TTB .stop{   background: #f8f8f6;}
.list_TTB tbody tr.active td{background:#b6ccdc;}
.list_TTB tbody tr.oddcolor td{background:#f7f7f7;}
.list_TTB tbody hr{display: block;border-style: dotted;border-color: #999;margin-top: 7px;margin-bottom: 7px;}
.list_TTB tbody tr.transitAlert td{font-size: 12px;font-weight: bold;color: #f45964;}


.ar_tab{min-height:680px;}
.tab_section{position: relative;width: 100%; }
.tab_section > h4{float: left;background: #bbbbbb;font-size: 12px;height: 40px;display: block;line-height: 40px;padding: 0 20px;color: #fff;}
.tab_section > div{position: absolute;margin-top: 40px;border: 1px solid #dea726;width: 100%;/* padding: 10px; */background: #fff;display:none;box-sizing: border-box;}
.tab_section.active div{	z-index: 10;	display: block;}
.tab_section.active h4{	background: #dea726;}
.ar_tab .rch_option{background: #f7f7f7;padding: 20px; border-bottom: 1px solid #ddd;}

#tab_store .ar_btn{padding-bottom:10px;}
#tab_employee .ar_btn{padding-bottom:10px; margin-top:20px;}


 /*step*/
.step{overflow: auto;margin-top: 50px;margin-bottom: 40px;box-sizing: border-box;border-right: 1px solid #d8d8d8;height:50px; }
.step li{float: left;width: 25%;background: #d9d9d9;height: 48px;line-height: 48px;font-size: 14px;text-align: center;font-weight: bold;color: #414141;border-left: 1px solid #d8d8d8;box-sizing: border-box;border-top: 1px solid #d8d8d8;border-bottom: 1px solid #d8d8d8;}
.step li.on {background: #232323;color: #fff;}
.step li a{display: block;position: relative;cursor:default;}
.step li.on a:after{content:"";background: url(../images_front/reservation/nowstep_after.png) 0 center no-repeat;position: absolute;width: 20px;height: 100%;top: 0;right: -5px;}
.step li.on a:before{content:"";background: url(../images_front/reservation/nowstep_before.png) 0 center no-repeat;position: absolute;width: 15px;height: 100%;top: 0;left: 0px;margin-left: -8px;}
.step li:last-child a:after{display:none !important}
.step li:first-child a:before{display:none !important}

 /*검색여정*/
/*.box{width: 100%;background: #f3f4f6;height: 64px;padding: 18px 30px;box-sizing: border-box;}*/
.box{width: 100%;background: #f3f4f6;padding: 18px 30px;box-sizing: border-box;}
.box span.title{color: #111;font-size: 18px;border-right: 1px solid #adadad;padding-right: 20px;margin-right: 20px;}
.box .start{color: #111111;font-size: 15px;margin-left: 20px;}
.box .end{color: #111111;padding-left: 50px;background: url(../images_front/reservation/move.png) 0 center no-repeat;margin-left: 15px;font-size: 15px;}
.box .endOW{color: #111111;padding-left: 50px;background: url(../images_front/reservation/move_s.png) 0 center no-repeat;margin-left: 15px;font-size: 15px;}
.box .member{color: #dea726;font-size: 15px;}

.success{width: 100%;background: #f3f4f6;height: 200px;padding: 18px 30px;box-sizing: border-box;border-radius: 10px;position: relative;}
.success .title{color: #111;font-size: 26px;border-bottom: 1px solid #f48359;padding-bottom: 4px;display: block;margin-bottom: 20px;}
.success .member{color: #dea726;font-size: 16px;position: absolute;left: 30px;top: 130px;}
.success .resrv_num{font-size: 17px;font-weight: bold;}
.success .resrv_num em{font-style: normal;color: #f48359;font-size: 29px;padding-left: 10px;}
.success .action_btns{position: absolute;right: 30px;}


.section{width: 100%;margin-top: 40px;}
.section .section_header{width: 100%;margin-bottom: 20px;}
.section .section_header h4{color: #070707;font-size: 28px;display: inline;font-weight: bold;margin-right: 10px;}
.section .section_header span{color: #444444;font-size: 16px;}
/*20231212*/
.section .section_header.flex{margin-bottom: 15px !important;}
.section .double_header.flex{margin-bottom: 0;}
.section .section_header span.pax_info{display: inline-flex; align-items: center; margin-left: 20px; font-size: 14px; font-weight: bold; color: #045fa8;}
.section .section_header span.red{color:#fff}
.section .section_header em{font-style: normal;color: #888888;padding: 0 5px;}
#container_index .section .section_header h4{font-size:20px;}
#container_index .section .section_header span{color: #444444;font-size: 12px;position: absolute;top: 10px;right: 0;}
#container_index .section .section_header{margin-bottom: 10px;position: relative;}

.section .section_header .checkbox.chk_use{  margin-left:10px;  }
.section .section_header label{font-size:14px;   }



/*track*/
.track{width: 100%;margin-top: 40px;}
.track .track_header{width: 100%;margin-bottom: 20px;}
.track .track_header .btn_type{float:right; margin-top:10px; }
.track .track_header h4{color: #232323;font-size: 28px;display: inline;font-weight: bold;margin-right: 10px;}
.track .track_header .start{color: #444444;font-size: 16px;}
.track .track_header .end{color: #444444;font-size: 16px;background: url(../images_front/reservation/airplane.png) 0 center no-repeat;padding-left: 40px;}
.track .track_header em{font-style: normal;color: #888888;padding: 0 5px;}
.track .datepicker{overflow: auto;}
.track .datepicker li.active{border: 2px solid #828284;border-bottom: 0;background: #fff;}
.track .datepicker li{float: left;width: 91px;background: #f3f4f6;height: 78px;padding: 15px 0;box-sizing: border-box;border-bottom: 2px solid #828284;}
.track .datepicker li a{line-height: 46px;border-left: 1px solid #ccccce;display: block;text-align: center;}
.track .datepicker li .date{color: #222222;font-size: 13px;display: inline-block;width: 100%;line-height: 25px;font-weight: bold;}
.track .datepicker li .price{color: #666666;font-size: 13px;line-height: 18px;}
.track .datepicker li.active .price{color: #e95d00;font-size: 15px;}
.track .datepicker li.prev{width: 51px;font-size: 0;background: #ededed  url(../images_front/reservation/prev.png) center center no-repeat;}
.track .datepicker li.next{width: 52px;font-size: 0;background: #ededed url(../images_front/reservation/next.png) center center no-repeat;}
.track .datepicker li:first-child a{border:0}
.track .ar_btn .btn_R span{line-height:30px; padding-right:10px}

.result{width: 100%;padding: 10px 10px 20px 10px;background: #f3f4f6;box-sizing: border-box;}
.result .btn_research{width: 100%;height: 55px;line-height: 55px;background: #dea726 url(../images_front/reservation/search.png) 25px center no-repeat;color: #fff;text-align: center;font-size: 20px;margin-bottom: 20px;padding-left: 15px;}
.result .btn_booking{width: 100%;height: 55px;line-height: 55px;background: #dea726 50px center no-repeat;color: #fff;text-align: center;font-size: 20px;margin-top: 15px;}
.result .track_result{background: #fbefe1;border: 1px solid #e7e7e7;box-sizing: border-box;margin-bottom: 10px;}
.result .track_result h4{color: #222222;font-size: 16px;line-height: 22px;padding: 10px;}
.result .track_result ul{background: #fff;padding: 10px;}
.result .track_result ul li {border-top: 1px dotted #bbbbbb;position: relative;text-align: right;padding: 10px 0;}
.result .track_result ul li:first-child {border:0}
.result .track_result ul li .title{float: left;text-align: left;font-size: 13px;color: #666;line-height: 22px;}
.result .track_result ul li .text{line-height: 22px;color:#444444;font-weight: normal;}
.result .track_result ul li .text b{   color:#222222;   font-weight:bold;   padding-right: 5px;}
.result .track_result ul li .text strong{   color:#e95d00;}
.result .track_result ul li .text p{font-size:12px; color:#dea726; font-weight:normal;}
.result .track_result ul li .text span{color:#888888}

.result .track_result_empty{background: #dea726;border: 1px solid #e7e7e7;box-sizing: border-box;margin-bottom: 10px;}
.result .track_result_empty h4{color: #fff;font-size: 16px;line-height: 22px;padding: 10px;}
.result .track_result_empty ul{background: #fff;padding: 10px;}
.result .track_result_empty ul li {position: relative;text-align: right;padding: 10px 0;}
.result .track_result_empty ul li:first-child {border:0}
.result .track_result_empty ul li .title{float: left;text-align: left;font-size: 13px;color: #666;line-height: 22px;}

.result .price_result{border: 2px solid #828284;box-sizing: border-box;background: #fff;padding: 10px;position: relative;}
.result .price_result .pricerule {position: absolute;top: 10px;right: 10px;font-size: 10px;background: #dea726;height: auto;width: auto;color: #fff;padding: 2px 4px;}
.result .price_result h4{color: #222222;font-size: 16px;line-height: 20px;margin-bottom: 10px;}
.result .price_result ul{border-top: 1px dotted #d8d8d8;border-bottom: 1px dotted #d8d8d8;padding: 5px 0;margin-bottom: 10px;}
.result .price_result ul li {padding: 5px 0;text-align: right;}
.result .price_result ul li span{float: left;color: #666666;font-size: 13px;}
.result .price_result ul li strong{font-size: 13px;color: #222222;}
.result .price_result .totalprice{}
.result .price_result .totalprice span{width: 100%;background: #f3f4f6;display: block;padding: 10px;font-size: 26px;color: #ff1212;box-sizing: border-box;font-weight: bold;text-align: center;}
.result .price_result .totalprice .total{color: #232323;font-size: 15px;display: block;line-height: 30px;}

/*--------------------------------------------*/
/*------------------main------------------ */
/*--------------------------------------------*/
/*visual_index*/
.search_area{width: 1000px;position:absolute;margin-left: -500px;top: 150px;left:50%;z-index:10;}
.search_area .tab_area{height:47px;padding-left:;}
.search_area .tab_area span{height:47px;width:71px;display:block;float:left;line-height:47px;color:#fff;text-align:center;background: #dea726;overflow: hidden;}
.search_area .tab_area span:first-child{border-radius:10px 0px 0 0}
.search_area .tab_area span:last-child{border-radius:0px 10px 0 0}
.search_area .tab_area span a{font-weight:bold; color:#fff;font-family: nbg_bold;display: block;width: 100%;height: 100%;}
.search_area .tab_area span.on{background: #232323;}
.search_area .tab_area span.on a{color: #fff;font-family: nbg_bold;border: 1px solid #232323;border-bottom: 0;}
.search_area .search_form{position:relative;height: auto;padding:10px 20px 20px 10px;box-sizing:border-box;background: rgba(253,254,255,0.7);border: 1px solid #232323;border-radius:;}
.search_area .search_form .option{position: absolute;top: -30px;right: 0;font-size: 14px;font-weight: bold;color: #232323;font-family: nts_bold, nbg_bold;}
.search_area .search_form table{width:100%; }
.search_area .search_form table tr{height:16px; }
.search_area .search_form table tr th{padding:10px 14px;text-align:left;color: #232323;font-weight:bold;font-size:14px;line-height:15px;font-family: nts_bold, nbg_bold;}
.search_area .search_form table tr td{position:relative; height:30px; padding:0 14px;vertical-align:middle;   }
.search_area .search_form table tr td .icon_select{ display:none !important;	position: absolute;right: 16px;top: 2px;display: block;background: #fdfeff url('../images/common/sprite_main_icon.png') no-repeat 3px -606px;width: 23px;height: 35px;}
.search_area .search_form table tr td .icon_calendar{position: absolute;right: 15px;top: 4px;display: block;background: url('../images_front/common/icon_calendar.png') no-repeat center center;width: 27px;height: 31px;display:block;}
.search_area .search_form table tr td .icon_calendar a{ width: 27px; display:block;height: 31px;}
.search_area .search_form table tr td .selectbox{-webkit-appearance: none; background: #fdfeff url('../images_front/common/arrow.png') no-repeat right center; width:100%; color:#606060; font-size:14px; font-family:nbg_bold; border-radius:1px; border: 2px solid #ededed; padding:8px 0; padding-right:5px ; background-color: #fdfeff;padding-left: 10px;} /*2016.03.10*/
.search_area .search_form table tr td .selectbox.located{padding-left:30px;background: url('../images_front/common/icon_locate.png') no-repeat 10px center;background-color: #fdfeff;}
.search_area .search_form table tr td .inputbox {width:100%;color:#606060;font-size:14px;font-family:nbg_bold;border-radius:1px;border: 2px solid #d9d9d9;padding:8px 0;background-color: #fff;padding-left: 10px;box-sizing: border-box;height: auto;line-height: 1;}
.search_area .search_form table tr th .checkbox{margin-left: 10px;}
.search_area .search_form table tr th .btn-plus{display:inline-block;width:18px;height:18px;text-indent:-9999px;background:url(../images_front/common/btn_plus.gif) no-repeat;margin-left: 10px;}
.search_area .search_form table tr th .btn-minus{display:inline-block;width:18px;height:18px;text-indent:-9999px;background:url(../images_front/common/btn_minus.gif) no-repeat}
.search_area .search_form table tr th .md-options{display:inline-block; margin-left: 10px;}
.search_area .search_form table tr th .md-options label{font-weight:bold;font-size:12px;}

.search_area .search_form .btn_area{margin-top: 20px;text-align:center;/* border-top: 1px solid #dea726; */padding-top: 20px;}
.search_area .search_form .btn_area span{background: #053982;color:#fff;font-size:14px;font-weight:bold;width:120px;height: 35px;display: block;margin: 0 auto;}
.search_area .search_form .btn_area span a{color: #fff;display: block;width: 100%;height: 100%;line-height: 35px;font-family: nts_black;font-size: 14px;background: #dea726 url(../images_front/reservation/search.png) 10px center no-repeat;padding-left: 10px;}
.bg_visual{position:absolute; top:0; left:0; width:100%; height:700px; overflow:hidden; }
.slide_area{width:100%;height:100%;position:relative;box-sizing: border-box;}
.auto_slide{position:absolute; left:0; width:100%}
.auto_slide li{width:100%; float:left; min-height:700px; position:relative;}
.auto_slide li img{height:100%;width:100%;min-height: 700px;}
.auto_slide li span{position:absolute; right:20px; bottom:50px; color:#fff; font-family:nbg_bold; font-size:18px; letter-spacing:-1px; }

/*-------20231212 YTH, STU 추가------*/
#sotoRT, #sotoOW{margin-right: 10px;}
.flex_between{display: flex; justify-content: space-between;}
.alert_area{width: auto;position:absolute;margin-left: -250px; top: 160px;left:50%;z-index:10;}
.ar_full .alert_area{top: 290px !important;}
#msgSpecialInfo, #msgApisRegister, #msgSeatCnld{display: inline-flex; align-items: center; margin-left: 20px; font-size: 14px; font-weight: bold; color: #f45964;}

#container .search_area{position:static; margin:0 ;}


/*--------------------------------------------*/
/*------------------ticket page------------------ */
/*--------------------------------------------*/
.box.ticket{height:auto;position: relative;overflow: auto;padding-left: 157px;}
.box.ticket b{height:auto;color: #000;margin-right: 10px;}
.box.ticket p{height:auto;display: block;text-align: left;font-size: 14px;line-height: 26px;}
.box.ticket span{height:auto; margin:0 }
.box.ticket .end{height:auto; color: #111111;padding-left: 50px;background: url(../images_front/reservation/airplane.png) 0 center no-repeat;margin-left: 15px;font-size: 15px;}
.box.ticket .title{position: absolute;top: 20px;left: 20px;}

.box.ticket1{height:auto;position: relative;overflow: auto;padding-left: 125px;}
.box.ticket1 b{height:auto;color: #000;margin-right: 10px;}
.box.ticket1 p{height:auto;display: block;text-align: left;font-size: 14px;line-height: 26px;}
.box.ticket1 span{height:auto; margin:0 }
.box.ticket1 .end{height:auto; color: #111111;padding-left: 50px;background: url(../images_front/reservation/airplane.png) 0 center no-repeat;margin-left: 15px;font-size: 15px;}
.box.ticket1 .title{position: absolute;top: 20px;left: 20px;}

.summary{width: 100%;overflow: auto;margin-top: 10px;margin-bottom: 20px;}
.summary >div {height: 190px;}
.summary strong{font-size: 18px;display: block;height: 23px;border-bottom: 1px solid #adadad;margin-bottom: 10px;padding-bottom: 10px;}
.summary .red{background: none;font-weight: bold;color: #f45964;}
.summary .ticket_status{float: left;width: 300px;background: #f3f4f6;padding: 20px;box-sizing: border-box; }
.summary .ticket_status p{font-size: 14px;line-height: 24px;}
.summary .ticket_status b{color: #000;margin-right: 20px;}
.summary .ticket_status span{font-size: 14px;}
.summary .ticket_status em{font-style: normal;color: #045fa8;font-weight: bold;}
.summary .price_info{float: left;width: 430px;background: #f3f4f6;box-sizing: border-box;padding: 20px 20px 20px;margin: 0 10px;position: relative; }
.summary .price_info .pricerule {position: absolute;top: 20px;right: 20px;font-size: 11px;background: #dea726;height: auto;width: auto;color: #fff;padding: 4px 20px;}
.summary .price_info b{display: inline-block;width: 149px;float: left;text-align: left;}
.summary .price_info ul{overflow: auto;}
.summary .price_info li{line-height: 21px;font-style: normal;font-size: 14px;text-align: right;}
.summary .price_info li span{display: inline-block;width: 200px;}
.summary .price_info .total{font-size: 20px;margin-top: 10px;text-align: right;border-top: 1px dotted #adadad;padding-top: 10px;}
.summary .price_info b{color: #000; }
.summary .enddate{float: left;width: 250px;box-sizing: border-box;background: #f3f4f6;padding: 20px; }
.summary .enddate em{font-size: 21px;line-height: 100px;text-align: center;display: block;width: 100%;font-style: normal;}

.action_btns_area{position: relative;border-bottom: 2px solid #f28200;height: 50px;}
.action_btns_area .action_btns{position: absolute;right: 0;top: 0;height: 30px;}
.action_btns_area .action_btns a.btn_type{display: inline-block;width: auto;padding: 10px 20px;height: auto !important;color: #fff;font-size: 14px;box-sizing: border-box !important;border: 0 !important;min-width: 100px;}

/*20240531 마일리지*/
.btn_go_reissue, .btn_add_infant, .btn_issue_infant, .btn_go_mileage, .btn_auto_issue{display: inline-block; width: auto; min-width: 110px; margin-left: 10px; padding: 10px 20px; font-weight: bold; text-align: center; height: auto !important;color: #fff !important; box-sizing: border-box !important;border: 0 !important; letter-spacing: 1px;}
.btn_go_mypage{display: inline-block; width: auto;margin-left: 10px; padding: 10px 30px; font-weight: bold; text-align: center; height: auto !important;color: #fff !important; box-sizing: border-box !important;border: 0 !important; letter-spacing: 1px;}
.action_btns_area .reissue_action_btns, .action_btns_area .refund_action_btns {position: absolute;left: 0;top: 0;height: 30px;}
.action_btns_area .reissue_action_btns a.btn_type, .action_btns_area .refund_action_btns a.btn_type{display: inline-block;width: auto;padding: 10px 30px; margin-right: 10px; height: auto !important;color: #fff;font-size: 14px; font-weight: bold; box-sizing: border-box !important;border: 0 !important;min-width: 100px;}
.changedate_step, .addInfant_step, .refund_step, .mileage_step{overflow: hidden;margin-top: 50px;margin-bottom: 40px;box-sizing: border-box;border-right: 1px solid #d8d8d8;height: 50px;}
.changedate_step li.on, .addInfant_step li.on, .refund_step li.on, .mileage_step li.on{background: #232323;color: #fff;}
.changedate_step li, .addInfant_step li, .refund_step li, .mileage_step li {float: left;background: #d9d9d9;height: 48px;line-height: 48px;font-size: 14px;text-align: center;font-weight: bold;color: #414141;border-left: 1px solid #d8d8d8;box-sizing: border-box; border-top: 1px solid #d8d8d8;border-bottom: 1px solid #d8d8d8;}
.changedate_step li {width: 14.28%;}
.addInfant_step li, .refund_step li, .mileage_step li {width: 33.33%;}
.changedate_step li a, .addInfant_step li a, .refund_step li a, .mileage_step li a {display: block;position: relative;cursor: default;}
.changedate_step li.on a:before, .addInfant_step li.on a:before, .refund_step li.on a:before,  .mileage_step li.on a:before{content: "";background: url(../images_front/reservation/nowstep_before.png) 0 center no-repeat;position: absolute;width: 15px;height: 100%;top: 0;left: 0px;margin-left: -8px;}
.changedate_step li.on a:after, .addInfant_step li.on a:after, .refund_step li.on a:after, .mileage_step li.on a:after {content: ""; background: url(../images_front/reservation/nowstep_after.png) 0 center no-repeat;position: absolute;width: 20px;height: 100%;top: 0;right: -5px;}
.reissue > div,  .refund > div{height: 250px !important;}
.reissue .ticket_status p, .refund .ticket_status p {display: flex !important;flex-direction: column;justify-content: center;}
.reissue .enddate em, .refund .enddate em {display: flex !important;flex-direction: column;justify-content: center;}
.flex {display: flex;}

#msgTktSelected, #msgSegSelected, #msgChkResult, #msgFltDone, #msgQuoteDone, #msgAddInfant, #msgEnterName, #msgStudentId, #msgMileage, #msgChangeDigits{display: inline-flex; align-items: center; margin-left: 20px; font-size: 14px; font-weight: bold; color: #f45964;}
#subMsgAddSeg{display: inline-flex; align-items: center; margin-left: 20px; font-size: 14px; font-weight: bold; color: #045fa8;}
.blink{animation: blink-effect 1s; animation-iteration-count: 3;}
@keyframes blink-effect {50% { opacity: 0;}}
.list_TB tbody.add_infant td, .list_TB tbody.enter_pnr td, .list_TB tbody.reg_mileage td{padding: 10px; background: #fff; border-left: 1px solid #deele7; border-bottom: 1px solid #deele7; font-size: 14px; color: #555862; text-align: center;}
.list_TB tbody.add_infant .inputbox, .list_TB tbody.enter_pnr .inputbox, .list_TB tbody.reg_mileage .inputbox{height: 40px; line-height: 40px; font-size: 18px; font-weight: bold !important; padding: 0 10px;}
.list_TB tbody.enter_apis td{padding: 5px !important; font-weight: bold !important;}
.list_TB tbody.enter_apis .inputbox, .list_TB tbody.enter_apis .selbox{width: 100% !important; font-size: 12px !important; font-weight: bold !important; padding:5px;}
/*20240211 REBOOK 처리*/
#selectSegment table tr td .selectbox.located{padding-left:30px;background: url('../images_front/common/icon_locate.png') no-repeat 10px center;background-color: #fdfeff;}
#selectSegment table tr td .selectbox{-webkit-appearance: none;  width: 100%; text-align: center; color: #045fa8; font-size: 14px; font-weight: bold; font-family: nbg_bold; border-radius: 1px; border: none; padding: 8px 0; padding-right: 5px;}
#selectSegment table tr td .btn_type{color: #fff !important; font-size: 12px !important; font-weight: bold; border-radius: 5px; height: 30px !important; line-height: 30px !important;}
.list_TB tbody td.cool{color: #045fa8;}
.list_TB_B tbody td .date_select, .list_TB_B tbody td .date_dummy{color: #045fa8 !important; font-weight: bold;}

input.size_20_box {width: 20px; height: 20px;}
.m_l_30 {margin-left: 30px;}
.m_l_10 {margin-left: 10px;}
.list_TB_B{width: 100%;border-top: 1px solid #dee1e7;border-right: 1px solid #dee1e7;}
.list_TB_B thead th{font-size: 12px;font-family: ng_regular;color: #81828a;text-align: center;padding: 10px 0;border-left: 1px solid #dee1e7;background: #f7f7f7;}
.list_TB_B tbody td{position: relative;padding: 10px;vertical-align: middle;background: #fff;border-left: 1px solid #dee1e7;border-bottom: 1px solid #dee1e7;font-size: 12px;color: #555862;text-align: center;}
.list_TB_B tbody td .inputbox {width: 100%;color: #606060;font-size: 14px;font-family: nbg_bold;border-radius: 1px;border: none;padding: 8px 0;background-color: #fff;box-sizing: border-box;height: auto;line-height: 1;text-indent: 30%;}
.list_TB_B tbody td .icon_calendar {position: absolute;display: inline-block;vertical-align: middle;right: 15px;background: url(../images_front/common/icon_calendar.png) no-repeat center center;width: 27px;height: 31px;}

/*reissue_search : 재발행좌석조회결과 20240619*/
#reissue_search{ position: fixed;  top: 50%; left: 50%; width: auto;  z-index: 100; background: #fff; transform: translate3d(-50%,-50%,0); padding: 0;  }
#reissueItnSearch{background: #fff;    border: 0;}
#reissue_search .close{background: url(../images_front/common/close.png) center center no-repeat;width: 30px;height: 30px;position:absolute;top: 10px;right: 10px;font-size: 0;background-size: 100%;}
#r_header{height:50px; background: #232323;}
#r_header h1{ color: #fff;  line-height: 50px;  padding: 0 20px;  font-size: 18px;}
#r_footer{display: flex; align-items: center; height:80px; background: #766d6e;}
#msgSeeMoreFlight{display: inline-block; margin-left: 30px; font-size: 14px; font-weight: bold; color: #fff;}
.btn_see_more_flight{display: inline-block; width: auto; min-width: 110px; margin-left: 30px; padding: 10px 20px; font-size: 14px; font-weight: bold; text-align: center; height: auto !important;color: #fff !important; box-sizing: border-box !important;border: 0 !important; letter-spacing: 1px;}
.box.ticket1 .seg{display: block;}
.avail_article{margin-bottom: 30px; padding: 20px; box-sizing: border-box; position: relative;}
.list_TTB tbody tr.airSchedule {cursor: pointer;}
.list_TB tbody td.red{color: #f45964;}
.fade_in{animation: fadein 3s; -moz-animation: fadein 3s; -webkit-animation: fadein 3s;}
@keyframes fadein {
    from {opacity: 0;}
    to {opacity: 1;}
}
@-moz-keyframes fadein {
    from { opacity: 0;}
    to {opacity: 1;}
}
@-webkit-keyframes fadein {
    from {opacity: 0;}
    to {opacity: 1;}
}

/*어드민 마이페이지: 20240425*/
.disabled{pointer-events: none;}
.blue.disabled, .red.disabled, .white.disabled, #viewMoreDirect.disabled{background: #bbbbbb; color: #fff; border: 1px solid #bbbbbb;}

/*"upload_area"*/
.upload_area{    background: #f9fbfe;    margin-bottom: 20px;    padding: 20px;    box-sizing: border-box;    border: 1px solid #c6d9ea;}
.upload_area span{    font-size: 13px;    margin-right: 10px;}
.upload_area button{    float: right;    width: 100px;    height: 22px;    line-height: 22px;}
.upload_area input{    background: #fff;    height: 22px;    border: 1px solid #d7d7d8;    vertical-align: middle;    width: 80%;}

.upload_area1{    background: #f9fbfe;    margin-bottom: 20px;    padding: 20px;    box-sizing: border-box;    border: 1px solid #c6d9ea;}
.upload_area1 input{    background: #fff;    height: 22px;    border: 1px solid #d7d7d8;    vertical-align: middle;    width: 120px;}

/*invoice_form*/
.ar_invoice{position:relative; padding:20px}
.ar_invoice .ar_btn{    margin-top: 0 !important;}
.invoice_form{padding:20px;}
.invoice_form h2{font-size: 30px;text-align:center;font-weight: bold;margin-bottom: 10px;}
.invoice_form .list_TBBD th{padding:5px 0; font-size:13px; }
.invoice_form .list_TBBD td{  font-size:13px; }
.invoice_form .section{    margin-top: 20px;}
.invoice_form .section_header{  margin: 0;}
.invoice_form h5{    font-size: 14px;    line-height: 20px;    margin-bottom: 10px;}
.invoice_header{border-bottom: 2px double #666;padding: 20px;margin-bottom: 20px;border-top: 2px solid #666;}
.invoice_body p {line-height:23px;font-size:13px;border-bottom: 1px dashed #dedede;padding-bottom: 15px;}
.invoice_footer{margin-top:30px;  border-top:1px solid #ddd;  padding:20px 0; }
.invoice_footer p {line-height:23px; font-size:13px; line-height:28px; margin-bottom:20px;  }
.invoice_footer .align_center{font-size:18px; display:block; padding:10px 0;  border-bottom:1px solid #ddd; margin-bottom:10px; }
.invoice_footer .logo_area{display:block; text-align:center; font-size:25px;  }

.eticket_form{padding:20px;}
.eticket_form h2{font-size: 30px;text-align:center;font-weight: bold;margin-bottom: 10px;}
.eticket_form .list_TBBD th{padding:5px 0; font-size:13px; }
.eticket_form .list_TBBD td{  font-size:13px; }
.eticket_form .section{    margin-top: 20px;}
.eticket_form .section_header{  margin: 0;}
.eticket_form h5{    font-size: 14px;    line-height: 20px;    margin-bottom: 10px;}
.eticket_header{padding: 20px;margin-bottom: 20px;border-top: 2px solid #666;}
.eticket_body p {line-height:23px;font-size:13px;border-bottom: 1px dashed #dedede;padding-bottom: 15px;}
.eticket_footer{margin-top:30px;  border-top:1px solid #ddd;  padding:20px 0; }
.eticket_footer p {line-height:23px; font-size:13px; line-height:28px; margin-bottom:20px;  }
.eticket_footer .align_center{font-size:18px; display:block; padding:10px 0;  border-bottom:1px solid #ddd; margin-bottom:10px; }
.eticket_footer .logo_area{display:block; text-align:center; font-size:25px;  }

.ar_bookingCancel{padding:20px;}
.ar_bookingCancel p{margin-bottom:20px;}

/*userGroup*/
.userGroup .ar_pageTab ul{  border-bottom: 1px solid #766d6e;  }
.userGroup .section{margin-bottom:100px;}
.userGroup .inputbox{height:33px;}

/*loading bar*/
#loading{   position: fixed;   top: 50%;   left: 50%;   z-index: 999;   width: 400px; height: 400px; background: #f7f8f9;  transform: translate3d(-50%,-50%,0);  -webkit-transform-origin-x: translate3d(-50%,-50%,0);  border-radius: 50%;  padding: 70px 50px;  box-sizing: border-box; }
 #loading img{    margin: 10px 0 20px;}
 #loading span{    font-size: 20px;    text-align: center;    display: block;    font-weight: bold;}

/*city_list*/
.city_list{ border: 1px solid #8c9450; padding: 20px; box-sizing: border-box;}
.city_list dl{display: block;margin-bottom: 20px;position: relative;overflow: auto;border-bottom: 1px solid #d9d9d9;padding-bottom: 20px;}
.city_list dl:last-child{border-bottom:0;margin-bottom:0;padding-bottom: 0;}
.city_list dt{min-width: 80px;font-size: 14px;float: left;border-right: 1px solid #d9d9d9;margin-right: 10px;font-weight: bold;}
.city_list dd{  float: left;  margin-left: 10px;  font-size: 14px;}