@charset "utf-8";


.wrapper { padding:0 24px; box-sizing:border-box}

/* 비주얼 영역 */

	.section {position: relative; font-weight: 400; overflow: hidden;}
	.visual {height: 600px; padding: 100px 0; box-sizing: border-box;}
	.visual .slide {position: absolute; top: 0; left: 0; width: 100%;}
	.visual .slide .s-img {height: 600px; z-index: 0 !important;}
	.visual .slide .s-img.slick-active {animation-name: visualbg; animation-duration: 5s; animation-iteration-count: 1;}

	@keyframes visualbg {
	    0%{transform: scale(1.15);}
	    100%{transform: scale(1);}
	}

	.visual .slide .item1 {background: url('../../img/asis/mvisual-1.png') no-repeat center top;}
	.visual .slide .item2 {background: url('../../img/asis/mvisual-2-2025.png') no-repeat center top;}

	.visual .conBox {display: flex; align-items: center;}
	.visual .conBox .txt-wrap {flex-grow: 1; position: relative; margin-top: 20px;}
	.visual .conBox .txt-wrap .slide-txt {color: #fff; line-height: 1.2; text-shadow: 3px 3px 5px rgba(0, 0, 0, 0.4);}
	.visual .conBox .txt-wrap .slide-txt .eng-title {margin-bottom: 20px; font-size: 18px; font-weight: 300;}
	.visual .conBox .txt-wrap .slide-txt .sub-title {font-size: 40px; font-weight: 500;}
	.visual .conBox .txt-wrap .slide-txt .title {font-size: 88px; font-weight: 700;}
	.visual .conBox .txt-wrap .slide-txt .txt {margin-top:20px; font-size: 24px; font-weight: 400; word-break: keep-all;}

	.visual .ctrl {margin-top: 60px; display: flex; align-items: center; justify-content: flex-start; gap: 8px;}
	.visual .pagination {display: flex; height: 24px;}
	.visual .slick-dots {display: flex !important; justify-content: center; align-items: center; gap: 8px;}
	.visual .slick-dots li {list-style:none;}
	.visual .slick-dots button {opacity: 1; width: 8px; height: 8px; margin-top: -4px; padding-top: 8px; border-radius: 50%; background: #fff; opacity: .6; border: none; vertical-align: middle; transition: all .2s; overflow: hidden;}
	.visual .slick-dots li.slick-active button {width: 24px; border-radius: 4px; opacity: 1;}
	.visual .ctrl .autoplay {display: inline-block; width: 24px; height: 24px; border: none; background-position: center; background-repeat: no-repeat; background-size: 24px auto; vertical-align: middle; z-index: 1;}
	.visual .ctrl .ctrl_stop {background-image: url('../../img/asis/icon_stop.png');}
	.visual .ctrl .ctrl_play {background-image: url('../../img/asis/icon_play.png');}

	.visual .conBox .link-wrap {width: 384px; flex-shrink: 0; margin-left: 20px; overflow: hidden;}
	.visual .conBox .link-wrap .link-box {height: 120px; margin-top: 20px; position: relative; background: rgba(0, 0, 0, 0.3); border: 1px solid rgba(255, 255, 255, 0.4); transition: all 0.3s; -webkit-transition: all 0.3s;}
	.visual .conBox .link-wrap .link-box:hover {background: rgba(51, 74, 95, 0.8); border: 1px solid rgba(255, 255, 255, 0.8); transition: all 0.3s; -webkit-transition: all 0.3s;}
	.visual .conBox .link-wrap .link-box:first-child {margin-top: 0;}
	.visual .conBox .link-wrap .link-box:before {content: ''; display:block; width: 32px; height: 32px; position: absolute; top:50%; left: 44px; transform: translateY(-50%); background-repeat: no-repeat; background-position: center;}
	.visual .conBox .link-wrap .link-box:nth-child(1):before {background-image: url('../../img/asis/ico-link-01.png');}
	.visual .conBox .link-wrap .link-box:nth-child(2):before {background-image: url('../../img/asis/ico-link-02.png');}
	.visual .conBox .link-wrap .link-box:nth-child(3):before {background-image: url('../../img/asis/ico-link-03.png');}
	.visual .conBox .link-wrap .link-box:after {content: ''; display:block; width: 72px; height: 72px; position: absolute; top:50%; left: 24px; transform: translateY(-50%); background: rgba(255, 255, 255, 0.2); border-radius: 50%;}
	.visual .conBox .link-wrap .link-box a {height: 100%; display: flex; justify-content: center; flex-direction: column; position: relative; padding: 24px 68px 24px 120px; color: #fff; text-shadow: 3px 3px 5px rgba(0, 0, 0, 0.2); overflow: hidden;}
	.visual .conBox .link-wrap .link-box a span {display: block; margin-bottom: 12px; font-size: 18px; font-weight: 500;}
	.visual .conBox .link-wrap .link-box a p {font-size: 28px;  font-weight: 500;}
	.visual .conBox .link-wrap .link-box a:after {content: ''; display:block; width: 24px; height: 20px; position: absolute; top:50%; right:24px; transform: translateY(-50%); background: url('../../img/asis/ico-arrow.png') no-repeat center;}
	.visual .conBox .link-wrap .link-box a i {font-family: 'Pretendard GOV', sans-serif;}

	@media (max-width: 1024px) {

		.visual {padding: 60px 0;}

		.visual .conBox {align-items: flex-start; flex-direction: column;}
		.visual .conBox .txt-wrap {width:100%; margin-top: 0;}

		.visual .ctrl {margin-top: 20px;}

		.visual .conBox .link-wrap {width: 100%; display: flex; gap: 12px; margin-top: 60px; margin-left: 0;}
		.visual .conBox .link-wrap .link-box {flex: 1; margin-top: 0;}
		.visual .conBox .link-wrap .link-box:before {left: 30px;}
		.visual .conBox .link-wrap .link-box:after {width: 60px; height: 60px; left: 16px;}
		.visual .conBox .link-wrap .link-box a {padding: 16px 56px 16px 92px;}
		.visual .conBox .link-wrap .link-box a:after {right: 16px;}
		.visual .conBox .link-wrap .link-box a span {font-size:16px;}
		.visual .conBox .link-wrap .link-box a p {font-size: 22px;}

	}

	@media (max-width: 840px) {

		.visual {height: 800px;}
		.visual .slide .s-img {height: 800px; background-size: cover;}

		.visual .conBox .txt-wrap .slide-txt .sub-title {font-size:32px;}
		.visual .conBox .txt-wrap .slide-txt .title {font-size: 76px;}
		.visual .conBox .txt-wrap .slide-txt .txt {margin-top: 12px; font-size: 20px;}

		.visual .conBox .link-wrap {flex-direction: column;}
		.visual .conBox .link-wrap .link-box:before {left: 44px;}
		.visual .conBox .link-wrap .link-box:after {width:72px; height:72px; left: 24px;}
		.visual .conBox .link-wrap .link-box a {padding: 24px 68px 24px 120px;}
		.visual .conBox .link-wrap .link-box a:after {right: 24px;}

	}

	@media (max-width: 767px) {

		.visual .conBox .txt-wrap .slide-txt p, strong {word-break: break-all;}
		.visual .conBox .txt-wrap .slide-txt .title {font-size: 64px;}

	}

	@media (max-width: 460px) {

		.visual .conBox .txt-wrap .slide-txt .sub-title {font-size: 28px;}
		.visual .conBox .txt-wrap .slide-txt .title {font-size: 52px;}

	}

#headLine { margin: 0 auto; text-align: center; color:#fff; line-height: 1; }
#headLine span { font-size: 1.125em; }
#headLine p { font-size: 1.389em; margin: 15px 0 0; }
#headLine p > br {display:none;}
#headLine p strong { color: #fc9b02; }

.visualConBox { margin: 25px auto 0; display: table; }
.visualConBox li { display: table-cell; width: 33.3%; position: relative;height: 334px; box-sizing: border-box; padding: 25px 39px; color: #000;  }
.visualConBox li:first-child { background: rgba(3,60,130,0.8);color: #fff; }
.visualConBox li:nth-child(2) { background: rgba(3,149,82,0.8); }
.visualConBox li:nth-child(3) { background: rgba(255,255,255,0.8); }
.visualConBox li h3 { font-size: 1.5em; font-weight: 500; padding-top: 13px; background: url('../../img/asis/sub_bg.png') no-repeat left -195px;  }
.visualConBox li h3 a { color: #000; }
.visualConBox li:first-child h3 a { color: #fff; }
.visualConBox li p { margin: 22px 0; line-height: 1.3; font-size: 0.875em; min-height: 54px; text-align: justify; }
.visualConBox li dl { display: flex;}
.visualConBox li dl dt { width: 119px;  padding-right: 20px; overflow: hidden; }
.visualConBox li dl dt img { width: 100%; max-width: 119px; display: block; margin: 0; padding: 0; }
.visualConBox li dl dd { vertical-align: top; box-sizing: border-box; position: relative; font-size: 0.875em; }
.visualConBox li dl dd a { position: absolute; left: 0; bottom: 0; display: block; text-align: center;
                        width: 100%; max-width: 100px; line-height: 34px; background: rgba(255,255,255,0.4); font-weight: 500;  }


/*메인컨텐츠박스*/
.main_Box{position:relative; display:table; width:100%; margin:30px auto 20px auto }
.main_Box dl{position:relative; display:table-cell; width:33.3%; height:100%; padding:40px 10px 20px 40px; box-sizing:border-box; color:#fff; }
.main_Box dt{position:relative; display:block; width:100%; height:170px; padding: 15px 0 0 155px; box-sizing:border-box; margin-bottom:20px}
.main_Box dt img{position:absolute; top:0; left:0; height:100%; display:block}
.main_Box dt p{position:relative; font-size:26px}
.main_Box dt b{font-size:35px; font-weight:500; display:block;}
.main_Box dt p::before { content: ""; position: absolute; width: 37px; height: 1px; background: #fff;  left: 0; top: -15px; }

.main_Box dd{position:relative; display:block; width:100%; }
.main_Box ul{position:relative; display:block; width:100%;}
.main_Box li{position:relative; display:block; width:100%; font-size:15px; margin-bottom:5px; padding-left:10px;  box-sizing:border-box; word-break:keep-all }
.main_Box li b{font-size:18px; display:block; font-weight:500; }
.main_Box li::before { content: ""; position: absolute; width: 3px; height: 3px; background: #fff; border-radius: 3px; left: 0; top: 9px; }
.main_Box dd:last-child{position:absolute; width:100%; height:100%; display:block; top:0; left:0}
.main_Box dd:last-child a{width:100%; height:100%; display:block; text-indent:-9999px}

.main_Box dl:nth-child(1){background:rgba(0, 54, 123, 0.9)}
.main_Box dl:nth-child(2){background:rgba(0, 96, 123, 0.9)}
.main_Box dl:nth-child(3){background:rgba(255, 255, 255, 0.9)}

.main_Box dl:nth-child(3){color:#222}
.main_Box dl:nth-child(3) dt p::before {background: #222 }
.main_Box dl:nth-child(3)  li::before { background: #666}


/* 컨텐츠 영역 */
#mainCon { margin: 60px auto 0; }

#mainCon01::after { content: ''; clear: both; display: block; float: none;}
#mainCon01 > li { float: left; box-sizing: border-box; position: relative;}
#mainCon01 > li h4 { font-size: 1.250em; font-weight: 500; margin: 0 0 20px; }
#mainCon01 > li a.moreBtn { position: absolute; top: -5px; right: 0; width: 32px; height: 32px; background: url('../../img/asis/main_bg.png') no-repeat left -109px; text-indent: -9999px; overflow: hidden;  }

/* 알림판 */
#mainCon01 .popup_zone { width:350px; padding: 0 30px 0 0;}
#mainCon01 .popup_zone .count {position:absolute; top:2px; right:102px; font-size:13px; line-height:1.0;}
#mainCon01 .popup_zone .p_num {color:#de3b2a; font-weight:500;}
#mainCon01 .popup_zone .pz_btn {position:absolute; top:-3px; right: 20px;}
#mainCon01 .popup_zone .pz_btn a {float:left; overflow:hidden; height:25px;background-image:url('../../img/asis/main_bg.png'); background-repeat: no-repeat;}
#mainCon01 .popup_zone .pz_btn a.prev {width:24px; background-position:0 0;}
#mainCon01 .popup_zone .pz_btn a.next {width:24px; background-position:-25px 0;}
#mainCon01 .popup_zone .pz_btn a.stop {width:25px; background-position:0 -24px;}
#mainCon01 .popup_zone .pz_btn a.play {width:25px; background-position:-24px -24px;}
#mainCon01 .popup_zone .pz_list {padding: 0;  }
#mainCon01 .popup_zone .pz_list .Hidden { display: none; }
#mainCon01 .popup_zone .pz_list li {overflow:hidden; width:100%; margin-top: 0.5px; }
#mainCon01 .popup_zone .pz_list li a {display: block; }
#mainCon01 .popup_zone .pz_list li img { width:100%; height:100%; max-height: 175px; display: block;}


/* 메인 게시판 */
.mainBoard { border-top: 3px solid #000; padding: 17px 0 0; }
.mainBoard dl { margin: 25px 0 0; }
.mainBoard dl:first-child { margin-top: 0; }
.mainBoard dt { font-size: 1.125em; font-weight: 500; margin: 0 0 16px; padding: 0 5px; height: 25px; line-height: 25px; overflow: hidden; text-overflow: ellipsis; word-break: break-all; white-space: nowrap;   }
.mainBoard dt a { overflow: hidden; display: block; text-overflow: ellipsis; white-space: nowrap;}
.mainBoard dt a:hover { text-decoration: underline; }
.mainBoard dd.boardCon { font-size: 0.875em; padding: 0 5px; height: 80px; line-height: 1.8; overflow: hidden; text-overflow: ellipsis; word-break: break-all; }
.mainBoard dd.boardDate { font-size: 0.750em; color: #666; line-height: 20px; height: 20px; width: 100%; padding: 0 5px; box-sizing: border-box; background: #f2f2f2; text-align: right; margin: 15px 0 0; }







#mainCon01 .news_board{width:22%}
#mainCon01 .sri_board{width:26%; padding-left: 30px;box-sizing: border-box;}
#mainCon01 .notice_board{width:26%; padding-left: 30px;box-sizing: border-box;}
.mainBoard1 { border-top: 3px solid #000; padding: 20px 0 0; }
.mainbd_list li {padding-left:10px; margin-left:2px; margin-bottom:12px;position:relative; font-size: 0.95em; border-bottom:1px dashed #dbdbdb;padding-bottom:10px;}
.mainbd_list li:before{content:''; width:3px; height:3px; border-radius:50%; background:#555555; float:left; position:absolute; left:0; top:16%;}
.mainbd_list li a {color:#222;margin-right:75px; display:block; white-space:nowrap;text-overflow:ellipsis;overflow:hidden;width:100%}
.mainbd_list li a:hover {text-decoration:underline;}
.mainbd_list li:last-child{margin-bottom:0;border-bottom:0px}

.mainbd_list .date { /*position:absolute; right:0; top:2px;*/display:block; font-weight:normal; padding:7px 2px 0 0; color:#888; font-size:13px;}

@media screen and (min-width:1200px) and (max-width: 1639px) {
	#mainCon01 .sri_board{width:23.5%; padding-left: 25px;}
	#mainCon01 .notice_board{width:23.5%; padding-left: 25px;}
}/*
@media screen and (min-width:0) and (max-width: 1199px) {
	#mainCon01 .sri_board{width:50%; padding-left: 25px;border:1px blue solid}
	#mainCon01 .notice_board{width:50%; padding-left: 25px;border:1px blue solid}

}*/




/* 주요 메뉴 아이콘 */
#mainCon02 { width: 100%; margin: 28px auto 36px;   }
#mainCon02 #ovBox { background: #e9eff3; padding: 19px 0; height: 158px; box-sizing: border-box; }
#mainCon02 .ovHidden { overflow: hidden; width: 100%; position: relative; height: 120px;}
#mainCon02 ul::after { content: ''; clear: both; display: block; float: none;}
#mainCon02 li { float: left; width: 20%; height: 120px; text-align: center; font-weight: 500;  line-height: 1.2; background: url('../../img/asis/main_icon_n2.png') no-repeat; border-left: 1px solid #dcdcdc; box-sizing: border-box; }
#mainCon02 li a { display: block;color:#345894; padding-top: 86px; }
#mainCon02 li:first-child { background-position: center -35px; border: 0; transition: all ease 0.2s 0s;}
#mainCon02 li:nth-child(2) { background-position: center -188px; transition: all ease 0.2s 0s;}
#mainCon02 li:nth-child(3) { background-position: center -341px; transition: all ease 0.2s 0s;}

#mainCon02 li span { display: block; color: #666666; font-weight: 400; font-size: 0.875em; }

#mainCon02 .mainCon02Btn { display: none; }
#mainCon02 .mainCon02Btn button {border:0;}


#mainCon02 li:nth-child(4) { background-position: center -495px; transition: all ease 0.2s 0s;}
#mainCon02 li:nth-child(5) { background-position: center -654px; transition: all ease 0.2s 0s;}

#mainCon02 li a:hover {text-decoration: underline;}
#mainCon02 li:first-child:hover { background-position: center -40px; transition: all ease 0.2s 0s;}
#mainCon02 li:nth-child(2):hover { background-position: center -193px; transition: all ease 0.2s 0s;}
#mainCon02 li:nth-child(3):hover { background-position: center -346px; transition: all ease 0.2s 0s;}
#mainCon02 li:nth-child(4):hover { background-position: center -500px; transition: all ease 0.2s 0s;}
#mainCon02 li:nth-child(5):hover { background-position: center -659px; transition: all ease 0.2s 0s;}