@charset "utf-8";
@font-face { font-family: 'GyeonggiTitleM'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/GyeonggiTitleM.woff') format('woff'); font-weight: normal; font-style: normal; }
/*** Sub Common ***/
/* Sub Visual Sec */
.sub_wrap{}
.sv_sec {animation-duration:2s;  animation-name: fade; position: relative;display: table; width: 100%; background:url(../../images/sub/sub_visual_01.jpg) no-repeat center top; height: 455px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; overflow: hidden; transition:1.2s;}
.sv02{background:url(../../images/sub/sub_visual_02.jpg) no-repeat center top; }
.sv03{background:url(../../images/sub/sub_visual_03.jpg) no-repeat center top; }
.sv04{background:url(../../images/sub/sub_visual_04.jpg) no-repeat center top; }
.sv05{background:url(../../images/sub/sub_visual_05.jpg) no-repeat center top; }
.sv06{background:url(../../images/sub/sub_visual_06.jpg) no-repeat center top; }

.tit_box{display: table; max-width:1300px; margin: 0 auto; width: 100%; height: 100%;}
.sv_sec .sv_tit_sec {position:relative;width:100%;max-width:1280px;margin:0 auto; box-sizing:border-box; text-align: left; display: table-cell; vertical-align: middle;}
.sv_sec .sv_tit_sec .sv_title {margin-top: 106px; font-size: 55px; line-height: 45PX; color: #fff; font-weight: 700; position: relative; animation-duration:1.7s;  animation-name: ttop; letter-spacing: -0.03em; margin-bottom: 35px; text-align: center; text-shadow: 3px 3px 2px rgba(0,0,0,0.44);}
.sv_sec .sv_tit_sec .sv_stit{font-family:'Montserrat', sans-serif;  font-size: 18px; line-height: 19px; color: #fff; font-weight: 700;	 animation-duration:2s;  animation-name: ttop2; text-align: center;} 

@keyframes ttop {0% {opacity: 0; top:50px;}100% {opacity: 1; top:0px}}
@keyframes ttop2 {0% {opacity: 0; }100% {opacity: 1; }}
@keyframes jdiw {0% {transition:scale(0);}100% {transition:scale(1);}}
@keyframes jdiw2 {0% {transition:scale(0);}100% {transition:scale(1)}}
.sub_layout {width:100%;box-sizing:border-box;  position: relative; }
.sub_cont {margin:70px auto 150px;}
.lnb{background: #3464a9; margin-bottom:130px;}
.lnb_con {}
.lnb_con > ul {overflow: hidden;}
.lnb_con > ul li{display: table;  table-layout:fixed; box-sizing: border-box;float: left; text-align: center;  position: relative; height: 70px; vertical-align: middle;	 transition:.3s; border-left:1px solid rgba(255,255,255,0.2);}
.lnb_con > ul li:first-child {border-left:0;}
.lnb_con > ul li a{display: table-cell; width: 100%; height: 100%; vertical-align: middle; font-size: 18px; color: #fff; transition:.3s; line-height: 1.2; }
.lnb_con > ul li:hover,
.lnb_con > ul li.current{background: #fff; }
.lnb_con > ul li:hover a,
.lnb_con > ul li.current a{color: #3464a9;}

.lnb1 .lnb_con > ul li{width: 20%;}
.lnb3 .lnb_con > ul li{width: 14.28%;}
.lnb2 .lnb_con > ul li,
.lnb4 .lnb_con > ul li,
.lnb5 .lnb_con > ul li{width: 100%;}
.lnb6 .lnb_con > ul li{width: 50%;}

/*  .lnb_con > ul#subm3 li {float: left; width: 14.28%;} */
/*** Content ***/
.sub_cont > section > article {position:relative;box-sizing:border-box;}
.s_tni{font-size: 30px; line-height: 30px; color: #303030; font-weight: 400; margin-bottom: 30px; letter-spacing: -0.03em; position: relative; } 

.tab1{position: relative; border-bottom: 1px solid #ddd;}
.tab1 ul {display: table; table-layout: fixed; width: 100%; text-align: center; max-width:915px}
.tab1 ul li{position: relative; display: table-cell; font-size: 19px; line-height: 19px; color: #505050; cursor: pointer; font-weight: 500; transition:.3s; }
.tab1 ul li span{display: inline-block; position: relative; padding-bottom: 30PX;}
.tab1 ul li span:before{position: absolute; content:'' ;height: 3px; background: #3d427a;  bottom:0; width: 0; left: 50%; transition:.3s;}
.tab1 ul li:hover,
.tab1 ul li.on{color: #3d427a;}
.tab1 ul li:hover span:before,
.tab1 ul li.on span:before{width: 125%; left: -12.5%;}

.mtab1{position: relative; border-bottom: 1px solid #ddd; }
.mtab1 ul {display: table; table-layout: fixed; width: 100%; text-align: center; max-width:915px}
.mtab1 ul li{position: relative; display: table-cell; font-size: 19px; line-height: 19px; color: #505050; cursor: pointer; font-weight: 500; transition:.3s; }
.mtab1 ul li span{display: inline-block; position: relative; padding-bottom: 30PX;}
.mtab1 ul li span:before{position: absolute; content:'' ;height: 3px; background: #3d427a;  bottom:0; width: 0; left: 50%; transition:.3s;}
.mtab1 ul li:hover,
.mtab1 ul li.on{color: #3d427a;}
.mtab1 ul li:hover span:before,
.mtab1 ul li.on span:before{width: 125%; left: -12.5%;}

/* s1_1 */
.s01 article {max-width:1280px; margin:0 auto;}
.sub_title {font-size:50px; color: #333; text-align: center; line-height: 1.2; margin-bottom: 94px;  letter-spacing: -0.03em;}
h1.title_icon2 {font-size:42px; margin-bottom: 24px;}
.title_icon2:before {top:-29px;}
.sub_title_p {font-size:18px; color: #666; font-weight: 400; text-align: center; margin-bottom: 65px;}
.s0101 {margin-bottom: 150px;}
.s0101 .arti02:after {content: ''; display: block; clear: both;}
.s0101 .arti02 .left_box {width:48.5%; height: 602px; background:url(../../images/sub/s1_1_bg.png) no-repeat center; float: left; position: relative; }
.s0101 .arti02 .left_box:before {content: ''; display: block; position: absolute; width:65.8%; height:453px; left: -20px; bottom: -20px; background:url(../../images/sub/s1_1_bg_line.jpg) no-repeat center; z-index: -1;}
.s0101 .arti02 .right_box {width: 47%; float: right; margin-top: -4px;} 
.s0101 .arti02 .title_box h3 {font-size:18px; color: #3464a9; font-weight: 700; letter-spacing: -0.03em; font-family:'Montserrat', sans-serif; }
.s0101 .arti02 .title_box h4 {font-size:36px; color: #333; font-weight: 400; letter-spacing: -0.03em; line-height: 46px;}
.s0101 .arti02 .title_box h4 span {font-weight: 700; }
.s0101 .arti02 .right_box ul {margin-top: 30px; margin-left: 3px; margin-bottom: 27px;}
.s0101 .arti02 .right_box ul:after {content: ''; display: block; clear: both;}
.s0101 .arti02 .right_box ul li {float: left; text-align: center; width: 20%; margin-right: 11.33%; position: relative;	}
.s0101 .arti02 .right_box ul li:before {content: ''; display: block; position: absolute; right:-39px; top: 35%; width: 9px; height: 9px; background-color: #3464a9; border-radius:50%; }
.s0101 .arti02 .right_box ul li:last-child {margin-right: 0;}
.s0101 .arti02 .right_box ul li:last-child:before {display: none;} 
.s0101 .arti02 .right_box ul li p {font-size:18px; color: #333; font-weight: 500; letter-spacing: -0.03em; margin-top: 15px;}
.s0101 .arti02 .text_box p {font-size:16px; color: #666; font-weight: 400; line-height: 30px; margin-bottom: 30px;}
.s0101 .arti02 .text_box p:nth-child(3) {margin-bottom: 0;} 

/*s1_2*/
.s0102 {}
.sub_visual2 {width: 100%; height: 350px; background:url(../../images/sub/s1_02_sub_visu2.jpg) no-repeat center;  }
.s0102 .arti02 ul {overflow: hidden; margin-top: 40px; margin-bottom: 100px;}
.s0102 .arti02 ul li {width:24%; height: 307px; float: left; background-color: #f3f3f3; text-align: center; margin-right: 1.32%; margin-top: 20px; box-sizing:border-box; padding-top:60px;}
.s0102 .arti02 ul li:first-child {background-color: #011d53;}
.s0102 .arti02 ul li:first-child .tc h3 {color: #fff;}
.s0102 .arti02 ul li:first-child .tc p {color: #fff;}
.s0102 .arti02 ul li:nth-child(5) p {letter-spacing: -0.05em; line-height: 28px ;font-size:15px;}
.s0102 .arti02 ul li:nth-child(4n+0) {margin-right: 0;}
.s0102 .arti02 ul li .tc {  color: #666; font-size:16px;}
.s0102 .arti02 ul li .tc h3 {color: #011d53; font-size:20px; margin-top: 17px;}
.s0102 .arti02 ul li .tc p {margin-top: 11px;}

.s0102 .arti03 {position: relative;}
.s0102 .arti03:before {content: ''; display: block; position: absolute; left: 0; bottom: -147px; width: 100%; height:597px; background:url(../../images/sub/s1_2_arti03_bg.jpg) no-repeat center; z-index: -1;}
.s0102 .arti03 .top_box {}
.s0102 .arti03 .top_box .logo_box {width:16.25% ; height: 207px; background:url(../../images/sub/s1_2_arti03_logo_back.png) no-repeat center; margin:0 auto; position: relative;}
.s0102 .arti03 .top_box .logo_box:before {content: ''; display: block; position: absolute; left: 50%; bottom: -54px; transform:translate(-50%,0%); width: 1px; height:54px ; background-color: #ddd;}
.s0102 .arti03 .top_box .logo_box h3 {text-align: center; color: #fff; font-size:24px; font-weight: 700; padding-top:120px; position: relative;} 
.s0102 .arti03 .top_box .logo_box h3:before {content: ''; display: block; position: absolute; left: 50%; top: 52px; width: 53px; height: 54px; background:url(../../images/sub/s1_2_arti03_logo.png) no-repeat center; transform:translate(-50%,0%);}
.s0102 .arti03 .bottom_box {margin-top: 94px ;margin-bottom: 150px; position: relative;}
.s0102 .arti03 .bottom_box:after {content: ''; display: block; clear: both;}
.s0102 .arti03 .bottom_box:before {content: ''; display: block; position: absolute; left: 50%; top: -40px; transform:translate(-50%,0%);  width: 75.07%; height: 1px; background-color: #ddd;}
.s0102 .arti03 .bottom_box ul {float: left; width: 17.18%; margin-right: 7.96%; position: relative;}
.s0102 .arti03 .bottom_box ul:before {content: ''; display: block; position: absolute; left: 50%; top: -40px; transform:translate(-50%,0%);  width: 1px; height: 130px; background-color: #ddd; z-index: -1;}
.s0102 .arti03 .bottom_box ul:after {content: ''; display: block; position: absolute; left: 50%; top: -5px; transform:translate(-50%,0%);  width: 11px; height: 10px; background:url(../../images/sub/s1_2_arti03_dot.png) no-repeat center;}
.s0102 .arti03 .bottom_box ul:nth-child(3) {margin-right: 7.5%;}
.s0102 .arti03 .bottom_box ul:nth-child(3):before,
.s0102 .arti03 .bottom_box ul:nth-child(4):before {height: 200px;}
.s0102 .arti03 .bottom_box ul:first-child {margin-left: 3.9%;}
.s0102 .arti03 .bottom_box ul:last-child {margin-right: 0;}
.s0102 .arti03 .bottom_box ul li {width: 100%; height: 64px; color: #666; box-sizing:border-box; border:2px solid #bdcbe0; background-color: #fff; text-align: center; line-height: 64px; margin-bottom: 10px; font-size:16px; color: #666;}
.s0102 .arti03 .bottom_box ul li.title {background-color: #3464a9; color: #fff; border:none; font-size:18px;}

/*s1_3*/
.s0103 {margin-bottom: 68px;}
.s0103 .arti02 {width: 100%; height: 350px; background:url(../../images/sub/s1_3_bg.jpg) no-repeat center; margin-bottom: 52px; display: table;}
.s0103 .arti02 h3 { font-family:'Montserrat', sans-serif; font-size:40px; font-weight: 700; display: table-cell; vertical-align: middle; text-align: center; color: #fff;}
.s0103 .arti03:after {content: ''; display: block; clear: both;} 
.s0103 .arti03 > div { float: left; width: 33.33%; position: relative;	}
.s0103 .arti03 > div h3 {font-size:28px; font-weight: 700; letter-spacing: -0.03em; color: #333; margin-bottom: 18px; padding-left: 4.8%;}
.s0103 .arti03 > div h3 span {font-size:31px;}
.s0103 .arti03 > div ul {position: relative; box-sizing:border-box; padding: 31px 4.8%;}
.s0103 .arti03 > div ul:before {content: ''; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 1px; background-color: #ddd; /* border:2px solid #3464a9; */}
.s0103 .arti03 > div ul:after {content: ''; display: block; position: absolute; left: 0; top: -5px; width: 10px; height: 10px; background-color: #fff;  border:2px solid #3464a9; box-sizing:border-box;}
.s0103 .arti03 > div ul li:after {content: ''; display: block; clear: both;}
.s0103 .arti03 > div ul li .year {font-size:18px; color: #333; font-weight: 700; float: left; margin-right: 6%;}
.s0103 .arti03 > div ul li .content {font-size:16px; color: #666; font-weight: 400; position: relative;  float: left; width: 83%; margin-bottom: 17px;}
.s0103 .arti03 > div ul li .content p {padding-left: 1.5%; position: relative;  line-height: 28px;}
.s0103 .arti03 > div ul li .content p:before {content: ''; display: block; position: absolute; left: 0; top: 15px; width: 2px; height: 2px; background-color: #666;}

/*s1_4*/



/*s1_5*/
/*¿À½Ã´Â±æ*/
	.s0105{position: relative; background: #fff; }
	.s0105 .arti03 {margin-top: 5vw;}
	.s105_map{margin-bottom: 57px;	}
	.root_daum_roughmap .wrap_controllers{display: none; }
	.root_daum_roughmap{width: 100% !important;}
	.root_daum_roughmap .wrap_map {height: 520px !important; box-sizing: border-box; padding: 3px;}
	.s105_txt{overflow: hidden;}
	.s105_txt .l_box{float: right;}
	.s105_txt .l_box li {float: left;}
	.s105_txt .l_box li:last-child{margin-left: -1px;}
	.s105_txt .l_box li a{position: relative; width: 61px; height: 61px; border: 1px solid #ddd; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; }
	.s105_txt .l_box li a:before{position: absolute; content:''; width: 61px; height: 61px; background: url(../../images/sub/print_1.png) center no-repeat; transition:.3s;}
	.s105_txt .l_box li:nth-child(2) a:before{ background: url(../../images/sub/print_2.png) center no-repeat;}
	.s105_txt .rbox {float: left; overflow: hidden;}
	.s105_txt .rbox h3{font-size: 25px; line-height: 25px; color: #333; font-weight: 500; float: left; padding-right: 52px;}
	.s105_txt .rbox p{font-size: 16px; line-height: 28px; color: #787878; float: left;}
	.s105_txt .rbox p span{position: relative;display: inline-block; margin-right: 24px; position: relative; vertical-align: middle;}
	.s105_txt .rbox p span:after{position: absolute; content:''; width: 1px; height: 12px; background: #dbdbdb; right: -14px; top: 9px; }
	.s105_txt .rbox p span:last-child:after{display: none;}
	.s105_txt .l_box li:hover a:before{transform:rotate(30deg)}
	.s0105 .cnt2 ul {overflow: hidden; text-align: center; margin-top: 55px;}
	.s0105 .cnt2 ul li img{width: auto;}
	.s0105 .cnt2 ul li {display: table; float: left; margin-right: 19px;}
	.s0105 .cnt2 ul li figure{width: 260px; height: 70px; display: table-cell; vertical-align: middle; text-align: center; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; border: 1px solid #dbdbdb;}
	.s0105 .cnt2 ul li p{font-size: 16px; line-height: 16px; font-weight: 350; padding: 15px 0;}