@charset "utf-8";
h2{font-family:'nsr','Malgun Gothic';}

/* 공통 메인 컨텐츠 */
.float{float:left;}
@media(max-width:640px) {
    .float{float:none;}
}

#mcontainer{position:relative;background:url('/images/pro_center/main/main_visual.jpg') no-repeat center top #f5f5f5;}
#mcontainer .layout{max-width:1240px;}
.vi_text {float:right;position:relative;width:57%;height:310px;text-align:right;word-break:keep-all }
.vi_text p{padding-top:10px;font-size:13px;line-height:1.3;color:#666;}


@media(max-width:1240px){
	.vi_text img {width:400px; margin:60px 0 0 0}
	#mcontainer .layout{max-width:95%; padding:0 25px; box-sizing:border-box;}
}

@media(max-width:1000px){
	#mcontainer{background:url('/images/pro_center/main/main_visual_2.jpg') no-repeat -210px top; background-size:126% auto;}
	.vi_text{width:60%;}
}

@media(max-width:950px){
	#mcontainer .layout {padding:0px}
	.vi_text {height:auto;padding-bottom:20px;}
}

@media(max-width:800px){
	#mcontainer{background:#96c8e3 url('/images/pro_center/main/main_visual_3.jpg') no-repeat 0 0; background-size:100% auto}
	.vi_text{width:100%;text-align:center;}
	.vi_text img { margin:0}
}
@media(max-width:500px){
	.vi_text {height:auto;margin-bottom:15px;}
	.vi_text img {width:285px;}
}



.cnt_box{position:relative;width:1200px;padding:0 0 0 0;box-sizing:border-box;}
.cnt_box:after{content: '';display:block;clear:both;}

.cnt_box .top_link_box {position:relative;width:580px; float:left;padding-left:140px;background:#3b476c;}
.cnt_box .top_link_box h2{position:absolute;width:100px;top:50%;left:20px;margin-top:-35px;padding:10px 0;text-align:center;font-size:23px;line-height:1.3;color:#fff;border-top:1px solid #fff;border-bottom:1px solid #fff;}
.cnt_box .top_link_box .left_box {width:35%; float:left; height:206px; padding:40px 0 0 28px; color:#fff; font-size:20px; line-height:1.2em; font-family: 'nsr'; font-weight: bold;}
.cnt_box .top_link_box .left_box::before {content:''; display: block; position: absolute; top: 103px; left:28px;  width:11px; height:1px;background-color: #fff;}
.cnt_box .top_link_box .right_box {position:relative; width:65%;  float:left; height:206px; padding:0 0 0 100px }
.cnt_box .top_link_box .right_box i {position:absolute; top:78px;left:30px; width:67px; height:56px;}
.cnt_box .top_link_box .right_box ul li {position:relative;line-height:1;}
.cnt_box .top_link_box .right_box ul li a {padding:0 0 0 12px; background:url('/images/pro_center/main/list_li_icon.png') no-repeat left center; color:#fff; font-size:14px;}
.cnt_box .top_link_box .right_box ul li a:hover {text-decoration:underline}


.cnt_box .top_link_box > div   {height:206px; width:100%; position:relative;}
.cnt_box .top_link_1 .left_box {background:#254f9a;}
.cnt_box .top_link_1 .right_box {background:url('/images/pro_center/main/content_bg1.jpg') no-repeat left top}
.cnt_box .top_link_1 .right_box i  { background:url('/images/pro_center/main/content_icon1.png') no-repeat center center;}
.cnt_box .top_link_1 .right_box ul {margin:50px 0 0 0}

.cnt_box .top_link_2 .left_box {background:url('/images/pro_center/main/content_bg2.jpg') no-repeat right top; background-size:cover}
.cnt_box .top_link_2 .right_box {background:url('/images/pro_center/main/content_bg2_2.jpg') no-repeat left center #008fd9;}
.cnt_box .top_link_2 .right_box i  { background:url('/images/pro_center/main/content_icon2.png') no-repeat center center;}
.cnt_box .top_link_2 .right_box ul {margin:10px 0 0 0}


.notice_box {position:relative;width:414px;height:412px;background:#fff;padding:35px 46px 0 42px;box-sizing:border-box; float:left}
.notice_box h2 {position:relative; float:left; margin:0 15px 0 0}
.notice_box h2 a{display:inline-block;color:#333;font-size:20px; font-family: 'nsr'; font-weight:normal; padding:0 15px 8px 0;}
.notice_box h2:after{position:absolute; top:42px; left:0px; display:inline-block;content:'';width:0;height:3px;text-align:center;background-color:#000;transition:all 400ms ease-in-out;}
.notice_box .ov h2:after{left:0;width:100%;}
.notice_box > ul {background:url('/images/pro_center/main/board_line.gif') repeat-x left 43px; height:100%}
.notice_box .list{display:none;width:100%;position:absolute;left:0;top:97px; padding:0 45px 0 43px;}
.notice_box .list li {padding:0 0 8px; box-sizing:border-box; min-height:70px}
.notice_box .list li a {position:relative;width:100%; display:inline-block;  }


.notice_box .list li a .date {float:left; border:2px solid #e4e4e4; position:absolute; top:0px; left:0px; width:62px; height:62px; padding:2px 0 0 0;  box-sizing:border-box; font-size:14px;color:#666; font-family: 'ntk'; text-align:center; }
.notice_box .list li a .date em {width:100%; font-size:30px; display:inline-block; line-height:1em; color:#3d3d3d;}
.notice_box .list li a .text {float:left; font-size:15px; color:#737373; letter-spacing:-0.05em; word-break:keep-all; padding:5px 0 0 80px; height:50px; overflow:hidden; width:100%; box-sizing:border-box;}
.notice_box .list li:first-child a .text {padding:5px 20px 0 80px; background:url('/images/pro_center/main/board_icon.gif') no-repeat right bottom; }
.notice_box li .more {display:none;position:absolute; top:39px; right:45px;}
.notice_box li.ov .more {display:block;}
.notice_box .more a {width:18px; height:18px; display:inline-block;font-size:0;background:url('/images/pro_center/main/more_icon.gif') no-repeat 0 0;vertical-align:top;}
.notice_box .ov .list{display:block;}


/* 2021 4 5 psc 
.right_link_box {float:left; width:205px}
.right_link_box > div {position:relative;height: 206px;width:205px;}

메뉴 3개를 위하여 height값 조정 206px -> 137px
*/

.right_link_box {float:left; width:205px}

.right_link_box > div {position:relative;height: 137px;width:205px;}
.right_link_box > div a {display:inline-block; width:100%; height:100%; padding:35px 24px; box-sizing:border-box; font-size:18	px;line-height: 1.2em;font-family: 'nsr';font-weight: bold;}
.right_link_box div.link_box1 {background: url('/images/pro_center/main/content_bg3.jpg') no-repeat 0px 0px;}
.right_link_box div.link_box1 a {color:#3a3a3a;}
.right_link_box div.link_box2 {background: url('/images/pro_center/main/content_icon3.png') no-repeat 121px 72px #333e60;}
.right_link_box div.link_box2 a {color:#fff;}
.right_link_box div.link_box3 {background: url(/images/pro_center/main/content_icon4.png) no-repeat 131px 70px #254f9a;}
.right_link_box div.link_box3 a {color: #ffffff;}


.right_link_box div::before {content: ''; display: block; position: absolute; top:73px; left:40px;  width:11px; height:1px;}
.right_link_box div.link_box1::before {background-color: #3a3a3a;}
.right_link_box div.link_box2::before {background-color: #fff;}
.right_link_box div.link_box3::before {background-color: #fff;}

.right_link_box div .line{position:absolute;background-color:#119fe9;opacity:1;z-index:13;}
.right_link_box div .tline{top:0%;left:0%;width:0;height:10px;}
.right_link_box div .rline{top:0%;right:0%;width:10px;height:0;}
.right_link_box div .bline{bottom:0%;right:0%;width:0;height:10px;}
.right_link_box div .lline{bottom:0%;left:0%;width:10px;height:0;}



.cnt_bot_box {margin:46px 0 86px; display:inline-block; width:100%; height:191px; background:#fff; box-sizing:border-box; border:1px solid #dddddd;}
.cnt_bot_box li { width:25%; float:left; height:191px; border-left:1px solid #dddddd; transition:all 400ms ease-in-out;}
.cnt_bot_box li a {position:relative; width:100%; height:100%; display:inline-block; padding:30px 40px; box-sizing:border-box;}
.cnt_bot_box li a:hover {background:#978774;}
.cnt_bot_box li .tit {width:100%; display:inline-block; font-size:19px; font-family: 'nsr';font-weight:600; color:#1b1b1b;line-height:1.3;}
.cnt_bot_box li .text {word-break:keep-all; width:100%; display:inline-block; line-height:1.2em; color:#6c6c6c; margin:8px 0 0 0}
.cnt_bot_box li .more {width:100%; display:inline-block;  font-family: 'nsr'; font-size:12px; margin:20px 0 0 0}
.cnt_bot_box li:hover .tit, .cnt_bot_box li:hover .text, .cnt_bot_box li:hover a {color:#fff; transition:all 400ms ease-in-out;}
.cnt_bot_box li i {position:absolute; top:104px; left:215px;  height:53px; width:52px; display:inline-block; transition:all 400ms ease-in-out;}
.cnt_bot_box li.li_1 i {background:url('/images/pro_center/main/bot_icon1_off.png') no-repeat left top; }
.cnt_bot_box li.li_2 i {background:url('/images/pro_center/main/bot_icon2_off.png') no-repeat left top; }
.cnt_bot_box li.li_3 i {background:url('/images/pro_center/main/bot_icon3_off.png') no-repeat left top; }
.cnt_bot_box li.li_4 i {background:url('/images/pro_center/main/bot_icon4_off.png') no-repeat left top; }
.cnt_bot_box li.li_1:hover i {background:url('/images/pro_center/main/bot_icon1_on.png') no-repeat left top; }
.cnt_bot_box li.li_2:hover i {background:url('/images/pro_center/main/bot_icon2_on.png') no-repeat left top; }
.cnt_bot_box li.li_3:hover i {background:url('/images/pro_center/main/bot_icon3_on.png') no-repeat left top; }
.cnt_bot_box li.li_4:hover i {background:url('/images/pro_center/main/bot_icon4_on.png') no-repeat left top; }
.cnt_bot_box li:first-child {border:none}



@media(max-width:1240px){
	.cnt_box {width:100%;}

	.cnt_box .top_link_box {padding:0;}
	.cnt_box .top_link_box h2{position:static;width:100%;margin:0;padding:15px 0;text-align:center;border:0;font-size:20px;}
	.cnt_box .top_link_box .right_box {padding:0 0 0 25%}
	.cnt_box .top_link_box .right_box i {left: 10%;  }
	.cnt_box .top_link_box {width:100%; float:left;}
	.cnt_box .top_link_box .top_link_1, .cnt_box .top_link_box .top_link_2 {width:50%;float:left;}

	.cnt_box .notice_box {width:65%}
	.cnt_box .right_link_box {width:35%;}
	.cnt_box .right_link_box > div {width:50%; height:260px; float:left;}
	.cnt_box .notice_box .list li {width:48%; margin:0 2% 0 0; float:left;}
	.cnt_box .notice_box {height:260px}

	.right_link_box div.link_box1 {background: url(/images/pro_center/main/content_bg3.jpg) no-repeat right bottom #dfdfdf;}
	
	.cnt_box .right_link_box div.link_box2 {background:url('/images/pro_center/main/content_icon3.png') no-repeat 92px 160px #333e60;  }
	.cnt_bot_box li i  {left:70%;}
	.cnt_bot_box li .tit {font-size:17px;word-break:keep-all;}
	.cnt_bot_box li .text{font-size:14px}

}



@media(max-width:1000px){
	.cnt_box .top_link_box .left_box {padding:40px 0 0 30px}
	.cnt_box .top_link_box .left_box::before {left:30px;}
	.cnt_box .right_link_box div.link_box2 {background-position:62px 160px;}
	.cnt_bot_box li a {padding:30px;}
}
@media(max-width:950px){
	.cnt_box .top_link_box .top_link_1, .cnt_box .top_link_box .top_link_2 {width:100%}
	.cnt_box .top_link_1 .right_box {background-size:100% auto;}
	.cnt_bot_box li {width:50%}
	.cnt_bot_box li.li_3 {border-left:none; border-top:1px solid #dddddd}
	.cnt_bot_box li.li_4 {border-top:1px solid #dddddd}
	.cnt_bot_box {height:auto; margin:35px 0 40px}
}

@media(max-width:1024px){
	.cnt_box .top_link_box h2{font-size:14px;}
	.cnt_box .top_link_box .left_box {padding:40px 0 0 40px}
	.cnt_box .top_link_box .left_box::before {left:40px}
	.cnt_box .top_link_box .right_box i {left:15%}
	.cnt_box .top_link_1 .right_box {background-size:cover;}
	.cnt_box .right_link_box > div {width:100%;height: 206px;}
	.right_link_box div.link_box1 {background: url(/images/pro_center/main/content_bg3.jpg) no-repeat right bottom #dfdfdf;}
	.cnt_box .right_link_box div.link_box2 {background: url(/images/pro_center/main/content_icon3.png) no-repeat 84% 54px #333e60;}
	.cnt_box .right_link_box div.link_box3 {background: url(/images/pro_center/main/content_icon4.png) no-repeat 88% 41px #254f9a;}
	.cnt_box .notice_box {height:412px;padding:35px 5%;}
	.cnt_box .notice_box .list li {width:100%; margin:0 0 7px 0}
	.notice_box h2 a{padding: 0 ;}
	.cnt_bot_box li .text {width:100%}

}


@media(max-width:600px){
	.cnt_bot_box li i {left:70%;}
	.notice_box .more{right:6%;}
	.cnt_bot_box li .tit {font-size:16px;}
}

@media(max-width:500px){
	.cnt_box .top_link_box .left_box {width:40%}
	.cnt_box .top_link_box .right_box {width:60%; padding:0 0 0 15%}
	.cnt_box .top_link_box .right_box i {display:none}
	.cnt_box .notice_box {width:100%; height:430px}
	.cnt_box .right_link_box {width:100%; }
	.cnt_box .right_link_box > div {height:119px}
	.cnt_box .right_link_box div.link_box2 {background: url(/images/pro_center/main/content_icon3.png) no-repeat 90% 40px #333e60;}
	.cnt_bot_box li {height:160px}
	.cnt_bot_box li a {padding:20px;font-size:17px;line-height:1.3}
	.cnt_bot_box li .tit {word-break:keep-all; width:110px;}
	.cnt_bot_box li i {top:90px; left:70%}
	.cnt_bot_box li .text {display:none}
	.cnt_bot_box li .more {display:none}

}
@media(max-width:380px){
	.cnt_box .top_link_box .left_box {width:100%; height:122px}
	.cnt_box .top_link_box .left_box br {display:none}
	.cnt_box .right_box {display:none}
	.cnt_box .top_link_box > div {height:122px}
	.cnt_box .top_link_box .top_link_2 .left_box  {background: url(/images/pro_center/main/content_bg2.jpg) no-repeat left top; background-size:100%}
	.cnt_box .top_link_box .left_box::before {top:75px}
	.cnt_bot_box li i {top:90px; left:50%}
}