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

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


*{ margin:0px }

html{}
body{ background-color:#ffffff; color:#666666; line-height:100%; word-wrap:break-word; word-break:break-all; }
body,input,textarea,select,table,button{ font-size:14px; font-family:'µ¸¿ò',Dotum,'±¼¸²',Gulim,Apple-Gothic,sans-serif; }
*{ -webkit-text-size-adjust:none; }
ul,ol,li{ list-style:none; }
a:link { text-decoration:none;color:#8B8B8B; }

.relative { position:relative; top:0; left:0; }

.wrap { margin:0 auto; width:100%; max-width:600px; height:100%; background:#fff;}





/*»ó´Ü¸Þ´º*/
.header { position:fixed; display:table; top:0; width:100%; max-width:600px; 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); }
.headeropen {  background:#fff; box-shadow:0 0 3px rgba(0,0,0,.3); }

	/*¾ð¾î¼±ÅÃ*/
	.header .customer {float:left; margin:25px 0 25px 10px;}
	.header .customer ul { padding:0; margin:0; }
	.header .customer li { float:left; list-style:none; padding:0; }
	.header .customer a,
	.header .customer a:visited,
	.header .customer a:hover {  font-family:'NanumSquare'; font-size:24px; line-height:20px; color:#fff; transition:all .3s ease; -webkit-transition:all .3s ease;}
	.header_fix .customer a,
	.header_fix .customer a:visited {color:#000;}
	.headeropen .customer a,
	.headeropen .customer a:visited {color:#000;}

	/*·Î°í*/
	.header .logo {position:absolute; top:13px; left:50%; margin-left:-100px;}
		.header .logo img {width:200px;}
		.header .logo .logo_w {opacity:1; transition:all .3s ease; -webkit-transition:all .3s ease;}
		.header .logo .logo_b {position:absolute; top:0; left:0; opacity:0; transition:all .3s ease; -webkit-transition:all .3s ease;}
		.header_fix .logo .logo_w {opacity:0;}
		.header_fix .logo .logo_b {opacity:1;}
		.headeropen .logo .logo_w {opacity:0;}
		.headeropen .logo .logo_b {opacity:1;}

	/*¸Þ´º¹öÆ°*/
	.header .navi_btn {float:right; position:relative; display:table; margin:23px 10px 0 0; cursor:pointer;}
	.header .navi_btn i {font-size:24px; color:#fff; transition:all .3s ease; -webkit-transition:all .3s ease;}
	.header .navi_btn .navi_open {opacity:1; transition:all .3s ease; -webkit-transition:all .3s ease;}
	.header .navi_btn .navi_close {position:absolute; top:0; left:0; display:none; z-index:1; transition:all .3s ease; -webkit-transition:all .3s ease;}
	.headeropen .navi_btn .navi_open {opacity:0;}
	.headeropen .navi_btn .navi_close {display:table;}
	.header_fix .navi_btn i {color:#000;}
	.headeropen .navi_btn i {color:#000;}

	/*Àüü¸Þ´º*/
	.navi_submenu {position:fixed; top:-130%; width:100%; max-width:600px; height:100%; text-align:center; font-size:0; border-bottom:100px solid rgba(255,255,255,.95); background:rgba(255,255,255,.95);  z-index:99; opacity:0; transition:all .3s ease; -webkit-transition:all .3s ease; overflow-y:scroll;}
		.navi_submenu .navi_submenu_overflow {width:100%; padding:70px 0 0;}
		.navi_submenu .submenu_section {display:inline-block; *display:inline; width:32.33%; vertical-align:top;}
			.navi_submenu .submenu_section .submenu_section_title {width:80%; border-bottom:.5px solid rgba(0,0,0,.1); margin:25px auto 10px;}
				.navi_submenu .submenu_section .submenu_section_title a,
				.navi_submenu .submenu_section .submenu_section_title a:visited {font-family:'NanumSquareBold'; font-size:15px; letter-spacing:-1px; line-height:35px; color:#000;}
				.navi_submenu .submenu_section ul {margin:0; padding:0;}
					.navi_submenu .submenu_section li {clear:both; float:left; list-style:none; width:100%; text-align:center; padding:5px 0;}
						.navi_submenu .submenu_section a,
						.navi_submenu .submenu_section a:visited {font-family:'Nanum Gothic'; font-size:12px; line-height:15px; letter-spacing:-.7px; color:#000; text-decoration:none;}
		.navi_submenu_open {top:0; opacity:1;}

/*ÇÏ´Ü*/
.bottom { display:table; top:0; width:100%; max-width:600px; background:#191919; padding:20px 0 60px; }
	.bottom .logo { float:left; width:100%; text-align:center; padding:0 0 20px; }
		.bottom .logo img { width:150px;}

	.bottom .companyinfo { clear:both; text-align:center; padding:3px 0 0 0;
									font-family:'NanumSquare'; font-size:10px; color:#999; line-height:15px; }
	.bottom .copyright { clear:both; text-align:center; padding:5px 0;
									font-family:'NanumSquare'; font-size:10px; color:#999; line-height:15px; }

	.bottom .footerbtn { float:left; width:100%; padding:20px 0 0; margin-top:15px; text-align:center; border-top:.5px solid rgba(255,255,255,.2);}
		.bottom .footerbtn a,
		.bottom .footerbtn a:visited,
		.bottom .footerbtn a:hover { font-family:'NanumSquare'; font-size:11px; color:#999; }
			.bottom .footerbtn span {position:relative; margin-left:15px;}
				.bottom .footerbtn i {position:absolute; top:.5px; left:0; margin-left:-15px;}

.footer_contact {position:fixed; bottom:0; width:100%; max-width:600px; margin:0 auto; z-index:95;}
	.footer_contact ul {padding:0; margin:0;}
	.footer_contact li {float:left; list-style:none; width:49%; font-family:'NanumSquareBold'; font-size:13px; line-height:40px; color:#fff; text-align:center; margin:.5%; border-radius:8px; background:#191919; box-shadow:0 0 3px rgba(0,0,0,.3);}
	.footer_contact li:first-child {position:relative; padding:0;}
	.footer_contact li:first-child img {position:absolute; top:8px; left:50%; width:80px; margin-left:-40px;}
	.footer_contact li span {position:relative; padding-left:20px;}
	.footer_contact li span i {position:absolute; top:0; left:0; font-size:15px;}



/*¸ÞÀÎ ÄÁÅÙÃ÷*/
.mainmov {position:relative; width:100%; height:400px; overflow:hidden; background:#000;}
	.mainmov .main_movie_text {position:absolute; top:150px; left:0; width:100%; height:100%; text-align:center; z-index:3;}
		.mainmov .main_movie_text .main_movie_title {font-family:'NanumSquareExtraBold'; font-size:25px; line-height:30px; color:#fff;}
		.mainmov .main_movie_text .main_movie_comment {font-family:'NanumSquareLight'; font-size:11px; line-height:20px; color:#fff; margin-top:20px; word-break:keep-all;}
	.video-container {position:absolute; top:0; left:50%; width:720px; height:400px;margin-left:-360px; opacity:.5;} 

.main_title {width:100%; font-family:'Nanum Myeongjo', serif; font-size:20px; line-height:30px; text-align:center; color:#000;}
	.main_title span {font-family:'NanumSquareExtraBold';}
.more_btn {width:130px; margin:0 auto;}
	.more_btn a {text-decoration:none;}
	.more_btn .more_box {width:100%; font-family:'NanumSquareLight'; text-align:center; font-size:12px; line-height:35px; color:#000; border:.5px solid #ddd;}

.main_business {display:table; width:100%; padding:30px 0 0;}
	.main_business .main_business_box {width:100%; text-align:center; margin:30px auto 0; font-size:0; line-height:0;}
		.main_business .main_business_box .main_business_contents {position:relative; display:inline-block; width:33.33%; text-align:left; overflow:hidden;}
			.main_business .main_business_box .main_business_contents .main_business_title {position:absolute; top:25px; left:0; width:100%; font-family:'NanumSquare'; text-align:center; font-size:12px; line-height:25px; color:#fff; z-index:2;}
				.main_business .main_business_box .main_business_contents .main_business_title span {font-family:'NanumSquareLight'; font-size:30px; letter-spacing:-1px;}
			.main_business .main_business_box .main_business_contents .main_business_more {position:absolute; top:45px; left:0; width:100%; font-family:'NanumSquare'; text-align:center; font-size:12px; line-height:25px; color:#fff; z-index:2;}
			.main_business .main_business_box .main_business_contents .main_business_img {position:relative; width:100%; height:100px; background:#000; transition:all .2s ease; -webkit-transition:all .2s ease;}
				.main_business .main_business_box .main_business_contents .main_business_img img {position:absolute; top:0; left:50%; width:200px; margin-left:-100px; opacity:.5;}

.main_results {position:relative; display:table; width:100%; background:url('../../skin/images/main_results_bg.jpg') center fixed; background-size:auto 100%; padding:30px 0;}
	.main_results .main_title {color:#fff;}
	.main_results .results_box {width:96%; margin:50px auto 0;}
		.main_results .results_box iframe {width:100%; height:250px;;}

.main_company {position:relative; display:table; width:100%; background:url('../../skin/images/main_company_bg.jpg') no-repeat center; background-size:80%; padding:100px 0;}
	.main_company .logo {width:100%; text-align:center;}
		.main_company .logo img {width:200px;}
	.main_company .company_comment {width:100%; text-align:center; font-family:'NanumSquare'; text-align:center; font-size:12px; line-height:20px; color:#000; padding:30px 0 50px;}
		.main_company .company_comment span {font-family:'NanumSquareExtraBold'; color:#64b720;}
		.main_company .company_comment b {font-family:'NanumSquareExtraBold'; font-weight:normal;}


/*¼­ºêÄÁÅÙÃ÷*/
.subimages {display:table; display:table; width:100%; max-width:600px; font-size:0;}
	.subimg01 {background:url('../../skin/images/sub_images01.jpg') no-repeat center top; background-size:auto 100%;}
	.subimg02 {background:url('../../skin/images/sub_images01.jpg') no-repeat center top; background-size:auto 100%;}
	.subimg03 {background:url('../../skin/images/sub_images01.jpg') no-repeat center top; background-size:auto 100%;}
	.subimg04 {background:url('../../skin/images/sub_images01.jpg') no-repeat center top; background-size:auto 100%;}
	.subimg05 {background:url('../../skin/images/sub_images01.jpg') no-repeat center top; background-size:auto 100%;}
	.subimg06 {background:url('../../skin/images/sub_images01.jpg') no-repeat center top; background-size:auto 100%;}

.subtitle_group {width:100%; max-width:600px; text-align:center; z-index:2; margin:100px 0 40px;}
	.subtitle_e {clear:both; width:100%; text-align:center; font-family:'NanumSquareBold'; font-size:30px; color:#fff; padding:0 0 15px; }
	.subtitle_k {clear:both; width:100%; text-align:center; font-family:'NanumSquare'; font-size:12px; line-height:15px; color:#fff; word-break:keep-all;}

/*¼­ºê¸Þ´º*/
.submenuarea {display:table; width:100%; max-width:600px; text-align:center; z-index:50; padding-bottom:20px;}
	.submenu {float:left; width:100%;}
	.submenu ul {margin:0; padding:0; font-size:0; }
		.submenu li {display:inline-block; width:19.5%; margin:.25%; background:#fff; box-sizing:border-box;}
			.submenu a,
			.submenu a:visited, 
			.submenu a:hover {font-family:'NanumSquare'; font-size:10px; line-height:35px; letter-spacing:-.5px; color:#000; text-decoration:none;}
	.submenu .on {background:#64b720; color:#fff;}
/*	.submenu_fix {position:fixed; top:74px; background:rgba(255,255,255,.9);}
	.submenu_fix li {}*/

.contents { width:100%; min-height:350px;}
/*.contents0201 .success {padding:0;}*/