*{ margin:0px }

html{}
body{ background-color:#ffffff; color:#666666; line-height:100%; word-wrap:break-word; word-break:break-all; }
html {}
body {overflow-x:hidden; background-color:#ffffff;}
body::-webkit-scrollbar-track{
	 /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);*/
	 /*border-radius:100px;*/
	 background:#eee;
}
body::-webkit-scrollbar{
	 width: 7px;
	 background-color: transparent;
}
body::-webkit-scrollbar-thumb{
	 /*border-radius: 100px;*/
	/* -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);*/
	 background: #000;
}

body,input,textarea,select,table,button{ font-size:14px; font-family:'µ¸¿ò',Dotum,'±¼¸²',Gulim,Apple-Gothic,sans-serif; }
*{ -webkit-text-size-adjust:none; box-sizing:border-box; word-break:keep-all;}
* {image-rendering: -moz-crisp-edges;/* Firefox */
					image-rendering:   -o-crisp-edges;/* Opera */
					image-rendering: -webkit-optimize-contrast;/* Webkit (non-standard naming) */
					image-rendering: crisp-edges;
					-ms-interpolation-mode: nearest-neighbor;/* IE (non-standard property) */}
.bodyoverflow {overflow:hidden;}
ul,ol,li{ list-style:none; }
a:link { text-decoration:none; color:#8B8B8B; }
p {margin:0; padding:0;}	
ul {padding:0; margin:0;}
li {list-style:none;}
strong {font-weight:normal;}

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

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

.video-container {position:relative; padding-bottom:56.25%; height:0; overflow:hidden;} 
.video-container iframe,.video-container object,.video-container embed {position:absolute; top:0; left:0; width:100%; height:100%;} 





@keyframes wheel {
	0%	{ top:5px; }
	100% { top:10px; }
}





.joindownload {position:fixed; bottom:30px; right:10px; width:60px; border-radius:100%; background:#42aa43; box-shadow:0 0 5px rgba(0,0,0,.4); z-index:100;}
	.joindownload:after {display:block; padding-bottom:100%; content:'';}
		.joindownload div {position:absolute; top:0; left:0; width:100%; z-index:50; font-family:'Pretendard'; text-align:center; font-weight:500; font-size:17px; line-height:25px; color:#fff;}
			.joindownload div a{display:block; font-family:'Pretendard'; text-align:center; font-weight:500; font-size:12px; line-height:15px; color:#fff; text-decoration:none;}
				.joindownload div i {margin-bottom:3px; font-size:20px; margin-top:9px;}





.sitelink {width:100%; margin:0 auto; border:.5px solid rgba(0,0,0,.1); padding:10px 10px;}
	.sitelink .sitelink_title {width:100%; font-family:'Pretendard'; text-align:center; font-weight:500; font-size:15px; line-height:35px; color:#000; margin:0 0 10px;}
	.sitelink .sitelink_list {width:100%; font-size:0; text-align:center;}
		.sitelink .sitelink_list li {display:inline-block; margin:0 10px;}
			.sitelink .sitelink_list li img {height:30px;}



/*»ó´Ü¸Þ´º*/
.header { position:fixed; display:table; top:0; width:100%; max-width:750px; z-index:100; transition:all .3s ease; -webkit-transition:all .3s ease;}
.header_fix {box-shadow:0 0 3px rgba(0,0,0,.3); background:#fff;}
.headeropen {box-shadow:none; background:#fff;}

	.header .logo {position:absolute; top:15px; left:50%; margin-left:-75px;}
		.header .logo img {width:150px; transition:all .2s ease; -webkit-transition:all .2s ease;}
			.header .logo img:nth-child(2) {position:absolute; top:0; left:0; opacity:0;}
			.header_fix .logo img:nth-child(1) {opacity:0;}
			.header_fix .logo img:nth-child(2) {opacity:1;}
			.headeropen .logo img:nth-child(1) {opacity:0;}
			.headeropen .logo img:nth-child(2) {opacity:1;}

	.header .customer {position:relative; float:left; margin:24px 10px;} 
		.header .customer i {font-size:24px; color:#fff;}
		.header_fix .customer i {color:#000;}
		.headeropen .customer i {color:#000;}

	/*¸Þ´º¹öÆ°*/
	.header .navi_btn {float:right; position:relative; display:table; margin:23px 10px; 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;}
	.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:750px; height:100%; text-align:left; font-size:0; background:rgba(255,255,255,1);  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; font-size:0;}
		.navi_submenu .submenu_section {display:inline-block; *display:inline; width:100%; padding:0 2%; vertical-align:top;}
			.navi_submenu .submenu_section .submenu_section_title {width:100%; text-align:center; font-family:'Pretendard'; font-weight:500; font-size:17px; letter-spacing:-1px; line-height:35px; color:#000; margin:23px auto 0; padding:20px 0 0; border-top:.5px solid #eee;}
			.navi_submenu .submenu_section:first-child .submenu_section_title {border:none;}
				.navi_submenu .submenu_section ul {margin:0 0 5px; padding:0; font-size:0; text-align:center;}
					.navi_submenu .submenu_section li {display:inline-block; text-align:center; padding:0 15px; font-family:'Pretendard'; font-weight:300; font-size:13px; line-height:30px; letter-spacing:-1.5px; color:#000; cursor:pointer; border:.5px solid #ccc; margin:1px;}
		.navi_submenu_open {top:0; opacity:1;}

/*ÇÏ´Ü*/


.bottom {display:table; width:100%; text-align:center; background:#191919; padding:30px 10px;}

	.bottom .logo {width:100%; text-align:center; margin:0 0 20px;}
		.bottom .logo img {width:100px;}

	.bottom .companyinfo {clear:both; float:left; width:100%; text-align:center; font-size:0;}
		.bottom .companyinfo ul {margin:0; padding:0;}
			.bottom .companyinfo li {display:inline-block; margin:0 10px; font-family:'Pretendard'; font-weight:200; font-size:11px; line-height:15px; letter-spacing:-1px; color:#ccc;}
			.bottom .companyinfo li:last-child {width:100%; margin:10px 0 0 0;}
		.bottom .companyinfo a {font-family:'Pretendard'; font-weight:200; font-size:11px; text-decoration:none; color:#ccc;}

.footer_btn {display:table; width:100%; width:100%; background:#191919; border-top:.5px solid rgba(255,255,255,.1);}
	.footer_btn ul {padding:0; margin:0;}
		.footer_btn li {float:left; list-style:none; width:33.33%; font-family:'Pretendard'; font-weight:200; text-align:center; font-size:11px; line-height:45px; color:#999; cursor:pointer; border-left:.5px solid rgba(255,255,255,.1); box-sizing:border-box;}
		.footer_btn li:first-child {border-left:none;}
		.footer_btn span {position:relative; margin-left:15px;}
			.footer_btn i {position:absolute; top:.5px; left:0; margin-left:-15px;}










.main_images {position:relative; width:100%; height:100vh; background:#000; overflow:hidden;}
.main_images:after {position:absolute; top:0; left:0; width:100%; height:50%; background:linear-gradient(to bottom, rgba(0,0,0,.8), rgba(0,0,0,.0)); content:''; z-index:30;}
	.main_images_text {position:absolute; top:50%; left:0; width:100%; margin-top:-100px; z-index:31; text-shadow:0 0 5px #000;}
		.main_images_text .main_title {width:100%; font-family:'Pretendard'; text-align:center; font-weight:100; font-size:20px; line-height:25px; color:#fff;}
			.main_images_text .main_title strong {font-weight:800;}
		.main_images_text .main_comment {width:100%; font-family:'Pretendard'; text-align:center; font-weight:300; font-size:13px; line-height:18px; color:#fff; margin:20px 0 0;}
.main_images .main_images_scroll {position:absolute; bottom:15%; width:100%; text-align:center; font-size:0; z-index:32; transition:all .2s ease; -webkit-transition:all .2s ease;}
	.main_images .main_images_scroll	.mouse_icon {position:relative; display:inline-block; width:20px; height:35px; border:.5px solid #fff; border-radius:100px;}
		.main_images .main_images_scroll	.mouse_icon .mouse_wheel {position:absolute; top:5px; left:50%; width:2px; height:8px; margin-left:-1px; background:#fff; border-radius:100px; animation:wheel .5s ease-in-out infinite;}
	.main_images .main_images_scroll .mouse_text {width:100%; font-family:'Pretendard'; text-align:center; font-weight:300; font-size:15px; line-height:30px; color:#fff;}
	.main_images_fix .main_images_scroll {opacity:0;}





.news {position:relative; width:100%; background:#fff; overflow:hidden; padding:100px 0;}
	.news .news_title {width:100%; font-family:'Pretendard'; text-align:center; font-weight:800; font-size:20px; line-height:30px; color:#000;}
	.news .news_list {width:100%; margin:30px 0 0;}
		.news .news_list iframe {width:100%; height:315px;}





.banner {position:relative; width:100%; overflow:hidden; background:url('../../skin/images/banner_bg.jpg') no-repeat center; background-size:cover; padding:100px 0;}
	.banner .banner_text {width:100%;}
		.banner .banner_title {width:100%; font-family:'Pretendard'; text-align:center; font-weight:800; font-size:20px; line-height:30px; color:#fff;}
		.banner .banner_comment {width:100%; font-family:'Pretendard'; text-align:center; font-weight:300; font-size:12px; line-height:15px; color:#fff; margin:20px 0 0;}





.business {position:relative; width:100%; background:#fff; overflow:hidden; padding:100px 0;}
	.business .business_title {width:100%; font-family:'Pretendard'; text-align:center; font-weight:800; font-size:20px; line-height:30px; color:#000;}
	.business .business_list {width:100%; margin:30px 0 0;}





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


.subtitle_group {position:absolute; top:0; left:0; width:100%; height:100%; text-align:center; background:linear-gradient(to bottom, rgba(0,0,0,1), rgba(0,0,0,.0)); z-index:2;}
	.subtitle_k {clear:both; width:100%; text-align:center; font-family:'Pretendard'; font-weight:800; font-size:30px; line-height:30px; color:#fff; padding:110px 0 5px;}

	/*¸Ê*/
.subtitle_group .subnav {}
	.subtitle_group .subnav ul {margin:0 0 0 20px; padding:0; font-size:0;}
		.subtitle_group .subnav li {position:relative; display:inline-block; font-family:'Pretendard'; font-weight:300; font-size:13px; line-height:20px; color:#fff; padding:0 10px;}
		.subtitle_group .subnav li:first-child {padding-left:0;}
		.subtitle_group .subnav li:last-child {padding-right:0;}
		.subtitle_group .subnav li:before {position:absolute; top:0; left:-4px; content:'\e940'; font-family:'xeicon'; font-size:10px;}
		.subtitle_group .subnav li:first-child:before {content:'';}
			.subtitle_group .subnav li i {position:absolute; top:-12px; left:-18px; font-size:15px;}

/*¼­ºê¸Þ´º*/
.submenu {position:absolute; bottom:2%; left:2%; width:96%; z-index:3;}
	.submenu ul {margin:0; padding:0; font-size:0; text-align:center;}
	.submenu li {position:relative; display:inline-block; width:24.5%; font-family:'Pretendard'; font-weight:300; font-size:13px; line-height:35px; color:#fff; background:rgba(0,0,0,.5); padding:0; margin:.25%; cursor:pointer;}
	.submenu .on {font-weight:600; color:#000; background:#fff !important;}
	.submenu .count5 li {width:19.5%;}

.contents { width:100%; max-width:750px; min-height:380px; padding:10px; }