@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:rgba(255,255,255,1); box-shadow:0 0 3px rgba(0,0,0,.3); }
.headeropen { background:rgba(255,255,255,1); box-shadow:0 0 3px rgba(0,0,0,.3); }

	/*¾ð¾î¼±ÅÃ*/
	.header .customer {float:left; margin:30px 0 30px 20px;}
		.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;}
	.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:20px; left:50%; margin-left:-70px;}
		.header .logo img {width:140px;}
			.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:28px 20px 0 0; cursor:pointer;}
	.header .navi_btn i {font-size:24px; color:#fff;}
	.header .navi_btn .navi_open {opacity:1;}
	.header .navi_btn .navi_close {position:absolute; top:0; left:0; display:none; z-index:1;}
	.header_fix .navi_btn i {color:#000;}
	.headeropen .navi_btn i {color:#000;}
	.headeropen .navi_btn .navi_open {opacity:0;}
	.headeropen .navi_btn .navi_close {display:table;}

	/*Àüü¸Þ´º*/
	.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:100px 0 0;}
	.navi_submenu .submenu_section {display:inline-block; *display:inline; width:25%; vertical-align:top;}
	.navi_submenu .submenu_section .submenu_section_title {width:90%; 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:13px; 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:10px; line-height:12px; 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 80px; }
	.bottom .logo { float:left; width:100%; text-align:center; padding:0 0 15px 0;}
	.bottom .logo img { width:100px; }

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


	.bottom .sns {clear:both; float:left; display:table; width:75%; padding:10px 0; background:#191919; border-top:.5px solid rgba(255,255,255,.2); margin-top:10px;}
		.bottom .sns ul {padding:0; margin:0;}
		.bottom .sns li {position:relative; float:left; list-style:none; text-align:center; width:33.33%;}
		.bottom .sns li a {position:relative; font-family:'Nanum Gothic','³ª´®°íµñ'; font-size:9px; line-height:20px; color:#999; text-decoration:none; padding-left:20px;}
		.bottom .sns li i {position:absolute; top:-4px; left:0; font-size:18px;}

	.bottom .footerbtn {float:left; display:table; width:25%; padding:10px 0; background:#191919; border-top:.5px solid rgba(255,255,255,.2); margin-top:10px;}
		.bottom .footerbtn ul {padding:0; margin:0;}
		.bottom .footerbtn li {position:relative; float:left; list-style:none; text-align:center; width:100%;}
		.bottom .footerbtn li a {position:relative; font-family:'Nanum Gothic','³ª´®°íµñ'; font-size:9px; line-height:20px; color:#999; text-decoration:none; padding-left:20px;}
		.bottom .footerbtn li i {position:absolute; top:-4px; left:0; font-size:18px;}

	.bottom .footer_customer {position:fixed; display:table; bottom:0; width:100%; max-width:600px; padding:10px 0; background:#191919; border-top:.5px solid rgba(255,255,255,.2); box-shadow:0 0 3px rgba(0,0,0,.3); z-index:99;}
		.bottom .footer_customer ul {padding:0; margin:0;}
		.bottom .footer_customer li {position:relative; float:left; list-style:none; text-align:center; width:50%;}
		.bottom .footer_customer li a {position:relative; font-family:'Nanum Gothic','³ª´®°íµñ'; font-size:11px; line-height:20px; color:#fff; text-decoration:none; padding-left:20px;}
		.bottom .footer_customer li i {position:absolute; top:-2px; left:0; font-size:18px;}




/*¸ÞÀÎ ÄÁÅÙÃ÷*/
.mainmov {position:relative; display:table; width:100%; height:500px; overflow:hidden; background:#13110c;}
	.mainmov .main_movie_text {position:absolute; top:0; left:0; width:100%; height:100%; text-align:center; background:url('../../skin/images/main_images_dot.png') repeat; background-size:1px auto;z-index:2;}
		.mainmov .main_movie_text .title {font-family:'NanumSquareLight'; font-size:13px; line-height:50px; color:#fff; margin:230px 0 0;}
			.mainmov .main_movie_text .title img {width:140px;}
		.mainmov .main_movie_text .comment {font-family:'NanumSquareExtraBold'; font-size:30px; line-height:35px; color:#fff; margin:0;}
	.mainmov .video {position:absolute; top:0; left:50%; width:1000px; height:500px; margin-left:-500px; overflow:hidden; opacity:.5; z-index:1;}

.notice {position:relative; display:table; width:100%; background:#000; padding:20px 0;}
	.notice .notice_title {float:left; width:100%; font-family:'NanumSquareLight'; text-align:center; font-size:23px; line-height:35px; color:#fff; }
		.notice .notice_title span {font-family:'NanumSquareExtraBold';}
		.notice .notice_list {float:left; width:100%; margin:0 0 20px;}
			.notice .notice_list iframe {width:100%; height:45px;}
		.notice .notice_more {clear:both; width:150px; margin:0 auto;}
		.notice .notice_more a {text-decoration:none;}
			.notice .notice_more .more-box {width:100%; border:.5px solid rgba(255,255,255,.3); font-family:'NanumSquareLight'; text-align:center; font-size:14px; line-height:35px; color:#fff; transition:all .2s ease; -webkit-transition:all .2s ease;}
		.notice .notice_more:hover .more-box {font-family:'NanumSquareExtraBold'; background:#fff; color:#000;}

.main_contents {position:relative; display:table; width:100%; text-align:center; padding:100px 0 140px; background:url('../../skin/images/main_contents_bg.jpg') repeat-y center bottom fixed; background-size:auto 800px;}
	.main_contents .logo {margin:0 auto 50px;}
		.main_contents .logo img {width:200px;}
	.main_contents .main_link {width:94%; margin:0 auto;}
		.main_contents .main_link .link_contents {position:relative; float:left; width:33.33%;}
			.main_contents .main_link .link_contents .link_title {width:100%; font-family:'NanumSquareLight'; font-size:15px; line-height:30px; color:#fff; z-index:1;}
				.main_contents .main_link .link_contents .link_title span {font-family:'NanumSquareExtraBold';}
			.main_contents .main_link .link_contents .link_comment {clear:both; width:100%; height:40px;  font-family:'NanumSquareLight'; font-size:11px; line-height:15px; color:#fff; z-index:1; word-break:keep-all; display:none;}
			.main_contents .main_link .link_contents .link_more {position:absolute; bottom:-40px; left:50%; margin-left:-40px; z-index:1;}
			.main_contents .main_link .link_contents .link_more a {text-decoration:none;}
				.main_contents .main_link .link_contents .link_more .more-box {width:80px; font-family:'NanumSquareLight'; font-size:12px; line-height:30px; color:#fff; border:.5px solid #fff;}
			.main_contents .main_link .link_contents .link_backimg {width:100%; height:100%; overflow:hidden; background:#000;}
			.main_contents .main_link .link_contents .link_backimg img {width:100%; opacity:1;}


.photoboxarea {position:relative; display:table; width:100%; text-align:center; background:#000;}
	.photobox {display:table; width:100%; margin:.1% 0;}
	.photogallery {float:left; display:table; width:33.33%;}
	.photogallerybig {width:99.99%;}
	.photogallery ul {padding:0; margin:0; line-height:0;}
	.photogallery li {float:left; list-style:none; width:98%; margin:1%; overflow:hidden;}
	.photogallery .small {width:48%;}
	.photogallerybig li {width:99%; margin:.5%;}
	.photogallery img {width:100%;}

/*¼­ºêÄÁÅÙÃ÷*/
.subimages { display:table; width:100%; max-width:600px; height:330px; 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_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%;}
	.subimg07 {background:url('../../skin/images/sub_images07.jpg') no-repeat center top; background-size:auto 100%;}

.subtitle_group {position:absolute; top:140px; width:100%; max-width:600px; text-align:center; z-index:2;}
	.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 {position:absolute; display:table; top:210px; width:100%; max-width:600px; box-sizing:border-box; text-align:center; z-index:50;}
	.submenu {float:left; width:100%;}
	.submenu ul {margin:0; padding:0; font-size:0; }
	.submenu li {display:inline-block; *display:inline; width:16.66%; margin:0 2px; border:.5px solid #e2e2e2; 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:#fff; text-decoration:none;}
	.submenu .on {background:#5b00aa; border:.5px solid #5b00aa;}
	.submenu .on a,
	.submenu .on a:visited,
	.submenu .on a:hover {color:#fff;}
	.submenu_fix {position:fixed; top:74px; background:rgba(255,255,255,.9);}
	.submenu_fix li {}

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