@charset "utf-8";



/* sub_visual */
.sub_visual {width:100%; height:270px; padding-top:100px; background-color:#fafafc; box-sizing:border-box; }
.sub_visual h3 {position:relative; display:inline-block; font-size:34px; font-weight:bold; color:#091355; }
.sub_visual h3:before {content:''; position:absolute; left:0; top:0; width:12px; height:3px; background-color:#f15929; }
.sub_visual .path {float:right; margin-top:20px; }
.sub_visual .path ul {font-size:0; }
.sub_visual .path li {position:relative; display:inline-block; vertical-align:top; margin-right:35px; font-size:16px; font-weight:300; color:#888888; letter-spacing:-0.025em; letter-spacing:-0.025em; }
.sub_visual .path li.home img {margin-top:4px; }
.sub_visual .path li:before {content:''; position:absolute; right:-20px; top:8px; width:4px; height:8px; background:url('/img/path_arrow.png') no-repeat center center; }
.sub_visual .path li.depth02 {margin-right:0; font-weight:500; color:#555555; }
.sub_visual .path li.depth02:before {display:none; }
.sub_visual .sub_cate {margin-top:25px; }
.sub_visual .sub_cate ul {font-size:0; }
.sub_visual .sub_cate li {display:inline-block; vertical-align:top; margin-right:40px; }
.sub_visual .sub_cate li:last-of-type {margin-right:0; }
.sub_visual .sub_cate li a {font-size:20px; font-weight:300; color:#444444; letter-spacing:-0.025em; }
.sub_visual .sub_cate li.on a {font-weight:500; color:#222222; }

.sub_tit {padding-bottom:60px; text-align:center; }
.sub_tit h3 {position:relative; display:inline-block; font-size:34px; font-weight:bold; color:#091355; letter-spacing:-0.025em; }
.sub_tit h3:before {content:''; position:absolute; left:-8px; top:0; width:8px; height:8px; background-color:#f15929; }




/* company - 인사말 */
.company .ceo_con01 {margin-top:75px; }
.company .ceo_con01 .txt_box {position:relative; width:calc(100% - 85px); margin-top:110px; padding-left:42%; padding-top:100px; padding-right:40px; padding-bottom:165px; border-right:1px solid #ddd; box-sizing:border-box; }
.company .ceo_con01 .txt_box:before {content:''; position:absolute; right:60%; top:0; width:681px; height:681px; background:url('/img/ceo_img.png') no-repeat center center; }
.company .ceo_con01 .txt_box:after {content:''; position:absolute; right:-5px; top:160px; width:8px; height:8px; background-color:#ced3f4; border-radius:50%; }
.company .ceo_con01 .txt_box .greeting_icon {position:absolute; right:-85px; top:-110px; width:236px; height:216px; background:url('/img/greeting_icon.jpg') no-repeat center center; }
.company .ceo_con01 .txt_box p.tit {margin-bottom:35px; font-size:20px; font-weight:bold; color:#0a1456; }
.company .ceo_con01 .txt_box p.big {margin-bottom:35px; font-size:30px; font-weight:normal; color:#222222; letter-spacing:-0.05em; line-height:46px; }
.company .ceo_con01 .txt_box p.desc {margin-bottom:30px; font-size:16px; font-weight:300; color:#444444; letter-spacing:-0.05em; line-height:30px; word-break:keep-all; }
.company .ceo_con01 .txt_box p.right {position:relative; text-align:right; padding-right:20px; font-size:18px; font-weight:500; color:#888888; }
.company .ceo_con01 .txt_box p.right:before {content:''; z-index:-1; position:absolute; right:0; bottom:0; width:145px; height:20px; background-color:#f2f5fa; }
.company .ceo_con01 .txt_box p.right img {vertical-align:bottom; padding-left:10px; }

@media all and (max-width:1200px){
	.company .ceo_con01 .txt_box {padding-left:30%; }
	.company .ceo_con01 .txt_box:before {right:70%; }
	
}

@media all and (max-width:1000px){
	.company .ceo_con01 .txt_box {padding-left:0; }
	.company .ceo_con01 .txt_box:before {display:none; }
	
}




/* company - 이념비전 */
.company .vision_con01 {overflow:hidden; margin-top:80px; padding-bottom:560px; background:url('/img/vision_con01_bg.png') no-repeat top center; }
.company .vision_con01 ul {width:726px; max-width:100%; margin:0 auto; text-align:center; }
.company .vision_con01 li {display:inline-block; vertical-align:top; width:307px; height:307px; margin-top:-90px; background:url('/img/vision_li_bg.png') no-repeat center center / contain; text-align:center; box-sizing:border-box; }
.company .vision_con01 li.line {position:relative; }
.company .vision_con01 li.line:before {content:''; position:absolute; right:83%; top:80%; width:1px; height:40px; background-color:#d9dbf3; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg); }
.company .vision_con01 li.linetype02 {position:relative; }
.company .vision_con01 li.linetype02:before {content:''; position:absolute; left:-65%; top:45%; width:1px; height:750px; background-color:#d9dbf3; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg); }
.company .vision_con01 li.linetype02:after {content:'Innovation Materials Corporation'; position:absolute; right:calc(100% - 140px); top:calc(100% + 125px); width:150%; font-size:16px; font-weight:500; color:#e3e4ef; letter-spacing:0.16em; -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -ms-transform:rotate(-45deg); -o-transform:rotate(-45deg); transform:rotate(-45deg); font-family: 'Poppins', sans-serif; }
.company .vision_con01 li.on {margin-top:0; background:url('/img/vision_li_bg_on.png') no-repeat center center / contain; }
.company .vision_con01 li.on img {max-width:60%; }
.company .vision_con01 li.full {background:url('/img/vision_li_bg_full.png') no-repeat center center / contain; }
.company .vision_con01 li.off {background:none; }
.company .vision_con01 li.mr {margin-right:105px; }
.company .vision_con01 li > div {display:table; width:100%; height:100%; }
.company .vision_con01 li > div > div {display:table-cell; vertical-align:middle; }
.company .vision_con01 li p.tit {font-size:24px; font-weight:bold; color:#091355; letter-spacing:-0.025em; }
.company .vision_con01 li p.desc {font-size:16px; font-weight:300; color:#2a2e48; letter-spacing:-0.025em; }
.company .vision_con01 li p.txt {margin-top:25px; font-size:18px; font-weight:normal; color:#444444; letter-spacing:-0.025em; }
.company .vision_con01 li h4 {font-size:23px; font-weight:bold; color:#ffffff; letter-spacing:-0.025em; }
.company .vision_con01 li h4 span {display:block; margin-bottom:7px; font-size:18px; font-weight:300; color:#ffffff; letter-spacing:-0.025em; }

@media all and (max-width:800px){
	.company .vision_con01 {padding-bottom:200px; }
	.company .vision_con01 li {width:38.375vw; height:38.375vw; margin-top:-11.250vw; }
	.company .vision_con01 li.mr {margin-right:13.125vw; }
	.company .vision_con01 li p.tit {font-size:3vw; }
	.company .vision_con01 li p.desc {font-size:2vw; }
	.company .vision_con01 li p.txt {font-size:2.250vw; }
	.company .vision_con01 li h4 {font-size:2.750vw; }
	.company .vision_con01 li h4 span {font-size:2.250vw; }

	.company .vision_con01 li.line:before {height:31px;  }
	.company .vision_con01 li.linetype02:before {display:none; }
	.company .vision_con01 li.linetype02:after {display:none; }
}



/* company - 연혁 */
.company .history_con01 {padding-top:75px; background:url('/img/history_bg.jpg') no-repeat center center; }
.company .history_con01 .history_box {position:relative; padding-top:85px; }
.company .history_con01 .history_box p.history_tit {position:absolute; left:0; top:0; width:172px; height:172px; padding-top:70px; background:url('/img/history_p_bg.png') no-repeat center center; font-size:18px; font-weight:bold; color:#ffffff; text-align:center; box-sizing:border-box; }
.company .history_con01 .history_box p.history_tit:before {content:''; position:absolute; right:100%; top:84px; width:1000%; height:1px; background-color:#e3e4ef; }
.company .history_con01 .history_box ul {font-size:0; }
.company .history_con01 .history_box li {display:inline-block; vertical-align:top; width:calc(50% + 50px); height:360px; margin-top:-1px; padding-left:100px; border-top:1px solid #e3e4ef; box-sizing:border-box; }
.company .history_con01 .history_box li:nth-of-type(odd) {padding-left:255px; }
.company .history_con01 .history_box li:nth-of-type(even) {width:calc(50% - 50px); }
.company .history_con01 .history_box li.right_radius {border-bottom:1px solid #e3e4ef; border-right:1px solid #e3e4ef; border-top-right-radius:180px; border-bottom-right-radius:180px; }
.company .history_con01 .history_box li.left_radius {border-bottom:1px solid #e3e4ef; border-left:1px solid #e3e4ef; border-top-left-radius:180px; border-bottom-left-radius:180px; }
.company .history_con01 .history_box li.noborder {border-top:0; }
.company .history_con01 .history_box li.last {position:relative; }
.company .history_con01 .history_box li.last:before {content:''; position:absolute; left:100%; top:-1px; width:1000%; height:1px; background-color:#e3e4ef; }
.company .history_con01 .history_box li p.year {position:relative; margin-bottom:10px; padding-top:50px; font-size:36px; font-weight:bold; color:#0a1456; line-height:40px; }
.company .history_con01 .history_box li p.year:before {content:''; position:absolute; left:15px; top:-4.5px; width:8px; height:8px; background-color:#ced3f4; border-radius:50%; }
.company .history_con01 .history_box li.on p.year:before {content:''; position:absolute; left:8px; top:-11px; width:24px; height:24px; background:url('/img/history_on_bg.png') no-repeat center center; }
.company .history_con01 .history_box li p.month {font-size:16px; font-weight:300; color:#444444; line-height:30px; }

@media all and (max-width:1200px){
	.company .history_con01 .history_box li {padding-left:50px; }
	.company .history_con01 .history_box li:nth-of-type(odd) {padding-left:195px; }
}

@media all and (max-width:1000px){ 
	.company .history_con01 .history_box li {width:100%; padding-left:195px; border-top:1px solid #e3e4ef; }
	.company .history_con01 .history_box li:nth-of-type(even) {width:100%; }
	.company .history_con01 .history_box li.noborder {border-top:1px solid #e3e4ef; }
	.company .history_con01 .history_box li.last {display:none; }
	.company .history_con01 .history_box li.right_radius {border-bottom:0; border-right:0; border-radius:0; }
	.company .history_con01 .history_box li.left_radius {border-bottom:0; border-left:0; border-radius:0; }
}


/* company - 조직도 */
.company .organi_con01 {margin-top:80px; background:url('/img/organi_bg.jpg') no-repeat center center; }
.company .organi_con01 .organi_graph {padding-bottom:150px }
.company .organi_con01 .organi_graph .top_box {position:relative; padding-bottom:85px; }
.company .organi_con01 .organi_graph .top_box:before {content:''; position:absolute; left:50%; top:172px; width:1px; height:50%; background-color:#ced3f4; }
.company .organi_con01 .organi_graph .top_box p {width:172px; height:172px; margin:0 auto; padding-top:70px; background:url('/img/organi_top_bg.png') no-repeat center center; text-align:center; font-size:18px; font-weight:bold; color:#ffffff; box-sizing:border-box; }
.company .organi_con01 .organi_graph .bottom_box {}
.company .organi_con01 .organi_graph .bottom_box .organi_list {font-size:0; }
.company .organi_con01 .organi_graph .bottom_box .organi_list > li {position:relative; display:inline-block; vertical-align:top; width:calc(20% - 65px); margin-right:81.25px; }
.company .organi_con01 .organi_graph .bottom_box .organi_list > li:before {content:''; z-index:10; position:absolute; left:50%; top:74px; width:100%; height:1px; background-color:#ced3f4; }
.company .organi_con01 .organi_graph .bottom_box .organi_list > li:last-of-type {margin-right:0; }
.company .organi_con01 .organi_graph .bottom_box .organi_list > li:last-of-type:before {display:none; }
.company .organi_con01 .organi_graph .bottom_box .organi_list > li img {z-index:15; position:relative; max-width:100%; }
.company .organi_con01 .organi_graph .bottom_box .organi_list > li p.tit {position:relative; width:calc(100% - 20px); margin:25px auto 0; border-bottom:1px dashed #ced3f4; padding:0 0 10px 20px; font-size:20px; font-weight:500; color:#0a1456; letter-spacing:-0.025em; box-sizing:border-box; }
.company .organi_con01 .organi_graph .bottom_box .organi_list > li p.tit:before {content:''; position:absolute; left:0; bottom:-4px; width:8px; height:8px; background-color:#e3e4ef; border-radius:50%; }
.company .organi_con01 .organi_graph .bottom_box .organi_list > li ul {padding:0 10px; box-sizing:border-box; }
.company .organi_con01 .organi_graph .bottom_box .organi_list > li ul li {padding:10px 0 10px 20px; border-bottom:1px solid #e3e4ef; font-size:16px; font-weight:300; color:#444444; letter-spacing:-0.025em; box-sizing:border-box; }

@media all and (max-width:1200px){
	.company .organi_con01 .organi_graph .bottom_box .organi_list > li {width:calc(20% - 25px); margin-right:31.25px; }
}

@media all and (max-width:1000px){
	.company .organi_con01 .organi_graph .top_box:before {top:87px; left:calc(50% - 200px); height:150%; }
	.company .organi_con01 .organi_graph .top_box:after {content:''; position:absolute; top:calc(150% + 87px); left:calc(50% - 200px); width:60px; height:1px; background-color:#ced3f4; }
	.company .organi_con01 .organi_graph .top_box p {position:relative; }
	.company .organi_con01 .organi_graph .top_box p:before {content:''; position:absolute; right:100%; top:87px; width:114px; height:1px; background-color:#ced3f4; }

	.company .organi_con01 .organi_graph .bottom_box .organi_list > li {display:block; width:174px; margin:0 auto 0; padding-bottom:50px; }
	.company .organi_con01 .organi_graph .bottom_box .organi_list > li:last-of-type {margin-right:auto; }

	.company .organi_con01 .organi_graph .bottom_box .organi_list > li:before {left:-30%; }
	.company .organi_con01 .organi_graph .bottom_box .organi_list > li:last-of-type:before {display:block;}
	.company .organi_con01 .organi_graph .bottom_box .organi_list > li:after {content:''; position:absolute; left:-30%; top:74px; width:1px; height:100%; background-color:#ced3f4; }
	.company .organi_con01 .organi_graph .bottom_box .organi_list > li:last-of-type:after {top:auto; bottom:calc(100% - 74px); }
}




/* company - 사업장현황 */
.company .business_con01 {margin-top:75px; font-size:0; background:url('/img/contact_con01_bg.jpg') no-repeat center center / cover ; }
.company .business_con01 iframe {width:100%; height:100%; border:0 none; padding:0; border-radius:0; }
.company .business_con01 .business_box {margin-bottom:80px; }
.company .business_con01 .business_box > div {display:inline-block; vertical-align:top; }
.company .business_con01 .business_box .map_box {width:calc(50% + 95px); height:460px; }
.company .business_con01 .business_box .txt_box {width:592px; padding-left:calc(100% - 592px); margin-top:-460px; }
.company .business_con01 .business_box .txt_box div.tit {margin-top:35px; text-align:right; }
.company .business_con01 .business_box .txt_box div.tit p {font-size:30px; letter-spacing:-0.05em; color:#222222; }
.company .business_con01 .business_box .txt_box div.tit p b {font-weight:bold; }
.company .business_con01 .business_box .txt_box div.tit span {font-size:20px; font-weight:500; color:#222222; letter-spacing:-0.025em; }
.company .business_con01 .business_box .txt_box .card_area {z-index:20; position:relative; margin-top:100px; text-align:right; }
.company .business_con01 .business_box .txt_box .card_box {display:inline-block; vertical-align:top; width:340px; height:536px; padding:50px 35px; text-align:center; border-radius:40px; background-color:#fff; box-sizing:border-box; }
.company .business_con01 .business_box .txt_box .card_box.small_type01 {position:absolute; left:10px; top:-45px; }
.company .business_con01 .business_box .txt_box .card_box.shadow {box-shadow:1px 1px 25px rgba(0,0,0,0.1); }
.company .business_con01 .business_box .txt_box .card_box.type02 {background-color:#f8f8fb; padding:50px 40px 50px 55px; }
.company .business_con01 .business_box .txt_box .card_box.small {width:284px; height:420px; }
.company .business_con01 .business_box .txt_box .card_box p.tit {margin-bottom:10px; font-size:22px; font-weight:bold; color:#222222; letter-spacing:-0.025em; }
.company .business_con01 .business_box .txt_box .card_box img {max-width:100%; }
.company .business_con01 .business_box .txt_box .card_box p.desc {margin-top:20px; font-size:16px; font-weight:300; color:#444444; letter-spacing:-0.025em; line-height:28px; word-break:keep-all; text-align:left; }

.company .business_con01 .business_box.type02 .map_box {padding-left:calc(50% - 95px); }
.company .business_con01 .business_box.type02 .txt_box {padding-left:0; }
.company .business_con01 .business_box.type02 .txt_box div.tit {text-align:left; }
.company .business_con01 .business_box.type02 .txt_box .card_area {text-align:left; }
.company .business_con01 .business_box.type02 .txt_box .card_box.small_type01 {top:100px; left:auto; right:0; }

.company .business_con01 .contact_box {padding:190px 0 130px; text-align:right; }
.company .business_con01 .contact_box .contact_inner {position:relative; z-index:10; display:inline-block; vertical-align:top; font-size:0; }
.company .business_con01 .contact_box .contact_inner:before {content:''; z-index:-1; position:absolute; left:0; top:50%; width:1000%; height:1px; background-color:#e3e4ef; }
.company .business_con01 .contact_box p.contact {display:inline-block; vertical-align:middle; width:172px; height:172px; padding-top:60px; background:url('/img/contactus_bg.png') no-repeat center center; font-size:18px; line-height:32px; color:#fff; font-weight:bold; text-align:center; box-sizing:border-box; }
.company .business_con01 .contact_box .right_box {display:inline-block; vertical-align:middle; padding-left:55px; box-sizing:border-box; text-align:left; }
.company .business_con01 .contact_box .right_box p.phone {padding-bottom:10px; font-size:18px; font-weight:bold; color:#0a1456; letter-spacing:-0.025em;}
.company .business_con01 .contact_box .right_box p.bottom {padding-top:10px; }
.company .business_con01 .contact_box .right_box p.bottom span {display:inline-block; vertical-align:top; margin-right:30px; font-size:16px; font-weight:300; color:#444444; letter-spacing:-0.025em; }
.company .business_con01 .contact_box .right_box p.bottom span:last-of-type {margin-right:0; }


@media all and (max-width:1000px){	
	.company .business_con01 .business_box .txt_box div.tit br{display:none;}
	.company .business_con01 .business_box .map_box {width:100%; }
	.company .business_con01 .business_box .txt_box {margin-top:20px; }
	.company .business_con01 .business_box.type02 .map_box {width:100%; padding-left:0; }

	.company .business_con01 .contact_box {padding:100px 0 100px; }
	.company .business_con01 .contact_box .contact_inner {display:block; }
	.company .business_con01 .contact_box .contact_inner:before {top:90px; }
	.company .business_con01 .contact_box p.contact {display:block; }
	.company .business_con01 .contact_box .right_box {display:block; padding-left:165px; }
}


/* 제품 소개 */

.products_con01{margin-top:80px; margin-bottom:150px}
.products_con01 .sub_tit{padding-bottom:0;}
.products_con01 ul{font-size:0; letter-spacing:-4px; padding:0 50px;}
.products_con01 ul li{display:inline-block; vertical-align:top; width:33%; padding:60px 21px 0; box-sizing:border-box; text-align:center; border-bottom:1px solid #ebebeb; cursor:pointer}
.products_con01 ul li i img{width:100%;}
.products_con01 ul li p{font-size:20px; font-weight:500; letter-spacing:0; color:#444444; padding:25px 0;}
.products_con01 ul li a{display:block; width:36px; height:36px; border:1px solid #efefef; box-sizing:border-box; border-radius:50%; font-size:20px; font-weight:500; letter-spacing:0; color:#a8a8a8; margin:0 auto 45px; line-height:34px; padding-left:1px}
.products_con01 ul li a:hover{color:#fff; border:none; background:#091355}

@media all and (max-width:900px){
	.products_con01 ul{padding:0 20px;}
	.products_con01 ul li{width:50%;}
}

@media all and (max-width:640px){
	.products_con01 ul{padding:0;}
	.products_con01 ul li{width:100%;}
}

/* 제품소개 상세 */
.products_read01{margin-top:80px; clear:both; overflow:hidden;}
.products_read01 .img_box{width:43%; float:left;}
.products_read01 .img_box .img_tit{font-size:14px; font-weight:200; line-height:24px; letter-spacing:0.025em; color:#fff; background:#091355; padding:5px 0; margin-bottom:10px;}
.products_read01 .img_box .img_tit img{padding:7px 10px 0 20px;}
.products_read01 .img_box i img{width:100%;}
.products_read01 .txt_box{width:55%; float:right; padding-top:45px; font-size:0; letter-spacing:-4px; box-sizing:border-box;}
.products_read01 .txt_box .left_box{display:inline-block; vertical-align:top; width:calc(100% - 110px)}
.products_read01 .txt_box .left_box .pro_count{font-size:14px; letter-spacing:0; color:#666666}
.products_read01 .txt_box .left_box span{font-size:26px; font-weight:bold; letter-spacing:0; color:#222222; line-height:36px;}

.products_read01 .txt_box .right_box{display:inline-block; vertical-align:top; width:110px; padding-top:30px;}
.products_read01 .txt_box .right_box ul{font-size:0; letter-spacing:-4px; box-sizing:border-box;}
.products_read01 .txt_box .right_box ul li{display:inline-block; width:50%; text-align:center; vertical-align:top; position:relative;}
.products_read01 .txt_box .right_box ul li:nth-of-type(1):before{content:''; position:absolute; right:0; top:2px; width:1px; height:14px; background:#e3e4ef}
.products_read01 .txt_box table{width:100%; border-top:1px solid #e3e4ef; border-bottom:1px solid #e3e4ef; margin-top:30px;}
.products_read01 .txt_box table tr{border-bottom:1px solid #e3e4ef;}
.products_read01 .txt_box table tr:last-of-type{border-bottom:none}
.products_read01 .txt_box table th{padding:40px 0; background:#f6f6f9; font-size:16px; color:#091355; font-weight:500; letter-spacing:-0.025em;}
.products_read01 .txt_box table td{padding:40px 20px; font-size:16px; letter-spacing:-0.025em; line-height:30px; color:#444444; word-break:keep-all;}

.products_read02{margin-bottom:150px; margin-top:60px;}
.products_read02 img{width:100%;}

@media all and (max-width:1199px){
	.products_read01 .img_box{width:100%; float:none;}
	.products_read01 .txt_box{width:100%; float:none;}
}

	
/* business - 사업개요 */
.business .summary_con01 {margin-top:80px; }
.business .summary_con01 .txt_box {position:relative; width:calc(100% - 85px); margin-top:110px; padding-right:48%; padding-top:100px; padding-bottom:165px; border-right:1px solid #ddd; box-sizing:border-box; }
.business .summary_con01 .txt_box:before {content:''; position:absolute; left:40%; top:0; width:681px; height:681px; background:url('/img/summary_img.png') no-repeat center center; }
.business .summary_con01 .txt_box:after {content:''; position:absolute; right:-5px; top:160px; width:8px; height:8px; background-color:#ced3f4; border-radius:50%; }
.business .summary_con01 .txt_box .greeting_icon {position:absolute; right:-85px; top:-110px; width:236px; height:216px; background:url('/img/summary_icon.png') no-repeat center center; }
.business .summary_con01 .txt_box p.tit {margin-bottom:35px; font-size:20px; font-weight:bold; color:#0a1456; }
.business .summary_con01 .txt_box p.big {margin-bottom:35px; font-size:30px; font-weight:normal; color:#222222; letter-spacing:-0.05em; line-height:46px; word-break:keep-all;}
.business .summary_con01 .txt_box p.desc {margin-bottom:30px; font-size:16px; font-weight:300; color:#444444; letter-spacing:-0.05em; line-height:30px; word-break:keep-all; }
.business .summary_con01 .txt_box p.right {position:relative; text-align:right; padding-right:20px; font-size:18px; font-weight:500; color:#888888; }
.business .summary_con01 .txt_box p.right:before {content:''; z-index:-1; position:absolute; right:0; bottom:0; width:145px; height:20px; background-color:#f2f5fa; }
.business .summary_con01 .txt_box p.right img {vertical-align:bottom; padding-left:10px; }

@media all and (max-width:1200px){
	.business .summary_con01 .txt_box p.big{padding-right:20px;}
	.business .summary_con01 .txt_box p.big br{display:none;}
	.business .summary_con01 .txt_box {padding-right:65%; }
	.business .summary_con01 .txt_box:before {left:33%; }
	.business .summary_con01 .txt_box .desc br{display:none;}
	
}

@media all and (max-width:1000px){
	.business .summary_con01 .txt_box {padding-right:0; }
	.business .summary_con01 .txt_box:before {display:none; }
	
}

/* business - R&D센터 */
.business .rnd_con01{margin-top:80px;}
.business .rnd_con01 .sub_tit p{padding:50px 0; font-size:28px; font-weight:bold; letter-spacing:-0.025em; color:#222222}
.business .rnd_con01 ul{font-size:0; letter-spacing:-4px;}
.business .rnd_con01 ul li{display:inline-block; vertical-align:top; width:25%; padding:0 25px; box-sizing:border-box; padding-bottom:80px;}
.business .rnd_con01 ul li h4{font-size:20px; font-weight:bold; letter-spacing:-0.025em; color:#222222; padding-bottom:28px; text-align:center; position:relative;}
.business .rnd_con01 ul li h4:before{content:''; position:absolute; left:-500%; bottom:0; width:1000%; height:1px; background:#e3e4ef}
.business .rnd_con01 ul li h4:after{content:''; position:absolute; left:50%; bottom:-4px; width:8px; height:8px; background:url('/img/rnd_icon06.png') no-repeat center; transform:translateX(-50%); -ms-transform:translateX(-50%); -webkit-transform:translateX(-50%); -o-transform:translateX(-50%); -moz-transform:translateX(-50%);}
.business .rnd_con01 ul li:nth-of-type(4) h4:after{content:''; position:absolute; left:50%; bottom:-12px; width:24px; height:24px; background:url('/img/rnd_icon05.png') no-repeat center; transform:translateX(-50%); -ms-transform:translateX(-50%); -webkit-transform:translateX(-50%); -o-transform:translateX(-50%); -moz-transform:translateX(-50%);}
.business .rnd_con01 ul li h5{font-size:20px; font-weight:bold; letter-spacing:-0.025em; color:#222222; padding-top:65px; padding-bottom:30px; text-align:center; height:182px; box-sizing:border-box;}
.business .rnd_con01 ul li i{display:block; text-align:center;}
.business .rnd_con01 ul li p{font-size:18px; font-weight:500; letter-spacing:-0.025em; line-height:26px; color:#000000; padding-top:30px; padding-bottom:20px; word-break:keep-all;}
.business .rnd_con01 ul li span{display:block; font-size:16px; font-weight:300; letter-spacing:-0.025em; line-height:28px; color:#444444; word-break:keep-all;}
.business .rnd_con01 .color_blue{color:#091355}

@media all and (max-width:1000px){
	.business .rnd_con01 ul li{width:50%;}
	.business .rnd_con01 ul li h5{height:155px;}
}
@media all and (max-width:700px){
	.business .rnd_con01 ul li{width:100%;}
	.business .rnd_con01 ul li h5{height:auto;}
}

.business .rnd_con02{background:#091355;}
.business .rnd_con02 .txt_box {position:relative; width:100%; margin-top:110px; padding-left:50%; padding-top:80px; padding-bottom:100px;  box-sizing:border-box; }
.business .rnd_con02 .txt_box:before {content:''; position:absolute; right:50%; top:-10%; width:890px; height:890px; background:url('/img/rnd_con02_img01.png') no-repeat center center; }
.business .rnd_con02 .txt_box p.tit {margin-bottom:25px; font-size:20px; font-weight:bold; color:#fff; letter-spacing:-0.025em; }
.business .rnd_con02 .txt_box p.big {margin-bottom:60px; font-size:20px; font-weight:200; color:#fff; letter-spacing:-0.025em; line-height:34px; }
.business .rnd_con02 ul li{margin-bottom:35px;}
.business .rnd_con02 ul li:last-of-type{margin-bottom:0;}
.business .rnd_con02 ul li span.left{display:inline-block; vertical-align:middle; width:90px; height:90px; font-size:33px; font-weight:bold; color:#a9aed2; text-align:center; line-height:90px; background:url('/img/rnd_con02_icon01.png') no-repeat center center; }
.business .rnd_con02 ul li span.right{display:inline-block;  vertical-align:middle; width:calc(100% - 93px); font-size:16px; font-weight:200; letter-spacing:-0.025em; line-height:30px; color:#fff; padding-left:35px; box-sizing:border-box; word-break:keep-all;}
.business .rnd_con02 ul li span.right b{font-weight:bold; font-size:20px; display:block; margin-bottom:5px;}

@media all and (max-width:1200px){
	.business .rnd_con02 .txt_box:before {right:50%; }
	.business .rnd_con02 .txt_box br{display:none;}
}

@media all and (max-width:1000px){
	.business .rnd_con02 .txt_box {padding-left:0; }
	.business .rnd_con02 .txt_box:before {display:none; }
}

.business .rnd_con03{margin-top:80px; margin-bottom:150px;}
.business .rnd_con03 ul{font-size:0; letter-spacing:-4px;}
.business .rnd_con03 ul li{display:inline-block; vertical-align:top; background:#fafafc; width:225px; height:225px; border-radius:55px; margin-right:15px; margin-bottom:20px; box-sizing:border-box;}
.business .rnd_con03 ul li:nth-of-type(5n){margin-right:0;}
.business .rnd_con03 ul li.off{background:none;}
.business .rnd_con03 ul li.back_blue{background:#091355}
.business .rnd_con03 ul li div{display:table; width:100%; height:100%;}
.business .rnd_con03 ul li div p{display:table-cell; width:100%; height:100%; vertical-align:middle; text-align:center; font-size:16px; font-weight:300; letter-spacing:-0.025em; color:#222222; line-height:28px;}
.business .rnd_con03 ul li div p b{font-size:20px; font-weight:bold; padding-bottom:15px; display:block;}
.business .rnd_con03 ul li.back_blue div p{color:#fff}
.business .rnd_con03 ul li:nth-of-type(1) div p{font-size:28px; font-weight:bold; letter-spacing:-0.025em; line-height:34px; color:#fff;}
.business .rnd_con03 ul li div div{display:table-cell; vertical-align:middle; text-align:center;}

@media all and (max-width:1200px){
	.business .rnd_con03 ul {text-align:center;}
	.business .rnd_con03 ul li.off{display:none;}
	.business .rnd_con03 ul li:nth-of-type(5n){margin-right:15px;}
}

/* news - 인증내역 */
.news .certification_con01{margin-top:80px; margin-bottom:150px;}
.news .certification_con01 ul{font-size:0; letter-spacing:-4px;}
.news .certification_con01 ul li{display:inline-block; vertical-align:top; width:calc(33.333333% - 27px); margin-right:40px; margin-bottom:50px;}
.news .certification_con01 ul li:nth-of-type(3n){margin-right:0;}
.news .certification_con01 ul li img{width:100%;}
.news .certification_con01 ul li p{font-size:20px; font-weight:bold; letter-spacing:-0.025em; color:#222222; text-align:center;}

@media all and (max-width:900px){
	.news .certification_con01 ul li{width:calc(50% - 20px);}
	.news .certification_con01 ul li:nth-of-type(3n){ margin-right:40px;}
	.news .certification_con01 ul li:nth-of-type(2n){margin-right:0;}
}

@media all and (max-width:740px){
	.news .certification_con01 ul li{width:100%; margin-right:0;}
}

/* news - 수상내역 */
.news .awards_con01{margin-top:80px; margin-bottom:150px;}
.news .awards_con01 ul{font-size:0; letter-spacing:-4px;}
.news .awards_con01 ul li{display:inline-block; vertical-align:top; width:calc(33.333333% - 27px); margin-right:40px; margin-bottom:50px;}
.news .awards_con01 ul li:nth-of-type(3n){margin-right:0;}
.news .awards_con01 ul li img{width:100%;}
.news .awards_con01 ul li p{font-size:20px; font-weight:bold; letter-spacing:-0.025em; color:#222222; text-align:center;}

@media all and (max-width:900px){
	.news .awards_con01 ul li{width:calc(50% - 20px);}
	.news .awards_con01 ul li:nth-of-type(3n){margin-right:40px;}
	.news .awards_con01 ul li:nth-of-type(2n){margin-right:0;}
}

@media all and (max-width:740px){
	.news .awards_con01 ul li{width:100%; margin-right:0;}
}

/* recruitment - 채용정보 */

.recruitment .sub_tit p{padding:50px 0; font-size:28px; font-weight:bold; letter-spacing:-0.025em; color:#222222}
.recruitment .recruitment_con01 .sub_tit{padding-bottom:0; }
.recruitment .recruitment_con01{margin-top:80px; background: url('/img/recruitment_con01_bg.png') no-repeat center center ;}
.recruitment .recruitment_con01 .txt_box {position:relative; width:100%; margin-top:110px; padding-left:50%; padding-bottom:80px;  box-sizing:border-box; }
.recruitment .recruitment_con01 .txt_box:before {content:''; position:absolute; right:47%; top:-10%; width:647px; height:647px; background:url('/img/recruitment_con01_img01.png') no-repeat center center; }
.recruitment .recruitment_con01 ul {padding-top:40px; padding-bottom:100px;}
.recruitment .recruitment_con01 ul li{margin-bottom:60px;}
.recruitment .recruitment_con01 ul li:nth-of-type(2){padding-left:100px;}
.recruitment .recruitment_con01 ul li:last-of-type{margin-bottom:0;}
.recruitment .recruitment_con01 ul li span.left{display:inline-block; vertical-align:top; width:106px; height:106px; }
.recruitment .recruitment_con01 ul li span.right{display:inline-block;  vertical-align:top; width:calc(100% - 109px); font-size:16px; font-weight:200; letter-spacing:-0.025em; line-height:30px; color:#444; padding-left:35px; box-sizing:border-box; word-break:keep-all;}
.recruitment .recruitment_con01 ul li span.right b{font-weight:bold; font-size:20px; display:block; margin-bottom:5px; color:#222}


@media all and (max-width:1000px){
	.recruitment .recruitment_con01 .txt_box {padding-left:0; margin-top:0;}
	.recruitment .recruitment_con01 ul li:nth-of-type(2){padding-left:0;}
	.recruitment .recruitment_con01 .txt_box:before {display:none; }
}
.recruitment .recruitment_con02 .sub_tit{padding-bottom:0;}
.recruitment .recruitment_con02{padding-top:30px; padding-bottom:80px; background:#fafafc}
.recruitment .recruitment_con02 ul{font-size:0; letter-spacing:-4px;}
.recruitment .recruitment_con02 ul li{display:inline-block; vertical-align:top; width:20%; text-align:center;}
.recruitment .recruitment_con02 ul li i{display:block; position:relative;}
.recruitment .recruitment_con02 ul li i:after{content:''; position:absolute; left:-500%; top:50%; width:1000%; height:1px; background:#e3e4ef; z-index:1;}
.recruitment .recruitment_con02 ul li i img{position:relative; z-index:3;}
.recruitment .recruitment_con02 ul li p{font-size:20px; font-weight:bold; letter-spacing:-0.025em; line-height:30px; color:#222222; padding-top:15px;}

.recruitment .recruitment_con03 .sub_tit{padding-bottom:0;}
.recruitment .recruitment_con03{padding-top:30px; padding-bottom:150px;}
.recruitment .recruitment_con03 ul{font-size:0; letter-spacing:-4px;}
.recruitment .recruitment_con03 ul li{display:inline-block; vertical-align:top; width:50%; clear:both; overflow:hidden;}
.recruitment .recruitment_con03 ul li span{float:right; display:inline-block; font-size:18px; letter-spacing:-0.025em; line-height:30px; color:#444444; text-align:right;}
.recruitment .recruitment_con03 ul li span:nth-of-type(3){padding-right:30px; padding-top:50px; width:calc(100% - 340px); box-sizing:border-box;}
.recruitment .recruitment_con03 ul li span b{font-size:22px; font-weight:bold; color:#222222; display:block; padding-bottom:25px;}
.recruitment .recruitment_con03 ul li:nth-of-type(2n) span{float:left; display:inline-block; font-size:18px; letter-spacing:-0.025em; line-height:30px; color:#444444; text-align:left;}
.recruitment .recruitment_con03 ul li:nth-of-type(2n) span:nth-of-type(3){padding-left:30px;}
.recruitment .recruitment_con03 ul li span:nth-of-type(2){display:none}


@media all and (max-width:1200px){
	.recruitment .recruitment_con03 ul li{display:block;width:100%; margin:0 auto;}
	.recruitment .recruitment_con03 ul li span:nth-of-type(1){display:none}
	.recruitment .recruitment_con03 ul li span:nth-of-type(2){display:block}
	.recruitment .recruitment_con03 ul li span{display:inline-block; width:50%; box-sizing:border-box;}
	.recruitment .recruitment_con03 ul li span:nth-of-type(3){width:50%;}
	.recruitment .recruitment_con03 ul li span img{width:100%;}
}

@media all and (max-width:750px){
	.recruitment .recruitment_con03 ul li span:nth-of-type(3){padding-top:30px;}
}

/* news - 자료실 */
.reference_con01{margin-top:80px;}
.reference_con01 .sub_tit{padding-bottom:0}

/* recruitment - 채용소식 */
.recruit_con01{margin-top:80px;}
.recruit_con01 .sub_tit{padding-bottom:0}

/* imcboard - 공지사항 */
 .notice_con01{margin-top:80px;}
 .notice_con01 .sub_tit{padding-bottom:0}

/* imcboard - 제품문의 */
 .question_con01{margin-top:80px;}
 .question_con01 .sub_tit{padding-bottom:0}

/* imcboard - 부정제보 */
 .whistleblowing_con01{margin-top:80px;}
 .whistleblowing_con01 .sub_tit{padding-bottom:0}