@charset "utf-8";

.sec_air {background-color: #f0f0f0;}

.search_info {text-align: center; line-height:1.6; padding:8px; background-color: #f7f7f7}
.search_info .basic {letter-spacing: -0.04em}
.search_info .basic i.fa-plane {margin: 0 4px}
.search_info .date {color: #ff5722; font-family: 'Lato';}
.search_info .date strong {font-weight: normal}
.search_info .date i {margin: 0 8px; color: #bbb;}
.search_info .date img {margin: 0 8px}

.pick_date {background-color:#37b7b6; color: #fff; padding:8px 15px 6px; clear: both; line-height: 1.6; margin: 10px 0 0}
.pick_date h4 {font-weight: normal;}
.pick_date h4 i {margin:0 6px 0 0}
.pick_date p {font-family: 'Lato'}

.lst_result {padding-bottom:5px;}
.lst_result li {border-top: 1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; background-color: #fff; margin:5px 0 0; position: relative;}
.lst_result li.selected {background-color: #e3f5f5 !important}
.lst_result li a {color: #555}
.lst_result li a:active {background-color: #f8ede6}
.lst_result li h5 {padding:10px 13px 10px; font-size:12px;}
.lst_result li h5 img {margin:0 5px 0 0; display: inline-block; vertical-align: middle;}
.lst_result li .basic {font-size: 12px; letter-spacing: -0.04em; padding: 0 13px 8px; color: #999;}
.lst_result li .basic strong {font-weight: normal; color: #555; }
.lst_result li .basic span {margin:0 4px 0 0;font-size:14px; color: #37b7b6; font-weight:500; }
.lst_result li .basic em {color: #ff5722}
.lst_result li .basic i {vertical-align: middle; margin: 0 4px}
.lst_result li .price {border-top: 1px solid #dfdfdf; font-size: 12px; padding: 8px 13px 4px; overflow: hidden; letter-spacing: -0.04em}
.lst_result li .price span {color: #999;}
.lst_result li .price strong {font-size: 14px; color: #ff5722; font-family: 'Lato'; float: right}
.lst_result li .price strong:after {content: '원';}
.lst_result li .basic .event{ width:100%; box-sizing:border-box;color: #37b7b6;font-size: 11px; margin-top:5px; }

.tasfinfo { color: #ff5722 ; font-size: 12px; padding: 8px 13px 4px; overflow: hidden; letter-spacing: -0.04em}
.sec_air .btn_area{    padding: 10px 5px 10px; }


/*제주항공 추천항공 노출 20181026 김임선*/

.lst_result #ul_dep_banner li{background:url(/images/item/sticker_best_air.png) no-repeat top right; border: 1px solid #ff3e2d; background-size:12% ;background-color: #fff;}
.lst_result #ul_dep_banner li .btn_reset { top: 32px;  right: 8px;}

.lst_result #ul_arr_banner li{background:url(/images/item/sticker_best_air.png) no-repeat top right; border: 1px solid #ff3e2d; background-size:12% ;background-color: #fff;}
.lst_result #ul_arr_banner li .btn_reset { top: 32px;  right: 8px;}
.lst_result #ul_arr_banner li.selected {background-color: #e3f5f5 !important}

/* 항공메인 하단메뉴 */

#wrap_notice.notice_area ul{ padding:10px 15px 0 15px;}
.air_btmarea { display:block; background-color: #f0f0f0; clear:both;}
.air_btmarea .mn_area { margin-bottom:10px;border-top:#dfdfdf 1px solid;}
.air_btmarea .mn_area li{ background-color:#fff; border-bottom:#dfdfdf 1px solid;border-right:#dfdfdf 1px solid; line-height:36px; width:50%; box-sizing:border-box; float:left;}
.air_btmarea .mn_area li:nth-child(even){border-right:none;}
.air_btmarea .mn_area li a{ box-sizing:border-box; display:block; }
.air_btmarea .mn_area  li i{ width:23px; height:23px; display: inline-block; float:left; margin:7px 5px 0 5px;}
.air_btmarea .mn_area  li i.mn01{ background:url(/images/air/ico_btm_mn01_gray.png)0 0 no-repeat; background-size:23px 23px; }
.air_btmarea .mn_area  li i.mn02{ background:url(/images/air/ico_btm_mn02_gray.png)0 0 no-repeat;  background-size:23px 23px;}
.air_btmarea .mn_area li i.mn03{ background:url(/images/air/ico_btm_mn03_gray.png)0 0 no-repeat;  background-size:23px 23px;}
.air_btmarea  .mn_area li i.mn04{ background:url(/images/air/ico_btm_mn04_gray.png)0 0 no-repeat;  background-size:23px 23px;}
.air_btmarea .mn_area  li span{ color:#555555;}

/*서브배너*/
.air_sub_banner{text-align: center; padding: 0 0 15px;}
.air_sub_banner img{width: 96%;    border-radius: 4px;}

/* 할인항공 검색*/

.sec_airsale .search_area{ border-top:none;}
.search_area .selectbox > span> i{
	    margin: 0 4px 0 0;}
.search_area .sub_fold  span i{
	    margin: 0 4px 0 0;}		
		
.search_area .twin > div{float: left;
    width: 50%;
    box-sizing: border-box;
    line-height: 35px;
    position: relative;
    overflow: hidden;
    display: block;
    color: #555;}
.sub_fold .date_selector{ padding:0 10px; display:block;}
.search_area .sub_fold > a{ color:#555;}
.lst_air_item.sale_air ul{ background:#fff; margin-top:10px;}
.sale_air li.selected{ position:relative;}
.sale_air .selected .btn_reset{ position:relative;top: -125px; float:right;}


/* 할인항공 상세*/
.box_fold.sale_air{ margin-bottom:10px;}
.box_fold.sale_air dl{ margin-top:10px;}
.box_fold.sale_air dt{width:100%; display:block; box-sizing:border-box;}
.saleair_buy_area{ width:100%; }
.saleair_buy_area li label{    display: block;
    width: 100%;
    padding: 8px 15px;
    border-top: 1px solid #dfdfdf;
    box-sizing: border-box;
    overflow: hidden;
    text-align: center; background:#fff;}

.saleair_buy_area .btn_area {
    border: none;
    padding: 15px 5px;
}



.saleair_buy_area li label span:first-child {
	float: left;
	width: 55px;
	text-align: left
}
.saleair_buy_area li label span:first-child i {
	margin: 0 2px 0 0
}
.saleair_buy_area li label span.box_numb {
	margin: 0
}
.saleair_buy_area li label span.box_numb .fa-minus-circle {
	opacity: 0.5
}
.saleair_buy_area li label strong {
	float: right;
	font-family: 'Lato';
	font-size: 12px;
	font-weight: normal;
}

/* 할인항공 예약*/
.sec_air .box_price dd{ background-color:#37b7b6; padding:12;}
.sec_air .box_price label:first-child{ border-top:none}
.sec_air .box_price label{ display:block;  width:100%;  box-sizing:border-box;  text-align:center; padding:8px 15px; overflow:hidden; color:#3d3d3d; border-top: 1px solid #dfdfdf; }
.sec_air .box_price label span:first-child{ float:left; width:55px; text-align:left; font-size:14px;}
.sec_air .box_price label span:first-child .fa{ margin-right:5px;}
.sec_air .box_price .box_numb{ }
.sec_air .box_price .box_numb input { background:none;}
.sec_air .box_price dd label strong{ float:right; font-size:14px; font-family: 'Lato';     font-weight: normal;}
.sec_air .box_price dt h3{ width:100%;}



/*green 버전

.air_btmarea .mn_area { margin-bottom:10px;border-top:#94d9d8 1px solid;}
.air_btmarea .mn_area li{ background-color:#e3f5f5; border-bottom:#94d9d8 1px solid;border-right:#94d9d8 1px solid; line-height:36px; width:50%; box-sizing:border-box; float:left;}
.air_btmarea .mn_area li:nth-child(even){border-right:none;}
.air_btmarea .mn_area li a{ box-sizing:border-box; display:block; }
.air_btmarea .mn_area  li i{ width:23px; height:23px; display: inline-block; float:left; margin:7px 5px 0 5px;}
.air_btmarea .mn_area  li i.mn01{ background:url(/images/air/ico_btm_mn01.png)0 0 no-repeat; background-size:23px 23px; }
.air_btmarea .mn_area  li i.mn02{ background:url(/images/air/ico_btm_mn02.png)0 0 no-repeat;  background-size:23px 23px;}
.air_btmarea .mn_area li i.mn03{ background:url(/images/air/ico_btm_mn03.png)0 0 no-repeat;  background-size:23px 23px;}
.air_btmarea  .mn_area li i.mn04{ background:url(/images/air/ico_btm_mn04.png)0 0 no-repeat;  background-size:23px 23px;}
.air_btmarea .mn_area  li span{ color:#37b7b6;}*/


.notice_area.air_main{ clear:both; margin-top:10px !important; margin-bottom:0px; width:100%;background-color: #f0f0f0; padding:15px 0;}
.notice_area.air_main h4{ font-size:16px; font-weight:800;  color:#333;   padding: 0 0 5px 10px;  box-sizing:border-box; border-bottom: 1px solid #dfdfdf;}
.notice_area .btn_load_more{    display: block;
    margin: 10px auto 0px auto;
    width: calc(100% - 20px);
    box-sizing: border-box;
    line-height: 40px;
    text-align: center;
    color: #fff;
    border: none;
    font-size: 18px;
    background-color: #999;
    border-radius: 4px;
    text-decoration: none;}




/* 취소환불수수료 */
.sec_air .box_fold h4{ font-size:14px; font-weight:800; color:#333;     padding: 0 0 5px; margin: 10px 0;border-bottom: 1px solid #dfdfdf;}
.sec_air .box_fold h3{font-size:13px; font-weight:800; color:#555;    margin: 10px 0 5px;}
.sec_air .tb_airrefund{    width: 100%;
    border-collapse: collapse;
    border: 1px solid #ebebeb;
    border-top: 2px solid #b3b3b3;}
	
.sec_air  .align-right { text-align:right; color:#999; line-height:1.8em;}
.sec_air  .tb_airrefund thead th {
    border-top: 0;
    background: #fafafa;
    color: #808080;font-size: 12px;
	padding: 8px 5px;
	text-align:center;
}
.sec_air .tb_airrefund  tbody th {color: #808080;
    border-right: 1px solid #ebebeb; border-top: 1px solid #ebebeb; font-size: 11px; font-weight:normal;padding: 8px 5px;}

.sec_air  .tb_airrefund td {
	padding: 8px 5px;
    border-top: 1px solid #ebebeb;
    border-right: 1px solid #ebebeb;
    text-align: center;
	font-size: 11px;}

.data-table{width:100%; border-collapse:collapse; border:1px solid #ebebeb; border-top:2px solid #b3b3b3;}
caption{overflow:hidden; width:0; height:0; font-size:0; line-height:0;}
.data-table th,
.data-table td{padding: 8px 5px;   border-top: 1px solid #ebebeb;   border-right: 1px solid #ebebeb;   text-align: center;font-size: 11px;vertical-align: inherit;}
.data-table thead th{font-weight: normal; border-top:1; background:#fafafa; color:#808080;}
.data-table tbody th{color:#808080; border-right:1px solid #ebebeb; font-weight: normal}
.data-table.align-left th, 
.data-table.align-left td{text-align:left;}
.table__rule-content td{ line-height: 1.4;}

em{ color: #ff5722;}

#dialog_line_event.ui-widget-content{ font-size:12px; color:#999;}



/* 항공메인 결항대처법-레이어 */
#dialog_ar_aircancel{padding: 15px;
    box-sizing: border-box;letter-spacing:-0.5px;}

#dialog_ar_aircancel h3{ font-size:14px; display:block; margin-bottom:10px; color:#fff; padding:10px 5px; box-sizing:border-box;
	}
#dialog_ar_aircancel h3.cancel01{ background:#f6a51a;}
#dialog_ar_aircancel h3.cancel02{ background:#27bfb3;}
#dialog_ar_aircancel h3.cancel03{ background:#959595;}
#dialog_ar_aircancel h3.cancel04{ color:#D41619; margin-bottom:0px;}
#dialog_ar_aircancel ul li{ line-height:1.8em; margin-bottom:10px;  font-size:12px;}
#dialog_ar_aircancel .info_txt{ line-height:1.4em; font-size:12px; box-sizing:border-box; padding: 0 10px; color:#666;}
#dialog_ar_aircancel .info_txt span{ font-weight:800; color:#333; }
#dialog_ar_aircancel p{ font-size:12px;}

/*항공메인 이벤트*/
.ban_air_event { margin-bottom: 15px}
.ban_air_event img{display: block; width: 100%;}

/* 항공메인 취소수수료-레이어 */
#dialog_ar_refund{padding: 15px;
    box-sizing: border-box;}
#dialog_ar_refund h4{ font-size:18px; font-weight:800; color:#333;   padding: 0 0 5px; margin: 10px 0; box-sizing:border-box; border-bottom: 1px solid #dfdfdf;}
#dialog_ar_refund li{font-size:12px;}

#dialog_ar_refund h3{font-size:13px; font-weight:800; color:#555;    margin: 10px 0 5px; display:block;}
#dialog_ar_refund .tb_airrefund{    width: 100%;
    border-collapse: collapse;
    border: 1px solid #ebebeb;
    border-top: 2px solid #b3b3b3;}
	
#dialog_ar_refund  .align-right { text-align:right; color:#999; line-height:1.8em; font-size:12px;}
#dialog_ar_refund  .tb_airrefund thead th {
   /* border-top: 0;*/
    background: #fafafa;
    color: #808080;font-size: 12px;
	padding: 8px 5px;
	text-align:center;
}
#dialog_ar_refund .tb_airrefund  tbody th {color: #808080;
    border-right: 1px solid #ebebeb; border-top: 1px solid #ebebeb; font-size: 11px; font-weight:normal;padding: 8px 5px; line-height: 1.4}

#dialog_ar_refund  .tb_airrefund td {
	padding: 8px 5px;
    border-top: 1px solid #ebebeb;
    border-right: 1px solid #ebebeb;
    text-align: center;
	font-size: 11px;}
	
/* 항공메인 항공수령 및 결제-레이어 */
#dialog_ar_useinfo{padding: 15px;
    box-sizing: border-box;letter-spacing:-0.5px;}
#dialog_ar_useinfo .air_info dt{font-size:14px; font-weight:800; color:#333;   padding: 0 0 5px; margin: 10px 0; box-sizing:border-box; margin: 10px 0;border-bottom: 1px solid #dfdfdf;}
#dialog_ar_useinfo .air_info dd{font-size:12px; color:#666;}

#dialog_ar_useinfo .tb_refund{  width: 100%;
    border-collapse: collapse;
    border: 1px solid #ebebeb;
    border-top: 2px solid #b3b3b3; margin-top:10px;}
#dialog_ar_useinfo .tb_refund thead th {
    border-top: 0;
    background: #fafafa;
    color: #808080;font-size: 12px;
	padding: 8px 5px;
	text-align:center;
}
#dialog_ar_useinfo .tb_refund  tbody th {color: #808080;
    border-right: 1px solid #ebebeb; border-top: 1px solid #ebebeb; font-size: 11px; font-weight:normal;padding: 8px 5px;}

#dialog_ar_useinfo .tb_refund td {
	padding: 8px 5px;
    border-top: 1px solid #ebebeb;
    border-right: 1px solid #ebebeb;
    text-align: left;
	 font-size: 11px;
	 line-height:1.6em;}
#dialog_ar_useinfo .air_tel td { text-align:center;}


.search_info .btn_research:link{color:#555 !important}
.search_info .btn_research:visit{color:#555 !important}
.search_info .btn_research span{ color:#555;}
.search_info .btn_research .fa{ color:#555;}

/*취소수수료 레이어디자인수정 2021.12.30 kimmi*/
.box__rule-content {margin-top: 2rem}
.data-table .letter_sp01{line-height: 1.8}