@font-face {
 font-family: 'NanumSquare';
 src: url(../font/NanumSquareR.eot);
 src: url(../font/NanumSquareR.eot?#iefix) format('embedded-opentype'),
   url(../font/NanumSquareR.woff) format('woff'),
   url(../font/NanumSquareR.ttf) format('truetype');
}
@font-face {
 font-family: 'NanumSquareLight';
 src: url(../font/NanumSquareL.eot);
 src: url(../font/NanumSquareL.eot?#iefix) format('embedded-opentype'),
   url(../font/NanumSquareL.woff) format('woff'),
   url(../font/NanumSquareL.ttf) format('truetype');
}
@font-face {
 font-family: 'NanumSquareExtraBold';
 src: url(../font/NanumSquareEB.eot);
 src: url(../font/NanumSquareEB.eot?#iefix) format('embedded-opentype'),
   url(../font/NanumSquareEB.woff) format('woff'),
   url(../font/NanumSquareEB.ttf) format('truetype');
}
@font-face {
 font-family: 'NanumSquareBold';
 src: url(../font/NanumSquareB.eot);
 src: url(../font/NanumSquareB.eot?#iefix) format('embedded-opentype'),
   url(../font/NanumSquareB.woff) format('woff'),
   url(../font/NanumSquareB.ttf) format('truetype');
}

@font-face {
 font-family: 'NanumSquareRound';
 src: url(../font/NanumSquareRound/NanumSquareRoundR.eot);
 src: url(../font/NanumSquareRound/NanumSquareRoundR.eot?#iefix) format('embedded-opentype'),
   url(../font/NanumSquareRound/NanumSquareRoundR.woff2) format('woff2'),
   url(../font/NanumSquareRound/NanumSquareRoundR.woff) format('woff'),
   url(../font/NanumSquareRound/NanumSquareRoundR.ttf) format('truetype');
}

* {border-width:0;margin:0;}
p {margin:0; padding:0;}	
body {overflow-x:hidden; background-color:#ffffff;}

.wrap {top:0px; width:100%; min-width:1300px;}

.centerdiv {display:table; width:1300px; margin:0 auto; text-align:center;}
.relative {position:relative; left:0; top:0;}





/*Header*/
.header {position:fixed; display:table; top:0; left:0; width:100%; min-width:1300px; text-align:center; padding:0; z-index:100; transition:all .3s ease; -webkit-transition:all .3s ease;}
.header_fix {background:#fff; box-shadow:0 0 3px rgba(0,0,0,.3);}

	/*·Î°í*/
	.header .logo {float:left; position:relative; margin:17px 0 32px 30px;}
	.header .logo img {}
	.header .logo .logoimg {transition:all .3s ease; -webkit-transition:all .3s ease;}
	.header .logo .logo_w {opacity:1;}
	.header .logo .logo_b {position:absolute; top:0; left:0; opacity:0;}
	.header_fix .logo .logo_w {opacity:0;}
	.header_fix .logo .logo_b {opacity:1;}

	/*¸Þ´º*/
	.header .navicontents {float:right; margin:37px 30px 0 0;}
	.header .navicontents ul {padding:0; margin:0; font-size:0; line-height:0;}
	.header .navicontents li {float:left; margin:0 25px; transition:all .3s ease; -webkit-transition:all .3s ease;}
	.header .navicontents li:first-child {margin-left:0;}
	.header .navicontents li:last-child {margin-right:0;}
	.header .navicontents a,
	.header .navicontents a:visited {font-family:'NanumSquare'; font-size:18px; line-height:20px; color:#fff; text-decoration:none; padding:0; transition:all .3s ease; -webkit-transition:all .3s ease;}
	.header .navicontents a:hover {color:#fff; border-bottom:1px solid #fff;}
	.header_fix .navicontents a,
	.header_fix .navicontents a:visited {color:#000;}
	.header_fix .navicontents a:hover {color:#0d4e9c; border-bottom:1px solid #0d4e9c;}




/*Footer*/
.bottom {display:table; width:100%; min-width:1300px; text-align:center; background:#191919; padding:50px 0; margin:0;}

	.bottom .logo {clear:both; float:left; margin:0 30px 20px;}
	.bottom .logo img {}

	.bottom .companyinfo {clear:left; float:left; font-family:'Nanum Gothic'; font-size:13px; line-height:22px; color:#666; text-align:left; margin:0 30px 0;}
	.bottom .companyinfo b {color:#fff;}
	.bottom .companyinfo a,
	.bottom .companyinfo a:hover,
	.bottom .companyinfo a:visited {color:#fff; font-size:13px; text-decoration:none;}




/*¸ÞÀÎ ÄÁÅÙÃ÷*/
.main_images {position:relative; width:100%; min-width:1300px; height:850px; margin:0; padding:0; overflow:hidden; background:url('../images/main_images.jpg') no-repeat center top; }
	.main_images .main_title1 {position:absolute; width:100%; top:240px; font-family:'NanumSquare'; font-size:18px; line-height:30px; color:#fff; text-align:center;}
	.main_images .main_title2 {position:absolute; width:100%; top:300px; font-family:'NanumSquareExtraBold'; font-size:60px; line-height:30px; color:#fff; text-align:center;}
	.main_images .main_title3 {position:absolute; width:100%; top:360px; font-family:'NanumSquareLight'; font-size:30px; line-height:30px; color:#fff; text-align:center;}
	.main_images .main_comment {position:absolute; width:100%; top:460px; font-family:'NanumSquare'; font-size:18px; line-height:30px; color:#fff; text-align:center;}
	.main_images .main_comment span {background:#0d4e9c; border-radius:5px; padding:5px; margin:0 2px;}
	.main_images .main_more {position:absolute; width:200px; top:650px; left:50%; font-family:'NanumSquareLight'; font-size:19px; line-height:40px; color:#fff;  text-align:center; background:rgba(0,0,0,.5); border-radius:50px; border:1px solid #fff; margin-left:-100px;   transition:all .2s ease; -webkit-transition:all .2s ease;}
	.main_images .main_more:hover {background:#0d4e9c;}

.main_contents {display:table; width:100%; background:url('../images/main_contents_bg.jpg') no-repeat center top; padding:100px 0;}
	.main_contents .main_contents_title {width:100%; font-family:'NanumSquareExtraBold'; font-size:60px; line-height:80px; color:#000; text-align:center;}
	.main_contents .main_contents_comment {width:100%; font-family:'NanumSquare'; font-size:18px; line-height:30px; color:#000; text-align:center;}
	.main_contents .main_contents_comment span {color:#0d4e9c; font-family:'NanumSquareExtraBold';}
	.main_contents .main_contents_area {width:1300px; margin:50px auto 0;}
	.main_contents .main_contents_area .main_contents_section {float:left; position:relative; width:50%; height:400px; background-color:#fff; overflow:hidden;}
	.main_contents .main_contents_area .main_contents_section .main_contents_section_title {position:absolute; top:150px; left:0; width:100%; font-family:'NanumSquareLight'; font-size:40px; line-height:50px; color:#000; text-align:center; z-index:1; transition:all .3s ease; -webkit-transition:all .3s ease;}
	.main_contents .main_contents_area .main_contents_section .main_contents_section_comment {position:absolute; top:210px; left:0; width:100%; font-family:'NanumSquare'; font-size:20px; line-height:25px; color:#000; text-align:center; z-index:1; transition:all .3s ease; -webkit-transition:all .3s ease;}
	.main_contents .main_contents_area .main_contents_section .main_contents_img {width:100%;}
	.main_contents .main_contents_area .main_contents_section .main_contents_img img {width:100%; transition:all .3s ease; -webkit-transition:all .3s ease; opacity:1;}
	.main_contents .main_contents_section:hover .main_contents_img img {-webkit-transform:scale(1.1); -ms-transform:scale(1.1); transform:scale(1.1); opacity:.3;}

.news_board {display:table; width:100%; border-top:1px solid #ccc; text-align:center; padding:50px 0;}
	.news_board .news_title {width:100%; font-family:'NanumSquare'; font-size:40px; line-height:50px; color:#000;}
	.news_board .news_title span {font-family:'NanumSquareBold';}
	.news_board .newslist {width:1300px; margin:30px auto 0;} 



/*¼­ºê¿µ¿ª*/
.subimages {display:table; width:100%; min-width:1300px; height:490px; font-size:0; text-align:center; padding:0; transition:all .3s ease; -webkit-transition:all .3s ease;}
	.subimg01 {background:url('../images/sub_images.jpg') fixed no-repeat center top;}
	.subimg02 {background:url('../images/sub_images.jpg') fixed no-repeat center top;}
	.subimg03 {background:url('../images/sub_images.jpg') fixed no-repeat center top;}


/*ŸÀÌƲ*/
.subtitle_group {position:absolute; top:190px; left:0; width:100%; min-width:1300px; z-index:10;}
	.subtitle_group .subtitle_e {clear:both; width:100%; text-align:center; font-family:'NanumSquareLight'; font-size:60px; line-height:70px; color:#fff; /*text-transform:uppercase;*/}
	.subtitle_group .subtitle_k {clear:both; width:100%; text-align:center; font-family:'NanumSquareLight'; font-size:20px;  line-height:30px; color:#fff; /*text-transform:uppercase;*/}



/*º»¹®*/
.subcontents {display:table; width:100%; min-width:1300px; text-align:center; padding:0;}
	.subcontents .subbody {display:table; clear:both; width:100%; min-width:1300px; text-align:center; margin:0 auto; /*background:#fff9e5;*/}
	.subcontents .subbody .text {clear:both; display:table; padding:100px 25px 100px;}
	.subcontents .subbody .text .text_table {display:table; width:1200px; min-height:400px; *height:400px; text-align:center; vertical-align:top;}

/*.subbg0101 {background:url('../body/sub0101_bg.jpg') no-repeat center 60px;}*/