@charset "utf-8";

.tab_a{width:100%; height:75px; display:block; margin-bottom:20px; word-break:keep-all}
.tab_a li{width:25%; height:100%; float:left; font-size:16px }
.tab_a li a{width:100%; height:100%; line-height:75px;  display:block; background:#f4f4f4; text-align:center; border-top:1px solid #e8e8e8;  border-right:1px solid #e8e8e8; border-bottom:1px solid #e8e8e8; box-sizing:border-box; letter-spacing:-1px}
.tab_a li:nth-child(1) a{border-left:1px solid #e8e8e8;}
.tab_a li a.on{background:#ffffff; font-size:18px; color:#0248c2; border-bottom:none; font-weight:600}

.tab_a.type_02 li{width:33.3%; height:100%; float:left; font-size:16px }



.text_box{margin:10px 0 30px 15px; clear:both; word-break:keep-all}
h4{color:#000; font-size:18px; background:url(/images/place2016/atmo/sub/img_contarr.gif) no-repeat 0 3px; padding-left:25px }
h4 span{color:#444; font-size:14px; padding-left:5px}

h4.type_02{background:none; padding-left:0 }

h5{background:url(/images/place2016/atmo/sub/h5.png) no-repeat 10px 4px; padding-left:25px; color:#000; font-size:17px; margin:30px 0 10px 0}
h5 span{color:#444; font-size:14px; padding-left:5px}

h5.type_02{color:#000; font-size:18px; margin:30px 0 10px 0}

h6{background:url(/images/place2016/atmo/sub/list_11.png) no-repeat 0 7px; margin:20px 0 5px 15px; padding-left:10px; font-size:15px}


.list_11{margin:10px 0; padding:0 0 0 16px}
.list_11 li{background:url(/images/place2016/atmo/sub/list_11.png) no-repeat 0 9px; margin:0 0 3px 0; padding-left:10px; font-size:15px; font-weight:600}

.list_12{margin:10px 0; padding:0 0 0 16px}
.list_12 > li{background:url(/images/place2016/atmo/sub/list_12.png) no-repeat 0 7px; padding:0 0 15px 10px; font-size:14px}
.list_12 > li strong {font-size:15px}
.list_12 > li strong span{font-size:13px; font-weight:500}
.list_12 li ul{margin:5px 0}
.list_12 li ul li{background:url(/images/place2016/atmo/sub/list_21.png) no-repeat 0 8px; margin:0 0 3px 0; padding-left:10px; font-size:13px}

.list_13{margin:10px 0; padding:0 0 0 16px}
.list_13 li{background:url(/images/place2016/atmo/sub/list_12.png) no-repeat 0 7px; padding:0 0 5px 10px; font-size:14px}

.list_14{margin:10px 0 0 0; padding:0 0 0 16px}
.list_14 > li{background:url(/images/place2016/atmo/sub/list_12.png) no-repeat 0 7px; padding:0 0 5px 10px; font-size:14px}
.list_14 > li strong{font-size:15px}
.list_14 li ul{margin:5px 0}
.list_14 li ul li{background:url(/images/place2016/atmo/sub/list_21.png) no-repeat 0 8px; margin:0 0 3px 0; padding-left:10px; font-size:13px}

.list_15{margin:10px 0; padding:0 0 0 25px}
.list_15 > li{background:url(/images/place2016/atmo/sub/list_12.png) no-repeat 0 7px; padding:0 0 15px 10px; font-size:14px}
.list_15 > li strong{font-size:15px}
.list_15 > li strong span{font-size:13px; padding-left:5px}
.list_15 li ul{margin:5px 0}
.list_15 li ul li{background:url(/images/place2016/atmo/sub/list_21.png) no-repeat 0 8px; margin:0 0 3px 0; padding-left:10px; font-size:13px}

.list_16{margin:10px 0; padding:0 0 0 16px}
.list_16 > li{background:url(/images/place2016/atmo/sub/list_11.png) no-repeat 0 7px; margin:0 0 20px 0; padding-left:10px; font-size:15px}
.list_16 > li strong{display:block; font-weight:600}
.list_16 > li strong span{font-size:13px; font-weight:500}
.list_16 > li > ul{margin:5px 0}
.list_16 > li > ul > li{background:url(/images/place2016/atmo/sub/list_12.png) no-repeat 0 8px; margin:0 0 3px 0; padding-left:10px; font-size:13px}
.list_16 > li > ul >li > ul{margin:5px 0}
.list_16 > li > ul >li > ul > li{background:url(/images/place2016/atmo/sub/list_21.png) no-repeat 0 8px; margin:0 0 3px 0; padding-left:10px; font-size:13px}



.mt_10{margin-top:10px}
.mt_20{margin-top:20px}
.mt_30{margin-top:30px}
.mt_40{margin-top:40px}

.ml_10{margin-left:10px}
.ml_20{margin-left:20px}

.pt_10{padding-top:10px}
.pt_20{padding-top:20px}
.pt_30{padding-top:30px}
.pt_40{padding-top:40px}
.pt_50{padding-top:50px}

/* 폰트사이즈 */
.f12{font-size:12px}
.f13{font-size:13px}
.f14{font-size:14px}


.flow_01{width:100%; text-align:center; margin:40px auto; display:table}
.flow_01 ul{width:18%; margin-right:2%; float:left}
.flow_01 ul:last-child{margin-right:0}
.flow_01 li:nth-child(1){font-size:30px; color:#113ba3; font-weight:600}
.flow_01 li:nth-child(2){font-size:13px; font-weight:600}
.flow_01 li:nth-child(3){width:100%; height:90px; padding:15px; text-align:left; background:#f3f3f3; border:1px solid #e9e9e9; box-sizing:border-box; margin-top:5px }
.flow_01 li:nth-child(3) p{background:url(/images/place2016/atmo/sub/list_20.png) no-repeat 0 7px; padding:0 0 0 10px; margin-bottom:3px}

.flow_01 img{max-width:100%}


/* 영구공역과 임시공역의 구분*/
.flow_02{width:100%; margin:40px 0; padding:0 20px; background:url(/images/place2016/atmo/sub/icon_flow_line.png) repeat-y 74px top; box-sizing:border-box;}
.flow_02 ul{position:relative; margin-bottom:30px; padding:0 0 0 140px; box-sizing:border-box; min-height:108px }
.flow_02 li:nth-child(1){position:absolute; width:150px; top:0x; left:0;}
.flow_02 li:nth-child(2){font-size:15px; }
.flow_02 li:nth-child(2) strong{font-size:18px; color:#000; display:block; padding:10px 0 5px 0}
.flow_02 li:nth-child(2) span{font-weight:600; color:#03C} 



/* 테이블 */
.tbl{width:100%;border-collapse:collapse;border-top:2px solid #535a75;line-height:20px; word-break:break-all}
.tbl th, .tbl td{padding:10px;font-size:14px;border-left:1px solid #d5d5db;text-align:center}
.tbl tr th:first-child, .tbl td:first-child{border-left:0}
.tbl th{background:#f2f4fb;color:#103581;border-bottom:1px solid #d5d5db; font-weight:600}
.tbl td{border-bottom:1px solid #d5d5db}
.tbl td.left{text-align:left}
.tbl td.left_line{border-left:1px solid #d5d5db;}

.sub_text01{font-size:13px}
.red_text{color:#F30}

.tbl_600{position:relative; width:100%}
.tbl_600 div{display:none; position:absolute; width:100%; height:100%; background:rgba(0, 0, 0, 0.6)}
.tbl_600 div p{text-align:center; color:#fff; padding-top:100px; box-sizing:border-box}
.tbl_600 div:hover{cursor:pointer}

.tbl_2{width:100%; display:table; clear:both; padding:0 0 10px 10px; box-sizing:border-box}
.tbl_2 table{float:left; width:48%; margin-right:2%}
.tbl_2 table:last-child{ margin-right:0}


/* 관제권 */
.ctr{position:relative; width:100%; clear:both; margin:20px 0 40px 0px; display:table}
.ctr > li:nth-child(1){width:28%; float:left; font-size:13px; padding:20px 0 0 20px; box-sizing:border-box}
.ctr > li:nth-child(2){width:70%; float:right}
.ctr img{max-width:100%}

.ctr li ul{margin:10px 0; padding:0 0 0 16px}
.ctr li ul li{background:url(/images/place2016/atmo/sub/list_11.png) no-repeat 0 10px; margin:10px 0 3px 0; padding-left:10px; font-size:16px}

.ctr li ul.type_01{position:absolute; bottom:0; margin:2px 0; padding:0 0 0 16px}
.ctr li ul.type_01 li{background:url(/images/place2016/atmo/sub/list_12.png) no-repeat 0 10px; margin:10px 0 3px 0; padding-left:10px; font-size:14px}

.ctr li ul.type_02{position:absolute; bottom:0; margin:2px 0; padding:0 0 0 16px}
.ctr li ul.type_02 li{background:none; margin:10px 0 3px 0; padding-left:10px; font-size:14px}


/* 관제권2 */
.ctr_01{position:relative; width:100%; clear:both; margin:0 0 40px 0px; display:table}
.ctr_01 li:nth-child(1){width:60%; float:left; padding-left:10px; box-sizing:border-box}
.ctr_01 li:nth-child(2){width:40%; float:right}
.ctr_01 li:nth-child(2) img{width:100%}

.ctr_01 table.tbl th,
.ctr_01 table.tbl td{padding:7px 5px;}

.center{text-align:center}

/* 통제공역 */
.ctr_02{position:relative; width:100%; margin:0 0 40px 0px; padding:0 250px 0 0; box-sizing:border-box}
.ctr_02 div.R{position:absolute; top:-40px; right:0; width:250px; text-align:left}


.ctr_03{position:relative; min-height:130px; margin:30px 20px 10px 20px; padding-left:150px; box-sizing:border-box}
.ctr_03 li:nth-child(1){position:absolute; width:200px; top:0; left:0;}
.ctr_03 li:nth-child(2){font-size:15px; padding-top:40px}
.ctr_03 li:nth-child(2) strong{font-size:18px; color:#000; display:block; padding-bottom:5px}
.ctr_03 li:nth-child(2) span{font-weight:600; color:#03C}


/* 영구공역 */

.airspace{width:100%;height:170px; margin:10px 0 20px 0}
.airspace div{width:20%; height:100%; float:left; display:block; border:1px solid #ddd; box-sizing:border-box; }
.arrow_01{width:6.6%; height:100%; float:left; display:block; padding-top:30px; box-sizing:border-box;
	background:url(/images/place2016/atmo/sub/arrow_01.png) no-repeat center}

.airspace p.title{width:100%; height:30px; line-height:30px; text-align:center;display:block; font-size:16px; color:#fff; margin-bottom:10px}

.title.a01{background:#1786ba}
.title.a02{background:#1760ba}
.title.a03{background:#8e47ac}
.title.a04{background:#cc5582}

.airspace p.text{font-size:14px; padding:0 10px}
.airspace p.text_02{font-size:12px; padding:0 10px; color:#F30}

.airspace ul{margin:2px 10px; }
.airspace li{background:url(/images/place2016/atmo/sub/list_12.png) no-repeat 0 10px; padding-left:10px; font-size:14px}



/* 이미지박스 */

.img_box{width:100%; text-align:center; margin:10px auto 20px auto; box-sizing:border-box}
.img_box li{display:inline-block; text-align:center}
.img_box img{max-width:100%; border:1px solid #ddd; box-sizing:border-box}
.img_box span{display:block; font-size:14px; padding:5px 0 10px 0; font-weight:600}
.img_box li:last-child{margin-right:none}

.img_box.type_01 li{width:48%; margin-right:1%} 
.img_box.type_02 li{width:31%; margin-right:1%} 
.img_box.type_03 li{width:40%; margin-right:3%} 
.img_box.type_04 li{width:24%; margin-right:6%} 
.img_box.type_04 img{border:none}

.img_full{text-align:center}
.img_full img{max-width:100%;}

/* 항공관제 이미지 */

.atm{width:100%; clear:both; text-align:center; display:table}
.atm ul:nth-child(1){width:40%; float:left}
.atm ul:nth-child(2){width:58%; float:right}

.atm p{display:inline-block; width:48%}
.atm p img{width:150px; height:auto}
.atm span{display:block; font-size:14px; padding:5px 0 10px 0; font-weight:600}
.atm li:nth-child(2) img{height:200px; border:1px solid #ddd; box-sizing:border-box}


.fir{width:100%; clear:both; display:table; margin:20px 0}
.fir li{width:48%; float:left; text-align:center; }
.fir li:nth-child(2){float:right}
.fir img{max-width:100%}


/* 텍스트박스 */
.text_box02{position:relative; width:100%; clear:both; margin:20px 0 40px 0px; display:table}
.text_box02 > li:nth-child(1){width:35%; float:left}
.text_box02 > li:nth-child(2){width:60%; float:right;}
.text_box02 li:nth-child(1) img{border:1px solid #ddd}
.text_box02 img{max-width:100%}

.text_box02 li ul{padding-top:10px}
.text_box02 li ul li{background:url(/images/place2016/atmo/sub/list_12.png) no-repeat 0 7px; margin:0 0 3px 0; padding:0 0 5px 10px; font-size:14px}

.text_box02 li ul.type_01{position:absolute; bottom:0; margin:2px 0; padding:0 0 0 16px}
.text_box02 li ul.type_01 li{background:url(/images/place2016/atmo/sub/list_12.png) no-repeat 0 10px; margin:10px 0 3px 0; padding-left:10px; font-size:14px}

.text_box02 li ul.type_02{position:absolute; bottom:0; margin:2px 0; padding:0 0 0 16px}
.text_box02 li ul.type_02 li{background:none; margin:10px 0 3px 0; padding-left:10px; font-size:14px}

.btn_01{font-size:14px; background:url(/images/place2016/atmo/sub/qna_01.png) no-repeat left 7px; padding-left:15px}
.btn_01 strong{font-size:15px; color:#000; font-weight:500; padding-right:5px}
.btn_01 a{display:inline-block; background:url(/images/place2016/atmo/sub/qna_02.png) no-repeat 88% center #0248c2; color:#fff!important; border-radius:50px; padding:3px 40px 5px 20px;}
.btn_01 a:hover{color:#fff; background:url(/images/place2016/atmo/sub/qna_02.png) no-repeat 88% center #06C}

.qna_01{position:relative; width:100%; padding:20px 20px 20px 150px; margin:20px 0; box-sizing:border-box; background:#f5f9fa; border:1px solid #e7eff2; min-height:170px; word-break:keep-all}
.qna_01 li:nth-child(1){position:absolute; width:200px; height:200px; top:30px; left:30px}
.qna_01 li:nth-child(2){font-size:14px; line-height:20px}
.qna_01 li:nth-child(2) a{color:#039; text-decoration:underline}


@media (max-width:1000px){
.qna_01 li:nth-child(2) br{display:none}
}

@media (max-width:700px){
	
.tab_a{height:60px}	
.tab_a li{font-size:14px }
.tab_a li a{line-height:18px; padding:20px 5px 0 5px; box-sizing:border-box }
.tab_a.type_02 li{font-size:14px }
.tab_a li a.on{font-size:15px;}

.img_box.type_03 li{width:48%; margin-right:1%} 

/* 관제권 */
.ctr > li:nth-child(1){width:100%; float:none; padding:0px 0 0 20px}
.ctr > li:nth-child(2){width:100%; float:none}

/* 관제권2 */
.ctr_01 li:nth-child(1){width:100%; float:none}
.ctr_01 li:nth-child(2){width:100%; float:none}
.ctr_01 li:nth-child(2) img{width:auto; max-width:100%}


.ctr_02 div.R{top:0}



.ctr_03{padding-left:120px; }
.ctr_03 li:nth-child(1){width:170px}
.ctr_03 li:nth-child(2){font-size:14px; padding-top:20px}
.ctr_03 li:nth-child(2) strong{font-size:16px; padding-bottom:5px}
.ctr_03 li:nth-child(2) br{display:none}

/* 항공관제 이미지 */
.atm p{width:auto; margin:0 5px}
.atm p img{width:100px; height:auto}
.atm li:nth-child(2) img{height:150px}

.flow_01 ul{width:30%; margin-right:2%; float:left}


.list_11 li{background:url(/images/place2016/atmo/sub/list_11.png) no-repeat 0 6px}
.list_12 > li{background:url(/images/place2016/atmo/sub/list_12.png) no-repeat 0 6px}
.list_12 li ul li{background:url(/images/place2016/atmo/sub/list_21.png) no-repeat 0 5px}
.list_13 li{background:url(/images/place2016/atmo/sub/list_12.png) no-repeat 0 4px}
.list_14 > li{background:url(/images/place2016/atmo/sub/list_12.png) no-repeat 0 4px}
.list_14 li ul li{background:url(/images/place2016/atmo/sub/list_21.png) no-repeat 0 5px}
.list_15 > li{background:url(/images/place2016/atmo/sub/list_12.png) no-repeat 0 4px}
.list_15 li ul li{background:url(/images/place2016/atmo/sub/list_21.png) no-repeat 0 5px}
.list_16 > li{background:url(/images/place2016/atmo/sub/list_11.png) no-repeat 0 4px}
.list_16 > li > ul > li{background:url(/images/place2016/atmo/sub/list_12.png) no-repeat 0 5px}
.list_16 > li > ul >li > ul > li{background:url(/images/place2016/atmo/sub/list_21.png) no-repeat 0 5px}


}

@media (max-width:600px){
.tbl_600{overflow-x:scroll} 
.tbl_600 div{display:block}
.tbl_600 table{width:600px}
}

@media (max-width:500px){
	
.tab_a li a{padding:15px 5px 0 5px}	
	
.img_box.type_01 li{width:100%; margin-right:0}


.fir li{width:100%; margin-bottom:10px}
.fir li:nth-child(1){float:none}
.fir li:nth-child(2){float:none}


/* 영구공역과 임시공역의 구분*/
.flow_02{background:url(/images/place2016/atmo/sub/icon_flow_line.png) repeat-y 54px top; padding:0 10px; }
.flow_02 ul{padding:0 0 0 120px;}
.flow_02 li:nth-child(1){width:120px;}
.flow_02 li:nth-child(1) img{width:90px;}
.flow_02 li:nth-child(2){font-size:14px; }
.flow_02 li:nth-child(2) strong{font-size:16px; padding:5px 0}

/* 텍스트박스 */
.text_box02 > li:nth-child(1){width:100%; float:none;}
.text_box02 > li:nth-child(2){width:100%; float:none}
.text_box02 img{max-width:100%}


.ctr_02{padding:0}
.ctr_02 div.R{position:static; top:0; right:0; width:100; text-align:center}



}
@media (max-width:490px){

/* 항공관제 이미지 */
.atm p img{width:70px}
.atm li:nth-child(2) img{height:100px}

.tbl_2 {padding-left:10px}
.tbl_2 table{float:none; width:100%; margin-right:0}

.qna_01{padding:20px}
.qna_01 li:nth-child(1){display:none}
}

 @media (max-width:400px){
.img_box.type_02 li{width:100%; margin-right:0} 

.atm ul:nth-child(1){width:100%; float:none}
.atm ul:nth-child(2){{width:100%; float:none}


 
 }