@charset "euc-kr";
/* CSS Document */

@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(https://fonts.googleapis.com/css?family=Nanum+Gothic);

@font-face {
  font-family:'nanumsquare'; 
  font-weight:normal;
  src: url(../font/nanumsquare.eot);
  src: local('��'), url(../font/nanumsquarer.eot?#iefix) format('embedded-opentype'),
       url(../font/nanumsquarer.woff) format('woff'),
     url(../font/nanumsquarer.woff2) format('woff');
}

@font-face {
  font-family:'nanumsquare'; 
  font-weight:bold;
  src: url(../font/nanumsquareb.eot);
  src: local('��'), url(../font/nanumsquareb.eot?#iefix) format('embedded-opentype'),
       url(../font/nanumsquareb.woff) format('woff'),
     url(../font/nanumsquareb.woff2) format('woff');
} 

@font-face {
  font-family: 'nanumsquarexb';
  font-weight:bold;
  src: url(../font/NanumSquareEB.eot);
  src: local('��'), url(../font/NanumSquareEB.eot?#iefix) format('embedded-opentype'),
       url(../font/NanumSquareEB.woff) format('woff');
}



@font-face { /* �������� Regular */
  font-family:'Nanum Gothic';
  font-style: normal;
  font-weight: 400;
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.eot);
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.woff) format('woff'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.ttf) format('truetype');
}
@font-face { /* �������� Bold */
  font-family:'Nanum Gothic';
  font-style: normal;
  font-weight: 700;
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.eot);
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.woff) format('woff'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.ttf) format('truetype');
}
@font-face { /* �������� ExtraBold */
  font-family:'Nanum Gothic';
  font-style: normal;
  font-weight: 800;
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.eot);
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.eot?#iefix) format('embedded-opentype'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.woff) format('woff'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.ttf) format('truetype');
}

/*---reset---*/
html { overflow-y:scroll; overflow-x:hidden;}
* { margin:0; padding:0; }
img { border:0; }
ul, ol, dl, li { list-style:none; }
caption { width:1px; height:1px; overflow:hidden; }
table, select { border-collapse:collapse; border-spacing:0;font-family:'nanumsquare' ,'Nanum Gothic';}
body{font-family:'Nanum Gothic', 'nanumsquare' ; font-size:15px; color:#323232; line-height:23px; text-decoration:none; -webkit-text-size-adjust:none;}

/*---a link---*/
a { text-decoration:none; color:#3e3e3e; }
p{line-height:23px; font-size:15px; }

/*---header---*/
#header_wrap { 
    width:100%; 
	height:856px;
	margin:0 auto;
	
	}
	.header_img_wrap{width:1200px;margin:0 auto; position:relative;}
	.header_position{width:1200px;position:absolute;top:0;left:50%; margin-left:-600px;}
#top_wrap{width:1150px;margin:0 auto; padding-top:25px; overflow:hidden; padding-right:15px;}
.top_{float:right;width:81px; padding-left:10px;height:22px; background:#1472d1 url(../images/top_arrow.png) no-repeat;border-radius:5px;}	
.top_ p{width:81px; height:22px;  color:#fff; font-size:13px; cursor:pointer;}	

	
#header {width:1200px;height:50px; margin:0 auto;}
#top_menu ul{width:190px; height:74px;padding-top:50px; }
.logo { float:left; margin-top:12px;}
#top_menu ul li a{float:left; color:#b3b3b3; font-size:13px; font-weight:bold; margin-left:10px;  text-decoration:none;}
#top_menu ul li:last-child{margin-top:none;}

.nav_wrap {width:565px;height:50px; margin:0 auto; float:right;}
/* @group core nav menu */
#nav {width:565px;margin:0 auto; padding: 0; list-style: none; height:50px;  }
#nav li { float: left; display: block;  position: relative; z-index: 500; }
#nav li a { display: block; padding: 0; line-height: 50px; text-decoration: none; zoom: 1; width:136px; color:#fff; text-align:center; }
#nav li a:hover, #nav li a.hov {  color:#fff; }


/* @group subnav */
#nav ul { position: absolute; left:-31px; display: none; margin: 0; padding: 0; list-style: none;  border-top:1px #e0e0e0 solid; font-size:13px;font-weight:none!important; }	
#nav ul.menu1 li { width:202px; float: left; }
#nav ul li:hover {  }
#nav ul.menu1 a { width:200px; display: block; height: 25px; line-height: 25px; padding: 10px 0 ; color:#fff;border-left:1px #ccc solid;border-right:1px #ccc solid; border-bottom:1px #ccc solid;background:url(../images/sub_menu2.png) no-repeat; }
#nav ul.menu1 a:hover { font-weight:300;	text-decoration:none!important;  color:#272727;  padding: 10px 0;background:#fff; font-size:13px;}
.menu_bar>a{font-size:14px; color:#2b2b2b; font-family:'nanumsquare';}

.main_visual{width:1200px; margin:0 auto;  margin-top:130px;font-family:'Nanum Gothic';}
.main_visu_title{font-size:40px; line-height:50px; color:#EBE645; }
.main_visual>h2{font-size:80px; margin-top:10px;line-height:93px; letter-spacing:-4px;color: #fff;}
.main_visu_text{opacity:0.5; margin-top:10px; line-height:25px; letter-spacing:-1px;}
.main_visual>h2>span{color:#EBE645;}

.main_bnt{overflow:hidden; margin-top:20px;}
.main_bnt ul{text-align:center;width:322px; margin:0 auto;}
.main_bnt ul li{width:150px; height:39px; float:left; border:1px solid #fff; line-height:39px;}
.main_bnt ul li.on{width:150px; height:39px; float:left; border:1px solid #fff; line-height:39px; background:#fff; color:#314085;}
.main_bnt ul li:hover{width:150px; height:39px; float:left; border:1px solid #fff; line-height:39px; background:#fff; color:#314085;}


.section1_wrap{width:100%; height:604px;background:#fefaeb; }
.section1{width:1200px;margin:0 auto; overflow:hidden; padding-top:80px;}
.sec1_1{width:332px;margin-right:50px; float:left;}
.sec1_2>h3{font-size:55px; color:#3c323b; padding:20px 0; font-weight:800;}
.sec1_2_text1{font-size:30px; color:#3c323b; padding-bottom:10px;}
.sec1_2_text2{font-size:13px; padding-bottom:10px; border-bottom:1px solid #dddacd;}
.sec1_2{width:818px; float:left;}

.sec1_2_1{margin-top:18px;}
.sec1_2_1 ul li{width:400px;float:left; margin-right:10px; margin-bottom:18px;}
.sec1_2_1 ul li.leftNone{float:left; margin-right:0;}
.sec1_2_1 img{width:117px;float:left; margin-right:10px;}
ul.left_1 li{font-size:12px;float:left; margin-top:25px; line-height:16px; width:254px;}
ul.left_1 li span{ font-size:17px; font-weight:600; color:#684e51;}

.section2_wrap{width:100%; height:900px;background:url(../images/section2_bg.png) center center no-repeat;background-size: cover; }
.section2{width:1200px; margin:0 auto; padding-top:80px;}
.section2 h3{font-size:35px; color:#EBE645; text-align:center;letter-spacing:2px}
.section2 h3 span{font-size:55px; color:#fff; text-align:center; font-weight:normal;}
.section2 p.sec2_text{margin-top:15px;font-size:13px; color:#fff; text-align:center;}

.sec2{width:850px;padding-top:50px; margin:0 auto;}
.sec2 >ul{display: flex; justify-content: center;}
.sec2 >ul> li{ width:200px; text-align:center;}
.sec2> ul> li> p {font-size:16px;font-weight:600;color:#fff; padding-top:10px;font-family:'Nanum Gothic';}
/*************메인-추가건***************/
.main_video{margin-top: 50px;}
.main_video ul{display: flex;}
.main_video ul li{width: calc(100% / 2 - 20px); margin: 0 10px;}
.main_video ul li h2{color: #fff; font-size: 30px;margin-bottom: 30px; text-align: center;}





.footer{width:100%; height:200px;background:#f8f2f4; }
.footer_wrap{width:1200px; margin:0 auto; padding-top:50px; }
.footer_1{width:1200px; margin:0 auto;}
.footer_wrap ul{  margin:0 auto;overflow:hidden;}
.footer_wrap ul li{float:center;  font-size:11px; text-align:center;}
.footer_wrap ul li p{float:left; font-size:11px; padding-top:5px;}
.footer_wrap ul li img{float:left; padding-top:5px;}

.footer_wrap ul li.wi_1{width:40px;float:left;  font-size:11px; text-align:center;padding-top:3px; }
.footer_wrap p.wi_3{font-size:11px;top:80px; text-align:center;}