@charset "utf-8";

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

.main_wrap {position:relative; width:100%;}
.main_wrap .MC_cont_wrap{position:relative; width:100%; max-width:1400px; margin:0 auto; overflow:hidden;}

.main_wrap .MC_wrap01 {position:relative; width:100%;}
.main_wrap .MC_wrap02 {position:relative; width:100%; max-width:1400px; margin:0 auto; padding:50px 0; overflow:hidden;}
.main_wrap .MC_wrap03{position:relative; width:100%; background:#dfe4ea; z-index:1;}
.main_wrap .MC_wrap03::before{content:""; position: absolute; left:0; top:-20px; width:53%; height:230px; background:#114a7b url('/images/web/rcl/main/bg_wrap03.png') no-repeat right center; z-index:0;}

/* 메인비주얼 */
.main_visual {position:relative; width:100%; height:490px; z-index:1;}
.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 li img { width:auto; 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:-700px; background:url('../images/main/btn_m_prev.png') no-repeat left center;}
.main_visual #m_visual .slick-next{right:50%; margin-right:-700px; background:url('../images/main/btn_m_next.png') no-repeat right center;}
*/
.main_visual .slogan_wrap{position: absolute; width:100%; max-width:1400px; top:10%; left:50%; margin-left:-700px; letter-spacing: -1px; text-align:center;}
.main_visual #m_slogan li p{color:#fff; line-height:1.2; word-break:keep-all; text-shadow: 2px 2px 2px rgba(0,0,0,0.5);}
.main_visual #m_slogan li p.txt1{position:relative; font-size:50px; padding:15px 0 0; font-family:'NotoM'; line-height:50px; }
.main_visual #m_slogan li p.txt1::before{content:""; position: absolute; left:50%; top:0; width:70px; height:2px; margin-left:-35px; background:#fff; box-shadow:2px 2px 2px rgba(0,0,0,0.5);}
.main_visual #m_slogan li p.txt2{font-size:16px; font-family: 'NotoR'; margin:20px 0 0; }
.main_visual #m_slogan .slick-dots{position: absolute; left:50%; bottom:-53px; margin-left:15px;}
.main_visual #m_slogan .slick-dots li{float:left; margin-right:8px;}
.main_visual #m_slogan .slick-dots li button{width:10px; height:10px; border-radius:10px; background:rgba(255,255,255,0.7); text-indent:-9999%; overflow:hidden; -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:20px; background:#fff;}
.main_visual .control_btn{position: absolute; left:50%; bottom:-50px; margin-left:-20px; } 
.main_visual .control_btn button{width:25px; height:25px; border:0px;  border-radius:20px; font-size:0; float:left;}
.main_visual .control_btn button.btn_stop{background:rgba(0,0,0,0.5) url('/images/web/rcl/main/btn_m_stop.png') no-repeat center; }
.main_visual .control_btn button.btn_play{display:none; background:rgba(0,0,0,0.5) url('/images/web/rcl/main/btn_m_play.png') no-repeat center; }

/* 바로가기01 */
.m_link01{position: absolute; left:0; bottom:0; width:100%; height:auto; background:rgba(0,0,0,0.6); z-index:10;}
.m_link01 ul{width:100%; max-width:1400px; margin:0 auto; overflow:hidden;}
.m_link01 ul li{width:23.5%; margin-left:2%; float:left; text-align:center;}
.m_link01 ul li:first-child{margin-left:0;}
.m_link01 ul li a{display:block; line-height:18px; padding:20px 10px 10px; word-break:keep-all;}
.m_link01 ul li a p{width:77px; height:85px; line-height:85px; margin:0 auto; background:url('/images/web/rcl/main/bg_link01.png') no-repeat center;}
.m_link01 ul li a p img{width:48px; height:40px;}
.m_link01 ul li a span{display:block; height:32px; color:#fff; line-height:16px; font-size:13px; margin:10px 0 0;}
.m_link01 ul li a:hover{background:#e4022e;}
.m_link01 ul li a:hover p{ background:url('/images/web/rcl/main/bg_link01_ov.png') no-repeat center;}
.m_link01 ul li a:hover img{transform: rotateY(360deg); -ms-transform: rotateY(360deg); -moz-transform: rotateY(360deg); -webkit-transform: rotateY(360deg);}
.m_link01 ul li, .m_link01 ul li p, .m_link01 ul li a img{ -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease;}

/* 공지사항01*/
.Notice01 {position:relative; width:480px; height:275px; float:left;}
.Notice01 h2 {position:relative; float:left; font-size:20px; line-height:1.1; font-family:'NotoR'; font-weight:normal; z-index:2;} 
.Notice01 h2 a {position:relative; display:block; text-align:center; color:#999; font-family:'NotoM'; padding:0 15px 10px; margin-right:5px;}
.Notice01 h2 a:hover{color:#000; text-decoration: underline;}
.Notice01 h2.current a {color:#043764; font-family: 'NotoB';}
.Notice01 h2.current a::before{content:""; position: absolute; left:0; bottom:-4px; width:100%; height:6px; background:#005dbb;}
.Notice01 .list_box {display:none; position:absolute; left:0; top:32px; width:100%; padding:10px 0 0; background:url('/images/web/rcl/main/pttrn_Notice01.png') repeat-x top;}
.Notice01 .list_box.on {display:block;}
.Notice01 .list_box ul { height:230px; overflow:hidden;}
.Notice01 .list_box ul li {position:relative; padding-left:85px; overflow:hidden; margin:9px 0 0;}
.Notice01 .list_box ul li a {display:block; color:#333; width:100%; float:left; margin:10px 0; }
.Notice01 .list_box ul li a .tit{font-size:16px; color:#111; font-family: 'NotoM'; position:relative; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; margin:0 0 5px; }
.Notice01 .list_box ul li a span{display:block; font-size:13px; color:#999; line-height:20px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.Notice01 .list_box ul li a img {vertical-align:middle; margin-right:5px;}
.Notice01 .list_box ul li .date{position: absolute; left:0; top:0px; width:63px; height:63px; border:1px dashed #333; border-radius:50px; text-align:center;}
.Notice01 .list_box ul li .date span{display:block;}
.Notice01 .list_box ul li .date .year{position: absolute; left:15%; bottom:5px; width:70%; line-height:20px; color:#666; font-size:13px; border-top:1px solid #aaa;}
.Notice01 .list_box ul li .date .d-m{font-size:18px; color:#002a54; line-height:48px; font-family: 'NotoM';}
.Notice01 .list_box ul li.new a .tit{padding-left:25px;}
.Notice01 .list_box ul li.new a .tit::after{content:"N"; position: absolute; left:0; top:2px; width:20px; height:20px; line-height:20px; background:#f00; text-align:center; font-size:13px; color:#fff; font-family: 'NotoM'; border-radius:20px;}
.Notice01 .list_box ul li a:hover {color:#222; text-decoration:underline;}
.Notice01 .list_box ul li a:hover p{color:#005dbb;}
.Notice01 .list_box ul li:hover .date{border-color:#005dbb;}
.Notice01 a.btn_more {position:absolute; top:-35px; right:0; width:24px; height:24px; display:block; text-indent:-10000em; background:url('/images/web/rcl/main/btn_more.png') no-repeat center; overflow:hidden;}
.Notice01 h2 a, .Notice01 .list_box p{-webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease;}

/* 공지사항02*/
.Notice02 {position:relative; width:480px; height:275px; float:left; margin:0 0 0 30px; }
.Notice02 h2 {position:relative; float:left; font-size:20px; line-height:1.1; font-family:'NotoR'; font-weight:normal; z-index:2;} 
.Notice02 h2 a {position:relative; display:block; text-align:center; color:#999; font-family:'NotoM'; padding:0 15px 10px; margin-right:5px;}
.Notice02 h2 a:hover{color:#000; text-decoration: underline;}
.Notice02 h2.current a {color:#043764; font-family: 'NotoB';}
.Notice02 h2.current a::before{content:""; position: absolute; left:0; bottom:-4px; width:100%; height:6px; background:#005dbb;}
.Notice02 .list_box {display:none; position:absolute; left:0; top:32px; width:100%; padding:10px 0 0; background:url('/images/web/rcl/main/pttrn_Notice02.png') repeat-x top;}
.Notice02 .list_box.on {display:block;}
.Notice02 .list_box ul { height:230px; overflow:hidden;}
.Notice02 .list_box ul li {position:relative; padding-left:85px; overflow:hidden; margin:9px 0 0;}
.Notice02 .list_box ul li a {display:block; color:#333; width:100%; float:left; margin:10px 0; }
.Notice02 .list_box ul li a .tit{font-size:16px; color:#111; font-family: 'NotoM'; position:relative; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; margin:0 0 5px; }
.Notice02 .list_box ul li a span{display:block; font-size:13px; color:#999; line-height:20px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.Notice02 .list_box ul li a img {vertical-align:middle; margin-right:5px;}
.Notice02 .list_box ul li .date{position: absolute; left:0; top:0px; width:63px; height:63px; border:1px dashed #333; border-radius:50px; text-align:center;}
.Notice02 .list_box ul li .date span{display:block;}
.Notice02 .list_box ul li .date .year{position: absolute; left:15%; bottom:5px; width:70%; line-height:20px; color:#666; font-size:13px; border-top:1px solid #aaa;}
.Notice02 .list_box ul li .date .d-m{font-size:18px; color:#002a54; line-height:48px; font-family: 'NotoM';}
.Notice02 .list_box ul li.new a .tit{padding-left:25px;}
.Notice02 .list_box ul li.new a .tit::after{content:"N"; position: absolute; left:0; top:2px; width:20px; height:20px; line-height:20px; background:#f00; text-align:center; font-size:13px; color:#fff; font-family: 'NotoM'; border-radius:20px;}
.Notice02 .list_box ul li a:hover {color:#222; text-decoration:underline;}
.Notice02 .list_box ul li a:hover p{color:#005dbb;}
.Notice02 .list_box ul li:hover .date{border-color:#005dbb;}
.Notice02 a.btn_more {position:absolute; top:-35px; right:0; width:24px; height:24px; display:block; text-indent:-10000em; background:url('/images/web/rcl/main/btn_more.png') no-repeat center; overflow:hidden;}
.Notice02 h2 a, .Notice02 .list_box p{-webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease;}

/* 바로가기02 */
.m_link02{position:relative; width:330px; height:275px; margin:0 40px; float:left;}
.m_link02 h2{font-size:20px; line-height:1.1; font-family: 'NotoM';}
.m_link02 ul {padding:5px 20px; margin:10px 0 0; border:1px solid #aaa; overflow:hidden;}
.m_link02 ul li a{position:relative; display:block; line-height:45px; color:#2c3447; border-top:1px dashed #ccc; }
.m_link02 ul li a::before{content:""; position: absolute; width:20px; height:20px; right:0px; top:50%; margin-top:-10px; background:url('/images/web/rcl/main/btn_more_arr01.png') no-repeat center; border:1px solid #768ea8; border-radius:20px;}
.m_link02 ul li:first-child a{border-top:0;}
.m_link02 ul li a img{position: absolute; left:0; top:50%; width:30px; height:25px; margin-top:-12px;}
.m_link02 ul li a p{margin-left:45px;}
.m_link02 ul li a:hover::before{right:-10px;}
.m_link02 ul li a:hover p{margin-left:50px; color:#005dbb; font-family: 'NotoM';}
.m_link02 ul li a, .m_link02 ul li a::before, .m_link02 ul li a p{-webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease;}


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

	.main_visual, .Notice01, .Notice02, .HScode_srch, .unipass, .m_link01, .m_link02, .m_link03{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box}

	.main_wrap .MC_cont_wrap{width:96%;}
	.main_wrap .MC_wrap02{width:96%; padding:40px 0;}
	
	/* 메인비주얼 */
	.main_visual .slogan_wrap{margin-left:0; left:0;}

	/* 공지사항 */
	.Notice01{width:48%;}
	.Notice02{width:48%;}

	/* 바로가기02 */
	.m_link02{width:100%; margin:2% 0 0 0;}
}

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

}
@media screen and (max-width:960px) {
	
	.main_wrap .MC_wrap03::before{width:120%; right:-20%;}

	/* 공지사항 */
	.Notice01{width:100%; margin:0 0 20px;}
	.Notice02{width:100%; margin:0 0 20px;}

	
}

@media screen and (max-width:760px) {
	
	/* 메인비주얼 */
	.main_visual{height:560px;}
	.main_visual .slogan_wrap{top:8%;}
	.main_visual #m_slogan li p.txt1{font-size:45px;}




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



}

@media screen and (max-width:560px) {	
	
	/* 메인비주얼 */
	.main_visual{height:520px;}
	.main_visual #m_slogan li p.txt1{font-size:40px;}
	.main_visual #m_slogan li p.txt2{font-size:15px;}
	.main_visual #m_slogan .slick-dots{display:none !important;}
	.main_visual .control_btn{display:none !important;}

	/* 바로가기01 */
	.m_link01 ul li a{padding:10px 5px 5px;}
	.m_link01 ul li a p{width:60px; height:66px; line-height:66px; }
	.m_link01 ul li a img{width:40px; height:auto;}
	.m_link01 ul li a span{font-size:13px;}
	
	
	/* 바로가기01 */
	.m_link01 ul li{width:49%; margin-left:0%; }
	.m_link01 ul li:nth-child(3n+1){margin-left:0%;}
	.m_link01 ul li a{padding:10px 5px 5px;}
	.m_link01 ul li a p{width:65px; height:72px; line-height:72px; background-size:cover;}
	.m_link01 ul li a img{width:40px; height:auto;}
	.m_link01 ul li a:hover p{background-size:cover;}


}

@media screen and (max-width:480px) {
	
	.main_wrap .MC_cont_wrap{width:90%;}

	/* 바로가기02 */
	.m_link02{width:100%; margin:0 0 20px;}


}

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

	.main_wrap .MC_wrap03::before{height:350px;}
}