*{ 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:600px; height:100%; 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%;} 





/*»ó´Ü¸Þ´º*/
.header { position:fixed; display:table; top:0; width:100%; max-width:600px; padding:10px 2%; z-index:100; transition:all .3s ease; -webkit-transition:all .3s ease;}
	.wrap_fix .header {background:rgba(255,255,255,1); box-shadow:0 0 3px rgba(0,0,0,.1); backdrop-filter:blur(2px); -webkit-backdrop-filter:blur(2px);}
	.headeropen {background:rgba(255,255,255,1); border-bottom:.5px solid rgba(0,0,0,.1); box-shadow:none;}

	/*·Î°í*/
	.header .logo {position:relative; float:left; margin:13px 0;}
		.header .logo img {width:130px; transition:all .3s ease; -webkit-transition:all .3s ease;}
		.header .logo img:nth-child(2) {position:absolute; top:0; left:0; opacity:0; transition:all .3s ease; -webkit-transition:all .3s ease;}
	.wrap_fix .header .logo img {opacity:0;}
	.wrap_fix .header .logo img:nth-child(2) {opacity:1;}
	.headeropen .logo img {opacity:0;}
	.headeropen .logo img:nth-child(2) {opacity:1;}

	/*¸Þ´º¹öÆ°*/
	.header .navi_btn {float:right; position:relative; display:table; margin:10px 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;}
		.wrap_fix .header .navi_btn i {color:#000;}
		.headeropen .navi_btn i {color:#000;}
	
	.header .customer {position:relative; float:right; margin:12px 5px 0;} 
		.header .customer li {position:relative; float:left; margin:0 5px;}
			.header .customer li:first-child {padding:2px 0 0 0;}
			.header .customer li:first-child img {width:38px; transition:all .3s ease; -webkit-transition:all .3s ease;}
			.header .customer li:first-child img:nth-child(2) {position:absolute; top:2px; left:0; opacity:0; transition:all .3s ease; -webkit-transition:all .3s ease;}
		.header .customer li i {font-size:20px; color:#fff; transition:all .3s ease; -webkit-transition:all .3s ease;}
	.wrap_fix .header .customer li:first-child img {opacity:0;}
	.wrap_fix .header .customer li:first-child img:nth-child(2) {opacity:1;}
		.wrap_fix .header .customer li i {color:#000;}
	.headeropen .customer li:first-child img {opacity:0;}
	.headeropen .customer li:first-child img:nth-child(2) {opacity:1;}
		.headeropen .customer li i {color:#000;}

	/*Àüü¸Þ´º*/
	.navi_submenu {position:fixed; top:-130%; width:100%; max-width:600px; height:100%; text-align:left; font-size:0; background:rgba(255,255,2555,.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; font-size:0;}
		.navi_submenu .submenu_section {display:inline-block; *display:inline; width:49%; padding:0 1%; margin:.5%; vertical-align:top;}
			.navi_submenu .submenu_section .submenu_section_title {width:100%; text-align:center; font-family:'Pretendard'; font-weight:500; font-size:15px; letter-spacing:-.5px; line-height:35px; color:#000; border-bottom:.5px solid rgba(0,0,0,.1); margin:25px auto 10px;}
				.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; font-family:'Pretendard'; font-weight:100; font-size:12px; line-height:13px; letter-spacing:-.5px; color:#000; cursor:pointer;}
		.navi_submenu_open {top:0; opacity:1;}

/*ÇÏ´Ü*/
.bottom { display:table; top:0; width:100%; text-align:center; max-width:600px; background:#191919; margin:0 auto;}

	.bottom .footerbtn {clear:both; float:left; width:100%; border-bottom:.5px solid rgba(255,255,255,.1);}
		.bottom .footerbtn li {position:relative; float:left; width:33.33%; ont-family:'Pretendard'; text-align:center; font-weight:300; font-size:12px; line-height:35px; color:#999; border-left:.5px solid rgba(255,255,255,.1);}
			.bottom .footerbtn li span {position:relative; padding-left:15px;}
			.bottom .footerbtn li i {position:absolute; top:1px; left:0;}
		.bottom .footerbtn li:first-child {border:none;}
			.bottom .footerbtn li a {display:block; width:100%; font-family:'Pretendard'; text-align:center; font-weight:300; font-size:12px; line-height:35px; color:#999; text-decoration:none;}

	.bottom .companycall {clear:both; float:left; width:100%; border-bottom:.5px solid rgba(255,255,255,.1);}
		.bottom .companycall li {float:left; width:50%; font-family:'Pretendard'; font-weight:100; font-size:20px; line-height:20px; color:#999; text-align:center; border-left:.5px solid rgba(255,255,255,.1); padding:10px 0 15px;}
		.bottom .companycall li:first-child {border:none;}
		.bottom .companycall li strong {font-weight:300; font-size:12px; color:#fff;}

	.bottom .companyinfo {clear:both; float:left; width:100%; text-align:center; padding:30px 0;}
		.bottom .companyinfo ul {display:table; width:100%; margin:10px 0;}
		.bottom .companyinfo li {display:inline-block; font-family:'Pretendard'; font-weight:300; font-size:11px; line-height:15px; color:#999; margin:0 5px;}
		.bottom .companyinfo li:first-child {color:#fff;}
		.bottom .companyinfo ul:last-child li {width:100%; color:#999; margin:10px 0 0 0;}
			.bottom .companyinfo li span {color:#fff;}
		.bottom .companyinfo a {font-family:'Pretendard'; font-weight:300; font-size:11px; text-decoration:none; color:#999;}





/*¸ÞÀÎ ÄÁÅÙÃ÷*/
.more-btn {display:table; font-family:'Pretendard'; font-weight:300; text-align:center; font-size:12px; line-height:20px; color:#fff; border:.5px solid rgba(255,255,255,.3); padding:10px 30px; cursor:pointer; transition:all .3s ease; -webkit-transition:all .3s ease;}
	.more-btn:hover {color:#000; background:#fff; border-color:#fff;}

.main-title {width:100%; font-family:'Pretendard'; font-weight:300; text-align:center; font-size:25px; line-height:25px; color:#000;}
	.main-title strong {font-weight:700;}
	.main-title span {font-size:12px;}

/*¸ÞÀÎ*/
.main-movie {position:relative; width:100%; height:500px; background:#000; padding:0 2%; overflow:hidden;}
	.main-movie .text-box {position:absolute; top:50%; left:0; width:100%; margin-top:-50px; z-index:3;}
		.main-movie .text-box .main-title {width:100%; font-family:'Pretendard'; font-weight:100; text-align:center; font-size:24px; line-height:35px; color:#fff;}
			.main-movie .text-box .main-title strong {font-weight:500; font-size:50px;}
		.main-movie .text-box .main-comment {width:100%; font-family:'Pretendard'; font-weight:300; text-align:center; font-size:12px; line-height:15px; color:#fff; margin:30px 0 50px;}
		.main-movie .text-box .more-btn  {margin:0 auto;}
	.main-movie .movie-contents {position:absolute; top:50%; left:50%; width:2000px; height:500px; margin-left:-1000px; margin-top:-250px; opacity:.5; z-index:1;}
		.main-movie .movie-contents iframe {width:100%; height:100%;}





.main-area {position:relative; width:100%; padding:30px 2% 2%; overflow:hidden;}
	.main-area .area-contents {width:100%; margin:30px 0 0 0;}
	.main-area .area-contents * {transition:all .3s ease; -webkit-transition:all .3s ease;}
		.main-area .area-contents .area-box {position:relative; float:left; width:24.8%; height:250px; background:#000; margin:.1%; cursor:pointer;}
			.main-area .area-contents .area-box .area-text {position:absolute; top:50px; left:0; width:100%; z-index:1;}
				.main-area .area-contents .area-box .area-text .area-title {position:relative; width:100%; font-family:'Pretendard'; font-weight:300; text-align:center; font-size:12px; line-height:10px; color:#fff;}
					.main-area .area-contents .area-box .area-text .area-title span {font-weight:100; font-size:15px; line-height:25px;}
					.main-area .area-contents .area-box .area-text .area-title strong {font-weight:500; font-size:12px; line-height:13px;}
				.main-area .area-contents .area-box .area-text .area-title:after {position:absolute; top:70px; left:50%; width:.5px; height:30px; background:#fff; content:''; transition:all .3s ease; -webkit-transition:all .3s ease;}
				.main-area .area-contents .area-box .area-text .area-more {position:absolute; top:50px; left:50%; width:30px; height:30px; text-align:center; font-size:20px; line-height:30px; color:#fff; border:.5px solid #fff; border-radius:100%; padding:4px 0 0 2px; margin:60px auto 0; margin-left:-15px; overflow:hidden;}
			.main-area .area-contents .area-box .area-img {width:100%; height:100%; -webkit-filter:grayscale(100%); filter:grayscale(100%); opacity:.8;}
			.main-area .area-contents .area-box:nth-child(1) .area-img {background:url('../../skin/images/main_areaimg01.jpg') no-repeat 50% 50%; background-size:cover;}
			.main-area .area-contents .area-box:nth-child(2) .area-img {background:url('../../skin/images/main_areaimg02.jpg') no-repeat 50% 50%; background-size:cover;}
			.main-area .area-contents .area-box:nth-child(3) .area-img {background:url('../../skin/images/main_areaimg03.jpg') no-repeat 50% 50%; background-size:cover;}
			.main-area .area-contents .area-box:nth-child(4) .area-img {background:url('../../skin/images/main_areaimg04.jpg') no-repeat 50% 50%; background-size:cover;}
			.main-area .area-contents .area-box:nth-child(5) .area-img {background:url('../../skin/images/main_areaimg05.jpg') no-repeat 50% 50%; background-size:cover;}
			.main-area .area-contents .area-box:nth-child(6) .area-img {background:url('../../skin/images/main_areaimg06.jpg') no-repeat 50% 50%; background-size:cover;}
			.main-area .area-contents .area-box:nth-child(7) .area-img {background:url('../../skin/images/main_areaimg07.jpg') no-repeat 50% 50%; background-size:cover;}
		.main-area .area-contents .area-box:hover .area-img {-webkit-filter:grayscale(0); filter:grayscale(0); opacity:1;}





.main-blog {position:relative; width:100%; background:url('../../skin/images/main_blog_bg.jpg') no-repeat fixed 50% 50%; background-size:cover; overflow:hidden;}
	.main-blog .main-blog-bg {width:100%; height:100%; padding:30px 2%; background:rgba(0,0,0,.5);}
	.main-blog .main-title {color:#fff;}
	.main-blog .blog-contents {clear:both; width:100%; margin:30px 0 0 0;}
		.main-blog .blog-contents iframe {width:100%; height:280px;}





.main-company {position:relative; width:100%; font-size:0; padding:30px 2% 2%; overflow:hidden;}
	.main-company * {transition:all .3s ease; -webkit-transition:all .3s ease;}
	.main-company .link-contents {position:relative; display:inline-block; width:32.33%; height:250px; background:#000; margin:30px .5% 0; cursor:pointer;}
		.main-company .link-contents .link-text {position:absolute; top:70px; left:0; width:100%; z-index:1;}
			.main-company .link-contents .link-text .link-title {width:100%; font-family:'Pretendard'; font-weight:100; text-align:center; font-size:20px; line-height:20px; color:#fff;}
			.main-company .link-contents .link-text .link-title span {font-size:12px;}
			.main-company .link-contents .link-text .link-more {width:30px; height:30px; text-align:center; font-size:20px; line-height:30px; color:#fff; border:.5px solid #fff; border-radius:100%; padding:4px 0 0 2px; margin:30px auto 0; overflow:hidden;}
		.main-company .link-contents .link-img {width:100%; height:100%; opacity:.5;}
		.main-company .link-contents:nth-child(2) .link-img {background:url('../../skin/images/main_quicklink_greeting.jpg') no-repeat 50% 50%; background-size:cover;}
		.main-company .link-contents:nth-child(3) .link-img {background:url('../../skin/images/main_quicklink_location.jpg') no-repeat 50% 50%; background-size:cover;}
		.main-company .link-contents:nth-child(4) .link-img {background:url('../../skin/images/main_quicklink_recruit.jpg') no-repeat 50% 50%; background-size:cover;}
	.main-company .link-contents:hover .link-img {opacity:1;}





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





.subtitle_group {width:100%; max-width:600px; text-align:center; z-index:2; padding:100px 0 50px;}
	.subtitle_e {clear:both; width:100%; text-align:center; font-family:'Pretendard'; font-weight:700; font-size:30px; line-height:50px; color:#fff; text-transform:uppercase;}





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





/*¼­ºê¸Þ´º*/
.submenu {width:96%; margin:30px 2% 0;}
		.submenu ul {display:table; width:100%; margin:0; padding:0; font-size:0; text-align:center;}
			.submenu li {display:inline-block; width:19%; border:.5px solid rgba(255,255,255,.2); margin-bottom:-.5px; box-sizing:border-box; font-family:'Pretendard'; font-weight:300; text-align:center; font-size:10px; line-height:35px; letter-spacing:-1px; color:#fff; text-decoration:none; margin:.5%;}
		.submenu .on {font-weight:500; color:#000; background:#b99774; border-color:#b99774;}
		.submenu	 .count2 li {width:49%;}
		.submenu	 .count3 li {width:32.33%;}
		.submenu	 .count4 li {width:24%;}





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

	.bodytab * {box-sizing:border-box;}
	.bodytab {width:100%; text-align:left; font-size:0;}
		.bodytab ul {padding:0; margin:0;}
			.bodytab li {position:relative; display:inline-block; width:32.83%; font-family:'Pretendard'; text-align:center; font-weight:400; font-size:9px; letter-spacing:-1px; line-height:30px; color:#000; border:.5px solid rgba(0,0,0,.3); margin:.25%; transition:all .2s ease; -webkit-transition:all .2s ease; cursor:pointer;}
			.bodytab li:first-child {border-left:.5px solid rgba(0,0,0,.3)}
			.bodytab li.active {color:#fff; background:#191919; border-color:#191919;}

	.content_wr * {box-sizing:border-box;}
	.content_wr > div {clear:both; float:left; width:100%; display:none; margin:10px 0 0 0; padding:10px 0 0 0; transition:all .2s ease; -webkit-transition:all .2s ease; border-top:.5px solid rgba(0,0,0,1);}
		.content_wr > div.active {display:block;}
			.content_wr .bodycontent {width:100%; font-size:0;}

			.bodycontent li {position:relative; float:left; list-style:none; width:100%; font-family:'Pretendard'; text-align:left; font-weight:300; font-size:12px; line-height:15px; color:#000; padding:0 0 10px 15px;}
				.bodycontent li:before {position:absolute; top:0; left:0; content:'\ea36'; font-family:'xeicon'; font-size:12px;}
				.bodycontent li .subcomment {display:table; width:100%; background:rgba(0,0,0,.05); padding:5px 5px 10px; border:.5px solid #ddd; margin:10px 0 0 0;}
					.bodycontent li .subcomment li {position:relative; clear:both; float:left; width:100%; font-family:'Pretendard'; text-align:left; font-weight:300; font-size:11px; line-height:13px; color:#000; padding:3px 0 0 14px;}
						.bodycontent li .subcomment li:before {position:absolute; top:3px; left:0; content:'\e929'; font-family:'xeicon'; font-size:12px; color:#b99774;}