@charset "utf-8";

.showPc{display: block !important;}
.showMobile{display: none !important;}
.allMenu{display: none;}

/* index.php 에 있던 코드를 여기로 옮김 */
.lt{width: 100%;}
.sec01, .sec02, .sec03{width:260px; float:left}
.sec02, .sec03{margin-left: 35px;}


/*.sec03 div{position: relative;float: left;margin-bottom: 20px;padding-bottom: 10px;width: 260px;height: 150px;border-bottom: 1px solid #e9e9e9;}
.sec03 div *{padding:0; margin:0}
.sec03 strong{float:left}
.sec03 strong{padding:10px 0 8px; display:block}
.sec03 ul li{list-style:none; line-height:20px}*/
.gallery{width:400px; float:left}

#device_change{display: none;}

#hd_sch.hd_div{display: none !important;}

@media screen and (max-width: 768px){
    *{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-text-size-adjust:none;max-height:1000000px;font-family:HelveticaNeue-Light,AppleSDGothicNeo-Light,'Malgun Gothic','맑은 고딕',sans-serif !important;}
	
	body{font-size: 14px;}
    
    input,textarea{-webkit-appearance:none;-webkit-border-radius:0}
    input[type='checkbox']{-webkit-appearance:checkbox} 
    input[type='radio']{-webkit-appearance:radio}
    input[type='text'],
    input[type='email'],
    input[type='tel'],
    input[type='password']{padding-right: 10px !important;padding-left: 10px !important;}
	
	img{max-width: 100%;height: auto;}
	
	.showPc{display: none !important;}
	.showMobile{display: block !important;}
	.m_no{display: none !important;}
	
    
	/* layout */
    #wrapper{width: auto;padding: 15px;}
    
    #hd{min-width: inherit;border-bottom: 1px solid #13a64d;}
    #hd_wrapper{width: auto;padding: 0;height: 75px;}
    #hd_sch_wrap{display: none;}
    #tnb{display: none;}
    a.report{display: none;}
    
    .sch-size{margin: 0;}
    #text_size{display: none;}
    
    #logo{float: none;padding: 0;}
    #logo a {display: inline-block;padding: 15px;}
    #logo a img{height: 42px;}
    
    #gnb{display: none;}
    
    #left{float: none;width: auto;margin: 0;}
    .emergency_call{border: 2px solid #333;}
    .emergency_call strong{padding-top: 0 !important;}
    
    #aside{float: none;width: auto;margin: 0;overflow: hidden;border: 0;}
    #aside > a{float: left;margin: 0;width:50%;}
    .lt_aside{width: 100% !important;height: auto !important;margin: 6px 0 !important;padding: 5px 10px !important;border: 3px solid #c1c1c1;}
    .lt_aside .lt_title{padding: 10px 0 8px;border-bottom: 1px solid #e9e9e9;}
    .koreanairBanner img{width: 100%;}
    .bannerWrap{clear: both;overflow: hidden;margin: 0 -4px;padding: 4px 0;}
    .bannerWrap a{display: inline-block;float: left;width: 50%;margin: 0;padding: 4px;}
    .bannerWrap a.col3{width: 33.33333%;}
    .bannerWrap img{width: 100%;}
    
    #container{float: none;width: auto;padding: 0;border: 0;}
    
    #ft{width: auto;min-width: inherit;}
    #popular{padding: 0 15px;}
    #popular div{width: auto;}
    #popular h2{padding-right: 35px;font-size: 0.95em;}
    #popular ul{font-size: 0.9em;}
    #visit {padding: 0 15px;}
    #visit div{width: auto;position: relative;}
    #visit h2{float: none;padding-right: 0;padding-bottom: 0;font-size: 0.95em;}
    #visit dl{float: none;overflow: hidden;margin-left: 0;font-size: 0.9em;}
    #visit dd{margin: 0 15px 0 0;}
    #visit a{position: absolute;right:0;top:9px;padding: 0;}
    #ft_copy div{width: auto;height: auto !important;padding: 15px;}
    #ft_copy img{float: none !important;margin-left: -10px;height: 24px;}
    #ft_copy p{float: none !important;color: #ddd !important;line-height: 14px !important;padding-top: 10px !important;}
    #ft_copy #ft_totop{top: 15px;right:15px;margin-right: 0;}

    
    /* common */
    .frm_input{height: 30px;border: 1px solid #ddd;background-color: #fff !important;line-height: 1;vertical-align: middle;max-width:100%}
    a.btn_b01{height: 30px !important;padding: 5px 7px !important;border-radius: 3px;line-height: normal!important;border: 1px solid #ccc;}
    a.btn_b02{height: 30px !important;padding: 5px 7px !important;border-radius: 3px;font-weight: normal !important;line-height: normal !important;}
    a.btn_admin{padding: 5px 7px !important;line-height: normal !important;border: 1px solid #a21f17 !important;border-radius: 3px;height: 30px !important;}
    .btn_bo_adm input{padding: 0 10px !important;line-height: normal !important;border: 1px solid #a21f17 !important;border-radius: 3px;height: 30px !important;}
    .btn_submit{margin: 0;padding: 0 10px;height: 30px;border: 0;vertical-align: middle;}
    fieldset .btn_submit{padding: 0 10px;height: 30px;}
    a.btn_cancel{height: 30px;padding-top: 0;padding-bottom: 0;line-height: 30px;}
    
    select{height: 30px;border: 1px solid #ddd;}
    
    .frm_input:focus, input.required:focus{background: #fff !important;color: #000;}
    
	/* main */
    .lt{float: none !important;width: 100% !important;height: auto !important;}
    .lt li{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
    .lt li a{font-size: 13px !important;}
    .lt .lt_title{padding-right: 40px !important;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
    .lt .lt_more{top: 11px;}
    .secWrap{margin-top: 10px;}
    .sec02, .sec03{margin-left: 0;}
    .sec01{width: 50%;padding-right: 6px;}
    .sec02{width: 50%;padding-left: 6px;float: right;}
    .sec03 {width: 100%;}
    .sec03 .lt:first-child{float: left;width: 50%;border-right: 6px solid #fff;}
    .sec03 .lt:nth-child(2){float: right;width: 50%;border-left: 6px solid #fff;}
    .sec03 .lt:nth-child(3){float:left;width: 100%;}
    
    .gallery{width: 100%;margin: 0 0 10px !important;}
    .gallery .bx-wrapper{width: auto !important;}
    .gallery .gy{height: auto !important;}
    .gy .sbox img{width: auto !important;height: auto !important;}
    
    
    /* sub */
    #container + #aside{margin-top: 20px;}
    
    .myLocation{height: auto;margin-bottom: 15px;}
    .myLocation h1.tit{float: none;font-size: 1.5em;}
    .myLocation .location{display: none;}
    
    .ctt_greeting .ctt_con_in{font-size: 1em;position: relative;padding: 15px;}
    .ctt_greeting .ctt_con_in .img{position: static;float: left;margin: 0 10px 10px 0;}
    .ctt_greeting .ctt_con_in .img img{width: 140px;}
    .ctt_greeting .ctt_con_in .txt p{margin-bottom: 15px;}
    .ctt_greeting .ctt_con_in .txt p br{display: none;}
    .ctt_greeting .ctt_con_in .sign strong{color: #111;font-size: 1.3em;}
    
    .ctt_history .ctt_con_in .topbox{padding: 10px;font-size: 1em;font-weight: 500;}
    .ctt_history .ctt_con_in strong{font-size: 1.2em;padding: 7px 11px;}
    .ctt_history .ctt_con_in em{font-size: 1.2em;}
    .ctt_history .ctt_con_in table thead th{font-size: 0.95em;}
    .ctt_history .ctt_con_in table tbody td{font-size: 0.95em;}
    
    .ctt_member .ctt_con_in strong{font-size: 1.2em;padding: 7px 11px;}
    .ctt_member .ctt_con_in table thead th{font-size: 0.95em;}
    .ctt_member .ctt_con_in table tbody th{font-size: 0.95em;}
    .ctt_member .ctt_con_in table tbody td{font-size: 0.95em;}
    
    .ctt_articles .ctt_con_in{font-size: 1em;line-height: 1.5;}
    .ctt_articles .ctt_con_in strong{margin-bottom: 15px;font-size: 1.6em;}
    .ctt_articles .ctt_con_in em{font-size: 1.1em;}
    .ctt_articles .ctt_con_in div{margin-bottom: 20px;}
    .ctt_articles .ctt_con_in div p{font-size: 1.1em;}
    .ctt_articles .ctt_con_in div ul{padding: 0;}
    .ctt_articles .ctt_con_in span{display: block;text-align: right;line-height: 2;margin-top: 50px;} 
    
    
    #mb_login{width: auto;padding: 100px 15px;}
    #mb_login #login_info{padding: 15px 10px;}
    #mb_login #login_fs{padding: 20px 90px 20px 88px;}
    #mb_login #login_fs .login_id{left: 20px;}
    #mb_login #login_fs .login_pw{left: 20px;top:61px}
    #mb_login #login_fs .btn_submit{right:20px;height: 65px;}
    #mb_login #login_fs .frm_input{margin: 0 0 5px 0;width: 100%;}
    
    #mb_confirm{width: auto;padding: 100px 15px;}
    #mb_confirm fieldset{padding: 30px;text-align: left;}
    #mb_confirm fieldset label{display: inline-block;width: 80px;text-align: left;}
    #mb_confirm fieldset .btn_submit{display: block;margin: 15px auto 0;width: 50px;}
    
    
    .tbl_frm01 table{table-layout: fixed}
    .tbl_frm01 th{width: 104px;}
    
    .frm_tbl{table-layout: fixed}
    .frm_tbl input[type=text]{min-width: inherit;max-width: 100%;}
    .frm_tbl textarea{width: 100%;padding: 10px;}
    
    .frm_file{margin-bottom: 0;}
    
    #bo_v_info{font-size: 13px;}
    
    .pg_page, .pg_current{line-height: 25px;}
    
    #bo_img_list{overflow: hidden;margin: 10px -4px 0 !important;}
    #bo_img_list .bo_img_list_li{float: left;clear: none !important;width: 33.3333% !important;margin: 0 0 20px 0;overflow: hidden;padding: 0 4px;}
    #bo_img_list .bo_img_list_li input[type=checkbox]{margin-bottom: 3px;}
    .bo_img_text_href{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;width: 100% !important;}
    .bo_img_text_href a{font-weight: normal;}
    .bo_fx .btn_bo_adm{}
    
    #bo_cate ul{width: auto;}
    
    #bo_v_contact dt{width: 25%;}
    #bo_v_contact dd{width: 75%;}
    
    #bo_v_table{height: 30px;top: 5px;right: 0;}
    
    #sch_res_detail #gr_id,
    #sch_res_detail #sfl{margin-bottom: 6px;}
    #sch_res_detail .btn_submit{margin-right: 10px;}
    #sch_res_board{width: auto;}
    #sch_res_board li{width: 50%;}
    #sch_res_board a{width: 100%;}
    #sch_res_board li:nth-child(even) a{border-left: 0;}
    .sch_res_title{font-weight: 700;}
    .sch_res_list p{line-height: 1.6;}
    .sch_res_list h2{margin-top: 20px;}
    .sch_res_list h2:first-child{margin-top: 0;}
    
	/* 전체메뉴 */
	/* Global Navigation */
	.gn{margin:0;padding:0;list-style:none;background:#d3d1cc;text-shadow:1px 1px 0 #fff;font-size:14px}
	.gn li{background:#c3c3c3;border:1px solid #a3a09a;border-left:0;border-right:0;margin:0 0 -1px 0}
	.gn li li{background:#f8f8f8;border:1px solid #c9c9c9;border-left:0;border-right:0}
	.gn li li li{background:#e8e8e8}
	.gn ul{margin:0 0 -1px 0;padding:0;list-style:none}
	.gn a{position:relative;text-decoration:none;display:block;padding:10px}
	.gn li a{color:#333}
	.gn > li li a:after{position:absolute;top:7px;right:10px;content:"›";color:#888;font-size:18px;font-weight:bold;font-family:Verdana, Geneva, sans-serif}
	.gn > li > a:hover{text-decoration: none;}
	.gn li li a:before{content:"";display:inline-block;width:6px;height:6px;border:1px dotted #666;border-top:0;border-right:0;margin:0 4px 0 0;vertical-align:top}
	.gn li li a{padding-left:15px}
	.gn li li li a{padding-left:30px}
	.gn li li li li a{padding-left:45px}
	.gn li li li li li a{padding-left:60px}
	.gn em{color:#f63;font-size:12px}
	
	body{position: relative;height: 100%;}
	body.open{width: 100%;left:-75%;position: fixed;}
	.allMenu{position: absolute;width: 100%;height: 100%;left: 100%;top: 0;z-index: 1000;display: none;}
	.allMenu .dim{width: 100%;height: 100%;background-color: rgba(0,0,0,0.5);z-index: 999;position: fixed;left:0;top:0 !important;display: block !important;}
	.allMenu .bd{position: relative;z-index: 1000;width: 75%;height: 100%;overflow-y: auto}
	.allMenu .close{position: absolute;top:10px;left:-50px;z-index: 1001;}
	.allMenu .close a{ color: #fff;font-weight: 700;font-size: 25px !important;width: 40px;height: 40px;display: inline-block;text-align: center;padding-top: 4px;text-decoration: none;border: 2px solid #fff;border-radius: 30px;background: rgba(0,0,0,0.5);}
	
	.memberBtn{overflow: hidden;padding: 15px;}
	.memberBtn div{width: 48%;float: left;}
	.memberBtn div:first-child{margin-right: 4%;}
	.memberBtn div a{display: block;padding: 10px 5px;text-align: center;background: #222;color: #fff;text-decoration: none;transition: none}
	.memberBtn div a:hover{text-decoration: none;color: #fff;}
    
    #hd_nb {clear:both;background:#2391bf !important;text-align:center;margin: 0;padding: 0;}
    #hd_nb li {display:inline-block}
    #hd_nb li:nth-last-of-type(1) {border-right:0 !important}
    #hd_nb a {display:inline-block;padding:10px 7px;text-decoration:none;color:#fff;letter-spacing: -1px;}
    
    .btnMenu{position: absolute;right: 15px;top: 50%;margin-top: -10px;}
    .btnMenu a{display: block;width: 20px;height: 20px;background: url(../img/btn_hamburger.png) no-repeat;background-size: 20px auto;text-indent: -9999px;}
    .btnSearch{position: absolute;right: 48px;top: 50%;margin-top: -10px;}
    .btnSearch a{display: block;width: 20px;height: 20px;background: url(../img/btn_search.png) no-repeat;background-size: 20px auto;text-indent: -9999px;}
    
    #hd_sch {display:none;width: auto;border: 0;background:#efefef;text-align:center}
    #hd_sch h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
    #hd_sch form {position:relative;padding:20px 0}
    #hd_sch #sch_stx {height:30px;border:1px solid #181818;background-color: #fff !important;line-height:2.5em;vertical-align:middle}
    #hd_sch #sch_submit {margin:0;padding:0 10px;height:30px;border:0;background:#000;color:#fff;vertical-align:middle}
    #hd_sch #sch_close {display:block;margin:0;padding:10px 0;width:100%;border:0;background:#000;color:#fff}
}