*{margin:0px}

html{}
body{background-color:#ffffff; color:#000000; 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;}
*{border-width:0; margin:0; word-break:keep-all; box-sizing:border-box;}
ul,ol,li{list-style:none;}
a:link {text-decoration:none;color:#8B8B8B;}


strong {font-weight:normal;}
ul {padding:0; margin:0;}
li {list-style:none;}

/*°øÅë*/
 #wrap {margin:0 auto; overflow:hidden; width:100%; max-width:800px;}

 #btn {width:100%; max-width:800px;}

 #bottom_btn {width:100%;}

 p {margin:0px; padding-left:0px; font-size:8pt; font-family:µ¸¿ò,arial,"san serif";}

 #bottom {width:100%;}

 #bottomboxtable {border:0; background-color:#2E2E2E; width:100%; font-family:'µ¸¿ò',Dotum,'±¼¸²',Gulim,Apple-Gothic,sans-serif; letter-spacing:0pt; font-size:12px; color:#ffffff;}





/*¸ÞÀÎÈ­¸é*/
 #images {width:100%; max-width:800px;}





/*¼­ºêÈ­¸é*/
 #subtitle {width:100%;}

 #submenu {width:100%; margin:0 auto; padding:0 0 8px 0; font-size:10pt; font-family:µ¸¿ò,arial,"san serif"; text-align:center; border-bottom:1px solid #CBCBCB;}
 #submenu li {display:inline-block; padding:8px 0 0 0;}
 #submenu li a {color:#333333; font-family:µ¸¿ò,arial, "san serif"; text-decoration:none;}
 #submenu li .nav-btn {color:#008BBC; font-weight:bold; font-family:µ¸¿ò,arial, "san serif"; text-decoration:underline;}

 #contents {width:100%; min-height:300px;}
 

.header {display:table; width:100%; border-bottom:2px solid #be0000; padding:10px 10px;}
	.header .logo {float:left;}
		.header .logo img {width:80px;}
	.header .logo a {display:block; text-decoration:none;}
		.header .logo ul {display:inline-block; vertical-align:top;}
		.header .logo ul:nth-child(1) {margin:2px 5px 0 0;}
			.header .logo li {font-family:'Pretendard'; font-weight:500; text-align:left; color:#000;}
			.header .logo li:nth-child(1) {font-weight:400; font-size:13px; line-height:14px;}
			.header .logo li:nth-child(2) {font-weight:900; font-size:19px; line-height:21px; color:#be0000;}

	.header .snslink {float:right; margin-top:5px;}
		.header .snslink ul {display:table;}
			.header .snslink li {float:left; position:relative;}
				.header .snslink li a {position:relative; display:block; width:35px; height:35px; border:.5px solid rgba(0,0,0,.2); border-radius:100%; font-family:'Pretendard'; font-weight:300; text-align:center; font-size:23px; line-height:40px; padding-top:5.5px; color:#000; text-decoration:none; margin-left:5px;}
				.header .snslink li i {}
				.header .snslink li:nth-child(1) i {background:radial-gradient(circle farthest-corner at 35% 90%, #fec564, transparent 50%), 
																		 radial-gradient(circle farthest-corner at 0 140%, #fec564, transparent 50%), 
																		 radial-gradient(ellipse farthest-corner at 0 -25%, #5258cf, transparent 50%), 
																		 radial-gradient(ellipse farthest-corner at 20% -50%, #5258cf, transparent 50%), 
																		 radial-gradient(ellipse farthest-corner at 100% 0, #893dc2, transparent 50%), 
																		 radial-gradient(ellipse farthest-corner at 60% -20%, #893dc2, transparent 50%), 
																		 radial-gradient(ellipse farthest-corner at 100% 100%, #d9317a, transparent), 
																		 linear-gradient(#6559ca, #bc318f 30%, #e33f5f 50%, #f77638 70%, #fec66d 100%); -webkit-text-fill-color:transparent; -webkit-background-clip:text;}
				.header .snslink li:nth-child(2) i {color:#03c75a;}
	.header .navi {clear:both; width:100%; padding:15px 0 0;}
			.header .navi ul {padding:0; margin:0; font-size:0; line-height:0;}
			.header .navi li {display:inline-block; vertical-align:top; width:20%;}
				.header .navi li a {display:block; text-decoration:none; font-family:'Pretendard'; text-align:center; font-weight:500; font-size:16px; line-height:18px; color:#000;}
					.header .navi li a span {font-weight:300; font-size:12px;}


.bottom {clear:both; display:table; width:100%; text-align:center; background:#191919; border-top:1px solid rgba(0,0,0,.1); padding:30px 0 140px;}
.bottom .centerdiv {display:table; width:100%; margin:0 auto; text-align:left; padding:0;}
	.bottom .centerdiv .ci {display:table; width:100%; font-family:'Pretendard'; font-weight:800; text-align:center; font-size:15px; line-height:20px; color:#fff; padding:0;}
	.bottom .centerdiv .text {display:table; width:100%; padding:0;}
		.bottom .centerdiv .text ul {display:table; width:100%; text-align:center; margin:10px 0;}
			.bottom .centerdiv .text li {display:inline-block; vertical-align:top; font-family:'Pretendard'; font-weight:200; font-size:12px; line-height:17px; color:#fff; margin:0 5px;}
				.bottom .centerdiv .text li a {font-family:'Pretendard'; font-size:13px; line-height:15px; color:#fff; text-decoration:none;}



.footer_inquiry_section {position:fixed; bottom:0; left:0; width:100%; text-align:center; font-size:0; background:#be0000; padding:5px 10px; box-shadow:0 0 3px rgba(0,0,0,.5); z-index:99; transition:all .3s ease; -webkit-transition:all .3s ease;}
	.footer_inquiry_section .formgroup_title {display:inline-block; vertical-align:top; margin-right:0;}
		.footer_inquiry_section .formgroup_title ul {position:relative;}
			.footer_inquiry_section .formgroup_title li {position:relative; display:inline-block; vertical-align:top; font-family:'Pretendard'; font-weight:500; color:#fff;}
			.footer_inquiry_section .formgroup_title li:nth-child(1) {font-size:20px; line-height:30px; padding-right:5px; padding-left:23px;}
				.footer_inquiry_section .formgroup_title li:nth-child(1) i {position:absolute; top:3px; left:0; font-size:23px;}
			.footer_inquiry_section .formgroup_title li:nth-child(2) {font-weight:900; font-size:25px; line-height:30px; color:#ffb93d;}
	.footer_inquiry_section .formgroup_box {width:100%; margin-top:5px;}
		.footer_inquiry_section .formgroup_box iframe {width:100%; max-width:350px; height:65px; margin:0 auto;}



.main_images {position:relative; width:100%; margin-top:0;}
	.main_images:after {position:absolute; top:0; left:0; width:100%; height:100%; content:''; background:rgba(0,0,0,.5); z-index:19;}
	.main_images .main_images_title {position:absolute; top:40px; left:0; width:100%; text-align:center; z-index:20;}
		.main_images .main_images_title ul {position:relative; width:100%;}
			.main_images .main_images_title li {width:100%; font-family:'Pretendard'; font-weight:500; color:#fff; text-shadow:0 0 5px #000;}
			.main_images .main_images_title ul:nth-child(1) li:nth-child(1) {font-weight:700; font-size:25px; line-height:30px; margin-bottom:10px; color:#ffb93d;}
			.main_images .main_images_title ul:nth-child(1) li:nth-child(2) {font-weight:300; font-size:15px; line-height:20px; letter-spacing:-1px;}
			.main_images .main_images_title ul:nth-child(1) li:nth-child(3) {position:absolute; top:0; left:0; width:100%; font-weight:700; font-size:50px; line-height:70px; opacity:.2; text-shadow:none; z-index:-1;}
		.main_images .main_images_title ul:nth-child(2) {width:auto; display:table; margin:20px auto 0; padding:20px 30px 0;}
			.main_images .main_images_title ul:nth-child(2):after {position:absolute; top:0; left:0; width:100%; height:.5px; content:''; background:linear-gradient(to right, rgba(255,255,255,0), rgba(255,255,255,1), rgba(255,255,255,0));}
			.main_images .main_images_title ul:nth-child(2) li {position:relative; font-weight:300; text-align:left; font-size:14px; line-height:17px; margin:5px 0; padding-left:20px;}
				.main_images .main_images_title ul:nth-child(2) li:after {position:absolute; top:-2px; left:0; content:'\e929'; font-family:'xeicon'; font-size:17px;}

.main_company {width:100%; padding:50px 10px 0; background:linear-gradient(to bottom, rgba(0,0,0,0) 0 65%, rgba(0,0,0,.05) 65% 100%);}
	.main_company .main_company_contents {position:relative; width:100%; height:250px; background:#000 url('../../skin/images/company_bg.jpg') no-repeat center; background-size:cover;  border-radius:10px; overflow:hidden;}
		.main_company .main_company_contents:after {position:absolute; top:0; left:0; width:100%; height:100%; content:''; background:rgba(0,0,0,.3); z-index:1;}
		.main_company .main_company_body {position:relative; width:100%; text-align:center; padding:0 0 50px; z-index:2;}
			.main_company .main_company_body ul {width:100%;}
				.main_company .main_company_body li {display:table; font-family:'Pretendard'; font-weight:300; color:#000; margin:0 auto;}
				.main_company .main_company_body ul:nth-child(1) li:nth-child(1) {font-weight:300; font-size:13px; line-height:15px;}
				.main_company .main_company_body ul:nth-child(1) li:nth-child(2) {font-weight:600; font-size:20px; line-height:23px; margin:10px auto 20px;}
					.main_company .main_company_body ul:nth-child(1) li:nth-child(2) strong {font-weight:900; color:#be0000;}
				.main_company .main_company_body ul:nth-child(2) li {display:inline-block; vertical-align:top; font-size:14px; line-height:20px; margin:0 5px;}
				.main_company .main_company_body ul:nth-child(3) li {font-size:18px; line-height:33px; color:#666; margin:60px auto 0;}
		.main_company .main_company_text {position:absolute; top:0; left:0; width:100%; text-align:center; padding:20px 10px; z-index:2;}
			.main_company .main_company_text ul {width:100%;}
				.main_company .main_company_text li {display:table; font-family:'Pretendard'; font-weight:500; color:#fff; margin:0 auto; text-shadow:0 0 3px #000;}
				.main_company .main_company_text li {font-size:14px; line-height:17px; margin:20px auto 0;}

.main_business {width:100%; padding:50px 10px; text-align:center; background:rgba(0,0,0,.05);}
	.main_business .main_business_title {width:100%;}
		.main_business .main_business_title ul {width:100%;}
			.main_business .main_business_title li {display:table; font-family:'Pretendard'; font-weight:300; color:#000; margin:0 auto;}
			.main_business .main_business_title li:nth-child(1) {font-weight:300; font-size:13px; line-height:15px;}
			.main_business .main_business_title li:nth-child(2) {font-weight:700; font-size:25px; line-height:30px; margin:10px auto 20px;}
				.main_business .main_business_title li:nth-child(2) strong {font-weight:900; color:#be0000;}
			.main_business .main_business_title li:nth-child(3) {font-size:14px; line-height:17px; color:#666; margin:0 auto 0;}
	.main_business .main_business_contents {width:100%; max-width:1300px; font-size:0; margin:30px auto 0;}
		.main_business .main_business_contents .main_business_item {position:relative; display:inline-block; vertical-align:top; width:49%; height:230px; margin:.5%; background-size:cover !important; border-radius:10px; overflow:hidden; cursor:pointer;}
			.main_business .main_business_contents .main_business_item:after {position:absolute; top:0; left:0; width:100%; height:100%; content:''; background:rgba(0,0,0,.5); z-index:1;}
				.main_business .main_business_contents .main_business_item:hover:after {background:rgba(0,0,0,.3); transition:all .3s ease; -webkit-transition:all .3s ease;}
		.main_business .main_business_contents .main_business_item:nth-child(1) {background:url('../../skin/images/businessimg5.jpg') no-repeat center;}
		.main_business .main_business_contents .main_business_item:nth-child(2) {background:url('../../skin/images/businessimg6.jpg') no-repeat center;}
		.main_business .main_business_contents .main_business_item:nth-child(3) {background:url('../../skin/images/businessimg3.jpg') no-repeat center;}
		.main_business .main_business_contents .main_business_item:nth-child(4) {background:url('../../skin/images/businessimg4.jpg') no-repeat center;}
			.main_business .main_business_contents .main_business_item div {position:absolute; top:0; left:0; width:100%; padding:10px; z-index:2;}
				.main_business .main_business_contents .main_business_item div ul {width:100%; text-align:left;}
					.main_business .main_business_contents .main_business_item div li {display:table; width:100%; font-family:'Pretendard'; font-weight:300; color:#fff; text-shadow:0 0 3px #000;}
					.main_business .main_business_contents .main_business_item div ul:nth-child(1) li {font-weight:500; font-size:16px; line-height:20px; margin-bottom:10px;}
					.main_business .main_business_contents .main_business_item div ul:nth-child(2) li {display:inline-block; vertical-align:top; font-size:14px; line-height:17px; width:auto; margin-right:5px;}

.quicklink {width:100%; text-align:center; background:url('../../skin/images/link_bg2.jpg') no-repeat center; background-size:cover;}
.quicklink div {width:100%; background:rgba(0,0,0,.3); padding:50px 10px;}
	.quicklink ul {width:100%; max-width:1300px; font-size:0; margin:0 auto;}
		.quicklink li {display:inline-block; vertical-align:top; width:49%; margin:.5%; border:.5px solid rgba(255,255,255,.2); padding:15px 0 28px; border-radius:10px; transition:all .3s ease; -webkit-transition:all .3s ease;}
		.quicklink li:hover {border:.5px solid rgba(255,255,255,.8); background:rgba(0,0,0,.5);}
			.quicklink li a {display:block; text-decoration:none; font-family:'Pretendard'; font-weight:500; font-size:15px; line-height:18px; color:#fff;}
				.quicklink li a span {font-size:12px; line-height:13px; font-weight:300;}
				.quicklink li a i {font-size:30px; line-height:50px;}