@charset "utf-8";


/*******************************************/
/* sub_visual */
/*******************************************/
.sub_visual {display:none;}


.subheader .sub_visual {display:block; width:100%; overflow:hidden; position:relative;  height:140px;}

.visual_acting {
	-webkit-transform: scale(2.05) rotate(0.01deg);-ms-transform: scale(2.05) rotate(0.01deg);transform: scale(2.05) rotate(0.01deg);
	-webkit-transition: all 0.5s;transition: all 0.5s;}


.sub_visual h2 {position:absolute; top:30px; width:100%; text-align:center; color:#fff; z-index:2; height:80px; font-size:26px; font-weight:500;
background:url('/kor/images/sub/h2.png') no-repeat top center; padding-top:25px;	font-family:"Noto Sans Korean" !important;}

.sub_visual div {position:absolute; top:85px; width:100%; text-align:center; color:#fff; z-index:2; opacity:0.7;}



.fade {display: block; opacity:0;
-webkit-transform: scale(1.01) rotate(0.01deg);-ms-transform: scale(1.01) rotate(0.01deg);transform: scale(1.01) rotate(0.01deg);
-webkit-transition: all 0.5s;transition: all 0.5s;}

.con_acting{ opacity:1;
	-webkit-transform: scale(1) rotate(0deg);-ms-transform: scale(1) rotate(0deg);transform: scale(1) rotate(0deg);}




/*******************************************/
/* sub0101 */
/*******************************************/
.sub0101 {width:100%; overflow:hidden; background:#f2f2f2; padding-top:40px; margin-bottom:40px;}
	.sub0101 dl {width:100%; overflow:hidden; background:#fff;}
		.sub0101 dl dt {width:100%; overflow:hidden; text-align:right; line-height:45px; padding-top:110px; padding-bottom:80px;  padding-right:100px; box-sizing:border-box; 
		background:url('/kor/images/sub/sub0101.jpg') no-repeat top left; font-size:32px; color:#003399; height:360px;}
		.sub0101 dl dt strong {color:#003399; font-weight:600;}

		.sub0101 dl  dd {text-align:center; padding:30px 0px;}
		.sub0101 dl  dd p{padding:15px 0px;}
		.sub0101 dl  dd p:first-child strong{ color:#000;}
		.sub0101 dl  dd p:nth-child(3) strong{ color:#006699;}
		.sub0101 dl dd:last-child{ color:#000 !important; font-weight:500;}
		.sub0101 dl dd:last-child span{ font-style:italic;}






/*******************************************/
/* sub0102 */
/*******************************************/
.sub0102 {width:100%; overflow:hidden; background:url('/kor/images/sub/sub0102.jpg') no-repeat top center; padding-top:40px;}
.sub0102 .width_area {position:relative; overflow:hidden; padding-bottom:40px; height:840px}




.history_line {position:absolute; top:180px; left:550px;}
	.history_line div {border-left: 1px dotted #ddd; height:510px;}
	.history_line  p {position:absolute; left:-11px; height:13px; width:13px; border-radius:50%; border:6px solid #54a5cd; text-indent:-999px;}
	.history_line  p.circle01 {top:-20px }
	.history_line  p.circle02 {top:100px }
	.history_line  p.circle03 {top:220px }
	.history_line  p.circle04 {top:360px }
	.history_line  p.circle05 {bottom:-15px }

.sub0102 dl {position:absolute;}
.sub0102 dl dt{font-size:19px; color:#fff; font-weight:500;}
.sub0102 dl dd{font-size:13px; color:#fff; padding-bottom:10px;}

.sub0102 dl.history01 { top:90px; left:510px; }
.sub0102 dl.history01 dt, .sub0102 dl.history01 dd {text-align:center;}

.sub0102 dl.history02 { top:280px; left:560px; padding-left:220px; }
.sub0102 dl.history02  dd.line {left:0px;}

.sub0102 dl.history03 { top:402px; left:129px; padding-right:220px;}
.sub0102 dl.history03  dd.line {right:0px;}
.sub0102 dl.history03  dd, .sub0102 dl.history03  dt {text-align:right;}

.sub0102 dl.history04 { top:540px; left:560px; padding-left:220px; }
.sub0102 dl.history04  dd.line {left:0px;}

.sub0102 dl.history05 { top:682px; left:129px; padding-right:220px;}
.sub0102 dl.history05  dd.line {right:0px;}
.sub0102 dl.history05  dd, .sub0102 dl.history05  dt {text-align:right;}



.sub0102 dl dd.line {position:absolute; border-bottom: 1px dotted #ddd; width:200px;  top:0px; }
			


/*******************************************/
/* sub0103 */
/*******************************************/
.sub0103 ul:first-child {background:#f6f6f6; border:1px solid #ddd; width:100%; box-sizing:border-box; margin-bottom:20px; padding:20px 15px; overflow:hidden;}
.sub0103 ul:first-child  li {float:left; width:25%; height:30px; overflow:hidden; }



.sub0103  dl {padding:30px 0px; width:100%; overflow:hidden; border-top:1px dotted #888;}
.sub0103 dl:first-child {border-top:none;}
.sub0103 dt { width:100%; text-align:center;   padding-top:30px;  
overflow:hidden; }
.sub0103 dt  img{ width:70%;border:1px solid #ccc; padding:10px; }

.sub0103 dd.tit {font-size:20px; font-weight:500; width:20%; float:left; overflow:hidden; color:#2071bb; padding-left:30px; border-right:1px solid #ddd;}
.sub0103 dd.desc {width:75%; overflow:hidden; float:right;}

.sub0103 ul:last-child {width:100%; overflow:hidden; padding-top:20px;}
.sub0103 ul:last-child  li {float:left; width:33.3%; height:464px; overflow:hidden;  text-align:center;}
.sub0103 ul:last-child  li img{width:90%; border:1px solid#ddd; height:424px; }
.sub0103 ul:last-child  li p {height:40px; line-height:40px; font-weight:500;}



/*******************************************/
/* sub0104 */
/*******************************************/

#map_canvas2{width:100%; height:500px; }
.sub0104  dl {padding:30px 0px; width:100%; overflow:hidden; border-top:1px dotted #888;}
.sub0104  dl:first-child {border-top:none;}
.sub0104 dt {font-size:20px; font-weight:500; width:10%; float:left; overflow:hidden; color:#2071bb; padding-left:30px; border-right:1px solid #ddd;}
.sub0104 dd {width:80%; overflow:hidden; float:right;}
.sub0104 dd i {margin:0px 6px 0px 31px;}
.sub0104 dd i:first-child{margin-left:0px;}


			

/*******************************************/
/* sub0201 */
/*******************************************/

.sub0201{width:100%; overflow:hidden; background:#f2f2f2; padding-top:40px}



.sub0201 figure {overflow:hidden; background:#fff; 	display: block; height:460px; float:left; border:1px solid #ddd;
	cursor: pointer; overflow: hidden; box-sizing:border-box; overflow:hidden;
width:32%; margin:10px 7px; text-align:center; padding:0px 20px; position: relative;}
.sub0201 p.mark {margin-left:auto; margin-right:auto; margin-top:40px;  margin-bottom:20px;
color:#6fa8de; border-top:1px solid #6fa8de; border-bottom:1px solid #6fa8de; 
width:80px; text-align:center; font-size:9px;}
.sub0201 dl dt {font-size:20px; line-height:40px; color:#000; font-weight:500; }
.sub0201 dl dd {font-size:13px; line-height:16px; width:98%; margin:0 auto; word-break:break-all;}

.sub0201 figure img {-webkit-transform: scale(1) rotate(0deg);-ms-transform: scale(1) rotate(0deg);transform: scale(1) rotate(0deg);
-webkit-transition: all 0.5s;transition: all 0.5s; width:300px;
}


.sub0201 figure p.detail{font-weight:100; color:#ccc; font-size:40px;  position:absolute; bottom:25px; left:0px; text-align:center; width:100%;}

.sub0201 figure:hover img {-webkit-transform: scale(1.09) rotate(0.01deg);-ms-transform: scale(1.09) rotate(0.01deg);
transform: scale(1.09) rotate(0.01deg);
}
.sub0201 figure:hover  {opacity:0.7; box-sizing:border-box; background:#d9dde7;}


/*******************************************/
/* sub0201_detail */
/*******************************************/
.sub0201_detail{width:100%; overflow:hidden; background:#f2f2f2; padding:40px 0px;}
.sub0201_detail .width_area{background:#fff; padding:30px 0px;}


.sub0201_detail figure {overflow:hidden; background:#fff; 	display: block;  width:100%;
	cursor: pointer; overflow: hidden; box-sizing:border-box; overflow:hidden;  margin:10px 7px; text-align:center; padding:0px 20px; position: relative;}
.sub0201_detail p.mark {margin-left:auto; margin-right:auto; margin-top:40px;  margin-bottom:20px;
color:#6fa8de; border-top:1px solid #6fa8de; border-bottom:1px solid #6fa8de; 
width:80px; text-align:center; font-size:9px;}



.sub0201_detail dl dt {font-size:40px; line-height:80px; color:#2e62b9; font-weight:500;}
.sub0201_detail dl dd {font-size:16px; line-height:22px; width:82%; margin:0 auto;}

.sub0201_detail h3 {font-size:22px; text-align:center; font-weight:500; margin-top:40px; line-height:40px;}
.sub0201_detail p {text-align:center;}
.sub0201_detail .img_list {width:100%; text-align:center; padding-bottom:30px; overflow:hidden;}

.sub0201_detail .img_list dl {display:inline-block; *zoom:1; _display:inline; width:80%;  margin:10px 10px; overflow:hidden; border:1px solid #bbb;}
.sub0201_detail .img_list dl dt {text-align:center; width:100%;}
.sub0201_detail .img_list dl dt img { width:90%;}



.sub0201_detail .img_list dl dd {background:#f5f5f5; line-height:60px; font-size:18px; border-top:1px solid #bbb; width:100%; text-align:center;}

.sub0201_detail .btn_list {width:100%; overflow:hidden; padding-top:30px; text-align:center;}

.sub0201_detail .btn_list  a {text-align:center; display:inline-block; *zoom:1; _display:inline; width:150px; background:#228512;
border:1px solid #185c0d;
line-height:40px; font-weight:500; color:#fff;}
.sub0201_detail .btn_list  a i {color:#fff; margin:0px 3px;}

/*******************************************/
/* sub0301 */
/*******************************************/
.sub0301 {width:100%; overflow:hidden; background:#f2f2f2; padding-top:40px;}
.sub0301  dl{background:#fff; width:223px; float:left; border:3px solid #469827; margin:10px 0px;
 overflow:hidden; height:145px; box-sizing:border-box; }

.sub0301  dl dt {font-size:17px;  letter-spacing:-1px; text-align:center; width:100%; font-weight:100; line-height:55px;
background:#57b235; width:100%; color:#fff;} 
.sub0301  dl dd {font-weight:400; text-align:center; font-weight:200px; 
 line-height:20px !important;  font-size:15px;  padding-top:10px;}

.sub0301 p {overflow:hidden; width:43px; text-align:center; float:left; line-height:200px; height:160px; box-sizing:border-box;}
.sub0301 i {font-size:42px; color:#bbb;}

.sub0301 .d2 {height:55px !important;}
.sub0301 .d2 dd {display:none;}
.sub0301 .pst2 {line-height:55px !important; height:55px !important; margin-top:10px;}

/*******************************************/
/* sub0302 */
/*******************************************/
.sub0302 ul:first-child {background:#f6f6f6; border:1px solid #ddd; width:100%; box-sizing:border-box; margin-bottom:20px; padding:20px 15px; overflow:hidden;}
.sub0302 ul:first-child  li {float:left; width:25%; height:30px; overflow:hidden; }



.sub0302  dl {padding:30px 0px; width:100%; overflow:hidden; border-top:1px dotted #888;}
.sub0302 dl:first-child {border-top:none;}
.sub0302 dt { width:100%; text-align:center;   padding-top:30px;  
overflow:hidden; }
.sub0302 dt  img{ width:70%;border:1px solid #ccc; padding:10px; }

.sub0302 dd.tit {font-size:20px; font-weight:500; width:20%; float:left; overflow:hidden; color:#2071bb; padding-left:30px; border-right:1px solid #ddd;}
.sub0302 dd.desc {width:75%; overflow:hidden; float:right;}

.sub0302 ul:last-child {width:100%; overflow:hidden; padding-top:20px;}
.sub0302 ul:last-child  li {float:left; width:33.3%; height:300px; overflow:hidden;  text-align:center;}
.sub0302 ul:last-child  li img{width:90%; border:1px solid#ddd; height:220px; }
.sub0302 ul:last-child  li p {height:40px; line-height:40px; font-weight:500;}


/*******************************************/
/* sub0601 */
/*******************************************/
 .sub0601 ul li { float:30%; overflow:hidden; width:300px; margin:20px; height:480px; float:left; border:1px solid #ccc;}

 .sub0601 ul li a {display:block;width:100%; text-align:center; line-height:50px; font-size:20px; background:#1e6ea3; color:#fff;}

 .sub0601 ul li ul {margin:0 auto; width:90%; padding-top:20px;}
 .sub0601 ul li ul li:first-child {border:none !important;}
 .sub0601 ul li ul li {width:100%;  border:none !important; border-top:1px dotted #bbb !important; margin:0px !important; 

 
 height:auto !important;}
 .sub0601 ul li ul li a { font-size:13px !important; line-height:30px !important; background:#fff !important; color:#333 !important;  text-transform:capitalize;}



/*******************************************/
/* sub0701 */
/*******************************************/
.sub0701 {background:url('/kor/images/sub/sub08bg.jpg') no-repeat top center; width:100%; overflow:hidden; padding:100px 0px;}
.sub0701 h3 {font-size:27px;line-height:31px;  padding-bottom:45px; font-weight:100; color:#124993; text-shadow:2px 2px 1px #fff;}
.sub0701 h3 strong {font-weight:500; color:#062754;}

.sub0701 p {font-size:16px; overflow:hidden; width:500px; padding:20px 0px; color:#000; text-shadow:1px 1px 1px #fff;}





/*******************************************/
/* prepare*/
/*******************************************/

dl.prepare {overflow:hidden;  background:#eee; border:1px solid #ddd; margin:0 auto; width:500px; padding:50px 0px;}

dl.prepare dt {text-align:center; font-weight:100; font-size:30px; line-height:100px;}
dl.prepare dd {text-align:center; font-weight:300; font-size:17px; line-height:21px; opacity:0.7;}




/*******************************************/
/* border */
/*******************************************/


.board-reg-btn{width:100%; text-align:center;}
.board-reg-btn a  {display:inline-block; *zoom:1; _display:inline;  width:200px; background:#114f7b;
border-top:2px solid #0a3554; font-size:16px; line-height:40px; text-align:center; color:#fff !important; font-weight:500;}