*{ 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; overflow:hidden;}

.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; }
}

@keyframes marquee {
	from { transform: translateX(0); }
	to { transform: translateX(-50%); }
}



/*»ó´Ü¸Þ´º*/
.header { position:fixed; display:table; top:0; width:100%; padding:20px 10px; 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:relative; float:left;}
		.header .logo img {width:150px; transition:all .2s ease; -webkit-transition:all .2s ease;}
		.header .logo img:nth-child(1) {opacity:0;}
		.header .logo img:nth-child(2) {position:absolute; top:0; left:0; opacity:1;}
		.header_fix .logo img:nth-child(1) {opacity:1;}
		.header_fix .logo img:nth-child(2) {opacity:0;}
		.headeropen .logo img:nth-child(1) {opacity:1;}
		.headeropen .logo img:nth-child(2) {opacity:0;}

	.header .customer {float:right; margin:13px 10px 0;} 
		.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:13px 10px 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;}
	.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:13px auto 0; padding:10px 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%; max-width:750px; text-align:center; background:#f8f8f8; padding:0 0 30px 0; margin:0 auto; border-top:.5px solid rgba(0,0,0,.1);}
	.bottom .banner_list {width:100%; height:90px; background:#fff; padding:0;}
		.bottom .banner_list ul {position:absolute; top:15px; left:0; font-size:0; white-space:nowrap; will-change:transform; animation:marquee 40s linear infinite; z-index:1;}
			.bottom .banner_list li {display:inline-block; vertical-align:top; margin:0 20px;}
				.bottom .banner_list li img {height:60px;}

	.bottom .footer_link {clear:both; display:table; width:100%; font-size:0; border-bottom:.5px solid rgba(0,0,0,.1); margin-top:10px; padding:0 10px 10px;}
		.bottom .footer_link li {position:relative; display:inline-block; vertical-align:top; padding:5px 5px;}
			.bottom .footer_link li a {display:block; font-family:'Pretendard'; font-weight:300; font-size:12px; line-height:15px; color:#000; padding:0; cursor:pointer; text-decoration:none;}
			.bottom .footer_link li:first-child a {font-weight:500;}
		.bottom .footer_link li:after {position:absolute; top:5px; right:-1px; width:.5px; height:14px; background:#000; content:''; opacity:.3;}
		.bottom .footer_link li:last-child:after {display:none;}
		
	.bottom .logo {clear:both; float:left; width:100%; text-align:center; margin:20px 0 10px;}
		.bottom .logo img {width:70px;}

	.bottom .companyinfo {clear:both; float:left; width:100%; text-align:center; font-size:0; padding:0 10px;}
		.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; color:#000;}
			.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:#000;}

.footer_btn {display:table; width:100%; width:100%; background:#f8f8f8; border-top:.5px solid rgba(0,0,0,.1);}
	.footer_btn ul {padding:0; margin:0;}
		.footer_btn li {float:left; list-style:none; width:100%; font-family:'Pretendard'; font-weight:200; text-align:center; font-size:11px; line-height:45px; color:#000; 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:70vh; background:#000;}

	.main_images_ling {position:absolute; bottom:-24px; left:50%; z-index:20;}
		.main_images_ling img {width:500px;}
	.main_images_text {position:absolute; top:50%; left:20px; transform:translateY(-50%); -webkit-transform:translateY(-50%); z-index:20;}
	.main_images_text * {transition:all .3s ease; -webkit-transition:all .3s ease;}
		.main_images_text .main_title {float:left; margin-top:50px;}
			.main_images_text .main_title li {clear:both; font-family:'Pretendard'; color:#fff; margin:5px 0;}
			.main_images_text .main_title li:first-child {font-weight:800; font-size:25px; line-height:25px;}
			.main_images_text .main_title li:last-child {font-weight:600; font-size:15px; line-height:20px;}
		.main_images_text .link_btn {clear:both; float:left; margin-top:10px;}
			.main_images_text .link_btn li {float:left; font-family:'Pretendard'; font-weight:300; font-size:12px; line-height:30px; color:#fff; border-radius:100px; border:.5px solid #fff; padding:5px 20px; margin-right:3px; cursor:pointer;}
			.main_images_text .link_btn li:hover {background:#fff; color:#000;}
.main_images .main_images_scroll {position:absolute; bottom:5%; 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;}





.business {width:100%; padding:50px 0 0;}
	.business .business_title {width:100%;}
		.business .business_title li {width:100%; font-family:'Pretendard'; text-align:center; color:#000; margin:5px 0;}
			.business .business_title li:first-child {font-weight:700; font-size:20px; line-height:25px;}
			.business .business_title li:last-child {font-weight:300; font-size:12px; line-height:15px;}
	.business .business_link {width:100%; padding:0 10px; margin:30px auto 0;}
	.business .business_link * {transition:all .3s ease; -webkit-transition:all .3s ease;}
		.business .business_link ul {width:100%; font-size:0; display:inline-flex; flex-wrap:wrap; justify-content:center;}
			.business .business_link li {display:inline-block; vertical-align:top; width:50%; opacity:.5; padding:20px 0; border:.5px solid rgba(0,0,0,.0);}
			.business .business_link li:hover {opacity:1; border-color:rgba(0,0,0,.1);}
				.business .business_link li a {display:block; width:100%; font-family:'Pretendard'; text-align:center; font-size:13px; line-height:15px; color:#000; text-decoration:none;}
				.business .business_link li i {font-size:30px; margin:0 auto 15px;}





.area_app {display:table; width:100%; padding:50px 0; background:#fff;}
	.area_app .ared_app_title {width:100%; display:none;}
	.area_app .ared_app_title * {transition:all .3s ease; -webkit-transition:all .3s ease;}
		.area_app .ared_app_title li {width:100%; font-family:'Pretendard'; text-align:center; color:#000; margin:5px 0;}
			.area_app .ared_app_title li:first-child {font-weight:700; font-size:25px; line-height:30px;}
			.area_app .ared_app_title li:nth-child(2) {font-weight:300; font-size:12px; line-height:15px;}
			.area_app .ared_app_title li:nth-child(3) {display:table; width:auto; font-weight:300; font-size:12px; line-height:30px; margin:30px auto; border-radius:100px; border:.5px solid rgba(0,0,0,.1); padding:5px 20px; cursor:pointer;}
			.area_app .ared_app_title li:nth-child(3):hover {background:rgba(0,0,0,.7); color:#fff;}
	.area_app .area_slide {position:relative; width:100%; font-size:0; height:100px; margin:0 0 0;}
	.area_app .area_slide:before {position:absolute; top:0; left:0; width:50px; height:100%; content:''; z-index:11; background:linear-gradient(to right, rgba(247,247,247,1), rgba(247,247,247,.0));}
	.area_app .area_slide:after {position:absolute; top:0; right:0; width:50px; height:100%; content:''; z-index:11; background:linear-gradient(to left, rgba(247,247,247,1), rgba(247,247,247,.0));}
		.area_app .area_slide ul {position:absolute; top:0; left:0; white-space:nowrap; will-change:transform; z-index:1; animation:marquee 60s linear infinite; z-index:10;}
			.area_app .area_slide li {display:inline-block; margin:0 2px;}
				.area_app .area_slide li img {height:100px;}





.board_contents {display:table; width:100%; padding:50px 10px;}
	.board_contents .notice {padding:0 0 50px;}
		.board_contents .board_title {display:table; width:100%; font-family:'Pretendard'; color:#000; border-bottom:.5px solid rgba(0,0,0,.1);}
			.board_contents .board_title li:first-child {float:left; font-weight:600; font-size:18px; line-height:30px;}
			.board_contents .board_title li:nth-child(2) {float:right; font-weight:300; font-size:12px; line-height:30px; cursor:pointer;}
		.board_contents .board_list {clear:both; width:100%; margin-top:5px;}
			.board_contents .board_list iframe {width:100%; margin:0 auto;}
			.board_contents .notice iframe {height:450px;}
			.board_contents .news iframe {height:380px;}





	.tab_content_wr > div {clear:both; display:none;}
		.tab_content_wr > div.active {display:block;}








/*¼­ºêÄÁÅÙÃ÷*/
.subimages {position:relative; display:table; width:100%; max-width:750px; height:300px; font-size:0;}
.subimages:after {position:absolute; top:0; left:0; width:100%; height:100%; background:linear-gradient(to bottom, rgba(0,0,0,1), rgba(0,0,0,.0)); content:''; z-index:1;}
	.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;}
	.subimg10 {background:url('../../skin/images/sub_images10.jpg') no-repeat center top; background-size:cover;}


.subtitle_group {position:absolute; top:50%; left:0; width:100%; text-align:center; z-index:2; margin-top:20px; transform:translateY(-50%); margin-top:35px;}
	.subtitle_k {clear:both; width:100%; text-align:center; font-family:'Pretendard'; font-weight:100; font-size:30px; line-height:30px; color:#fff; padding:0;}

	/*¸Ê*/
.subtitle_group .subnav {margin:5px 0 0;}
	.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:11px; 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 {width:96%; z-index:3; margin:20px auto 0;}
	.submenu ul {margin:0; padding:0; font-size:0; text-align:center;}
	.submenu li {position:relative; display:inline-block; width:24.5%; padding:0; margin:.25%; cursor:pointer;}
		.submenu li a {display:block; font-family:'Pretendard'; font-weight:100; font-size:12px; line-height:35px; letter-spacing:-.5px;color:#fff; background:rgba(0,0,0,.5); text-decoration:none;}
	.submenu .on a {font-weight:300; color:#000; background:#fff !important;}
	.submenu .count5 li {width:19.5%;}
	.submenu .count3 li {width:32.8%;}
	.submenu .count2 li {width:49.5%;}

	.subimg02 .submenu {}
	.subimg03 .submenu {display:none;}
	.subimg04 .submenu {}
	.subimg05 .submenu {}
	.subimg06 .submenu {display:none;}

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