@charset "utf-8";

/** slide common **/
[class*="wrap_control_"]{overflow:hidden;position:absolute;z-index:2}
[class*="wrap_control_"] [class*="swiper-button"]{display:block;text-indent:-9999px}
[class*="wrap_control_"] .swiper_move{position:absolute;margin:0;z-index:30}
[class*="wrap_control_"] [class*="swiper-button-next"]{transform:rotate(180deg)}
[class*="wrap_control_"] [class*="btn_"]{display:none;position:absolute;background-repeat:no-repeat;background-position:0 0;z-index:20}
[class*="wrap_control_"] [class*="btn_"].on{display:block}

/** slider 컨트롤버튼 **/
.wrap_slider a[class*="bx-"]{display:inline-block;width:22px;height:22px;font-size:0;text-indent:-9999px;background-repeat:no-repeat;background-position:50% 50%}
.wrap_slider a[class*="bx-"].active{display:none}
.wrap_slider [class*="bx-controls-auto"]{position:absolute;top:0;width:100%;z-index:2;}
.wrap_slider [class*="bx-controls-auto"] div{display:inline-block}

.wrap_slider .bx-controls-direction{display:flex;justify-content:space-between;position:relative;z-index:2;}
.wrap_slider .bx-start,.wrap_slider .bx-stop{position:absolute;top:0;left:50%;transform:translateX(-50%)}
.wrap_slider .bx-prev,.wrap_slider .bx-next{background-image:url(/images/place2016/atmo/main/bul_btn_move.png)}
.wrap_slider .bx-next{transform:rotate(180deg)}
.wrap_slider .bx-start{background-image:url(/images/place2016/atmo/main/bul_btn_play.png)}
.wrap_slider .bx-stop{background-image:url(/images/place2016/atmo/main/bul_btn_stop.png)}

.bxslider_pager_num{position:absolute;z-index:99}
.bxslider_pager_num:before{content:'';display:block;position:absolute;top:50%;left:50%;width:1px;height:12px;margin-left:2px;transform:translate(-50%,-50%);background:rgba(255,255,255,0.75)}
.bxslider_pager_num em,.bxslider_pager_num strong{display:inline-block;font-weight:400;vertical-align:text-bottom;}
.bxslider_pager_num em{margin-right:5px;padding-right:8px;color:#fff;font-size:1.8rem}
.bxslider_pager_num strong{color:rgba(255,255,255,0.75);font-size:1.4rem;}

/** main common **/
.lst_style li a{position:relative;letter-spacing:-1px;background:#ebf6fb}
.lst_style li a:before{content:'';display:block !important;position:absolute;top:calc(50% - 5px);left:calc(100% - 25.1px);width:10px;height:10px;background-image:url(/images/place2016/atmo/bullet/bul_plus_gray.png);background-repeat:no-repeat;background-position:0 0}
.lst_style li a:hover,.lst_style li a:focus{color:#fff;background:#2e94db}
.lst_style li a:hover:before,.lst_style li a:hover:after,.lst_style li a:active:before,.lst_style li a:active:after{-webkit-animation:round 2s ease;animation:round 2s ease;background-image:url(/images/place2016/atmo/bullet/bul_plus_white.png)}
.lst_style li a:focus:before,.lst_style li a:focus:after{background-image:url(/images/place2016/atmo/bullet/bul_plus_white.png)}

#wrap_container.main{padding-top:30px;padding-bottom:0}
#wrap_container.main a[title|='새창']{margin-right:0;padding-right:0}
#wrap_container.main a[title|='새창'] i{padding-right:0}
#wrap_container.main a[title|='새창']:before,#wrap_container.main a[title|='새창'] i:before{display:none}

/** main size **/
.wrap_cont,.wrap_banner{width:100%;max-width:1280px;margin:0 auto}
.wrap_cont{display:flex;flex-wrap:wrap}

/** main ir common **/
.wrap_banner .bx-controls [class*='bx-controls-'] a:after,
.wrap_banner .more_banner{background-image:url(/images/place2016/atmo/main/bg_iconset.png) !important}

/** main a effect **/
.wrap_bg > div:first-child:before,
.wrap_gallery li a:before,.wrap_gallery li a .over,
.wrap_shortcut li a img,
.wrap_banner .bx-controls [class*='bx-controls-'] a,.wrap_banner .bx-controls [class*='bx-controls-'] a:after,
.wrap_banner .more_banner{transition:all .3s ease}

/** 비쥬얼 이미지 **/
.wrap_visual{overflow:hidden;position:relative;width:calc(100% - 520px);max-width:760px;margin-right:20px;margin-bottom:30px;border-radius:20px}
.wrap_visual .bx-wrapper,.wrap_visual .bx-viewport{height:100% !important}

.wrap_visual .bx-controls{position:absolute;bottom:15px;right:100px;width:70px;z-index:1}
.wrap_visual .bx-controls:before,.wrap_visual .bx-controls:after{content:'';display:block;position:absolute;height:32px;border-radius:15px;background:rgba(0,0,0,.4);z-index:0;}
.wrap_visual .bx-controls:before{top:50%;left:50%;width:86px;transform:translate(-50%,-50%);}
.wrap_visual .bx-controls:after{top:-5px;left:-8px;width:165px;}

.wrap_visual .bx-pager{position:absolute;top:7px;right:15px;z-index:2}
.wrap_visual .bx-pager div{display:inline-block;margin:0 3px}
.wrap_visual .bx-pager a{display:inline-block;width:11px;height:11px;vertical-align:middle;text-indent:-9999px;border-radius:50%;box-sizing:content-box;background:#fff}
.wrap_visual .bx-pager a.active{width:7px;height:7px;border:5px solid #fff;background:#f60}

.wrap_visual .bxslider_pager_num{right:35px;bottom:15px;}
.wrap_visual .bx-default-pager{top:0 !important;right:0 !important;width:50px;color:#fff;text-align:center}

/** 서비스 **/
.wrap_service{overflow:hidden;display:flex;flex-wrap:wrap;position:relative;width:500px;margin-bottom:30px;border-radius:8px;background:#fff}
.wrap_service:before,.wrap_service:after{content:'';display:block;position:absolute;top:0;width:1px;height:100%;background:#e0e0e0;z-index:1}
.wrap_service:before{left:calc(100%/3 - 0.1px)}
.wrap_service:after{right:calc(100%/3 - 0.1px)}
.wrap_service li{width:calc(100%/3 - 0.1px);min-height:130px}
.wrap_service li:nth-child(n+4){border-top:1px solid #e0e0e0}
.wrap_service li a{display:flex;justify-content:center;height:100%;padding:117px 15px 15px;line-height:18px;font-size:16px;color:#353535;text-align:center;letter-spacing:-1px;background-color:#f7f7f7;background-repeat:no-repeat;background-position:50% 40px}
.wrap_service li a:hover,.wrap_service li a:active,.wrap_service li a:focus{color:#fff;background-color:#3e7bcb}
.wrap_service li a i{position:relative}
.wrap_service li.item01 a{background-image:url(/images/place2016/atmo/main/wrap_service_ic01.png)}
.wrap_service li.item02 a{background-image:url(/images/place2016/atmo/main/wrap_service_ic02.png)}
.wrap_service li.item03 a{background-image:url(/images/place2016/atmo/main/wrap_service_ic03.png)}
.wrap_service li.item04 a{background-image:url(/images/place2016/atmo/main/wrap_service_ic04.png)}
.wrap_service li.item05 a{background-image:url(/images/place2016/atmo/main/wrap_service_ic05.png)}
.wrap_service li.item06 a{background-image:url(/images/place2016/atmo/main/wrap_service_ic06.png)}

/** 공지사항 tab style common **/
.tab_main > ul,.tab_main > ul > li h3,.tab_main > ul > li h3 a,.tab_main > ul > li div ul li{position:relative}
.tab_main > ul > li h3 a,.tab_main > ul > li h3 a:before,.tab_main > ul > li div ul li i,.tab_main > ul > li.on h3:after,.tab_main > ul > li.on div{display:block}
.tab_main > ul{overflow:hidden;min-height:250px;height:100%}
.tab_main > ul > li{float:left}
.tab_main > ul > li h3{min-width:60px;margin-left:20px;padding-left:20px;;z-index:2}
.tab_main > ul > li h3:before,.tab_main > ul > li.on h3:after{content:'';position:absolute}
.tab_main > ul > li h3:before{top:calc(50% - 2px);left:2px;width:4px;height:4px;background:#b9b9b9}
.tab_main > ul > li:first-child h3{margin-left:0;padding-left:0}
.tab_main > ul > li:first-child h3:before{display:none}
.tab_main > ul > li h3 a{padding:15px 0;color:#767676;font-size:18px;font-weight:400;text-align:center}
.tab_main > ul > li h3 a:hover,.tab_main > ul > li h3 a:active,.tab_main > ul > li h3 a:focus{color:#222}
.tab_main > ul > li div{display:none;position:absolute;left:0;width:100%;height:calc(100% - 52px);z-index:1}
.tab_main > ul > li div ul{padding:15px 0 0;border-top:1px solid #d3d3d3}
.tab_main > ul > li div ul li{padding:8px 0;letter-spacing:-0.02em}
.tab_main > ul > li div ul li a,.tab_main > ul > li div ul li span{vertical-align:text-bottom}
.tab_main > ul > li div ul li a{overflow:hidden;display:inline-block;max-width:100%;color:#454545;text-overflow:ellipsis;white-space:nowrap}
.tab_main > ul > li div ul li span+i{color:#767676;font-size:13px}
.tab_main > ul > li div ul li a:hover span,.tab_main > ul > li div ul li a:active span,.tab_main > ul > li div ul li a:focus span{text-decoration:underline}
.tab_main > ul > li.on h3:after{bottom:-1px;width:calc(100% - 15px);height:3px;background:#00479d}
.tab_main > ul > li.on h3 a{color:#222;font-size:20px;font-weight:500}
.tab_main > ul > li:first-child.on h3:after{width:100%}

/** 더보기 버튼 **/
.more_main,.more_main:before,.more_main:after{display:block;position:absolute}
.more_main{top:-37px;right:0;width:24px;height:24px;line-height:0;font-size:0;text-indent:-9999px;border-radius:50%;background:#f7f7f7;}
.more_main:before,.more_main:after{content:'';position:relative;top:6px;left:calc(50% - 1px);width:2px;height:12px;background:#464646}
.more_main:after{top:-6px;transform:rotate(90deg)}
.more_main:hover{-webkit-animation:round 2s ease;animation:round 2s ease}
.more_main:focus{background:#464646}
.more_main:focus:before,.more_main:focus:after{background:#fff}

/** 최신글 **/
.type_latest {padding-top:0 !important}
.type_latest a{display:flex !important;flex-wrap:wrap;position:relative;min-height:65px}
.type_latest strong,.type_latest em{display:flex;flex-wrap:wrap;}
.type_latest strong{flex-direction:column;justify-content:center;width:63px;height:58px;color:#fff;font-size:13px;font-weight:300;letter-spacing:-1px;text-align:center;border-radius:5px;background:#00479d}
.type_latest strong b{line-height:15px;font-weight:300;}
.type_latest strong i{position:relative !important;padding-top:2px;line-height:25px;color:#fff;font-size:23px}
.type_latest em{overflow:hidden;width:calc(100% - 63px);max-height:42px;margin:8px 0 8px;padding-left:10px;line-height:20px;font-size:18px;font-weight:500;}
.type_latest span{display:block;max-height:70px;margin-top:13px;color:#767676}
.type_latest em,.type_latest span{word-break:break-all;white-space:normal}

/** 공지사항 **/
.wrap_notice{width:calc(100% - 410px);margin-right:40px;padding:0;background:#fff}
.wrap_notice>ul{min-height:195px}
.wrap_notice>ul>li div ul{height:100%;padding:30px 10px 0 360px}
.wrap_notice>ul>li div ul li{position:relative;padding:4px 0 4px 10px}
.wrap_notice>ul>li div ul li:before{content:'';display:block;position:absolute;top:calc(50% - 2px);left:0;width:3px;height:3px;background:#b9b9b9}
.wrap_notice>ul>li div ul li a{padding-right:45px;color:#666}
.wrap_notice>ul>li div ul li span+i{display:inline-block;position:absolute;right:0}
.wrap_notice .type_latest{position:absolute !important;top:32px;left:0;width:50.8%;max-width:340px;height:calc(100% - 30px);padding:0 20px 0 0;border-right:1px dotted #c4c4c4}
.wrap_notice .type_latest:before{display:none}
.wrap_notice .type_latest a{padding-right:0 !important;color:#353535}
.wrap_notice .type_latest span{max-height:65px}
.wrap_notice .type_latest a:hover em,.wrap_notice .type_latest a:active em,.wrap_notice .type_latest a:focus em{color:#000}
.wrap_notice .type_latest a:hover strong,.wrap_notice .type_latest a:active strong,.wrap_notice .type_latest a:focus strong{background:#003c84}

/** 항공교통본부 동정 **/
.wrap_gallery li a:before,
.wrap_gallery li a .over:before,.wrap_gallery li a .over:after{content:'';display:block;position:absolute;}

.wrap_gallery{position:relative;width:370px;}
.wrap_gallery h3{display:block;width:100%;padding:12px 20px 8px 0;color:#222;font-size:20px;}
.wrap_gallery img{width:100%;height:100%}
.wrap_gallery ul{overflow:hidden;display:flex;flex-wrap:wrap;}
.wrap_gallery li{width:100%;min-height:203px;}
.wrap_gallery li a{overflow:hidden;display:block;position:relative;border-radius:5px}
.wrap_gallery li a:before{top:100%;}
.wrap_gallery li a,.wrap_gallery li a i,.wrap_gallery li a i img,.wrap_gallery li a .over{width:100%;height:100%;}
.wrap_gallery li a i,.wrap_gallery li a .over span{display:block;}
.wrap_gallery li a .over{display:flex;align-items:flex-end;position:absolute;top:100%;padding:15px;}
.wrap_gallery li a .over:before,.wrap_gallery li a .over:after{top:50%;left:50%;width:68px;height:68px;transform:translate(-50%, -50%)}
.wrap_gallery li a .over:before{border-radius:50%;background:rgba(255,255,255,.2);}
.wrap_gallery li a .over:after{background:url(/images/place2016/atmo/bullet/bul_plus_white_large.png) no-repeat 50% 50%;}
.wrap_gallery li a .over span{overflow:hidden;color:#fff;font-size:16px;font-weight:400;text-overflow:ellipsis;white-space:nowrap}

.wrap_gallery li a:hover:before{top:0;width:100%;height:100%;background:rgba(0,0,0,.5);}
.wrap_gallery li a:hover .over{top:0;}

.wrap_gallery li a.no_thum{background:#f4f4f4 url(/images/place2016/atmo/common/no_data.png) no-repeat 50% 50%;}
.wrap_gallery li a.no_thum i{font-size:0;text-indent:-9999px;}

.wrap_gallery li:not(:nth-child(1)){display:none;}
.wrap_gallery .more_main{top:15px;}

/** wrap_bg_pattern **/
.wrap_bg{position:relative;margin-top:30px;padding:0 0 40px;background-image:linear-gradient(180deg,#e9f0f6,#e8edf1);background-repeat:no-repeat,no-repeat}
.wrap_bg:before,.wrap_bg:after{content:'';display:block;position:absolute;background-repeat:no-repeat;background-position:0 0;z-index:1}
.wrap_bg:before{top:0;left:0;width:363px;height:226px;background-image:url(/images/place2016/atmo/main/wrap_bg_01.png)}
.wrap_bg:after{bottom:0;;left:1560px;;width:352px;height:212px;background-image:url(/images/place2016/atmo/main/wrap_bg_02.png);}
.wrap_bg > div{display:flex;flex-wrap:wrap;justify-content:space-between;position:relative;padding-top:40px;z-index:2}
.wrap_bg > div:first-child:before{content:'';display:block;position:absolute;top:-20px;left:-60px;width:95px;height:90px;background:url(/images/place2016/atmo/main/wrap_bg_sub.png) no-repeat 0 0}

/** 국민참여 **/
.wrap_public{width:630px;padding:20px 15px 5px 0}
.wrap_public h3{color:#222;font-size:2.6rem;font-weight:500}
.wrap_public h3 span{display:block;margin:5px 0 20px;line-height:21px;color:#555;font-size:1.5rem;font-weight:400}
.wrap_public ul{display:flex;flex-wrap:wrap;position:relative;width:100%;}
.wrap_public li{width:calc(100%/4)}
.wrap_public a{display:flex;justify-content:center;position:relative;padding:120px 15px 5px}
.wrap_public a:before,.wrap_public a:after{content:'';display:block;position:absolute;top:0;left:50%;transform:translateX(-50%)}
.wrap_public a:before{width:107px;height:107px;border-radius:50%;box-sizing:border-box;box-shadow:0 0 10px #cacaca;background:#fff}
.wrap_public a:after{width:107px;height:107px;background-repeat:no-repeat;background-position:50% 50%}
.wrap_public a i{line-height:20px;text-align:center;font-size:15px;color:#555}
.wrap_public a:hover:before,.wrap_public a:focus:before{border:5px solid #a7ceec}
.wrap_public .ic_01:after{background-image:url(/images/place2016/atmo/main/wrap_public_ic01.png)}
.wrap_public .ic_02:after{background-image:url(/images/place2016/atmo/main/wrap_public_ic02.png)}
.wrap_public .ic_03:after{background-image:url(/images/place2016/atmo/main/wrap_public_ic03.png)}
.wrap_public .ic_04:after{background-image:url(/images/place2016/atmo/main/wrap_public_ic04.png)}

/** 바로가기 **/
.wrap_shortcut,.wrap_shortcut a span{display:flex;}
.wrap_shortcut{justify-content:space-between;width:calc(100% - 630px);margin-left:-15px;}
.wrap_shortcut li{overflow:hidden;width:calc(100%/3 - 15.1px);margin-left:15px;border-radius:8px;background:#fff;box-shadow:5px 5px 10px #dee3e8;}
.wrap_shortcut a{display:block;height:100%;}
.wrap_shortcut a i{overflow:hidden;display:block;height:188px;}
.wrap_shortcut a span{flex-direction:column;justify-content:center;align-items:center;height:calc(100% - 188px);padding:10px;line-height:22px;color:#333;font-size:17px;}
.wrap_shortcut a span b{line-height:14px;color:#555;font-size:12px;}
.wrap_shortcut li:hover{box-shadow:0 0 3px #ddd}
.wrap_shortcut a:hover img{transform: scale(1.1)}

/** 배너사이즈와 위치 **/
.wrap_banner {position:relative;padding:35px 0 35px 195px;z-index:2}
.wrap_banner> div:first-child{max-width:100% !important}
.wrap_banner .banner li{height:42px;margin-right:15px;border:1px solid #dedede}
.wrap_banner .banner li a{display:block;position:relative;height:100%}
.wrap_banner .banner li a:hover:before,.wrap_banner .banner li a:hover:after{content:'';display:block;position:absolute;top:0;left:0}
.wrap_banner .banner li a:hover:before{width:calc(100% - 4px);height:calc(100% - 4px);border:2px solid #dedede}
.wrap_banner .banner li a:hover:after{width:100%;height:100%;background:rgba(0,0,0,0.3)}
.wrap_banner .banner li a img{display:block;width:100%;height:40px}

.wrap_banner .more_banner{display:block;position:absolute;top:calc(50% - 8px);left:115px;width:17px;height:17px;line-height:0;font-size:0;text-indent:-9999px;background-position-x:-175px}
.wrap_banner .more_banner:hover:before{content:'';display:block;position:absolute;top:50%;left:50%;width:30px;height:30px;border:1px solid #9a9a9a;border-radius:50%;transform:translate(-50%,-50%)}

.wrap_banner .bx-controls,.wrap_banner .bx-controls [class*='bx-controls-'] a,.wrap_banner .bx-controls [class*='bx-controls-'] a:after{position:absolute}
.wrap_banner .bx-controls{top:50%;left:0;width:115px;height:30px;;transform:translateY(-50%);z-index:999}
.wrap_banner .bx-controls [class*='bx-controls-'] a{display:inline-block;width:30px;height:30px;border:1px solid #fff;text-indent:-9999px;border-radius:50%}
.wrap_banner .bx-controls [class*='bx-controls-'] a:after{content:'';display:block;top:calc(50% - 9px);left:calc(50% - 5px);width:10px;height:17px;background-position-x:-100px}
.wrap_banner .bx-controls [class*='bx-controls-'] a.active{display:none}
.wrap_banner .bx-controls a:hover,.wrap_banner .bx-controls a:active,.wrap_banner .bx-controls a:focus{border-color:#9a9a9a}
.wrap_banner .bx-controls a.bx-prev{right:82px}
.wrap_banner .bx-controls a.bx-next{right:10px}
.wrap_banner .bx-controls a[class*='bx-s']{right:46px}

.wrap_banner .bx-controls a.bx-next:after{-ms-transform:rotateX(90deg);-webkit-transform:rotateX(90deg);transform:rotateY(180deg)}
.wrap_banner .bx-controls a.bx-start:after{background-position-x:-150px}
.wrap_banner .bx-controls a.bx-stop:after{background-position-x:-125px}

/** 1600px 시작 **/
@media screen and (max-width:1600px){
	/**  main size **/
	.wrap_cont{width:calc(100% - 44px)}
}
/** 1600px 끝 **/

/** 1400px 시작 **/
@media screen and (max-width:1400px){
	/** wrap_bg_pattern **/
	.wrap_bg > div:first-child:before{left:110px;}

	/** 국민참여 **/
	.wrap_public{padding-top:0;}

	/** 배너사이즈와 위치 **/
	.wrap_banner{width:calc(100% - 15px);padding-top:20px;padding-bottom:20px}
}
/** 1400px 끝 **/

/** 1280px 시작 **/
@media screen and (max-width:1280px){
	/** 비쥬얼 이미지 **/
	.wrap_visual{width:700px;margin-right:20px;}

	/** 서비스 **/
	.wrap_service{width:calc(100% - 720px);background:#f7f7f7;}

	/** 공지사항 **/
	.wrap_notice>ul>li div ul{padding-left:50%;}
	.wrap_notice .type_latest{width:48%;max-width:inherit}
}
/** 1280px 끝 **/

/** 1200px 시작 **/
@media screen and (max-width:1200px){
	/** 비쥬얼 이미지 **/
	.wrap_visual{margin-right:25px;}

	/** 서비스 **/
	.wrap_service{width:calc(100% - 725px);}
	.wrap_service:before,.wrap_service:after{display:none}
	.wrap_service li{position:relative;width:100%;min-height:inherit;height:calc(100%/6);border-bottom:1px solid #ddd}
	.wrap_service li:nth-child(n+4){border-top-width:0;}
	.wrap_service li:last-child{border-bottom-width:0;}
	.wrap_service li a{justify-content:flex-start;align-items:center;padding:15px 15px 15px 75px;text-align:left;font-size:14px;background-position:25px 50%;;background-size:35px;}
	.wrap_service li a br{display:none;}

	/** 공지사항 tab style common **/
	.tab_main > ul > li h3 a{font-size:16px;}
	.tab_main > ul > li.on h3 a{font-size:18px;}

	/** 공지사항 **/
	.wrap_notice{width:700px;margin-right:30px;}

	/** 항공교통본부 동정 **/
	.wrap_gallery{width:calc(100% - 730px);}
	.wrap_gallery li{height:203px;}

	/** 국민참여 **/
	.wrap_public{width:700px;padding:0;}

	/** 바로가기 **/
	.wrap_shortcut{flex-wrap:wrap;width:calc(100% - 730px);margin-left:0;}
	.wrap_shortcut li{width:100%;margin-left:0;margin-top:10px;}
	.wrap_shortcut li:first-child{margin-top:0;}
	.wrap_shortcut a,.wrap_shortcut a i{display:flex;}
	.wrap_shortcut a{align-items:center}
	.wrap_shortcut a i{width:80px;height:100%;margin-right:10px;}
	.wrap_shortcut a img{width:100%;}
	.wrap_shortcut a span{width:calc(100% - 90px);align-items:flex-start}
}
/** 1150px 끝 **/

/** 1070px 시작 **/
@media screen and (max-width:1070px){
	/** 비쥬얼 이미지 **/
	.wrap_visual{width:670px;}

	/** 서비스 **/
	.wrap_service{width:calc(100% - 695px);}

	/** 공지사항 **/
	.wrap_notice{width:670px;}

	/** 항공교통본부 동정 **/
	.wrap_gallery{width:calc(100% - 700px);}
	.wrap_gallery li{height:inherit;}

	/** 국민참여 **/
	.wrap_public{width:680px;}

	/** 바로가기 **/
	.wrap_shortcut{width:calc(100% - 700px);}
	.wrap_shortcut a span{font-size:15px;}
	.wrap_shortcut a span b{font-size:11px;}
}
/** 1070px 끝 **/

/** 1024px 시작 **/
@media screen and (max-width:1024px){
	/** main size **/
	.wrap_cont,.wrap_banner{width:calc(100% - 44px) }
}
/** 1024px 끝 **/

/** 1023px 시작 **/
@media screen and (max-width:1023px){
	/** wrap_bg_pattern **/
	.wrap_bg > div:first-child:before{display:none;}
}
/** 1023px 끝 **/

/** 1000px 시작 **/
@media screen and (max-width:1000px){
	/** size common : 1단 **/
	.wrap_visual,.wrap_service{width:100%;max-width:inherit;margin-right:0}

	/** 비쥬얼 **/
	.wrap_visual{margin-bottom:20px}
	.wrap_visual img{width:100%;max-width:100%;max-height:340px}

	/** 서비스 **/
	.wrap_service:before,.wrap_service:after{display:block;}
	.wrap_service li{width:calc(100%/3 - 0.1px);height:60px}
	.wrap_service li:nth-child(n+4){border-bottom-width:0;}
	.wrap_service li a{font-size:16px;}

	/** 공지사항 tab style common **/
	.type_latest a{flex-direction:column;max-height:inherit;padding-left:75px;}
	.type_latest em i,.type_latest span{overflow:hidden;width:100%;text-overflow:ellipsis;}
	.type_latest strong{position:absolute;left:0;height:100%;}
	.type_latest em{width:100%;padding-left:0;white-space:nowrap}
	.tab_main > ul > li h3{margin-left:15px;padding-left:15px;}
	.tab_main > ul > li h3:before{display:block;}
	.tab_main > ul > li h3 a{font-size:17px;}
	.tab_main > ul > li.on h3 a{font-size:18px;}

	/** 공지사항 **/
	.wrap_notice{width:100%;margin-bottom:0;margin-right:0;padding-top:0;}
	.wrap_notice .type_latest{position:relative !important;top:inherit;left:inherit;width:100%;max-width:inherit;height:auto;margin-bottom:10px;padding:0 0 15px;;border-right-width:0;border-bottom:1px dotted #c4c4c4;}
	.wrap_notice .type_latest span{height:45px;margin:0 0 5px;padding-right:5px;}

	.wrap_notice>ul{min-height:250px}
	.wrap_notice>ul>li div ul{padding:20px 0 0;}
	.wrap_notice>ul>li div ul li:nth-child(n+4){display:none;}

	/** 항공교통본부 동정 **/
	.wrap_gallery{width:100%;}
	.wrap_gallery ul{margin-left:-20px;}
	.wrap_gallery li{width:calc(100%/3 - 20.1px);margin-left:20px;}
	.wrap_gallery li:not(:nth-child(1)){display:block;}

	/** 국민참여 **/
	.wrap_public{width:100%;}

	/** 바로가기 **/
	.wrap_shortcut{width:100%;margin-top:30px;margin-left:-15px;}
	.wrap_shortcut li{width:calc(100%/3 - 15.1px);margin-top:0;margin-left:15px;}
	.wrap_shortcut a{display:block;}
	.wrap_shortcut a i{width:100%;height:188px;}
	.wrap_shortcut a span{align-items:center;width:100%;}
}
/** 1000px 끝 **/

/** 900px 시작 **/
@media screen and (max-width:900px){
	/** 공지사항 tab style common **/
	.tab_main > ul > li div ul li a{padding-right:50px}
	.tab_main > ul > li div ul li a span + i{display:inline-block;position:absolute;right:8px}

	/** 배너사이즈와 위치 **/
	.wrap_banner{padding:20px 0 20px 135px}
	.wrap_banner .bx-controls{left:-20px}
	.wrap_banner .more_banner{left:95px}
}
/** 900px 끝 **/

/** 800px 시작 **/
@media screen and (max-width:800px){
	#wrap_container.main{padding:20px 0 0}
	.wrap_cont,.wrap_banner{width:calc(100% - 40px)}

	/** 항공교통본부 동정 **/
	.wrap_gallery li{width:calc(100%/2 - 20.1px);}
	.wrap_gallery li:nth-child(n+3){display:none;}
}
/** 800px 끝 **/

/** 767px 시작 **/
@media screen and (max-width:767px){
	/** 서비스 **/
	.wrap_service li a{padding-left:65px !important;font-size:15px;background-position-x:20px}
}
/** 767px 끝 **/

/** 667px 시작 **/
@media screen and (max-width:667px){
	/** 비쥬얼 **/
	.wrap_visual{margin-bottom:15px;}

	/** 서비스 **/
	.wrap_service{margin-bottom:25px;}
	.wrap_service:before{left:calc(50% - 0.1px)}
	.wrap_service:after{display:none;}
	.wrap_service li{width:calc(100%/2 - 0.1px);}
	.wrap_service li:nth-child(4){border-bottom-width:1px;}

	/** 공지사항 tab style common **/
	.tab_main > ul > li h3:before{display:none}
	.more_main{top:-30px;}

	/** 공지사항 **/
	.wrap_notice{margin-bottom:0;padding:0 0 15px;background:none}
	.wrap_notice>ul>li{float:none;margin-bottom:15px;padding:5px 0 0;border-radius:8px;background:#fff}
	.wrap_notice>ul>li:first-child{border-top-width:0}
	.wrap_notice>ul>li h3,.wrap_notice>ul>li h3 a{display:inline-block;margin-left:0;padding-left:0;text-align:left}
	.wrap_notice>ul>li h3 a{padding:5px 0;color:#1d1d1d;font-size:18px;font-weight:600;text-align:left}
	.wrap_notice>ul>li div{display:block !important;position:relative}
	.wrap_notice>ul>li div ul{padding-top:15px}
	.wrap_notice>ul>li.on h3:after{display:none}
	.wrap_notice>ul>li div ul li:nth-child(n+4){display:block;}

	/** 배너사이즈와 위치 **/
	.wrap_banner{padding-left:165px}
	.wrap_banner .bx-controls{left:0}
	.wrap_banner .more_banner{left:115px}
}
/** 667px 끝 **/

/** 640px 시작 **/
@media screen and (max-width:640px){
	/** 비쥬얼 이미지 **/
	.wrap_visual{height:260px;;border-radius:15px}
	.wrap_visual .bxslider_visual,.wrap_visual .bxslider_visual li,.wrap_visual .bxslider_visual li img{height:100%;max-height:inherit}
	.wrap_visual .bx-viewport img{width:auto;max-width:inherit}

	/** 국민참여 **/
	.wrap_public li{width:calc(100%/4 - 10.1px);margin:5px;border-width:0;border-radius:8px;background:#fff}
	.wrap_public li a{height:100%;padding-top:76px;padding-bottom:20px}
	.wrap_public li a:before{top:0;width:79px;height:79px;box-shadow:0 0 0 transparent;background:transparent}
	.wrap_public li a:after{width:36px;height:79px;background-size:contain}
	.wrap_public li a:hover:before{width:100%;height:100%;border-radius:8px}
}
/** 640px 끝 **/

/** 600px 시작 **/
@media screen and (max-width:600px){
	/** wrap_bg_pattern **/
	#wrap_container.main{padding:15px 0 0}
	.wrap_bg > div{padding-top:30px;}
	.wrap_cont,.wrap_banner{width:calc(100% - 30px)}

	/** 항공교통본부 동정 **/
	.wrap_gallery ul{margin-left:0;}
	.wrap_gallery li{position:relative;width:100%;margin-left:0;}
	.wrap_gallery li:nth-child(n+2){display:none;}

	/** 바로가기 **/
	.wrap_shortcut{margin-left:0;}
	.wrap_shortcut li{width:100%;margin-top:15px;margin-left:0}
	.wrap_shortcut a{display:flex;}
	.wrap_shortcut a i{width:80px;height:100%;}
	.wrap_shortcut a span{align-items:flex-start;width:calc(100% - 85px);}
}
/** 600px 끝 **/

/** 568px 시작 **/
@media screen and (max-width:568px){
	/** 국민참여 **/
	.wrap_public h3{margin-bottom:10px}
	.wrap_public li{width:calc(100%/2 - 10px)}
}
/** 568px 끝 **/

/** 540px 시작 **/
@media screen and (max-width:540px){
	/** 배너사이즈와 위치 **/
	.wrap_banner{padding-right:20px;padding-left:170px}
}
/** 540px 끝 **/

/** 480px 시작 **/
@media screen and (max-width:480px){
	/** 서비스 **/
	.wrap_service:before{display:none;}
	.wrap_service li{width:100%;height:50px;}
	.wrap_service li:nth-child(5){border-bottom-width:1px;}
	.wrap_service li a{padding:10px 15px 10px 60px !important;background-position-x:17px;background-size:28px}

	/** 국민참여 **/
	.wrap_public{margin-bottom:15px}
	.wrap_public h3{flex-direction:column}
	.wrap_public h3 span{display:block;width:100%;margin:0;;padding:0;line-height:22px}
	.wrap_public h3 span:before{display:none}
	.wrap_public ul{margin-left:0;padding-bottom:0;border-bottom-width:0}
	.wrap_public ul:before{display:none}

	/** 바로가기 **/
	.wrap_shortcut{margin-top:0;;}
}
/** 480px 끝 **/

/** 414px 시작 **/
@media screen and (max-width:414px){
	/** 비쥬얼 **/
	.wrap_visual{min-width:100%}
	.wrap_visual,.wrap_visual .bx-viewport img{height:240px}

	/** 배너사이즈와 위치 **/
	.wrap_banner{padding:15px 0 40px 0}
	.wrap_banner .bx-controls,.wrap_banner .more_banner{top:inherit}
	.wrap_banner .bx-controls{bottom:-10px;left:calc(50% - 77px)}
	.wrap_banner .more_banner{bottom:12px;left:calc(50% + 40px)}
}
/** 414px 끝 **/

/** 375px 시작 **/
@media screen and (max-width:375px){
	/** 항공교통본부 동정 **/
	.wrap_gallery li{min-height:inherit}
	.wrap_gallery li:before{content:'';display:block;padding-top:60%;}
	.wrap_gallery li a{position:absolute;top:0;left:0;}
}
/** 375px 끝 **/

/** 320px 시작 **/
@media screen and (max-width:320px){

	/** 국민참여 **/
	.wrap_public li{width:100%;margin:5px 0;}
}
/** 320px 끝 **/