@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;}
.header_fix {background:#fff; box-shadow:0 0 3px rgba(0,0,0,.3);}
.headeropen {background:rgba(32,22,12,1); 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:#000;}
	.headeropen .customer a {color:#fff;}

	/*·Î°í*/
	.header .logo {position:absolute; top:17px; left:50%; width:300px; margin-left:-150px; font-family:'NanumSquareExtraBold'; text-align:center; font-size:20px; line-height:20px; letter-spacing:-.5px; color:#000; text-decoration:none;}
	.header .logo span {font-family:'NanumSquareLight'; font-size:12px; font-weight:600;}
	.headeropen .logo {color:#fff;}

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

	/*Àüü¸Þ´º*/
	.navi_submenu {position:fixed; display:table; top:-130%; width:100%; max-width:600px; height:130%; text-align:center; font-size:0; background:rgba(32,22,12,.95); padding:100px 0 0 0; z-index:99; opacity:0; transition:all .3s ease; -webkit-transition:all .3s ease;}
	.navi_submenu .submenu_section {clear:both; float:left; width:100%; vertical-align:top;}
	.navi_submenu .submenu_section .submenu_section_title {width:50%; border:.5px solid rgba(255,255,255,.2); margin:10px auto 0; border-radius:5px;}
	.navi_submenu .submenu_section .submenu_section_title a,
	.navi_submenu .submenu_section .submenu_section_title a:visited {font-family:'NanumSquareBold'; font-size:15px; line-height:45px; color:#fff;}
	.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:10px; line-height:12px; letter-spacing:-.7px; color:#999; 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; }

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

	.bottom .footerbtn { float:left; width:100%; padding:20px 0 0; text-align:center; border-top:.5px solid rgba(255,255,255,.1);}
	.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-right:15px;}
	.bottom .footerbtn i {position:absolute; top:.5px; right:0; margin-right:-15px;}





/*¸ÞÀÎ ÄÁÅÙÃ÷*/
.main_images {position:relative; display:table; width:100%; height:500px; overflow:hidden; background:url('..	/images/main_images.jpg') no-repeat center bottom; background-size:100%;}
	.main_images .title_k1 {position:absolute; top:120px; left:20px; width:100%; font-family:'NanumSquareLight'; font-size:17px; color:#805704; z-index:2; opacity:0;}
	.main_images .title_k1 span {font-family:'NanumSquareExtraBold';}
	.main_images .title_k2 {position:absolute; top:150px; left:20px; width:100%; font-family:'NanumSquareLight'; font-size:30px; line-height:33px; color:#412f1c; z-index:2; opacity:0;}
	.main_images .title_k2 span {font-family:'NanumSquareExtraBold';}
	.main_images .title_e {position:absolute; top:240px; left:20px; width:100%; font-family:'NanumSquareExtraBold'; font-size:20px; color:#412f1c; z-index:2; opacity:0;}
	.main_images .more {position:absolute; top:290px; left:20px; width:170px; z-index:2; opacity:0;}
	.main_images .more a {text-decoration:none;}
	.main_images .more .morebtn {width:100%; font-family:'NanumSquare'; text-align:center; font-size:15px; line-height:40px; color:#fff; background:#412f1c;}
	.main_images .imagesbg {position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(255,255,255,0); z-index:1; transition:all .4s ease; -webkit-transition:all .4s ease;}
	.wrap_fix .main_images .imagesbg {background:rgba(255,255,255,.7);}


.main_gallery {position:relative; display:table; width:100%; padding:30px 0;}
	.main_gallery .g_title_e {font-family:'NanumSquareExtraBold'; text-align:center; font-size:25px; color:#412f1c;}
	.main_gallery .g_title_k {font-family:'NanumSquareLight'; text-align:center; font-size:17px; line-height:30px; color:#412f1c;}
	.main_gallery .g_title_line {width:1px; height:30px; background:#412f1c; margin:10px auto 20px;}
	.main_gallery .gallery_box {width:100%; text-align:center;}
	.main_gallery .gallery_box iframe {width:100%; height:310px; margin:0 auto;}
	.main_gallery .g_more {width:170px; margin:20px auto 0;}
	.main_gallery .g_more a {text-decoration:none;}
	.main_gallery .g_more .morebtn {width:100%; font-family:'NanumSquare'; text-align:center; font-size:15px; line-height:40px; color:#412f1c; border:1px solid #412f1c;}





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

.subtitle_group {position:absolute; top:0; width:100%; max-width:600px; height:100%; text-align:center;  background:rgba(255,255,255,.7); z-index:2;}
	.subtitle_k {clear:both; width:100%; text-align:center; font-family:'NanumSquare'; font-size:20px; color:#412f1c; margin:110px 0 0;}

/*¼­ºê¸Þ´º*/
.submenuarea {position:absolute; display:table; top:245px; width:100%; max-width:600px; background:#fff; box-sizing:border-box; text-align:center; z-index:50; display:none;}
	.submenu {float:left; width:100%;}
	.submenu ul {margin:0; padding:0; font-size:0; border-bottom:.5px solid #e2e2e2; }
	.submenu li {display:inline-block; *display:inline; width:16.66%; border-right:.5px solid #e2e2e2; box-sizing:border-box; transition:all .2s ease; -webkit-transition:all .2s ease;}
	.submenu li:last-child {border-right:none;}
	.submenu a,
	.submenu a:visited, 
	.submenu a:hover {font-family:'NanumSquare'; font-size:10px; line-height:35px; letter-spacing:-.5px; color:#666; text-decoration:none; transition:all .2s ease; -webkit-transition:all .2s ease;}
	.submenu .on {background:#13110c;}
	.submenu .on a,
	.submenu .on a:visited,
	.submenu .on a:hover {color:#fff;}
	.submenu_fix {position:fixed; top:74px;}
	.submenu_fix li {}

.contents { width:100%; min-height:350px; display:table;}