@charset "utf-8";

/* container */
#container {position:relative; width:100%; padding-top:138px;} 
#container:after {display:block; clear:both;content:""; }

.main_wrap {position:relative; width:100%;}
.main_wrap .MC_wrap01 {position:relative; width:100%;}
.main_wrap .MC_wrap01:after {display:block; overflow:hidden;clear:both; content:""; }
.main_wrap .MC_wrap02 {position:relative; z-index:0;max-width:1400px; width:100%; margin:0 auto; padding:60px 0 50px;}
.main_wrap .MC_wrap02:after {display:block; overflow:hidden;clear:both; content:""; }

/* ���κ��־� */
.main_visual{position:relative; z-index:1;width:100%;}
.main_visual:before{display:block;position:absolute;top:0;left:48%;z-index:1;width:1040px;height:100%;background:url(/images/web/airport_post/main/map_bg.png) no-repeat;content:"";}

.main_visual button{cursor: pointer;}
.main_visual ul li{overflow:hidden;}
.main_visual #m_visual{height:100%; text-align:center;}
.main_visual #m_visual div{height:100%;}
.main_visual #m_visual li {position:relative; width:100%; height:100%; }

/* �����̵� ȭ��ǥ ���� Ȱ��
.main_visual #m_visual .slick-arrow{position: absolute; width:85px; height:40px; top:30%; text-indent:-99999%; overflow:hidden; z-index:1;}
.main_visual #m_visual .slick-prev{left:50%; margin-left:-650px; background:url('../images/main/btn_m_prev.png') no-repeat left center;}
.main_visual #m_visual .slick-next{right:50%; margin-right:-650px; background:url('../images/main/btn_m_next.png') no-repeat right center;}
*/
.main_visual .slogan_wrap{position: absolute; top:165px; left:50%; z-index:1;max-width:1300px; width:100%; margin-left:-650px; letter-spacing: -1px;}
.main_visual #m_slogan li p{color:#fff; font-weight:700;line-height:1.3; text-shadow:rgba(0,0,0,0.5) 1px 0 4px;word-break:keep-all;}
.main_visual #m_slogan li p.txt1{margin:0 0 8px;font-size:35px; }
.main_visual #m_slogan li p.txt2{font-family: 'NotoM';font-size:40px; }
.main_visual #m_slogan li p.txt2 span{color:#f6bc21;}
.main_visual #m_slogan li p.txt3{font-family: 'NotoL';font-size:20px; font-size:70px;}

/* ���μ��� ���ΰ� ��Ÿ��2 �߰�*/
.main_visual #m_slogan2 li {display:inline-block; padding:20px; overflow:hidden; background:rgba(0,0,0,0.6);}/* 200320 */
.main_visual #m_slogan2 li p{color:#fff; line-height:1.3; word-break:keep-all;}
.main_visual #m_slogan2 li p.txt1{font-size:35px; margin:0 0 20px;}
.main_visual #m_slogan2 li p.txt1 span{ color:#f6bc21;}
.main_visual #m_slogan2 li p.txt1 span{ border-bottom:2px solid #ccc; }
.main_visual #m_slogan2 li p.txt2{font-size:60px; font-family: 'NotoM';}
.main_visual #m_slogan2 li p.txt3{padding:20px 0 0; font-size:20px; font-family: 'NotoL'}
/*
.main_visual #m_slogan .slick-dots{margin:20px 0 0 35px;}
.main_visual #m_slogan .slick-dots li{float:left; margin-right:8px;}
.main_visual #m_slogan .slick-dots li button{overflow:hidden; width:13px; height:13px; border-radius:13px; background:rgba(225,225,225,0.7); text-indent:-9999%; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease;}
.main_visual #m_slogan .slick-dots li.slick-active button{width:30px; background:#fff;}
.main_visual .control_btn{position: absolute; bottom:2px; left:0px; } 
.main_visual .control_btn button{float:left;width:25px; height:25px; border:0px;  border-radius:20px; font-size:0; }
.main_visual .control_btn button.btn_stop{background:rgba(0,0,0,0.8) url('/images/web/airport_post/main/btn_m_stop.png') no-repeat center; }
.main_visual .control_btn button.btn_play{display:none; background:rgba(0,0,0,0.8) url('/images/web/airport_post/main/btn_m_play.png') no-repeat center; } 191126 �ּ� */

/* �ٷΰ���01 */
.MC_wrap01 .MC_cont{position:absolute; bottom:0; left:0; width:100%; height:185px; background-color:rgba(0,30,56,0.9); z-index:2;}
.MC_wrap01 .MC_cont .inner{max-width:1400px; margin:0 auto;}

.m_link01{float:left; position:relative; width:1062px;}

.m_link01 > h2{position:absolute; top:-79px; left:0; width:350px; height:79px; background:rgba(1,112,224,0.9); color:#fff; font-size:25px; font-family:'NotoM'; line-height:79px;}
.m_link01 > h2:before{content:''; display:block; position:absolute; top:0; left:-260px; width:260px; height:79px; background:rgba(1,112,224,0.9);}
.m_link01 > h2::after{content:''; position:absolute; right:-60px; top:0; width:60px; height:79px; background:url('/images/web/airport_post/main/bg_m_link01_tit.png') no-repeat;}

.m_link01 .config_btn{display:none;}

/* ��ũ */
.m_link01 ul{overflow:hidden;}
.m_link01 ul li{float:left; width:176px; height:185px;}
.m_link01 ul li a{display:block; width:100%; height:100%; padding:20px 0 0; border-right:1px dotted #8f9fae; text-align:center; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;}
.m_link01 ul li:first-child a{border-left:1px dotted #8f9fae;}
.m_link01 ul li a p{padding:20px 0 0;}
.m_link01 ul li a p img{width:75px; height:53px;}
.m_link01 ul li a:hover{background:#e4012e;}
.m_link01 ul li a:hover p img{-webkit-transform: rotateY(360deg); -ms-transform:rotateY(360deg); transform:rotateY(360deg); -moz-transform:rotateY(360deg);}
.m_link01 ul li a span{display:block; margin:20px 0 0;color:#fff; font-size:15px; line-height:18px;}
.m_link01 ul li a,
.m_link01 ul li a p img{-webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease; }

/* ������ ȯ�� */
.exchange{float:right; position:relative; width:315px; height:185px; padding:25px 0 0;}
.exchange h2{display:inline-block;margin:0 0 22px; color:#fff; font-size:20px; font-family:'NotoM';}
.exchange > ul{overflow:hidden;}
.exchange > ul > li{margin-left:20px; color:#dedede; font-size:14px;}
.exchange > ul > li img{float:left;}
.exchange > ul > li ul{float:left; margin-left:40px;}
.exchange > ul > li span{margin-right:16px;color:#fff;font-size:16px;}

.exchange .btn_more{display:block;overflow:hidden;position:absolute;top:34px;right:0;width:27px;height:27px;border:1px solid #ccc;background:url(/images/web/airport_post/main/btn_more_arr.png) no-repeat center;text-indent:-10000em;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-ms-transition:all 0.3s ease;transition:all 0.3s ease;}
.exchange .btn_more:hover{background-position:80% 50%;}
/* //�ٷΰ���01 */

/* �������� */
.Notice {float:left;position:relative; width:680px; height:395px; }
.Notice h2 {float:left; position:relative; z-index:2;font-family:'NotoR'; font-size:18px; font-weight:normal; } 
.Notice h2 a {display:block;position:relative;padding:0 30px; background:url('/images/web/airport_post/main/line_notice.png') no-repeat left center;color:#333; font-family:'NotoM'; text-align:center; }
.Notice h2 a:hover{color:#000; text-decoration: underline;}
.Notice h2:first-child a{background:none;} 
.Notice h2.current a {color:#0170e0;}
.Notice h2.current a:before{display:block;position:absolute;bottom:-13px;left:0;width:100%;height:3px;background-color:#045ab4;content:"";}

.Notice div.list_box1, .Notice div.list_box2, .Notice div.list_box3, .Notice div.list_box4, .Notice div.list_box5 {display:none; position:absolute; top:40px; left:0; width:100%; padding:30px 0 0; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;border-top:1px solid #0170e0;}
.Notice div.list_box1.on, .Notice div.list_box2.on, .Notice div.list_box3.on, .Notice div.list_box4.on, .Notice div.list_box5.on {display:block;}
.Notice div.on ul {overflow:hidden; height:325px;}
.Notice div.on ul li {position:relative;min-height:70px;padding-left:87px;}
.Notice div.on ul li a {display:block;width:100%; margin:15px 0;padding-top:10px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;color:#333;}
.Notice div.on ul li:first-child a{margin-top:0;}
.Notice div.on ul li:first-child .date{top:0;}
.Notice div.on ul li a .tit{overflow:hidden; position:relative;width:80%;color:#222; font-family: 'NotoM'; font-size:16px; white-space:nowrap; text-overflow:ellipsis;}
.Notice div.on ul li a span{display:block; overflow:hidden; color:#777; font-size:13px; line-height:20px; white-space:nowrap; text-overflow:ellipsis; }
.Notice div.on ul li a img {margin-right:5px;vertical-align:middle; }
.Notice div.on ul li .date{position: absolute; top:0; left:0; width:65px; height:65px; border:1px solid #abb6c0;border-radius:50%;text-align:center;}
.Notice div.on ul li .date span{display:block;}
.Notice div.on ul li .date .y-m{position: absolute; bottom:10px; left:5%; width:90%;color:#777; font-size:13px; line-height:20px; }
.Notice div.on ul li .date .day{color:#002a54; font-family: 'NotoM';font-size:22px; line-height:50px; }
.Notice div.on ul li.new a .tit{padding-left:25px;}
.Notice div.on ul li.new a .tit::after{position: absolute; top:2px; left:0; width:20px; height:20px; border-radius:20px;background:#f00; color:#fff; font-family: 'NotoM'; font-size:13px; line-height:20px; text-align:center; content:"N"; }
.Notice div.on ul li a:hover {color:#222; text-decoration:underline;}
.Notice div.on ul li a:hover p{color:#005dbb;}
.Notice div.on ul li:hover .date{border-color:#005dbb;}
.Notice a.btn_more {display:block; overflow:hidden;position:absolute; top:-42px; right:0; width:28px; height:28px; border:1px solid #ccc; background:url('/images/web/airport_post/main/btn_more_arr.png') no-repeat center; text-indent:-10000em; }
.Notice a.btn_more:hover {border-color:#000;background-position:80% 50%; }
.Notice h2 a,
.Notice div.on p,
.Notice a.btn_more{-webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease;}

/* �ٷΰ���02, 03 */
.MC_wrap02 .MC_cont{float:left; width:680px; margin-left:40px;}

/* �ٷΰ���02 */
.m_link02{position:relative;}
.m_link02 h2{color:#222; font-size:20px; font-family:'NotoM';}
.m_link02 ul{margin:15px 0 0; overflow:hidden;}
.m_link02 ul li{float:left; width:20%;}
.m_link02 ul li a{display:block; height:100%;}
.m_link02 ul li a p{position:relative; width:90px; height:90px; margin:0 auto; border:1px dashed #1aa4c9; border-radius:50px; text-align:center;}
.m_link02 ul li a p::after{content:''; position:absolute; left:5px; top:5px; width:80px; height:80px; background:#1aa4c9; border-radius:50px; z-index:0;}
.m_link02 ul li a img{position:relative; width:54px; height:49px; padding:20px 0 0; z-index:1;}
.m_link02 ul li a span{display:block; padding:10px 0 0; color:#333; font-size:15px; font-family:'NotoM'; text-align:center; line-height:18px;}
.m_link02 ul li a:hover p{border:1px dashed #74d8f3;}
.m_link02 ul li a:hover p::after{background:#74d8f3;}
.m_link02 ul li a:hover span{text-decoration:underline;}
.m_link02 ul li a p,.m_link02 ul li a p::after{-webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease;}

/* �ٷΰ���03 */
.m_link03{position:relative; height:165px; margin-top:45px; border:1px solid #bfbfbf;}
.m_link03 h2{position:absolute; top:-25px; left:-1px; width:223px; height:50px; padding-left:33px; background:url(/images/web/airport_post/main/m_link03_bg.png) no-repeat left top; color:#fff; font-size:18px; line-height:50px;}
.m_link03 ul{padding:35px 0 0; overflow:hidden;}
.m_link03 ul li{float:left;width:25%;}
.m_link03 ul li a{display:block; width:100%; height:100%;}
.m_link03 ul li a p{width:90px; height:90px; margin:0 auto; background:#e6eef1; border:1px solid #fff; border-radius:50px; text-align:center;}
.m_link03 ul li a p img{width:60px; height:58px; padding:17px 0 0;}
.m_link03 ul li a span{display:block; padding:5px 0 0; color:#333; font-size:15px; font-family:'NotoM'; text-align:center;}
.m_link03 ul li a:hover p{border-color:#ccc; background:#fff;}
.m_link03 ul li a:hover span{text-decoration:underline;}

.m_link03 ul li a:hover p,.m_link03 ul li a p img{-webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease;}



/* ��� */
.banner_box {position:relative;height:75px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;border-top:1px solid #c9c9c9;background:#fff;} /* 191203 ���� */
.banner_box .banner_inner {position:relative; width:1400px; margin:0 auto; padding:10px 0; line-height:53px; } /* 191203 ���� */
.banner_box h2 {overflow: hidden; position: absolute !important; width: 1px; height: 1px; clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px); } 
.banner_box .obj {overflow:hidden;position:relative;height:55px;} 
.banner_box .obj li {float:left;width:15%} 
.banner_box .obj li a {display:block; margin:0 5px; border:1px solid #bdbdbd;text-align:center;}
.banner_box .obj li a img {max-width:100%; height:100%;}
.banner_box .control {position:absolute; top:25px; right:0; z-index:10;} /* 191203 ���� */
.banner_box .control:after{display:block;clear:both;content:"";}
.banner_box .control a {display:block;float:left; width:31px; height:30px; margin-left:-1px;text-indent:-10000px;}
.banner_box .control a.prev {background:url('/images/web/airport_post/main/btn_b_prev.png') no-repeat; }
.banner_box .control a.next {background:url('/images/web/airport_post/main/btn_b_next.png') no-repeat; }
.banner_box .control a.stop {background:url('/images/web/airport_post/main/btn_b_stop.png') no-repeat; }
.banner_box .control a.play {background:url('/images/web/airport_post/main/btn_b_play.png') no-repeat; }
.banner_box .control a.list {background:url('/images/web/airport_post/main/btn_b_list.png') no-repeat; }/* 191126 �߰� */

@media screen and (max-width:1420px) {	

	.main_wrap .MC_wrap02{width:96%;}
	.main_wrap .MC_wrap03 .MC_cont{width:96%;}

	/* ���κ��־� */
	.main_visual #m_visual li img{height:890px;}
	.main_visual .slogan_wrap{left:2%; width:96%; margin-left:0;}

	/* ���ұ����Ұ� */
	.main_visual:before{left:26%;}
	.MC_wrap01 .m_map{margin-left:-100px;}

	/* �ٷΰ���01 */
	.MC_wrap01 .MC_cont{bottom:175px; left:2%; width:96%; height:auto;}

	.m_link01{float:none; width:100%;}
	.m_link01 > h2{padding-left:20px;}
	.m_link01 > h2:before{display:none;}
	.m_link01 ul li{width:16.666%;}
	.m_link01 ul li:first-child a{border-left:0;}
	.m_link01 ul li:last-child a{border-right:0;}

	.exchange{position:absolute; top:215px; left:0; width:100%; height:auto; padding:30px 20px; background-color:rgba(0,30,56,0.9); -webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;}
	.exchange h2{margin-bottom:0;vertical-align:middle;}

	.exchange > ul{display:inline-block; overflow:hidden; vertical-align:middle;}
	.exchange > ul li{float:left; position:relative; padding:0 30px;}
	.exchange > ul li:before{display:inline-block;position:absolute;top:50%;left:0;width:1px;height:16px;margin-top:-8px;background-color:#cdd2d7;content:"";}
	.exchange > ul li:first-child:before{display:none;}
	.exchange > ul > li img{display:none;}

	/* ������ ȯ�� */
	.exchange > ul > li ul{margin-left:0;}
	.exchange .btn_more{right:20px;}

	/* �������� */
	.Notice{width:48%;}

	/* �ٷΰ���02 */
	.MC_wrap02 .MC_cont{width:48%;}
	.m_link02 ul{margin:0;}

	/* ��� */
	.banner_box .banner_inner {width:95%;}
	.banner_box .obj li {width:14.5%;} /* 191126 �߰� */
}

@media screen and (max-width:1200px) {	

	#container {padding:0;}

	/* �������� */
	.Notice{float:none;width:100%; margin:0 0 20px;}

	/* �ٷΰ���02 */
	.MC_wrap02 .MC_cont{float:none;width:100%;margin-left:0;}

	.m_link02 li a{height:110px;padding:15px 0 0;line-height:normal;}
	.m_link02 li a span{display:block;padding-top:15px;}

	/* ��� */
	.banner_box{padding-right:150px;}
	.banner_box .banner_inner{position:static;}

	.banner_box .obj li {width:33.33%;} 
	.banner_box .control{right:2%;}
}

@media screen and (max-width:960px) {

	/* ���κ��־� */
	.main_visual #m_visual li img{height:800px;}
	.main_visual .slogan_wrap{top:80px;}
	.main_visual #m_slogan li p.txt1{margin:0 0 5px; font-size:25px;}
	.main_visual #m_slogan li p.txt2{font-size:45px;}
	.main_visual #m_slogan li p.txt3{font-size:60px;}

	/* �ٷΰ���01 */
	.m_link01 > h2{top:-65px; height:65px; line-height:65px; font-size:22px;}
	.m_link01 > h2::after{height:65px;}
	
	/* ��� */
	.banner_box .obj li {width:33.33%; height:100%}/* 191126 ���� */ 
}

@media screen and (max-width:760px) {

	/* ���κ��־� */
	.main_visual #m_visual li img{width:auto;height:850px;}
	.main_visual #m_slogan li p{line-height:1.2;}
	.main_visual #m_slogan .slick-dots{margin:30px 0 0 35px;}

	/* ���μ��� ���ΰ� ��Ÿ��2 �߰� 200102 */
	.main_visual #m_slogan2 li p.txt1{font-size:20px;}
	.main_visual #m_slogan2 li p.txt2{font-size:30px; }
	.main_visual #m_slogan2 li p.txt3{font-size:14px; padding-top:10px;}


	/* �ٷΰ���01 */
	.MC_wrap01 .MC_cont{bottom:140px;}
	.m_link01 ul::after{content:''; position:absolute; left:0; top:150px; width:100%; height:1px; border-top:1px dotted #8f9fae;}
	.m_link01 ul li{width:33.333%; height:150px;}
	.m_link01 ul li a{padding:5px 0 0;}
	.m_link01 ul li a span{margin:15px 0 0;}


	/* ������ ȯ�� */
	.exchange{top:320px;}
	.exchange > ul > li{margin-left:0; padding:0px 15px;}
	.exchange .btn_more{right:20px; top:20px; margin-top:0;}	
}

@media screen and (max-width:700px) {

	/* ���κ��־� */
	.main_visual #m_visual li img{height:900px;}
	.main_visual #m_slogan li p.txt1{margin:0 0 5px; font-size:25px;}
	.main_visual #m_slogan li p.txt2{font-size:40px;}
	.main_visual #m_slogan li p.txt3{font-size:55px;}
	.main_visual #m_slogan .slick-dots{margin:20px 0 0 35px;}

	.MC_wrap01 .MC_cont{bottom:220px;}

	/* ������ ȯ�� */
	.exchange{top:320px;bottom:auto;}
	.exchange h2{margin-bottom:26px;}

	.exchange > ul{display:block;}
	.exchange > ul > li{margin-left:0;}
	.exchange > ul li{float:none;}
	.exchange > ul li:before{display:none;}
	.exchange > ul > li img{display:inline-block;}

	/* ��� */	
	.banner_box .obj li {width:50%;} 
}

@media screen and (max-width:600px) {

	/* �ٷΰ���02 */
	.m_link02 ul li{width:33.333%;}

	/* �ٷΰ���03 */
	.m_link03{height:auto;}
	.m_link03 ul li{width:50%; margin:0 0 15px;}

}

@media screen and (max-width:540px) {

	.MC_wrap01 .MC_cont{bottom:250px;}

	.main_wrap .MC_wrap03 .MC_cont{width:90%;}

	/* ���κ��־� */
	.main_visual #m_slogan li p.txt3{font-size:50px;}
	.main_visual #m_slogan .slick-dots{display:none !important;}
	.main_visual .control_btn{display:none !important;}
	
}

@media screen and (max-width:480px) {  



	/* ���κ��־� */
	.main_visual #m_visual li img{height:870px;}
	.main_visual .slogan_wrap{top:2%;}/* 200320 */
	.main_visual #m_slogan li p.txt1{font-size:20px;}
	.main_visual #m_slogan li p.txt2{font-size:35px;}
	.main_visual #m_slogan li p.txt3{font-size:40px;}

	.MC_wrap01 .MC_cont{bottom:180px;}

	/* �ٷΰ���01 */
	.m_link01 > h2{top:-50px; width:200px; height:50px; line-height:50px; font-size:18px;}
	.m_link01 > h2::after{height:50px;}
	.m_link01 ul::after{display:none;}
	.m_link01 ul li{width:100%; height:70px; border-top:1px dotted #8f9fae; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;}
	.m_link01 ul li:first-child{border-top:0;}
	.m_link01 ul li a{padding:0; text-align:left;}
	.m_link01 ul li a p{display:inline-block; padding:0 10px 0 20px;}
	.m_link01 ul li a p img{width:auto; height:40px;}
	.m_link01 ul li a span{display:inline-block; margin:0; line-height:70px;}
	.m_link01 ul li a span br{display:none;}

	/* ������ ȯ�� */
	.exchange{top:430px;}
	.exchange h2{font-size:18px; margin-bottom:20px;}


	/* �������� */
	.exchange{padding:20px;}
	.Notice h2 a{padding-right:12px; padding-left:12px; background:none;}

	/* ��� */
	.banner_box .obj li{width:100%;}

}

@media screen and (max-width:380px) {  

	/* ���κ��־� */
	.main_visual #m_visual li img{height:840px;}
	.main_visual #m_slogan li p.txt1{font-size:20px;}
	.main_visual #m_slogan li p.txt2{font-size:30px;}
	.main_visual #m_slogan li p.txt3{font-size:32px;}

	.MC_wrap01 .MC_cont{bottom:170px;}

	/* ������ ȯ�� */
	.exchange h2{margin-bottom:10px;}
	.exchange > ul li{padding:0;}
	.exchange > ul > li img{display:none;}



}