@charset "utf-8";

/* ¼­ºê ·¹À̾ƿô */
#sbody { display:block; width:100%; background:#fff; }

#sub_visual { height:290px; }
#sub_visual .visual_area { display:block; height:100%; background:url('../images/sub/sub_visual_01.jpg') no-repeat 50% top; }

.s_inner { display:block; max-width:1200px; margin:0 auto; overflow:hidden; }

/* LNB */
#ln_area { display:block; margin:0 0 50px; border-bottom:1px solid #ddd; }
#ln_area .ln { display:block; max-width:1200px; margin:0 auto; text-align:center; }
#ln_area .ln > li { display:inline-block; max-width:185px; width:16%; margin:0 -2px}
#ln_area .ln > li a { display:block; line-height:56px; font-size:1.0625em; font-weight:400; color:#616161; font-family:'Noto Sans KR', sans-serif; border-right:1px solid #e2e2e2; }
#ln_area .ln > li:first-child a { border-left:1px solid #e2e2e2; }

#ln_area .ln > li.current a { font-weight:400; color:#fff; background:#603d98; border-color:#603d98;}


/* ȸ»ç¼Ò°³ : ȸ»ç¼Ò°³ */
.about_box1 { display:block; padding:112px 0 102px; text-align:center; word-break:keep-all; }
.about_box1 .s_logo { margin:0 0 50px; }
.about_box1 .text_box { display:block; letter-spacing:-0.05em; }
.about_box1 .text_box .text1 { font-size:2.5625em; font-weight:600; color:#141414; }
.about_box1 .text_box .text2 { margin:25px 0 40px; font-size:1.9375em; font-weight:400; color:#141414; }
.about_box1 .text_box .text2 img { vertical-align:top; }
.about_box1 .text_box .text3 { width:60%; line-height:26px; margin:0 auto; font-size:0.9375em; font-weight:400; color:#616161; font-family:'Noto Sans KR', sans-serif; }

.about_box2 { display:block; min-height:851px; word-break:keep-all; background:url('../images/sub1/about_bg01.jpg') no-repeat 50% top; background-size:cover; }
.about_box2 .text1 { padding:150px 0 25px; font-size:3.8125em; font-weight:600; color:#fff; text-align:center; }
.about_box2 .text2 { line-height:36px; margin:0 auto; font-size:1.5625em; font-weight:400; color:#fff; text-align:center; opacity:0.8; }
.about_box2 .text2 span { display:block; }

.about_box2 .after_box { display:block; margin-top:85px; text-align:center; }
.about_box2 .after_box dl { display:inline-block; width:210px; margin-right:10%; vertical-align:top; }
.about_box2 .after_box dl:last-child { margin-right:0; }
.about_box2 .after_box dl dt { position:relative; display:block; width:210px; height:210px; line-height:1.5; margin:0 0 30px; font-size:1.25em; font-weight:600; color:#fff; text-align:center; background:url('../images/sub1/icon_03.png') no-repeat 50% top; box-sizing:border-box;  }
.about_box2 .after_box dl dt span { position:absolute; left:0; top:20px; right:0; bottom:0; height:74px; margin:auto auto; }
.about_box2 .after_box dl:nth-child(2) dt span { height:37px; }
.about_box2 .after_box dl dd { display:block; line-height:30px; padding-left:25px; font-size:1.25em; color:rgba(255,255,255,0.8); text-align:left; background:url('../images/sub1/dotted.png') no-repeat 10px 50%; }


/* ¼­ºñ½º¾È³» */
.service_area { text-align:center; word-break:keep-all; }
.service_area .service_text { background:url('../images/sub2/icon_01.gif') no-repeat 50% bottom; }
.service_area .service_text .text1 { line-height:1.5; padding:50px 0 30px; font-size:1.9375em; letter-spacing:-0.05em; color:#141414; }
.service_area .service_text .text2 { line-height:1.5; padding:0 0 60px; font-size:0.9375em; letter-spacing:-0.025em; color:#616161; font-family:'Noto Sans KR', sans-serif; }

.service_area .sv_detail_box { display:block; max-width:1200px; margin:70px auto 100px; }
.service_area .sv_detail_box ul:after { display:block; content:''; clear:both; }
.service_area .sv_detail_box ul li { position:relative; min-height:500px; padding:40px 0; border-right:1px solid #e2e2e2; box-sizing:border-box;  }
.service_area .sv_detail_box ul li .txt1 { padding:0 0 25px; font-size:1.9375em; color:#141414; letter-spacing:-0.05em; background:url('../images/sub2/icon_02.gif') no-repeat 50% bottom; }
.service_area .sv_detail_box ul li .txt2 { padding:35px 10px 25px; font-size:0.9375em; color:#616161; font-family:'Noto Sans KR', sans-serif; letter-spacing:-0.025em; }
.service_area .sv_detail_box ul li .txt3 { padding:0 15px 25px; font-size:0.9375em; color:#616161; font-family:'Noto Sans KR', sans-serif; letter-spacing:-0.025em; }
.service_area .sv_detail_box ul li .text_area { position:absolute; display:block; left:0; top:330px; width:100%; line-height:1.8; font-size:0.8125em; color:#616161; font-family:'Noto Sans KR', sans-serif; letter-spacing:-0.025em; }
.service_area .sv_detail_box ul li .text_area .txt4 { padding-top:40px; }

.service_area .sv_detail_box ul li:first-child { border-left:1px solid #e2e2e2; }

.service_area .sv_detail_box1 ul li { float:left; width:25%; }
.service_area .sv_detail_box2 ul li { float:left; width:50%; min-height:313px; }
.service_area .sv_detail_box3 ul li { float:left; width:50%; }

.service_area .inquiry_box { display:block; min-height:184px; padding:105px 0; background:url('../images/sub2/service_bg01.jpg') no-repeat 50% top; background-size:cover; }
.service_area .inquiry_box .text { line-height:1.5; padding:0 55px 40px; font-size:1.4375em; color:rgba(255,255,255,0.8); text-align:center; letter-spacing:-0.05em;  }
.service_area .inquiry_box .text span { display:inline-block; }
.service_area .inquiry_box .btn_inquiry { display:block; width:193px; line-height:56px; margin:0 auto; font-size:1.3125em; font-weight:600; color:#fff; text-align:center; font-family:'Noto Sans KR', sans-serif; letter-spacing:-0.025em;  background:#513776; border-radius:7px; }

/* ¼­ºñ½º¾È³» : ¼îÇθô */
.shoppingmall_content1 { display:block; min-height:315px; padding:40px 0; background:url('../images/sub2/service_bg02.jpg') no-repeat 50% top; background-size:cover; }
.shoppingmall_content1 .subject { padding:0 0 30px; font-size:1.5em; color:#fff; letter-spacing:-0.05em; }
.shoppingmall_content1 .content_area { display:block; max-width:1200px; margin:0 auto; }
.shoppingmall_content1 .content_area:after { display:block; content:''; clear:both; }
.shoppingmall_content1 dl { display:inline-block; max-width:200px; width:17%; min-height:281px; margin:0 -2px; padding:15px 0; color:#fff; font-family:'Noto Sans KR', sans-serif; letter-spacing:-0.025em; border-right:1px solid #fff; box-sizing:border-box; vertical-align:top; }
.shoppingmall_content1 dl:last-child { border-right:none; }

.shoppingmall_content1 dl dt { margin:0 0 15px; padding:0 0 15px; font-size:0.9375em; border-bottom:1px solid #fff; }
.shoppingmall_content1 dl dd { line-height:22px; font-size:0.8125em; }

.shoppingmall_content2 { max-width:1200px; min-height:220px; margin:0 auto; padding:60px 0 80px; }
.shoppingmall_content2 .subject { padding:0 0 40px; font-size:1.5em; color:#141414; letter-spacing:-0.05em; }
.shoppingmall_content2 ul { display:table; }
.shoppingmall_content2 ul li { display:table-cell; width:20%; min-height:110px; line-height:20px; padding:15px 40px; font-size:0.8125em; font-family:'Noto Sans KR', sans-serif; letter-spacing:-0.025em; border-right:1px solid #e2e2e2; vertical-align:middle; }
.shoppingmall_content2 ul li:first-child { border-left:1px solid #e2e2e2; }


/* ¼­ºñ½º¾È³» : Á¦ÀÛ°úÁ¤ */
.production_process { display:block; max-width:1200px; margin:60px auto 170px; border-top:3px solid #603d98; }
.production_process dl { display:table; width:100%; padding:32px 20px; background:url('../images/sub2/icon_04.gif') no-repeat 180px 50%;  border-bottom:1px solid #e2e2e2; box-sizing:border-box; }
.production_process dl dt { display:table-cell; width:245px; font-size:31px; font-weight:600; color:#603d98; vertical-align:middle; }
.production_process dl dt span { display:block; font-size:17px; font-weight:900; }
.production_process dl dd { display:table-cell; padding-right:150px; font-size:0.9375em; color:#616161; font-family:'Noto Sans KR', sans-serif; letter-spacing:-0.025em; text-align:left; word-break:keep-all; vertical-align:middle; }


/* À¯Áö°ü¸® */
.maintenance_list { display:block; max-width:1200px; margin:60px auto 170px; }
.maintenance_list table { width:100%; border-collapse:collapse; table-layout:fixed; font-size:14px; }
.maintenance_list thead th { background:#603d98; color:#fff; text-align:center; padding:14px 0; border-right:1px solid #7654ab; }
.maintenance_list thead th:last-child { border-right:0; }
.maintenance_list tbody th { background:#f2ecfa; border-bottom:1px solid #e5e5e5; }
.maintenance_list tbody td { padding:16px 0; text-align:center; border-right:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; }
.maintenance_list tbody td:last-child { border-right:0; }
.style_1 th { background:#efefef; text-align:center; padding:8px 0; border-bottom:1px solid #e5e5e5; }
.style_1 td { padding:16px 0 16px 20px; border-bottom:1px solid #e5e5e5; }


/* °ßÀû¹®ÀÇ */
.contact_box { margin:60px auto 0; padding:42px 20px; background:#e8e8e8; }
.contactform { max-width:860px; margin:0 auto; }
.contactform .form-box { border-radius:7px; }
.contactform .application .form-section { border-bottom:1px dashed #b9b9b9; }
.contactform .application .form-section p.sec-title { text-align:left; }
.contactform .application .item { background:rgba(255,255,255,1); }

/* FORM */
.form-box { padding:42px 20px; background:rgba(255,255,255,0.4); border-radius:7px; }
.application { width:100%; z-index:50; }
.application .form-section { margin-bottom:16px; padding-bottom:16px; border-bottom:1px dashed #efefef; overflow:hidden; vertical-align:middle; box-sizing:border-box; }
.application .form-section p.sec-title { margin-bottom:10px; padding-left:18px; font-size:14px; background:url('../images/form_tit_icon.png') left center no-repeat; }
.application .form-section p { margin:0; }
.application .item { width:100%; border-radius:7px; margin-bottom:4px !important; background:rgba(255,255,255,0.8); padding:10px; clear:both; box-sizing:border-box; }
.application .item.l { clear:none; float:left; width:49.65%; }
.application .item.r { clear:none; float:right; width:49.65%; }
.application ul.fld { position:relative; width:100%; margin-bottom:4px; padding:10px; font-size:0; letter-spacing:0; word-spacing:0; vertical-align:middle; border-radius:7px; background:transparent; display:block; box-sizing:border-box; }
.application ul.fld li { max-width:50%; width:50%; display:inline-block; font-size:13px; margin:2px 0; } 
.application input[type="text"] { position:relative; width:100%; padding-left:10px; background:transparent; font-size:16px; border:0; color:#aaa; vertical-align:middle; box-sizing:border-box; -webkit-appearance:none; -webkit-border-radius:0; outline-style:none; }
.application textarea { position:relative; width:100%; padding-left:10px; background:transparent; font-size:16px; border:0; color:#aaa; vertical-align:middle; box-sizing:border-box; -webkit-appearance:none; -webkit-border-radius:0; outline-style:none; }
.application select { width:100%; border:0; color:#757575; }
.form-box input[type="submit"] { width:100%; vertical-align:middle; background:#603d98; border:0; padding:18px 0; color:#fff; cursor:pointer; border-radius:7px; }




/* ¹ÝÀÀÇü ÀÛ¾÷ */
@media (max-width:1200px){
	/* ȸ»ç¼Ò°³ : ȸ»ç¼Ò°³ */
	.about_box1 .text_box .text3 { width:70%; }
	
	/* ¼­ºñ½º¾È³» : Á¦ÀÛ°úÁ¤ */
	.production_process { margin:60px 10px 200px; }	
	.production_process dl dd { padding-right:50px; }
	
}

@media (max-width:1024px){
	/* ȸ»ç¼Ò°³ : ȸ»ç¼Ò°³ */
	.about_box1 .text_box .text3 { width:auto; padding:0 30px; }

	.about_box2 .after_box dl { margin-right:5%; }

	/* ¼­ºñ½º¾È³» */
	.service_area .service_text { padding:0 10px; }

	.service_area .sv_detail_box ul li .txt1 { font-size:1.6875em; }
	.service_area .sv_detail_box ul li .txt3 { padding:0 10px 25px; }
	.service_area .sv_detail_box ul li .text_area { position:relative; display:block; left:0; top:auto; width:100%; }
	
	.service_area .sv_detail_box1 ul li { float:left; width:50%; min-height:450px; }
	.service_area .sv_detail_box1 ul li:nth-child(1) { border-bottom:1px solid #e2e2e2; border-left:none; }
	.service_area .sv_detail_box1 ul li:nth-child(2) { border-bottom:1px solid #e2e2e2; }
	.service_area .sv_detail_box1 ul li:nth-child(4) { border-right:none; }
	
	.service_area .sv_detail_box3 ul li { min-height:450px; }
	
	/* ¼­ºñ½º¾È³» : ¼îÇθô */
	.shoppingmall_content1 dl { width:25%; }

	.shoppingmall_content2 ul li { padding:15px 20px; }
	
	/* ¼­ºñ½º¾È³» : Á¦ÀÛ°úÁ¤ */
	.production_process { margin:60px 10px 100px; }	



}

@media (max-width:840px){
	/* ȸ»ç¼Ò°³ : ȸ»ç¼Ò°³ */
	.about_box1 .text_box .text1 { font-size:2.3125em; }
	.about_box1 .text_box .text2 { margin:15px 0 20px; font-size:1.6875em; }

	.about_box2 .text1 { padding:150px 0 15px; font-size:3em; }
	.about_box2 .text2 { font-size:1.5em; }
	.about_box2 .text2 span { display:inline; }	
	
	.about_box2 .after_box dl dt { font-size:1.375em; }
	.about_box2 .after_box dl dt span { height:65px; }
	.about_box2 .after_box dl:nth-child(2) dt span { height:32px; }
	.about_box2 .after_box dl dd { font-size:1.25em; }

	
	/* ¼­ºñ½º¾È³» */
	.service_area .service_text .text1 { font-size:1.6875em; }
	
	.service_area .inquiry_box .text { padding:0 10px 40px; }
	

	/* ¼­ºñ½º¾È³» : ¼îÇθô */
	.shoppingmall_content1 .content_area { margin:0 10px; }

	.shoppingmall_content2 ul li { padding:15px 5px; }

	
	/* ¼­ºñ½º¾È³» : Á¦ÀÛ°úÁ¤ */
	.production_process dl { display:block; padding:32px 0; background:none; text-align:center; }
	.production_process dl dt { display:block; width:100%; margin:0 0 25px; font-size:27px; }
	.production_process dl dd { display:block; padding-right:0; text-align:center; }
	

}

@media (max-width:740px){
	/* ȸ»ç¼Ò°³ : ȸ»ç¼Ò°³ */
	.about_box1 { padding:40px 0 40px; }
	.about_box1 .s_logo { margin:0 0 30px; }

	.about_box2 .text1 { padding:50px 0 25px; font-size:3em; }
	.about_box2 .text2 { line-height:1.5; margin:0 auto; font-size:1.3em; }
	
	.about_box2 .after_box { margin-top:30px; }
	.about_box2 .after_box dl { display:block; width:210px; margin:0 auto 30px; }
	.about_box2 .after_box dl:last-child { margin-right:auto; }
	.about_box2 .after_box dl dt { margin:0 0 10px; }

	
	/* ¼­ºñ½º¾È³» : ¼îÇθô */
	.shoppingmall_content2 ul { display:block; }
	.shoppingmall_content2 ul li { display:block; width:80%; min-height:auto; margin:0 auto; border-right:none; border-bottom:1px solid #e2e2e2; }
	.shoppingmall_content2 ul li:first-child { border-left:none; }
	.shoppingmall_content2 ul li:last-child { border-bottom:none; }

}

@media (max-width:640px){
	/* LNB */
	#ln_area .ln > li { display:inline-block; max-width:185px; width:25%; }
	#ln_area .ln > li a { line-height:50px; font-size:1em; }

	/* ȸ»ç¼Ò°³ : ȸ»ç¼Ò°³ */
	.about_box1 .text_box .text1 { font-size:2em; }
	.about_box1 .text_box .text2 { font-size:1.375em; font-weight:600; }

	.about_box2 .text1 { font-size:2.3em; }
	.about_box2 .text2 { font-size:1.25em; }
	
	.about_box2 .after_box dl dt { font-size:1.25em; }
	.about_box2 .after_box dl dt span { height:56px; }
	.about_box2 .after_box dl:nth-child(2) dt span { height:28px; }
	.about_box2 .after_box dl dd { font-size:1em; }

	/* ¼­ºñ½º¾È³» */
	.service_area .service_text .text1 { padding:0 0 30px; font-size:1.4375em; font-weight:600; }

	.service_area .sv_detail_box { margin:15px auto 0px; }
	.service_area .sv_detail_box ul li { min-height:auto; }
	.service_area .sv_detail_box ul li .txt1 { font-size:1.4375em; font-weight:600; }

	.service_area .sv_detail_box1 ul li { float:none; width:100%; border-right:none; }
	.service_area .sv_detail_box1 ul li:nth-child(3) { border-bottom:1px solid #e2e2e2; }
	
	.service_area .sv_detail_box2 ul li, .service_area .sv_detail_box3 ul li { float:none; width:100%; border-right:none; }
	.service_area .sv_detail_box2 ul li:nth-child(1), .service_area .sv_detail_box3 ul li:nth-child(1) { border-bottom:1px solid #e2e2e2; border-left:none; }
	
	.service_area .inquiry_box { padding:50px 0; }
	.service_area .inquiry_box .text { font-size:1.3125em; }
	
	/* ¼­ºñ½º¾È³» : ¼îÇθô */
	.shoppingmall_content1 .content_area { margin:0 10px; }
	.shoppingmall_content1 .subject { font-size:1.25em; font-weight:600; }
	.shoppingmall_content1 dl { display:inline-block; max-width:500px; width:50%; min-height:250px; }
	.shoppingmall_content1 dl:nth-child(2) { border-right:none; }
	.shoppingmall_content1 dl:nth-child(1), .shoppingmall_content1 dl:nth-child(2) { margin-bottom:30px; }
	
	.shoppingmall_content2 .subject { padding:0 0 20px; font-size:1.25em; font-weight:600; }
	
	/* ¼­ºñ½º¾È³» : Á¦ÀÛ°úÁ¤ */
	.production_process dl { padding:25px 10px; }
	.production_process dl dt { font-size:20px; }
	.production_process dl dt span { font-size:16px; }
	
	

}

@media (max-width:540px){
	/* ¼­ºñ½º¾È³» */
	.service_area .service_text .text1 p { display:inline; }
	.service_area .service_text .text2 p { display:inline; }

	
	/* ¼­ºñ½º¾È³» : ¼îÇθô */
	.shoppingmall_content1 dl { display:inline-block; max-width:500; width:70%; min-height:auto; }
	.shoppingmall_content1 dl:nth-child(1), .shoppingmall_content1 dl:nth-child(2), .shoppingmall_content1 dl:nth-child(3) { margin-bottom:10px; border:1px solid #fff; }
	.shoppingmall_content1 dl:nth-child(4) { border:1px solid #fff; }


}


@media (max-width:480px){
	/* LNB */
	#ln_area .ln > li a { line-height:47px; font-size:0.875em; }

	/* ȸ»ç¼Ò°³ : ȸ»ç¼Ò°³ */
	.about_box1 .text_box .text1 { font-size:1.75em; }
	.about_box1 .text_box .text2 { font-size:1.125em; font-weight:600; }
	
	.about_box2 .text1 { font-size:2em; }
	.about_box2 .text2 { font-size:1em; padding:0 10px;}

	/* ¼­ºñ½º¾È³» */
	.service_area .service_text .text1 { font-size:1.25em; }

	.service_area .sv_detail_box ul li .txt1 { font-size:1.25em; }
	.service_area .sv_detail_box ul li .txt2 { padding:25px 10px 10px; }
	.service_area .sv_detail_box ul li .txt3 { padding:0 15px 20px; }	
	.service_area .sv_detail_box ul li .text_area .txt4 { padding-top:20px; }
	
	.service_area .inquiry_box .text {  font-size:1.0625em; }
	.service_area .inquiry_box .text span { display:inline; }

	.service_area .inquiry_box .btn_inquiry { line-height:45px; font-size:1.125em; }


}