@charset "utf-8"; 


div[class^="I03"]{box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -webkit-box-sizing:border-box; ; }

/* container */
#container {position:relative; width:100%; padding-top:155px; overflow:hidden; z-index:0;}
#container:after {display:block; content:""; clear:both; }

/* ------------------------------------------------------------ */
/* ------------------ * 부속기관 F-06 Style * ------------------ */
/* ------------------------------------------------------------ */
h2{font-size: 36px; font-family: 'NotoM'; font-weight: 600; text-align: center; color: #111;}
.tit_txt{color: #a0a0a0; font-size: 18px; text-align: center; margin-bottom: 50px;}

/* 메인비주얼 */
.I03_m_visual {position:relative; padding-left: 50px; box-sizing: border-box;}
.I03_m_visual h2{position:absolute; width:1px; height:1px; top:-999999em; left:-999999em; }  
.I03_m_visual .visual{position:relative; height:100%;}
.I03_m_visual .visual .slide{position: relative;}
.I03_m_visual .visual .slide .img {position: relative; overflow: hidden; height: 620px;}
.I03_m_visual .visual .slide .img img{position: relative; width: auto; height: 100%; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%);}
.I03_m_visual .visual .slide .slogan{position: absolute; width: 96%; top: 140px; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); color: #fff; text-align: center; word-break: keep-all;}
.I03_m_visual .visual .slide .slogan .txt1{position: relative; display: inline-block; font-size: 28px; text-shadow: 2px 2px 3px #666; font-family: 'NotoL'; letter-spacing: 2px;}
.I03_m_visual .visual .slide .slogan .txt1::before{width: 28px; height: 28px; border-radius: 50%; background: rgba(38, 40, 216, 0.7); position: absolute; top: 0; left: -15px; z-index: -1; content: '';}
.I03_m_visual .visual .slide .slogan .txt2{font-size: 65px; font-family: 'NotoB'; font-weight: 700; letter-spacing: -3.5px; text-shadow: 2px 2px 3px #555; position: relative;}
.I03_m_visual .visual .slide .slogan .txt2::before{width: 650px; height: 1px; background: #dfdfe2; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); content: '';}
.I03_m_visual .control{position:absolute; bottom: 220px; left: calc(50% - 20px); transform: translateX(-50%); -webkit-transform: translateX(-50%);} 
.I03_m_visual .control a{display: inline-block; color: #1733b0; vertical-align: middle; margin: 0 3px; width: 24px; height: 24px; line-height: 24px;  font-size: 20px; text-align: center; border-radius: 50%; border: 2px solid #1733b0; vertical-align: middle;}
.I03_m_visual .control a.btn_play{display:none;}
.I03_m_visual .slick-dots{position:absolute; left:calc(50% + 15px); transform: translateX(-50%); bottom: 225px; }
.I03_m_visual .slick-dots li{float: left; vertical-align: middle;}
.I03_m_visual .slick-dots button{position: relative; display: inline-block; vertical-align: middle; width: 12px; height: 12px; border-radius: 50%; background: #fff; margin: 0 6px; font-size: 0; padding: 0; box-sizing: border-box; cursor: pointer;}

/* 바로가기01 */
.I03_link01 ul::after{display: block; content: ''; clear: both;} 
.I03_link01 ul li{width: 33%; float: left;}
.I03_link01 ul li a{position: relative; display: block; text-align: center; width: 230px; margin: 0 auto;}
.I03_link01 ul li a .img {position: relative; width: 100%; height: 100px;}
.I03_link01 ul li a .img img{position:absolute; top:50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transition: opacity 0.3s; -webkit-transition: opacity 0.3s;}
.I03_link01 ul li a .img .ov{opacity: 0;}
.I03_link01 ul li a h3{font-size: 22px; line-height: 1.3; color: #222; margin: 20px 0 10px; overflow: hidden; transition: 0.3s; -webkit-transition: 0.3s;}
.I03_link01 ul li a .txt{font-size: 16px; color: #7d7d7d; overflow: hidden;}
/* 바로가기01:active */
.I03_link01 ul li a:hover .img .ov, .I03_link01 ul li a:focus .img .ov{opacity: 1;}
.I03_link01 ul li a:hover .img .nor, .I03_link01 ul li a:focus .img .nor{opacity: 0;}
.I03_link01 ul li a:hover h3, .I03_link01 ul li a:focus h3{color: #1733b0; font-weight: 700;}

/* 바로가기02 */
.I03_link02 h2{color: #fff;}
.I03_link02 .tit_txt{color: #687084;}
.I03_link02 .link_slide{width: calc(100% + 200px); height: 225px; padding-left: calc((100% - 1400px) / 2);} 
.I03_link02 .link_slide .slick-slide{vertical-align: top;}
.I03_link02 .link_slide .slide a{background: #3e4c6a; display: block; margin-right: 30px; padding: 25px 20px; transition: 0.3s; -webkit-transition: 0.3s; border: 3px solid transparent;}
.I03_link02 .link_slide .slide a h3{color: #fff; height: 30px; font-size: 20px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-bottom: 15px; transition: 0.3s; -webkit-transition: 0.3s;}
.I03_link02 .link_slide .slide a p{color: #d2d4da; margin-bottom: 30px; height: 42px; overflow: hidden;}
.I03_link02 .link_slide .slide a span{color: #fff; font-family: 'NotoL';}
.I03_link02 .control{position: absolute; bottom: -50px; right: calc((100% - 1400px) / 2 + 35px);}
.I03_link02 .control::before{width: 1px; height: 22px; background: #485672; position: absolute; left: 50%; top: 13px; content: '';} 
.I03_link02 .control a{display: inline-block; color: #7e889b; font-size: 30px; margin: 0 10px; transition: color 0.3s; -webkit-transition: color 0.3s;}
.I03_link02 .control a img{vertical-align: baseline;}
.I03_link02 .btn_more{position: absolute; bottom: -45px; color: #fff; right: calc((100% - 1400px) / 2); font-size: 30px; line-height: 30px; color: #949cac; transition: 0.3s; -webkit-transition: 0.3s;}
/* 바로가기02:active */
.I03_link02 .link_slide .slide.slick-current a{background: #fff;}
.I03_link02 .link_slide .slide.slick-current a h3{color: #111; white-space: normal;  height: 60px;}
.I03_link02 .link_slide .slide.slick-current a p{color: #7e7e7e;}
.I03_link02 .link_slide .slide.slick-current a span{color: #111;}
.I03_link02 .link_slide .slide a:hover, .I03_link02 .link_slide .slide a:focus{border: 3px solid rgb(163, 168, 180);}
.I03_link02 .control a:hover, .I03_link02 .control a:focus{color: #fff;}
.I03_link02 .btn_more:hover, .I03_link02 .btn_more:focus{transform: rotate(180deg); -webkit-transform: rotate(180deg); color: #fff;}

/* 공지사항 */
.I03_notice h3{font-size: 22px; color: #111; margin-bottom: 15px; margin-right: 30px;}
.I03_notice ul{border-top: 2px solid #000;}
.I03_notice ul li a{position: relative; display: block; border-bottom: 1px solid #eee; padding: 30px 20px 30px 145px; transition: box-shadow 0.3s; -webkit-transition: box-shadow 0.3s;}
.I03_notice ul li a span{position: absolute; left: 20px; top: 30px; font-family: 'NotoM'; font-size: 16px;}
.I03_notice ul li a span::before{width: 4px; height: 4px; border-radius: 50%; background: #1733b0; position: absolute; right: -30px; top: 10px; content: '';}
.I03_notice ul li a h4{position: relative; font-size: 20px; line-height: 25px; color: #222; margin-bottom: 5px; font-family: 'NotoM'; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; transition: color 0.3s; -webkit-transition: color 0.3s;}
.I03_notice ul li.new a h4::before{display: inline-block; width: 25px; height: 25px; line-height: 25px; font-size: 14px; text-align: center; margin-right: 10px; vertical-align: bottom; color: #fff; background: #283859; border-radius: 50%; content: 'N';}
.I03_notice ul li a p{color: #555; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-top: 10px; font-size: 16px;}
.I03_notice .btn_more{position: absolute; font-size: 25px; line-height: 1; right: 0; top: 3px; color: #111; transition: 0.3s; -webkit-transition: 0.3s; }
/* 공지사항:active */
.I03_notice .btn_more:hover, .I03_notice .btn_more:focus{transform: rotate(180deg); -webkit-transform: rotate(180deg);}
.I03_notice ul li a:hover, .I03_notice ul li a:focus{box-shadow: 5px 5px 5px #ddd;}
.I03_notice ul li a:hover h4, .I03_notice ul li a:focus h4{color: #1733b0;}

/* 갤러리 */
.I03_gallery h3{font-size: 22px; color: #111; margin-bottom: 15px;}
.I03_gallery .news_slide{width: 100%;}
.I03_gallery .news_slide .mCSB_container{width: 1215px !important;}
.I03_gallery .news_slide .mCSB_scrollTools.mCSB_scrollTools_horizontal{padding-bottom: 10px;}
.I03_gallery .news_slide .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger{width: 30px !important;}
.I03_gallery .news_slide .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background: no-repeat;}
.I03_gallery .news_slide .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar::before{width: 16px; height: 16px; background: #283859; border-radius: 50%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); content: '';}
.I03_gallery .news_slide .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar::after{width: 28px; height: 28px; background: #283859; opacity: 0.2; border-radius: 50%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); content: '';}
.I03_gallery .news_slide .slide{float: left; width: 385px; margin-right: 30px; box-sizing: border-box;}
.I03_gallery .news_slide .slide:last-child{margin-right: 0;}
.I03_gallery .news_slide .slide a{display: block;}
.I03_gallery .news_slide .slide a .img{width: 100%; height: 300px; position: relative; overflow: hidden;} 
.I03_gallery .news_slide .slide a .img img{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transition: transform 0.3s; -webkit-transition: transform 0.3s;}
.I03_gallery .news_slide .slide a h4{font-size: 20px; margin: 20px 0 10px; color: #333; font-family: 'NotoM'; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; transition: color 0.3s; -webkit-transition: color 0.3s;}
.I03_gallery .news_slide .slide a .txt{font-size: 16px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-bottom: 25px;}
.I03_gallery .news_slide .slide a .date{display: block; font-size: 16px; margin-bottom: 35px;}
.I03_gallery .btn_more{position: absolute; font-size: 25px; line-height: 1; right: 50px; top: 0; color: #111; transition: 0.3s; -webkit-transition: 0.3s; }
/* 갤러리:active */
.I03_gallery .btn_more:hover, .I03_gallery .btn_more:focus{transform: rotate(180deg); -webkit-transform: rotate(180deg);}
.I03_gallery .news_slide .slide a:hover .img img, .I03_gallery .news_slide .slide a:focus .img img{transform: translate(-50%, -50%) scale(1.1); -webkit-transform: translate(-50%, -50%) scale(1.1);}
.I03_gallery .news_slide .slide a:hover h4, .I03_gallery .news_slide .slide a:focus h4{color: #1733b0;}

/* 배너 */
/* .bn_wrap{width:100%; border-top:1px solid #ddd;}
.bn_wrap .bn_box{position:relative; width:100%; max-width:1400px; margin:0 auto;}
.bn_wrap h2{position: absolute; left:0; top:50%; margin-top:-10px; line-height:20px; font-size:16px; font-family: 'NotoM';}
.bn_wrap ul{margin:20px 0 20px 230px; overflow:hidden;}
.bn_wrap ul li{float:left;}
.bn_wrap ul li a{display:block; margin:0 2px; text-align:center;}
.bn_wrap ul li a img{max-width:100%; height:35px;}
.bn_wrap .slick-arrow{position:absolute; top:50%; width:34px; height:35px; margin-top:-17px; display:block; text-indent:-99999%; overflow:hidden; cursor:pointer; }
.bn_wrap .slick-next{left:149px; background:url('/images/common/G_03_main/btn_b_next.png') no-repeat center; }
.bn_wrap .slick-prev{left:80px; background:url('/images/common/G_03_main/btn_b_prev.png') no-repeat center; }
.bn_wrap .slick-arrow:hover{background-color:rgba(0, 0, 0, 0.2); border-color:#156386; }
.bn_wrap .btn_box a{display:block; position:absolute; top:50%; width:34px; height:35px; margin-top:-17px; text-indent:-99999%; overflow:hidden;}
.bn_wrap .btn_box .control a{left:114px; width:35px; }
.bn_wrap .btn_box a.btn_stop{background:url('/images/common/G_03_main/btn_b_stop.png') no-repeat center; }
.bn_wrap .btn_box a.btn_play{display:none; background:url('/images/common/G_03_main/btn_b_play.png') no-repeat center; }
.bn_wrap .btn_box a.btn_list{left:183px; background:url('/images/common/G_03_main/btn_b_list.png') no-repeat center; } */

@media screen and (max-width:1420px) { 
	/* 메인비주얼 */
	.I03_m_visual{padding-left: 2.5%;}
	.I03_m_visual .visual .slide .img{height: 550px;}
	.I03_m_visual .visual .slide .slogan .txt2{font-size: 60px;}

	/* 바로가기2 */
	.I03_link02 .link_slide{padding-left: 2.5%;}
	.I03_link02 .btn_more{right: 2.5%;}
	.I03_link02 .control{right: calc(2.5% + 35px);}

	/* 갤러리 */
	.I03_gallery .btn_more{right: 0;}
	
	/* 배너 */
	.bn_wrap .bn_box{width:95%;}

}

@media screen and (max-width:1200px) { 
	#container{padding-top: 0;}

	/* 메인비주얼 */
	.I03_m_visual .visual .slide .slogan{top: 120px;}
	.I03_m_visual .visual .slide .slogan .txt2::before{width: 600px;}
	.I03_m_visual .visual .slide .img{height: 500px;}
	.I03_m_visual .slick-dots{bottom: 150px;}
	.I03_m_visual .control{bottom: 145px; left: calc(50% - 25px);}
}

@media screen and (max-width:860px) {	
	/* hover초기화 */
	.I03_link01 ul li a:hover .img .ov{opacity: 0;}
	.I03_link01 ul li a:hover .img .nor{opacity: 1;}
	.I03_link01 ul li a:hover h3{color: #111; font-weight: 300;}

	.I03_link02 .link_slide .slide a:hover{border: 3px solid transparent;}
	.I03_link02 .control a:hover{color: #7e889b;}
	.I03_link02 .btn_more:hover{transform: none; -webkit-transform: none; color: #7e889b;}

	.I03_notice .btn_more:hover{transform: none; -webkit-transform: none;}
	.I03_notice ul li a:hover{box-shadow: none;}
	.I03_notice ul li a:hover h4{color: #111;}

	.I03_gallery .btn_more:hover{transform: none; -webkit-transform: none;}
	.I03_gallery .news_slide .slide a:hover .img img{transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);}
	.I03_gallery .news_slide .slide a:hover h4{color: #111;}

	h2{font-size: 33px;}
	.tit_txt{margin-bottom: 30px;}

	/* 메인비주얼 */
	.I03_m_visual .visual .slide .slogan{top: 100px;}
	.I03_m_visual .visual .slide .img{height: 450px;}
	.I03_m_visual .visual .slide .slogan .txt1{font-size: 26px;}
	.I03_m_visual .visual .slide .slogan .txt2{font-size: 52px;}
	.I03_m_visual .visual .slide .slogan .txt2::before{width: 500px;}
	.I03_m_visual .slick-dots{bottom: 120px; left: calc(50% + 25px);}
	.I03_m_visual .control{bottom: 115px;}

	/* 바로가기1 */
	.I03_link01 ul li a{width: 90%;}
	.I03_link01 ul li a .img img{width: 95px; height: auto;}
	.I03_link01 ul li a h3{font-size: 20px;}
	.I03_link01 ul li a .txt{font-size: 15px;}

	/* 바로가기2 */
	.I03_link02 .tit_txt{margin-bottom: 40px;}
	.I03_link02 .link_slide{width: calc(100% + 250px);}
	.I03_link02 .link_slide .slide a{margin-right: 20px;}
	.I03_link02 .link_slide .slide a h3{font-size: 19px;}

	/* 공지사항 */
	.I03_notice ul li a{padding: 25px 20px 25px 145px;}
	.I03_notice ul li a h4{font-size: 19px;}

	/* 갤러리 */
	.I03_gallery .news_slide .slide a .img{height: 250px;}
	.I03_gallery .news_slide .slide a h4{font-size: 19px;}
	
}

@media screen and (max-width:680px) {
	h2{font-size: 30px;}
	.tit_txt{font-size: 17px; margin-bottom: 10px;}

	/* 메인비주얼 */
	.I03_m_visual .visual .slide .img{height: 380px;}
	.I03_m_visual .visual .slide .slogan{top: 80px;}
	.I03_m_visual .visual .slide .slogan .txt1{font-size: 23px; letter-spacing: 1.5px;}
	.I03_m_visual .visual .slide .slogan .txt2{font-size: 45px; letter-spacing: -3px;}
	.I03_m_visual .visual .slide .slogan .txt2::before{width: 400px;}
	
	/* 바로가기1 */
	.I03_link01 ul li a .img{height: 95px;}
	.I03_link01 ul li a .img img{width: 90px;}
	.I03_link01 ul li a h3{margin-top: 10px; font-size: 19px;}

	/* 바로가기2 */
	.I03_link02 .link_slide .slide a h3{font-size: 18px;}
	
	/* 공지사항 */
	.I03_notice ul li a h4{font-size: 18px;}
	.I03_notice ul li a p{font-size: 15px;}
	.I03_notice ul li a span{font-size: 15px; top: 25px;}
	.I03_notice ul li a span::before{top: 10px;}

	/* 갤러리 */
	.I03_gallery .news_slide .mCSB_container{width: 1060px !important;}
	.I03_gallery .news_slide .slide{width: 340px; margin-right: 20px;}
}

@media screen and (max-width:600px) {
	/* 메인비주얼 */
	.I03_m_visual .visual .slide .slogan .txt1{font-size: 20px;}
	.I03_m_visual .visual .slide .slogan .txt2{font-size: 40px;}
	.I03_m_visual .visual .slide .img{height: 350px;}
	.I03_m_visual .control{left: calc(50% - 40px);}
	.I03_m_visual .slick-dots{left: calc(50% + 10px);}
	.I03_m_visual .slick-dots button{width: 10px; height: 10px;}

	/* 바로가기1 */
	.I03_link01 ul li{width: 100%; border-bottom: 1px solid #e6e6e6;}
	.I03_link01 ul li:last-child{border-bottom: 0;}
	.I03_link01 ul li a{width: 100%; text-align: left; padding:25px 0 35px 130px; box-sizing: border-box;}
	.I03_link01 ul li a .img{width: 90px; position: absolute; left: 10px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%);}

	/* 바로가기2 */
	.I03_link02 .link_slide{width: 100%; padding-right: 2.5%;}
	.I03_link02 .link_slide .slide a{margin-right: 0;}
}

@media screen and (max-width:480px) {
	h2{font-size: 26px;}
	.tit_txt{font-size: 16px;}

	/* 메인비주얼 */
	.I03_m_visual .visual .slide .img{height: 300px;}
	.I03_m_visual .visual .slide .slogan{top: 60px;}
	.I03_m_visual .visual .slide .slogan .txt1{font-size: 18px;}
	.I03_m_visual .visual .slide .slogan .txt2{font-size: 35px; letter-spacing: -2px;}
	.I03_m_visual .visual .slide .slogan .txt2::before{width: 300px; bottom: -10px;}
	.I03_m_visual .slick-dots{bottom: 85px;}
	.I03_m_visual .control{bottom: 80px;}

	/* 바로가기1 */
	.I03_link01 ul li a .img img{width: 80px;}
	.I03_link01 ul li a h3{font-size: 18px;}

	/* 바로가기2 */
	.I03_link02 .link_slide .slide a h3{margin-bottom: 10px;}
	.I03_link02 .link_slide .slide a p{margin-bottom: 20px;}

	/* 공지사항 */
	.I03_notice ul li a span{display: none;}
	.I03_notice ul li a{padding: 25px 20px;}
	.I03_notice h3{font-size: 20px;}
	.I03_notice ul li a h4{font-size: 17px;}
	.I03_notice ul li a p{font-size: 14px; margin-top: 5px;}

	/* 갤러리 */
	.I03_gallery h3{font-size: 20px;}
	.I03_gallery .btn_more{top: 3px;}
	.I03_gallery .news_slide .slide a h4{font-size: 18px; margin-bottom: 5px;}
	.I03_gallery .news_slide .slide a .txt{font-size: 15px; margin-bottom: 15px;}
	.I03_gallery .news_slide .slide a .date{font-size: 15px;}
}

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

	/* 메인비주얼 */
	.I03_m_visual .visual .slide .img{height: 250px;}
	.I03_m_visual .visual .slide .slogan{top: 40px;}
	.I03_m_visual .visual .slide .slogan .txt1{font-size: 16px; letter-spacing: 1px;}
	.I03_m_visual .visual .slide .slogan .txt2{font-size: 30px; letter-spacing: -1px;}
	.I03_m_visual .visual .slide .slogan .txt2::before{width: 250px; bottom: -5px;}
	.I03_m_visual .control{bottom: 50px;}
	.I03_m_visual .slick-dots{bottom: 55px;}

	/* 갤러리 */
	.I03_gallery .news_slide .mCSB_container{width: 980px !important;}
	.I03_gallery .news_slide .slide{width: 320px; margin-right: 10px;}
}