@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:absolute; display:table; top:0; left:0; width:100%; min-width:1300px; text-align:center; background:#141414; padding:25px 0; z-index:100; transition:all .2s ease; -webkit-transition:all .2s ease;}


	/*NAVI*/
	.header .logo {float:left; padding:0 0 0 20px;}
	.header .logo img {width:240px;}

	.header .navicontents {position:absolute; display:table; top:36px; left:50%; width:600px; margin-left:-300px;}
	.header .navicontents ul {margin:0; padding:0; font-size:0; line-height:0;}
	.header .navicontents li {position:relative; display:inline-block; *display:inline; margin:0 30px;}
	.header .navicontents li:first-child {margin-left:0;}
	.header .navicontents li:last-child {margin-right:0;}
	.header .navicontents a,
	.header .navicontents a:visited,
	.header .navicontents a:hover {font-family:'Nanum Myeongjo'; font-size:20px; line-height:25px; font-weight:800; color:#fff; text-decoration:none;}

	.header .navicontents .nsubmenu {position:absolute; display:table; top:20px; left:50%; width:170px; margin-left:-88px; text-align:center; z-index:100; display:none;}
	.header .navicontents .nsubmenu ul {display:table; width:100%; background:rgba(20,20,20,.8); border:1px solid #e9ce8d; padding:10px 0; margin-top:40px; box-sizing:border-box; transition:all .3s ease; -webkit-transition:all .3s ease;}
	.header .navicontents .nsubmenu ul li {clear:both; float:left; list-style:none; width:100%; text-align:center; padding:0; margin:0;}
	.header .navicontents .nsubmenu a,
	.header .navicontents .nsubmenu a:visited {font-family:'NanumSquareLight'; font-size:15px; font-weight:600; line-height:35px; color:#aaa; text-decoration:none;}
	.header .navicontents .nsubmenu a:hover {color:#fff;}

	.header .customer {float:right; margin:0 20px 0 0; border:1px solid #e9ce8d; box-sizing:border-box}
	.header .customer .customer_text {display:table; background:#e9ce8d; margin:2px; padding:10px;}
	.header .customer .customer_text ul {padding:0; margin:0;}
	.header .customer .customer_text li {float:left; list-style:none; font-family:'Nanum Myeongjo'; font-size:17px; line-height:25px; font-weight:800; color:#000;}
	.header .customer .customer_text li:last-child {font-size:25px; margin-left:5px;}

/*ÇÏ´Ü*/	
.footer_inquity {position:fixed; bottom:0; left:0; width:100%; min-width:1300px; overflow:hidden; text-align:center; z-index:90; padding:15px 0 10px; background:url('../images/inquiry_bg.jpg') repeat center; box-shadow:0 0 5px rgba(0,0,0,.3); z-index:99;}
	.footer_inquity .icon {float:left; padding-right:3px; padding-top:9px; padding-left:20px; font-size:25px;}
	.footer_inquity .title {float:left; font-family:'Nanum Myeongjo'; font-size:20px; line-height:45px; font-weight:800; color:#000; padding-right:5px;}
	.footer_inquity .callnumber {float:left; font-family:'Nanum Myeongjo'; font-size:33px; line-height:45px; font-weight:800; color:#c5162d; padding-right:20px;}
	.footer_inquity .inquiry_box {float:right; width:720px; padding-right:20px;}

	.bottom {clear:both; display:table; width:100%; background:#141414; padding:35px 0 105px;}
	.bottom .copyright {float:left; font-family:'NanumSquareLight'; font-size:17px; line-height:25px; text-align:left; color:#fff; padding-left:20px;}
	.bottom .copyright a, .bottom .copyright a:hover, .bottom .copyright a:visited {color:#fff; font-size:17px; text-decoration:none;}
	.bottom .customer {float:right; font-family:'Nanum Myeongjo'; font-size:30px; line-height:35px; font-weight:800; color:#fff; padding:20px 20px 0 0;}





/*¸ÞÀÎÀ̹ÌÁö*/
.mainimages {width:100%; min-width:1300px; text-align:center;}

.mainmov {display:table; position:relative; width:1300px; padding:100px 0; margin:0 auto;}
	.soundicon {position:absolute; bottom:140px; right:40px; width:50px; height:50px; text-align:center; background:#bc1832; border-radius:100%; overflow:hidden; z-index:10; box-shadow:0 0 3px rgba(0,0,0,.3);}
		.soundicon i {font-size:30px; line-height:50px; color:#fff;}
	.video {position:relative; padding-bottom:56.25%; height:0; overflow:hidden;} 
	.video iframe,.video object,.video embed {position:absolute; top:0; left:0; width:100%; height:100%;} 

.main_success {position:relative; width:100%; min-width:1300px; height:1006px; text-align:center; overflow:hidden; background:url('../images/main_bg.jpg') repeat center top;}
	.main_success .main_success_title {padding:100px 0 50px;}
	.main_success .main_success_stamp {position:absolute; top:30px; left:50%; width:130px; z-index:1; margin-left:220px;}
	.main_success .main_success_stamp img {width:100%;}

.main_link {display:table; width:100%; min-width:1300px; text-align:center; background:url('../images/main_bg.jpg') repeat center top; padding:0 0 100px;}
	.main_link .main_link_title {padding:100px 0 50px;}
	.main_link .main_link_comment {font-family:'NanumSquare'; font-size:20px; line-height:30px; color:#000; padding:0 0 50px;}
	.main_link .contents-box {clear:both; width:100%; max-width:1600px; margin:0 auto;} 
	.main_link .contents-box .contents-group {position:relative; float:left; width:25%; height:586px; padding:0; margin:0; background:#141414; overflow:hidden;}
	.main_link .contents-box .contents-group .contents-title {position:absolute; width:100%; top:380px; font-family:'Nanum Myeongjo'; font-size:40px; line-height:45px; font-weight:800; color:#fff; z-index:2; opacity:1; transition:all .2s ease; -webkit-transition:all .2s ease;}
	.main_link .contents-box .contents-group .contents-comment {position:absolute; width:100%; top:450px; font-family:'NanumSquare'; font-size:18px; line-height:28px; color:#fff; z-index:2; opacity:1; transition:all .2s ease; -webkit-transition:all .2s ease;}
	.main_link .contents-box .contents-group .contents-img {position:absolute; top:0; left:50%; width:400px; margin-left:-200px; z-index:1; opacity:.3; transition:all .2s ease; -webkit-transition:all .2s ease;}
	.main_link .contents-box .contents-group .contents-img img {width:100%;}
	.main_link .contents-box .contents-group .morebtn {position:absolute; top:80px; left:50%; width:80px; height:80px; font-family:'NanumSquareLight'; font-size:60px; line-height:80px; color:#fff; background:rgba(0,0,0,.5); border:2px solid #fff; border-radius:100%; margin-left:-40px; z-index:4; opacity:0; transition:all .2s ease; -webkit-transition:all .2s ease;}
	.main_link .contents-box .contents-group:hover .contents-title {top:480px; opacity:0;}
	.main_link .contents-box .contents-group:hover .contents-comment {top:550px; opacity:0;}
	.main_link .contents-box .contents-group:hover .contents-img {width:430px; top:-8px; margin-left:-215px; opacity:1;}
	.main_link .contents-box .contents-group:hover .morebtn {top:230px; opacity:1;}

.main_gallery {display:table; width:100%; min-width:1300px; text-align:center;}
	.main_gallery .images-big {float:left; position:relative; width:40%;}
	.main_gallery .images-big .comment {position:absolute; top:40%; width:100%; font-family:'Nanum Myeongjo'; font-size:40px; line-height:60px; font-weight:800; color:#e9ce8d; z-index:1;}
	.main_gallery .images-big .comment b {color:#c5162d;}
	.main_gallery .images-big .comment span {background:rgba(0,0,0,.7); padding:5px 20px;}
	.main_gallery .images-big img {width:100%;}
	.main_gallery .images-small {float:left; position:relative; width:20%; background:#141414;}
	.main_gallery .images-small .comment {position:absolute; top:32%; width:100%; font-family:'Nanum Myeongjo'; font-size:25px; letter-spacing:.5px; line-height:35px; font-weight:800; color:#fff; z-index:1;}
	.main_gallery .images-small .comment span {font-family:'NanumSquare'; font-size:17px; line-height:20px; font-weight:400;}
	.main_gallery .images-small img {width:100%; opacity:.3; transition:all .2s ease; -webkit-transition:all .2s ease;}
	.main_gallery .images-small:hover img {opacity:1;}
	.main_gallery .images-small:hover .black {color:#000 !important;}

.main_blog {display:table; width:100%; min-width:1300px; text-align:center; background:url('../images/main_customer_bg.jpg') repeat center; padding:100px 0;}


/*¸ÞÀÎ ÄÁÅÙÃ÷*/
.photoboxarea {position:relative; display:table; width:100%; min-width:1300px; text-align:center; padding:5px 0;}
	.photobox {display:table; width:100%; margin:0 auto;}
	.photogallery {float:left; display:table; width:12.5%;}
	.photogallerybig {width:25%;}
	.photogallery ul {padding:0; margin:0; line-height:0;}
	.photogallery li {clear:right; float:left; list-style:none; width:96%; margin:2%; overflow:hidden;}
	.photogallerybig li {width:48%; margin:1%;}
	.photogallery .big {width:98%; margin:1%;}
	.photogallery img {width:100%; transition:all .2s ease; -webkit-transition:all .2s ease; opacity:1;}
	.photogallery li:hover img {-webkit-transform:scale(1.1); -ms-transform:scale(1.1); transform:scale(1.1); opacity:1;}


.main_success {width:100%; min-width:1300px; text-align:center; padding:0 0 140px;}


/*¼­ºê¿µ¿ª*/
.subimages {position:relative; display:table; width:100%; min-width:1300px; height:610px; text-align:center; padding:0;}
.subimg01 {background:url('../images/sub_images01.jpg') no-repeat center top;}
.subimg02 {background:url('../images/sub_images02.jpg') no-repeat center top;}
.subimg03 {background:url('../images/sub_images03.jpg') no-repeat center top;}
.subimg04 {background:url('../images/sub_images04.jpg') no-repeat center top;}
.subimg05 {background:url('../images/sub_images05.jpg') no-repeat center top;}
.subimg06 {background:url('../images/sub_images06.jpg') no-repeat center top;}

/*º»¹®*/
.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; /*background:#fff9e5;*/}

/*ŸÀÌƲ*/
.subimages .subtitle_e {position:absolute; top:270px; clear:both; width:100%; text-align:center; font-family:'Nanum Myeongjo'; font-size:80px; font-weight:400; color:#fff; text-transform:uppercase;}

	/*¼­ºê¸Þ´º*/
.submenugroup {position:absolute; bottom:0; width:100%; background:rgba(0,0,0,.5); border-top:1px solid rgba(255,255,255,.1); display:table; text-align:center;}
	.submenugroup .submenu {width:100%; text-align:center;}
	.submenugroup .submenu ul {margin:0; padding:0; font-size:0;}
	.submenugroup .submenu li {display:inline-block; *display:inline; padding:0 30px; border-left:1px solid rgba(255,255,255,.1);}
	.submenugroup .submenu li:first-child {border-left:none;}
	.submenugroup .submenu a,
	.submenugroup .submenu a:visited, 
	.submenugroup .submenu a:hover {font-family:'NanumSquare'; font-size:17px; color:#fff; line-height:70px; text-decoration:none;}
	.submenugroup .submenu .on {background:#e9ce8d}
	.submenugroup .submenu .on a,
	.submenugroup .submenu .on a:visited,
	.submenugroup .submenu .on a:hover {color:#000 !important;}

	/*¸Ê*/
	.submenugroup .subnav {float:right; display:table; width:500px; text-align:right; padding:20px 20px 0;}
	.submenugroup .subnav ul {font-size:0; margin:0; padding:0;}
	.submenugroup .subnav li {display:inline; padding:0 13px 0 7px; color:#999; font-size:12px; font-family:'Nanum Gothic','³ª´®°íµñ'; font-weight:400; background:url('../images/nav_arrow.png') no-repeat right 3px; background-size:6px auto;}
	.submenugroup .subnav .firstli {background:none; padding:0;}
	.submenugroup .subnav .lastli {background:none !important; padding-right:0;}
	.submenugroup .subnav img {margin-bottom:-3px;}

	/*º»¹®*/
	.subcontents {display:table; width:100%; min-width:1300px; text-align:center; padding:0;}

	.subcontents .subbody .text {clear:both; display:table; padding:100px 0 100px;}
	.subcontents .subbody .text .text_table {display:table; width:1300px; min-height:350px; *height:350px; text-align:center; vertical-align:top;}

.subbg0101 {background:url('../body/sub0101bg.jpg') no-repeat center top;}
.subbg0102 {background:url('../body/sub0102bg.jpg') no-repeat center top;}
.subbg0105 {background:url('../body/sub0105bg.jpg') no-repeat center top;}
.subbg0201 {background:url('../body/sub02bg.jpg') no-repeat fixed center top;}
.subbg0202 {background:url('../body/sub02bg.jpg') no-repeat fixed center top;}
.subbg0203 {background:url('../body/sub02bg.jpg') no-repeat fixed center top;}
.subbg0401 {background:url('../body/sub0401bg.jpg') no-repeat center top;}
.subbg0401 .subbody .text {padding:0;}