@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;}

.centerdiv {width:990px; margin:0 auto;}
.relative {position:relative;}

.wrap { width:100%; min-width:990px;}

/*.navi { top:0px; width:100%; min-width:990px; z-index:10; position:absolute; padding:0;}*/

.header {position:absolute; width:100%; top:0; left:0; background:url('../images/navi_bg.png') no-repeat center top; z-index:100;}
.header .dfcomment {clear:both; float:left; width:100%; font-family:'NanumSquareBold'; text-align:right; font-style:italic; font-size:20px; line-height:30px; color:#ccc; display:none;}
.header .logo {clear:both; float:left; padding:32px 3px 3px 3px;}
.header .navi {float:right; padding:30px 0 0 45px;}
	.header .navi ul {padding:0; margin:0; font-size:0; line-height:0;}
	.header .navi li {position:relative; float:left; list-style:none; text-align:center; padding:6px 25px;}
	.header .navi li a {font-family:'Nanum Gothic'; font-size:8px; line-height:27px; color:#fff; text-decoration:none; text-transform:uppercase;}
	.header .navi li span {font-family:'NanumSquareBold'; font-size:17px;}
	.header .navi li a:hover {color:#ffea00;}
	.header .navi li a:hover span {font-family:'NanumSquareBold';}

	.nsubmenu {display:none; position:absolute; top:25px; left:30px; padding-top:17px;}
		#submenu01 {width:380px;}
		#submenu02 {width:250px;}
		#submenu03 {width:160px;}
		#submenu04 {width:330px;}
		#submenu05 {width:470px; left:-200px;}
		#submenu06 {width:490px; left:-350px;}
		#submenu08 {width:330px;}
		.nsubmenu .left_menu {display:table; width:100%; background:#fff; border:2px solid #168eca; border-radius:0 0 10px 10px; padding:5px;}
		.nsubmenu .left_menu ul {padding:0 0 0 30px; margin:0;}
		.nsubmenu .left_menu li {float:left; list-style:none; padding:0 10px; font-family:'NanumSquareLight'; font-size:14px; line-height:18px; color:#666; font-weight:600; border:none;}
		.nsubmenu .left_menu a {text-decoration:none;}
		.nsubmenu .left_menu a:hover li {color:#000;}

/*.mainfla { width:100%; z-index:1; min-width:990px; padding:0; }*/
/*.subfla { width:100%; z-index:1; min-width:990px; padding:0; }*/
.mainfla {clear:both; width:100%; height:610px; padding-bottom:640px; background:url('../images/main_fla_bg.jpg?<?php echo time();?>') no-repeat center top;}
	.mainfla .main_product {position:absolute; bottom:0; left:0; width:100%; padding:30px 0;}
	.mainfla .main_product .main_product_contents {float:left; width:15%;}
	.mainfla .main_product .main_product_contents a{text-decoration:none;}
	.mainfla .main_product .main_product_contents .main_product_img {float:left; text-align:center; width:100%;}
	.mainfla .main_product .main_product_contents .main_product_img img {width:100%;}
	.mainfla .main_product .main_product_contents .main_product_title {clear:both; width:60%; text-align:center; font-family:'NanumSquareLight'; font-size:14px; font-weight:600; line-height:20px; color:#fff; border-radius:30px; margin:0 auto; padding:2px 0;}
	.mainfla .main_product .main_product_contents .main_product_title a {font-family:'NanumSquareLight'; font-size:14px; font-weight:600; line-height:20px; color:#fff; text-decoration:none;}
	.mainfla .main_product .main_product_contents .main_product_title1 {background:#076099;}
	.mainfla .main_product .main_product_contents .main_product_title2 {background:#4a79db;}
	.mainfla .main_product .main_product_contents .main_product_title3 {background:#4bb198;}
	.mainfla .main_product .main_product_contents .main_product_title4 {background:#6eac4b;}
	.mainfla .main_product .main_product_contents .main_product_title5 {background:#ced349;}

	.mainfla .main_product .main_product_contents .blogbox {display:table; width:93%; border:1px solid #ccc; border-radius:10px; padding:3px; margin-top:10px;}
	.mainfla .main_product .main_product_contents .bloglink {width:100%; font-family:'NanumSquareBold'; text-align:center; font-size:17px; line-height:20px; color:#fff; padding:10px 0; background:#30d35a; border-radius:5px; cursor:pointer;}
	.mainfla .main_product .main_product_contents .bloglink span {position:relative; padding-left:35px;}
	.mainfla .main_product .main_product_contents .bloglink i {position:absolute; top:-7px; left:0; font-size:30px; color:#fff;}
	.mainfla .main_product .main_product_contents .blogttle {width:100%; font-family:'NanumSquareBold'; text-align:center; font-size:23px; line-height:45px; color:#000;}
	.mainfla .main_product .main_product_contents .youtubelink {background:#ff0000; margin:3px 0 0 0;}


.body { top:610px; width:100%; min-width:990px; padding:0;}

.mainbody {width:100%; min-width:990px; padding:0;}
.subbody {width:100%; min-width:990px; padding:0;}

.subfla {width:100%; height:330px;}
	.subfla .centerdiv {position:relative;}
	.subfla01 {background:url('../images/sub_fla01.jpg') no-repeat center top;}
	.subfla02 {background:url('../images/sub_fla02.jpg') no-repeat center top;}
	.subfla03 {background:url('../images/sub_fla03.jpg') no-repeat center top;}
	.subfla04 {background:url('../images/sub_fla04.jpg') no-repeat center top;}
	.subfla05 {background:url('../images/sub_fla05.jpg') no-repeat center top;}
	.subfla06 {background:url('../images/sub_fla06.jpg') no-repeat center top;}
	.subfla07 {background:url('../images/sub_fla07.jpg') no-repeat center top;}
	.subfla08 {background:url('../images/sub_fla08.jpg') no-repeat center top;}
	.subfla .subfla_text1 {position:absolute; top:120px; left:500px;}
	.subfla .subfla_text2 {position:absolute; top:160px; left:630px;}

.leftcontents {clear:both; display:table; width:100%; min-height:500px; background:url('../images/left_menu_bg.jpg') no-repeat center top;}
	.leftcontents .left_title {clear:both; width:100%;}
		.leftcontents .left_title .left_title_e {clear:both; width:100%; font-family:'NanumSquareBold'; font-size:30px; line-height:30px; color:#4ca4d0;}
		.leftcontents .left_title .left_title_k {clear:both; width:100%; font-family:'NanumSquareBold'; font-size:17px; line-height:25px; color:#000;}
	.leftcontents .left_menu {clear:both; width:100%; padding:10px 0;}
		.leftcontents .left_menu ul {padding:0; margin:0;}
		.leftcontents .left_menu a {text-decoration:none;}
		.leftcontents .left_menu li {clear:both; float:left; list-style:none; width:209px; font-family:'NanumSquareLight'; font-size:15px; line-height:35px; font-weight:600; color:#666; margin-top:5px; padding:0 10px; border:1px solid transparent; border-bottom:1px solid #ddd; border-radius:5px;}
		.leftcontents .left_menu .on {width:220px; color:#fff; background:linear-gradient(to bottom, #40bfea, #0378b5); border:1px solid #0378b5;}
	.leftcontents .left_customer {clear:both; width:100%; padding-top:30px;}
		.leftcontents .left_customer .customer_title {clear:both; width:100%; font-family:'NanumSquareBold'; font-size:17px; line-height:30px; color:#0378b5;}
		.leftcontents .left_customer .customer_number {clear:both; width:100%;}
		.leftcontents .left_customer .customer_number ul {padding:0; margin:0;}
		.leftcontents .left_customer .customer_number li {clear:both; float:left; list-style:none; font-family:'NanumSquareLight'; font-size:15px; line-height:25px; font-weight:600; color:#000; padding:5px 0;}
		.leftcontents .left_customer .customer_number li span {font-family:'NanumSquare'; font-size:30px; font-weight:normal; color:#666;}
.subtitle {font-family:'NanumSquareBold'; font-size:30px; line-height:30px; color:#4ca4d0;}

.subnav {clear:both; display:table; width:100%; padding:5px 0;}
		.subnav ul {padding:0; margin:0;}
		.subnav li {float:left; list-style:none; padding-right:5px;}

.bottom {width:990px; padding:20px 0; font-family:'Nanum Gothic'; font-size:12px; line-height:20px; color:#666; margin:10px auto 0; border-top:1px solid #ddd;}
	.bottom .bottom_title {width:100%; font-family:'NanumSquare'; font-size:14px; line-height:22px; font-weight:600; color:#000;}
	.bottom a {font-family:'Nanum Gothic'; font-size:12px; line-height:20px; color:#666; text-decoration:none;}
	.bottom span {color:#000; font-weight:bold;}