@charset "utf-8";
@import url('KoPubDotum.css')

/*** Sub Common ***/
/** Sub Visu **/
body{min-width:1800px;}
.sub_wrap {position: relative; width: 100%; max-width:100%; margin: 0 auto; }
.s1 {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.sub_visu::before{position: absolute;content: '';width: 4px;height: 23px;background: #1a7384; z-index: 89;left: 10.4%;bottom: 0;}
.sub_visu {position: relative; height: 270px;overflow: hidden;  background:url(../../images/sub/sub_visu1.png) no-repeat center;}
.sub_visu1{background:url(../../images/sub/sub_visu1.png) no-repeat center;}
.sub_visu2{background:url(../../images/sub/sub_visu2.png) no-repeat center;}
.sub_visu3{background:url(../../images/sub/sub_visu3.png) no-repeat center;}
.sub_visu4{background:url(../../images/sub/sub_visu4.png) no-repeat center;}
.sub_visu5{background:url(../../images/sub/sub_visu5.png) no-repeat center;}

.sv_txt_box{margin-top: 4.1%; text-align: center; color: #fff;}
.sv_txt_box h3{font-size: 35px; line-height: 60px; font-weight: 600; text-shadow:2px 2px 1px rgba(0,0,0,0.2); margin-bottom: 16px;}
.process {display: block;}
.process span{display: inline-block; vertical-align: top; font-size: 15px; font-weight: 300; text-shadow:0px 0px 10px rgba(0,0,0,0.3); margin-right: 8px; }
.process span.arrow{margin-top: 7px;}

#breadcrumbs{width;100%;max-width: 1400px;width:100%;margin: 0 auto;height: 76px;line-height: 76px;}
#breadcrumbs > li {display:inline-block;font-size:15px;vertical-align:top; color: #606060;margin-right: 56px;position: relative;}
#breadcrumbs > li.home{}
#breadcrumbs > li:before {content:"";width:25px;height:25px;background:url(../../images/sub/lnv.png) no-repeat center center;position: absolute;top: 50%;margin-top: -12.5px;left: -42px;}
#breadcrumbs > li.home:before {display:none;}
.sub_cont {border-top: 1px solid #dbdbdb; box-sizing: border-box;}
.sb_bx{}



/*** S1_1 :±¸¼º¿ø***/
.af::after{display: block; content:''; clear: both;}
.s1{background: url(../../images/sub/s1_bg.png) no-repeat 100% 100%;padding-bottom: 99px;}
.s1_1{max-width: 1400px;width:100%;margin: 0 auto;padding-top: 125px;box-sizing: border-box;}
.s1_1 p.aboutus{text-align: center;font-weight: 700;color: #3e71af;font-size: 21px;letter-spacing: 0;width: 100%; display: block;}
.s1_1 h3{font-weight: 400;color: #202020;font-size: 45px;letter-spacing: 0;text-align: center;line-height: 55px;margin-top: 11px;}
.s1_1 h3 span{color: #3e71af;font-weight: 700;}
.s1_1 ul{margin-top: 67px;}
.s1_1 ul li{box-shadow: 0 0 15px rgba(0,0,0,0.02);padding-top: 23px;	box-sizing: border-box;width: 31.07%;margin-right: 3.39%;float: left;height: 584px;margin-bottom: 50px;text-align: center;background-color: #fff;border-radius: 0 28px 0 28px;}
.s1_1 ul li:nth-child(3n+3){margin-right: 0;}
.s1_1 ul li h4{font-weight: 500;font-size: 28px;line-height: 26px;color: #303030;margin-top: 30px;}
.s1_1 ul li p{font-size: 19px;line-height: 29px;color: #606060;margin-top: 23px;}
.last_bg{background: url(../../images/sub/s1_1_6.png) no-repeat;}
.last_bg h4{text-indent: -9999px;background: url(../../images/sub/s1_1_7.png) no-repeat center;height: 145px;margin-top: 172px !important;}
.last_bg p{font-size: 23px !important;line-height: 29px !important;color: #fff !important;}
/* »þ¶ó¶ô */
.s1_1 ul li:nth-child(1),
.s1_1 ul li:nth-child(2),
.s1_1 ul li:nth-child(3),
.s1_1 ul li:nth-child(4),
.s1_1 ul li:nth-child(5),
.s1_1 ul li:nth-child(6){opacity: 0;}
.s1_1 ul li:nth-child(1){
	animation-duration:1s;
	animation-name: opac;
	animation-direction: normal;
   animation-fill-mode: forwards;
   opacity: 0;
}
.s1_1 ul li:nth-child(2){
	animation-duration:1s;
	animation-name: opac;
	animation-direction: normal;
   animation-fill-mode: forwards;
   animation-delay:0.1s;
   opacity: 0;
}
.s1_1 ul li:nth-child(3){
	animation-duration:1s;
	animation-name: opac;
	animation-direction: normal;
   animation-fill-mode: forwards;
   animation-delay:0.2s;
   opacity: 0;
}
.li_4{
	animation-duration:1s;
	animation-name: opac;
	animation-direction: normal;
   animation-fill-mode: forwards;
   opacity: 0;
}

.li_5{
	animation-duration:1s;
	animation-name: opac;
	animation-direction: normal;
   animation-fill-mode: forwards;
   animation-delay:0.1s;
   opacity: 0;
}

.li_6{
	animation-duration:1s;
	animation-name: opac;
	animation-direction: normal;
   animation-fill-mode: forwards;
   animation-delay:0.2s;
   opacity: 0;
}
@keyframes opac{
	from{
		opacity: 0;
	}
	to{
		opacity: 1;
	}
}
			









/* s2 */
.s2{position: relative;background-color: #f6f6f6;}
.s2:before{position: absolute;content: '';width: 1px;height: 100%;background: #dbdbdb;top:8.5%; left:50%;}
.s2_1{height: 3229px;max-width: 1400px;width:100%;margin: 0 auto;padding-top: 125px;box-sizing: border-box;}
.s2_1 p.aboutus{text-align: center;font-weight: 700;color: #3e71af;font-size: 21px;letter-spacing: 0;width: 100%; display: block;}
.s2_1 h3{margin-bottom: 46px;font-weight: 400;color: #202020;font-size: 45px;letter-spacing: 0;text-align: center;line-height: 55px;margin-top: 11px;}
.s2_1 h3 span{color: #3e71af;font-weight: 700;}
.s2_1_1{width: 50%;}
.s2_1_1 h4{position: relative;margin-bottom: 25px;font-size: 28px;line-height: 26px;font-weight: 500;color: #303030;}
.s2_1_1 ul li{margin-bottom: 17px;clear:both;position: relative;}
.s2_1_1 ul li p{font-size: 16px;line-height: 26px;color: #606060;}
.s2_1_1 ul li figure{margin-bottom: 23px;margin-top: 10px;background-color: #fff;border: 1px solid #ddd;padding: 2px;}
.s2_1_right{padding-left: 50px;	 box-sizing: border-box;float: right;}
.s2_1_right ul li h5{font-weight: 500;font-size: 16px;color: #dc465f;float: left;margin-right: 19px;position: absolute;left: 0;}
.s2_1_right ul li p{font-weight: 400;padding-left: 52px;}
.s2_1_right ul li figure{float: left;margin-left: 52px;}
.s2_1_left{margin-top: 413px;float: left;padding-right: 50px;box-sizing: border-box;}
.s2_1_left h4{text-align: right;}
.s2_1_left ul{}
.s2_1_left ul li{}
.s2_1_left ul li h5{float: right;font-weight: 500;font-size: 16px;color: #3eaf95;position: absolute;right: 0;}
.s2_1_left ul li p{text-align: right;padding-right: 52px;}
.s2_1_left ul li figure{float: right;margin-right: 52px;}
.two_figure{margin-left: 0 !important;}
.s2_1_right2{margin-top: 360px;}
.s2_1_1 h4:before{position: absolute;content: '';width: 35px;height: 42px;background: url(../../images/sub/s2_h4_1.png) no-repeat;top:0; left:-69px;box-sizing: border-box;}
.s2_1_left h4:before{position: absolute;content: '';width: 35px;height: 42px;background: url(../../images/sub/s2_h4_2.png) no-repeat;top:0; left:105%;box-sizing: border-box;}
.mb_0{margin-bottom: 0 !important;}
.mt_0{margin-top: 0 !important;}

/* »þ¶ó¶ô */
/* .s2_1_right1 ul,
.s2_1_left ul,
.s2_1_right2 ul{opacity: 0;}
.s2_1_right1 ul{
	animation-duration:1.5s;
	animation-name: mt1;
	animation-direction: normal;
   animation-fill-mode: forwards;
   opacity: 0;
}
.right_2{
	animation-duration:1s;
	animation-name: mt2;
	animation-direction: normal;
   animation-fill-mode: forwards;
   opacity: 0;
}
.right_4{
	animation-duration:1.5s;
	animation-name: mt3;
	animation-direction: normal;
   animation-fill-mode: forwards;
   opacity: 0;
}
@keyframes mt1{
	0% { 
		opacity: 0;
		position: relative;
		right: -800px;
	}
	50% {
		opacity: 0;
		position: relative;

	}
	100% {
		opacity: 1;
		right:80px;
	}
}
@keyframes mt2{
	0% { 
		opacity: 0;
		position: relative;
		left: -800px;
	}
	50% {
		opacity: 0;
		position: relative;

	}
	100% {
		opacity: 1;
		left:80px;
	}
}
@keyframes mt3{
	0% { 
		opacity: 0;
		position: relative;
		right: -800px;
	}
	50% {
		opacity: 0;
		position: relative;

	}
	100% {
		opacity: 1;
		right:80px;
	}
}
 */











/* s3_1 */
.s3_1{background: url(../../images/sub/s3_1_bg.png) no-repeat;background-size: 100% 100%;height: auto; padding-bottom:150px;}
.s3_1_1{max-width: 1400px;width:100%;margin: 0 auto;/* background-color: #fff;height: 790px; */position: relative;top: 130px;/* border-radius: 0 27px 0 27px; */height: auto;	}
.s203{}
.s301_owl{/* width: 78.78%;margin: 0 auto;max-width: 1400px;	width: 100%;	 padding: 0 10.5%;box-sizing: border-box;margin: 0 auto;background-color: #fff;	border-radius: 0 27px 0 27px;padding-top: 48px; */}
.s301_1{/* border-radius: 0 27px 0 27px;background-color: #fff; width: 100%;max-width: 1400px; */}
.s301_1 figure{float: left;text-align: center;width: 65.9%; padding:0 0 30px;}
.s301_1 .inner_right{float: right;width: 34.1%;padding-top: 208px;text-align: left;}
.s301_1 .inner_right p{font-weight: 700;font-size: 21px;color: #3eaf95;letter-spacing: 0;margin-bottom: 14px;}
.s301_1 .inner_right h3{font-size: 50px;font-weight: 500;line-height: 1;color: #303030;}
.s3_1inner{padding-top: 11px;clear: both;}
.s301_1 .s3_1inner ul{margin-bottom: 25px;}
.s301_1 .s3_1inner ul li{font-size: 16px;line-height: 26px;color: #606060;position: relative;padding-left: 7px;}
.s301_1 .s3_1inner ul li span{position: absolute;left: 0;}
.s301_owl .owl-item img{width:auto; display:inline-block;}
.s301_owl .owl-nav{width:100%;}
.s301_owl .owl-nav button.owl-next{top:42%;right: -2.8%;width:87px; height:87px;background: url(../../images/sub/s3_next.png) no-repeat;}
.s301_owl .owl-nav button.owl-prev{top:42%;left:-3.5%;width:87px; height:87px;background: url(../../images/sub/s3_prev.png) no-repeat;}
.s301_owl .owl-nav button.owl-prev:before{transition:.3s;opacity: 0;position: absolute;content: '';width: 100%;height: 100%;background: url(../../images/sub/s3_prev_over.png) no-repeat; top:0; left:0;}
.s301_owl .owl-nav button.owl-prev:hover:before{opacity: 1;}
.s301_owl .owl-nav button.owl-next:before{transition:.3s;opacity: 0;position: absolute;content: '';width: 100%;height: 100%;background: url(../../images/sub/s3_next_over.png) no-repeat; top:0; left:0;}
.s301_owl .owl-nav button.owl-next:hover:before{opacity: 1;}

.s3_1inner .book{}
.s3_1inner .book h4{font-size: 25px;letter-spacing: 0;line-height: 26px;color: #3eaf95;font-weight: 500;margin-top: 44px;	 margin-bottom: 30px;}
.s3_1inner .book ul{overflow: hidden;}
.s3_1inner .book ul li{width: 32%;float: left;border: 1px solid #dbdbdb;box-sizing: border-box;margin-right: 2%;padding: 0;position: relative; margin-bottom: 20px;}
.s3_1inner .book ul li:nth-child(3n+3){margin-right: 0;}
.s3_1inner .book ul li figure{width: auto;padding: 2px;border-right: 1px solid #dbdbdb;width: 42.49%;padding-bottom: 2px;}
.s3_1inner .book ul li div{float: right;width: 56%;padding-top: 52px;box-sizing: border-box;padding: 52px 20px;}
.s3_1inner .book ul li h5{color: #606060;font-size: 16px;line-height: 26px;font-weight: 400;}
.s3_1inner .book ul li p{font-size: 14px;line-height: 26px;color: #3faf95;position: absolute;top: 66%;}
.s3_1inner .book2 ul li figure{width:41.49%}

/* .s301_1{  height: 1000px;}
.s301_3{} 
.s301_6{margin-bottom: -330px !important;}		  */
.s301_1{box-sizing: border-box;border-radius: 0 27px 0 27px;background-color: #fff; width: 100%;max-width: 1400px;padding: 0 10.5%;padding-bottom: 50px;}
.s301_11{}
.s301_2{}
.s301_4{}
.s301_5{}
.s301_8{}

.s301_3{padding-bottom: 372px;}
.s301_6{padding-bottom: 200px;}
.s301_7{padding-bottom: 348px;}

















/*** BOARD ***/
.bd_sec {/*padding-top: 100px; width:1400px; */ margin:0 auto;}
#bo_v_img {margin:10px 0;text-align:center;}
#bo_v_img > a {/* display:inline-block; */vertical-align:top;}
#bo_v_img img {width:auto !important;}
#daumRoughmapContainer1521178978886{width: 100% !important;}
.qna_toph3{margin-top: 70px;}
.center_1,
.respon_l{max-width: 1400px; margin:0 auto; padding-top: 100px; }
#bo_sch{max-width:1400px; margin:0 auto; margin-top: 100px;}



/*¸¶ÀÌÆäÀÌÁö*/

.my_table{border-top: 1px solid #0e2952;}
.my_table tr th { display:table-cell; font-size:16px; color:#0e2952; font-weight:400; text-align:center; vertical-align:middle; background:#f9f9f9;  box-sizing:border-box; overflow:hidden; line-height: 63px; }
.my_table tr th:first-child { border-left:0; }
.my_table tr td { font-weight: 400; display:table-cell; -ms-word-break: keep-all; word-break: keep-all; padding:5px 10px; color:#333; text-align:center !important; vertical-align:middle; background:#fff; border:1px solid #ddd; border-right:0; font-size: 16px; line-height: 24px;	}
.my_table tr td:first-child{border-left: 0;}


.no_rpeow{ clear: both;}
.no_rpeow p{clear: both; float: none;}

.no_rpeow .regi_tit{margin-bottom: 0 !important; margin-top: 30px;}
.cl_bbb{clear: both; height: auto; margin-top: 30px; }
.mt30{margin-top: 20px;}

.ta_p{padding: 10px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; font-size: 14px; color: #666; height: 95px !important;}