@charset "utf-8";

/* 제품 3depth */
.product_tab{margin-bottom:40px;}
.product_tab ul{font-size:0; text-align:center;}
.product_tab ul li{display:inline-block; vertical-align:top; padding:0 20px; position:relative;}
.product_tab ul li a{position:relative; display:block; font-size:22px; color:#444; letter-spacing:-0.025em; padding:0 8px;}
.product_tab ul li:before{content:""; display:block; width:1px; height:14px; background:#dbdbdb; position:absolute; right:0; top:50%; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); -o-transform:translateY(-50%); -moz-transform:translateY(-50%);}
.product_tab ul li:last-child:before{display:none;}
.product_tab ul li:hover a{color:#ed1c24; border-bottom:1px solid #ed1c24;}
.product_tab ul li.on a{color:#ed1c24; border-bottom:1px solid #ed1c24;}

/* 제품 리스트 (설비개요) */
.product_list_item{font-size:0; text-align:left; margin-bottom:150px;}
.product_list_item .box{display:inline-block; vertical-align:top; width:calc(33.333333% - 14px); margin-right:21px;}
.product_list_item .box:last-child{margin-right:0;}
.product_list_item .box h3{font-size:36px; color:#222; letter-spacing:-0.01em; font-weight:500; padding-bottom:5px;}
.product_list_item .box > ul{border:1px solid #ebe8e8; box-sizing:border-box; margin-bottom:20px;}
.product_list_item .box > ul li img{width:100%}
.product_list_item .box > ul .slick-prev{z-index:2; left:20px; width:35px; height:50px; background:url('/img/product_list_prev.jpg')no-repeat center; background-size:cover;}
.product_list_item .box > ul .slick-prev:before{display:none;}
.product_list_item .box > ul .slick-next{z-index:2; right:20px; width:35px; height:50px; background:url('/img/product_list_next.jpg')no-repeat center; background-size:cover;}
.product_list_item .box > ul .slick-next:before{display:none;}
.product_list_item .box .text_box{margin:0; padding:0; overflow:auto; margin-bottom:40px; border-top:1px solid #acacac; border-bottom:1px solid #acacac;}
.product_list_item .box .text_box:last-child{margin:0;}
.product_list_item .box .text_box .top{width:auto; margin:0; background:#f8f8f8; padding:10px 0 10px 20px; border-bottom:1px solid #ebe8e8; box-sizing:border-box;}
.product_list_item .box .text_box .top p{font-size:22px; color:#222; letter-spacing:-0.025em;}
.product_list_item .box .text_box .desc{width:100%; min-height:335px; margin:0; padding:25px 20px; box-sizing:border-box;}
.product_list_item .box .text_box .desc p{min-height:125px; font-size:18px; color:#666; letter-spacing:-0.025em; font-weight:200; word-break:keep-all;}
.product_list_item .box .text_box .hr{width:100%; height:1px; background:#ebe8e8; margin:20px auto;}
.product_list_item .box .text_box dl{font-size:0; padding:10px 5px;}
.product_list_item .box .text_box dl dt{position:relative; display:inline-block; vertical-align:top; width:175px; box-sizing:border-box; font-size:20px; color:#222; letter-spacing:-0.025em; word-break:break-all;}
.product_list_item .box .text_box dl dt:before{content:""; width:1px; height:12px; background:#363638; position:absolute; right:0; top:50%; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); -o-transform:translateY(-50%); -moz-transform:translateY(-50%);}
.product_list_item .box .text_box dl dd{display:inline-block; width:calc(100% - 175px); padding-left:8px; box-sizing:border-box; vertical-align:top; font-size:18px; color:#666; font-weight:200;}
.product_list_item .box .desc h4{font-size:26px; color:#222; letter-spacing:-0.025em; font-weight:500; margin:0;}
.product_list_item .box .desc ul{padding-top:10px; }
.product_list_item .box .desc ul li{position:relative; padding-left:10px; box-sizing:border-box; font-size:20px; color:#666; letter-spacing:-0.025em; font-weight:200; margin:5px 0;}
.product_list_item .box .desc ul li:before{content:"·"; display:block; position:absolute; left:0; top:0;}
.product_list_item .box .desc ul:nth-of-type(1){min-height:290px}
.product_list_item .box .desc ul:nth-of-type(2){min-height:150px}

/* 제품 리스트 */
.product_custom{padding-bottom:70px}
.product_custom .item{margin-bottom:80px;}
.product_custom .item .top:after{clear:both; content:""; display:block; height:0; visibility:hidden}
.product_custom .item .top{position:relative; margin-bottom:10px;}
.product_custom .item .top h2{font-size:36px; color:#222; letter-spacing:-0.01em; font-weight:300}
.product_custom .item .top .right_btn{position:absolute; right:0; bottom:0;}
.product_custom .item .top .right_btn a{display:block; font-size:19px; color:#fff; letter-spacing:-0.01em; font-weight:200; width:170px; height:40px; line-height:40px; background:#ed1c24; text-align:center;}
.product_custom .item .top .right_btn a i{display:inline-block; vertical-align:middle; position:relative; top:-2px; margin-left:5px;}
.product_custom .item .after:after{clear:both; content:""; display:block; height:0; visibility:hidden}
.product_custom .item .after .item_slider{width:50%; float:left; border:1px solid #ebe8e8; box-sizing:border-box; }
.product_custom .item .after .item_slider ul li img{width:100%}
.product_custom .item .after .item_slider .slick-prev{z-index:2; left:20px; width:50px; height:50px; background:url('/img/product_prev.jpg')no-repeat center; background-size:100% 100%;}
.product_custom .item .after .item_slider .slick-prev:before{display:none;}
.product_custom .item .after .item_slider .slick-next{z-index:2; right:20px; width:50px; height:50px; background:url('/img/product_next.jpg')no-repeat center; background-size:100% 100%;}
.product_custom .item .after .item_slider .slick-next:before{display:none;}
.product_custom .item .after .text{border-top:1px solid #363638; min-height:385px; overflow:hidden; border-bottom:1px solid #363638; width:calc(50% - 20px); float:left; margin-left:20px; box-sizing:border-box; }
.product_custom .item .after .text dl:after{clear:both; content:""; display:block; height:0; visibility:hidden}
.product_custom .item .after .text dl{display:table; width:100%; border-bottom:1px solid #ebe8e8}
.product_custom .item .after .text dl:last-child{border-bottom:0; height:100%;}
.product_custom .item .after .text dl dt{width:150px; padding:20px; display:table-cell; text-align:center; vertical-align:top; box-sizing:border-box; background:#f8f8f8;}
.product_custom .item .after .text dl dd{width:calc(100% - 150px); height:100%; padding:20px 30px 20px 20px ; display:table-cell; vertical-align:top; box-sizing:border-box; }
.product_custom .item .after .text dl dd h3{font-size:22px; color:#222; letter-spacing:-0.025em; margin:0; margin-bottom:5px; font-weight:500;}
.product_custom .item .after .text dl dd p{font-size:20px; color:#666; font-weight:200; word-break:keep-all;}
.product_custom .item .after .text dl dd ul li{padding-left:10px; box-sizing:border-box; position:relative; font-size:20px; color:#666; font-weight:200;}
.product_custom .item .after .text dl dd ul li:before{content:"·"; position:absolute; left:0; top:0;}

@media all and (max-width:1400px){
	.product_list_item .box .text_box .desc p{min-height:88px;}
}

@media all and (max-width:1000px){

	.product_list_item .box{width:100%; display:block; margin:40px auto 20px !important}
	.product_list_item .box > ul{width:100%}
	.product_list_item .box > ul li img{max-width:100%; width:auto; display:block; margin:0 auto;}
	.product_list_item .box .text_box .desc{min-height:auto}
	.product_list_item .box .text_box .desc p{min-height:auto}
	.product_list_item .box .desc ul:nth-of-type(1){min-height:auto}
	.product_list_item .box .desc ul:nth-of-type(2){min-height:auto}
	
	.product_custom .item .top h2{font-size:29px;}
	.product_custom .item .after .item_slider{width:100%; float:none; margin-bottom:10px;}
	.product_custom .item .after .item_slider .slick-prev{left:10px;}
	.product_custom .item .after .item_slider .slick-next{right:10px;}
	.product_custom .item .after .text{width:100%; height:auto; float:none; margin-left:0;}
	.product_custom .item .after .text dl{height:auto;}
	.product_custom .item .after .text dl dd{height:auto;}

}

/* 기업개요 */
.intro_con01{margin-bottom:150px}
.intro_con01 .img_box{width:100%; border-top:1px solid #fff; box-sizing:border-box;}
.intro_con01 .img_box img{width:100%;}
.intro_con01 .text{width:100%; max-width:1200px; margin:0 auto; margin-top:-56px; position:relative; z-index:2;}
.intro_con01 table{width:100%;}
.intro_con01 table tr:first-child{border-top:1px solid #363638;}
.intro_con01 table tr{border-bottom:1px solid #ebe8e8}
.intro_con01 table tr th{word-break:keep-all; text-align:center; background:#f5f5f5; font-size:18px; font-weight:500; color:#222; letter-spacing:-0.05em; padding:15px 15px;}
.intro_con01 table tr th br{display:none}
.intro_con01 table tr td{word-break:keep-all; font-size:18px; background:#fff; color:#666; padding:15px 20px;}

@media all and (max-width:1000px){
	.intro_con01 .img_box{width:100%; float:none; padding:0; margin:0 auto;}
	.intro_con01 .text{width:100%; float:none; margin-top:50px; }
	.intro_con01 table{display:block;}
	.intro_con01 table tr{display:block; background:#f5f5f5; font-size:0; border-bottom:0;}
	.intro_con01 table tr th{font-size:16px; display:inline-block; border-bottom:1px solid #ebe8e8; text-align:left; width:40%; vertical-align:top; padding:13px 30px; box-sizing:border-box;}
	.intro_con01 table tr th br{display:block}
	.intro_con01 table tr td{font-size:16px; display:inline-block; border-bottom:1px solid #ebe8e8; width:60%; vertical-align:top; padding:13px 30px; box-sizing:border-box;}
}
@media all and (max-width:640px){
	.intro_con01 table tr th{width:35%; padding:13px 15px;}
	.intro_con01 table tr td{width:65%; padding:13px 15px;}
}

/* vision */
.vision_con01{background:#f9f9f9; padding:50px 0 75px}
.vision_con01 h2{font-size:36px; color:#222; letter-spacing:-0.01em; text-align:center; font-weight:500; padding-bottom:35px;}
.vision_con01 p{text-align:center; font-size:30px; color:#363638; letter-spacing:-0.05em; font-weight:200;}
.vision_con01 p b{font-weight:500; color:#ed1c24;}
.vision_con01 p i{display:inline-block; vertical-align:top;}
.vision_con01 p i.bak{vertical-align:bottom;}
.vision_con01 p span{width:110px; height:100%; display:inline-block; vertical-align:top;} 
.vision_con02{background:#fff; padding:50px 0 75px}
.vision_con02 h2{font-size:36px; color:#222; letter-spacing:-0.01em; text-align:center; font-weight:500; padding-bottom:35px;}
.vision_con02 ul{font-size:0; text-align:center;}
.vision_con02 ul li{width:calc(33.333333% - 10px); display:inline-block; vertical-align:top; margin-right:15px;}
.vision_con02 ul li:nth-of-type(3){margin-right:0; }
.vision_con02 ul li .img_box{width:100%;}
.vision_con02 ul li .img_box img{width:100%;}
.vision_con02 ul li h3{font-size:22px; color:#ed1c24; letter-spacing:-0.05em; font-weight:bold; text-align:center; padding:30px 0; box-sizing:border-box; position:relative;}
.vision_con02 ul li h3:before{content:""; display:none; width:1px; height:25px; background:#000; position:absolute; left:50%; top:0; transform:translateX(-50%); -ms-transform:translateX(-50%); -webkit-transform:translateX(-50%); -o-transform:translateX(-50%); -moz-transform:translateX(-50%);}
.vision_con02 ul li p{text-align:center; font-size:22px; color:#231f20; letter-spacing:-0.05em; }
.vision_con03{background:#f9f9f9; padding:50px 0 75px}
.vision_con03 h2{font-size:36px; color:#222; letter-spacing:-0.01em; text-align:center; font-weight:500; padding-bottom:35px;}
.vision_con03 .after:after{clear:both; content:""; display:block; height:0; visibility:hidden}
.vision_con03 .after dl{width:50%; float:left;}
.vision_con03 .after dl:after{clear:both; content:""; display:block; height:0; visibility:hidden}
.vision_con03 .after dl dt{width:255px; float:left;}
.vision_con03 .after dl dd{float:left; width:calc(100% - 255px); padding:25px 20px; box-sizing:border-box;}
.vision_con03 .after dl dd h3{font-size:28px; color:#000; letter-spacing:-0.05em; font-weight:500; margin-bottom:15px;}
.vision_con03 .after dl dd p{font-size:22px; color:#231f20; letter-spacing:-0.05em; font-weight:200; word-break:keep-all;}

@media all and (max-width:1400px){
	.vision_con03 .after dl dd{padding-top:0px;}
}
@media all and (max-width:1000px){
	.vision_con01 p{width:85%; margin:0 auto; word-break:keep-all;}
	.vision_con01 p span{display:none;}
	.vision_con01 p br{display:none;}
	.vision_con02 ul li{width:100%; margin:0 auto; margin-bottom:20px;}
	.vision_con03 .after dl{width:100%; float:none; margin-bottom:20px;}
}

/* CEO인사말 */
.ceo_con01{margin:80px auto 150px;}
.ceo_con01 .after:after{clear:both; content:""; display:block; height:0; visibility:hidden}
.ceo_con01 .after .img_box{width:50%; float:left;}
.ceo_con01 .after .img_box img{max-width:100%;}
.ceo_con01 .after .text{width:50%; padding-bottom:20px; float:left; padding-left:35px; box-sizing:border-box;}
.ceo_con01 .after .text h2{font-size:28px; color:#000; letter-spacing:-0.05em; font-weight:300; line-height:1.2; margin-bottom:60px;}
.ceo_con01 .after .text p{font-size:22px; color:#231f20; letter-spacing:-0.05em; font-weight:300; line-height:1.5; margin-bottom:35px}
.ceo_con01 .after .text p b{color:#ed1c24; font-weight:500;}
.ceo_con01 .after .text p.bot_text{margin-top:70px;}
.ceo_con01 .after .text p.bot_text b{color:#000; font-size:28px; font-weight:500;}
.ceo_con01 .after .text .sign_text{position:absolute; right:0; bottom:0;}
.ceo_con01 .after .text .sign_text i{display:block;}
.ceo_con01 .after .text .sign_text i img{max-width:171px}

@media all and (max-width:1000px){
	.ceo_con01 .after .img_box{width:100%; float:none;}
	.ceo_con01 .after .text{width:100%; float:none; padding-left:0; padding-top:30px;}
}

/* 연혁 */
.history_con01{margin:80px auto 150px;}
.history_con01 .after:after{clear:both; content:""; display:block; height:0; visibility:hidden}
.history_con01 .after{margin-bottom:80px;}
.history_con01 .after .img_box{width:50%; float:left;}
.history_con01 .after .img_box img{max-width:100%;}
.history_con01 .after .text{width:50%; float:left; padding-left:35px; box-sizing:border-box;}
.history_con01 .after .text h2{font-size:38px; color:#000; letter-spacing:-0.05em; font-weight:bold; line-height:1.2;}
.history_con01 .after .text h3{font-size:24px; color:#231f20; letter-spacing:-0.05em; font-weight:500; margin-top:50px; margin-bottom:15px;}
.history_con01 .after .text ul li:after{clear:both; content:""; display:block; height:0; visibility:hidden}
.history_con01 .after .text ul li{font-size:18px; color:#231f20; letter-spacing:-0.05em; margin:2px 0;}
.history_con01 .after .text ul li b{float:left; font-weight:500; width:40px; margin-right:10px;}
.history_con01 .after .text ul li p{float:left; width:calc(100% - 50px);}

@media all and (max-width:1000px){
	.history_con01 .after .img_box{width:100%; float:none;}
	.history_con01 .after .text{width:100%; float:none; padding:0; padding-top:20px}
}

/* 조직도 */
.organization_con01{margin-bottom:100px;}
.organization_con01 .tit_box{position:relative; width:165px; height:167px; background:url('/img/organization_tit.png')no-repeat center; background-size:cover; margin-left:44.1%; margin-bottom:70px;}
.organization_con01 .tit_box p{font-size:24px; color:#fff; letter-spacing:-0.05em; font-weight:bold; text-align:center; position:absolute; left:50%; top:50%; width:100%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%);}
.organization_con01 .tit_box .line{content:""; display:block; width:1px; height:310px; background:#e1e1e1; position:absolute; bottom:-325px; left:50%; transform:translateX(-50%); -ms-transform:translateX(-50%); -webkit-transform:translateX(-50%); -o-transform:translateX(-50%); -moz-transform:translateX(-50%);}
.organization_con01 .tit_box .line:before{content:""; display:block; width:10px ;height:10px; border-radius:50%; background:#afabab; position:absolute; left:50%; top:0; transform:translateX(-50%); -ms-transform:translateX(-50%); -webkit-transform:translateX(-50%); -o-transform:translateX(-50%); -moz-transform:translateX(-50%);}
.organization_con01 ul{font-size:0; text-align:center; margin-bottom:50px;}
.organization_con01 ul li{position:relative; width:139px; height:139px; background:#dcdcdc ; display:inline-block; margin:0 18px; vertical-align:top; box-sizing:border-box; margin-top:65px;}
.organization_con01 ul li:before{content:""; display:block; width:1px; height:65px; background:#e1e1e1; position:absolute; top:-66px; left:50%; transform:translateX(-50%); -ms-transform:translateX(-50%); -webkit-transform:translateX(-50%); -o-transform:translateX(-50%); -moz-transform:translateX(-50%);}
.organization_con01 ul li .center{width:100%; height:100%; display:table;}
.organization_con01 ul li .center .text{display:table-cell; vertical-align:middle;}
.organization_con01 ul li .center i{display:block; margin:0 auto; text-align:center;}
.organization_con01 ul li .center i img{max-width:39px;}
.organization_con01 ul li .center p{font-size:20px; letter-spacing:-0.05em; color:#727272;}
.organization_con01 .one_box{position:relative;}
.organization_con01 .one_box:after{clear:both; content:""; display:block; height:0; visibility:hidden}
.organization_con01 .one_box:before{content:""; display:block; position:absolute; left:50%; top:0; width:calc(100% - 175px); height:1px; background:#e1e1e1; transform:translateX(-50%); -ms-transform:translateX(-50%); -webkit-transform:translateX(-50%); -o-transform:translateX(-50%); -moz-transform:translateX(-50%);}
.organization_con01 .one_box .left{float:left;}
.organization_con01 .one_box .right{float:right}
.organization_con01 .two_box{position:relative; display:inline-block; margin-left:18.75%;}
.organization_con01 .two_box:after{clear:both; content:""; display:block; height:0; visibility:hidden}
.organization_con01 .two_box:before{content:""; display:block; position:absolute; left:50%; top:0; width:calc(100% - 175px); height:1px; background:#e1e1e1; transform:translateX(-50%); -ms-transform:translateX(-50%); -webkit-transform:translateX(-50%); -o-transform:translateX(-50%); -moz-transform:translateX(-50%);}
.organization_con01 .two_box ul li{margin-top:35px; background:#414141 ;}
.organization_con01 .two_box ul li .center p{color:#fff;}
.organization_con01 .two_box ul li:before{height:35px; top:-36px;}

/* 이미지형 */
.organization_con01 .or_img{width:100%; max-width:904px; margin:100px auto 150px; text-align:center;}
.organization_con01 .or_img img{display:block; width:100%}
.organization_con01 .or_img img.m_img{display:none}

@media all and (max-width:1400px){
	.organization_con01 .tit_box:before{bottom:-306px; height:306px;}
	.organization_con01 ul li{width:120px; height:120px; margin:0 10px; margin-top:65px;}
	.organization_con01 ul li .center p{font-size:18px;}
	.organization_con01 .one_box:before{width:calc(100% - 138px);}
	.organization_con01 .two_box:before{width:calc(100% - 140px)}
}
@media all and (max-width:1200px){
	.organization_con01 .tit_box:before{bottom:-286px; height:286px;}
	.organization_con01 ul li{width:100px; height:100px; margin:0 10px; margin-top:65px;}
	.organization_con01 .one_box:before{width:calc(100% - 120px);}
	.organization_con01 .two_box:before{width:calc(100% - 118px)}
}
@media all and (max-width:1000px){
	.organization_con01 .inner{max-width:420px;}
	.organization_con01 .tit_box{margin:0 auto; margin-bottom:60px;}
	.organization_con01 .tit_box .line{width:100px; height:1px;background:#363638; left:-128px; top:50%; transform:none; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); -o-transform:translateY(-50%); -moz-transform:translateY(-50%);}
	.organization_con01 .tit_box .line:before{left:auto; top:auto; right:0; top:50%; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); -o-transform:translateY(-50%); -moz-transform:translateY(-50%);}
	.organization_con01 .one_box{display:block; margin:0 auto;}
	.organization_con01 .one_box .left{float:none;}
	.organization_con01 .one_box .right{float:none}
	.organization_con01 .one_box:before{width:1px; height:120%; background:#363638; left:0; top:-143px;}
	.organization_con01 .two_box{display:block; margin:0 auto; margin-top:60px;}
	.organization_con01 .two_box:before{width:1px; height:100%; background:#363638; left:0; top:-49px;}	
	.organization_con01 .two_box ul li:before{width:60px; height:1px; top:50%}
	.organization_con01 ul{margin:0 auto;}
	.organization_con01 ul li{width:300px; height:100px; display:block; margin:20px auto;}
	.organization_con01 ul li:before{width:60px; height:1px; top:50%; left:-60px; background:#363638; transform:none; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); -o-transform:translateY(-50%); -moz-transform:translateY(-50%);}
	
	.organization_con01 .or_img{width:93.75%}
}
@media all and (max-width:640px){
	.organization_con01 .or_img img.pc_img{display:none;}
	.organization_con01 .or_img img.m_img{display:block;}
}

/* 고객문의 */
.contact_con01{padding-top:50px;}
.contact_con01 .inner > h2{font-size:36px; color:#222; letter-spacing:-0.01em; text-align:center; margin-bottom:10px;}
.contact_con01 .inner > p{font-size:22px; color:#363638; font-weight:200; text-align:center; letter-spacing:-0.05em;}
.contact_con01 .inner > p b{color:#ed1c24; }
.contact_con01 ul{margin-top:20px; font-sizE:0; text-align:center;}
.contact_con01 ul li{background:#fff; padding:30px 40px; text-align:left; box-sizing:border-box; width:400px; height:170px; display:inline-block; vertical-align:top; border:1px solid #ebebeb; margin:0 10px;}
.contact_con01 ul li i{display:inline-block; vertical-align:top;}
.contact_con01 ul li .text{display:inline-block; vertical-align:top; }
.contact_con01 ul li .text h3{font-size:28px; color:#222; letter-spacing:-0.05em; font-weight:bold; margin-bottom:15px;}
.contact_con01 ul li .text p{font-size:22px; color:#231f20; letter-spacing:-0.05em; font-weight:200; margin-bottom:5px;}
.contact_con01 ul li .text p b{margin-right:5px;}
.contact_con02{background:#f9f9f9; padding-top:80px; margin-top:-80px; padding-bottom:150px;}
.contact_con02 .contact_tab{margin-bottom:40px;}
.contact_con02 .contact_tab ul{font-size:0; text-align:center;}
.contact_con02 .contact_tab ul li{display:inline-block; vertical-align:top;}
.contact_con02 .contact_tab ul li a{display:block; font-size:22px; font-weight:500; width:150px; height:45px; line-height:45px; color:#a4a4a4; position:relative;}
.contact_con02 .contact_tab ul li a:before{display:none; content:""; width:100%; height:2px; background:#363638; position:absolute; left:0; bottom:0;}
.contact_con02 .contact_tab ul li.on a{color:#363638}
.contact_con02 .contact_tab ul li.on a:before{display:block;}
.contact_con02 .contact_tab ul li:hover a{color:#363638}
.contact_con02 .contact_tab ul li:hover a:before{display:block;}
.contact_con02 .tab_con:after{clear:both; content:""; display:block; height:0; visibility:hidden}
.contact_con02 .tab_con .con01:after{clear:both; content:""; display:block; height:0; visibility:hidden}
.contact_con02 .tab_con .con01 .box{width:calc(50% - 10px); margin-right:20px; float:left;}
.contact_con02 .tab_con .con01 .box:last-child{margin-right:0;}
.contact_con02 .tab_con .con01 .box .map{height:480px}
.contact_con02 .tab_con .con01 .box .map .wrap_map{height:100%}
.contact_con02 .tab_con .con01 .box .map .wrap_map .wrap_btn_zoom{z-index:2;}
.contact_con02 .tab_con .con01 .box .text{position:relative; z-index:2; width:calc(100% - 90px); text-align:center; padding:40px; box-sizing:border-box; margin:0 auto; margin-top:-50px; min-height:685px; background:#fff;}
.contact_con02 .tab_con .con01 .box .text h3{padding-bottom:13px; margin-bottom:30px; font-size:28px; color:#000; position:relative; display:inline-block; vertical-align:top; letter-spacing:-0.05em; font-weight:bold;}
.contact_con02 .tab_con .con01 .box .text h3:before{content:""; width:45px; height:2px; background:#ed1c24; position:absolute; left:50%; bottom:0; transform:translateX(-50%); -ms-transform:translateX(-50%); -webkit-transform:translateX(-50%); -o-transform:translateX(-50%); -moz-transform:translateX(-50%);}
.contact_con02 .tab_con .con01 .box .text p{font-size:22px; margin-bottom:3px; color:#231f20; letter-spacing:-0.05em; font-weight:300;}
.contact_con02 .tab_con .con01 .box .text p span{margin-right:5px; font-weight:bold;}
.contact_con02 .tab_con .con01 .box .text p span.fax{margin-left:20px;}
.contact_con02 .tab_con .con01 .box .text p b{color:#ed1c24;}
.contact_con02 .tab_con .con01 .box .text .hr{width:100%; height:1px; margin:45px auto 0; border-top:1px dashed #ccc}
.contact_con02 .tab_con .con01 .box .text h4{font-size:28px; color:#000; letter-spacing:-0.05em; font-weight:bold; margin-bottom:20px; margin-top:40px;}
.contact_con02 .tab_con .con02:after{clear:both; content:""; display:block; height:0; visibility:hidden}
.contact_con02 .tab_con .con02 .img_box{width:calc(50% - 10px); margin-right:20px; float:left; height:700px; background-color:#fff;}
.contact_con02 .tab_con .con02 .img_box img{width:100%;}
.contact_con02 .tab_con .con02 .text{width:calc(50% - 10px); padding:40px; box-sizing:border-box; float:left; background:#fff; height:700px;}
.contact_con02 .tab_con .con02 .text h3{padding-bottom:10px; margin-bottom:20px; font-size:28px; color:#000; position:relative; display:inline-block; vertical-align:top; letter-spacing:-0.05em; font-weight:bold;}
.contact_con02 .tab_con .con02 .text h3:before{content:""; width:45px; height:2px; background:#ed1c24; position:absolute; left:50%; bottom:0; transform:translateX(-50%); -ms-transform:translateX(-50%); -webkit-transform:translateX(-50%); -o-transform:translateX(-50%); -moz-transform:translateX(-50%);}
.contact_con02 .tab_con .con02 .text p{font-size:22px; margin-bottom:13px; color:#231f20; letter-spacing:-0.05em; font-weight:300;}
.contact_con02 .tab_con .con02 .text p.tit {position:relative; font-weight:500; padding-left:10px; box-sizing:border-box;}
.contact_con02 .tab_con .con02 .text p.tit:before {position:absolute; left:0; top:16px; content:''; width:4px; height:4px; background-color:#ed1c24; }
.contact_con02 .tab_con .con02 .text p b{color:#ed1c24}
.contact_con02 .tab_con .con02 .text .hr{width:100%; height:1px; margin:35px auto 25px; border-top:1px dashed #ccc}
.contact_con02 .tab_con > h3{font-size:32px; color:#222; letter-spacing:-0.01em; font-weight:500; margin-top:80px; text-align:center; margin-bottom:40px;}

@media all and (max-width:1200px){
	.contact_con02 .tab_con .con01 .box .text{width:calc(100% - 40px); padding:20px}
}
@media all and (max-width:1000px){
	.contact_con01 ul li{display:block; margin:20px auto;}
	.contact_con02 .tab_con .con01 .box{width:100%; float:none; margin:40px auto;}
	.contact_con02 .tab_con .con01 .box .text{padding:40px; height:auto}
	.contact_con02 .tab_con .con02 .img_box{width:100%; float:none; margin:20px auto;}
	.contact_con02 .tab_con .con02 .text{width:100%; float:none; margin:20px auto; height:auto;}
}

/* 기업부설 연구소 */
.laboratory_con01{padding-bottom:60px;}
.laboratory_con01 .inner:after{clear:both; content:""; display:block; height:0; visibility:hidden}
.laboratory_con01 .img_box{width:calc(50% - 20px); float:left; margin-right:40px;}
.laboratory_con01 .img_box img{width:100%;}
.laboratory_con01 .text{width:calc(50% - 20px); float:left; padding-left:30px; padding-top:60px; box-sizing:border-box;}
.laboratory_con01 .text p{font-size:22px; color:#222; letter-spacing:-0.05em; font-weight:200; margin-bottom:30px;}

.laboratory_con02{background:#f9f9f9; padding:60px 0; text-align:center;}
.laboratory_con02 h2{font-size:36px; color:#222; letter-spacing:-0.01em; font-weight:500; margin-bottom:30px}
.laboratory_con02 .tit_box{position:relative; font-size:24px; background:#ffffff; color:#222; letter-spacing:-0.01em; font-weight:bold; line-height:50px; width:235px; height:50px; border:3px solid #d10b0d; border-radius:30px; margin:0 auto; margin-bottom:67px; }
.laboratory_con02 .tit_box:before{content:""; width:1px; height:67px; background:#e1e1e1; position:absolute; bottom:-70px; left:50%; transform:translateX(-50%); -ms-transform:translateX(-50%); -webkit-transform:translateX(-50%); -o-transform:translateX(-50%); -moz-transform:translateX(-50%);}
.laboratory_con02 ul{position:relative; font-size:0; text-align:center; display:inline-block; vertical-align:top;}
.laboratory_con02 ul:before{content:""; width:calc(100% - 340px); height:1px; background:#e1e1e1; position:absolute; left:50%; top:0; transform:translateX(-50%); -ms-transform:translateX(-50%); -webkit-transform:translateX(-50%); -o-transform:translateX(-50%); -moz-transform:translateX(-50%);}
.laboratory_con02 ul li{width:320px; height:140px; display:inline-block; vertical-align:top; border:1px solid #363638; box-sizing:border-box; position:relative; background:#fff; margin:0 10px; margin-top:32px;}
.laboratory_con02 ul li:before{content:""; width:1px; height:32px; background:#e1e1e1; position:absolute; top:-33px; left:50%; transform:translateX(-50%); -ms-transform:translateX(-50%); -webkit-transform:translateX(-50%); -o-transform:translateX(-50%); -moz-transform:translateX(-50%);}
.laboratory_con02 ul li p{width:100%; font-size:22px; color:#222; letter-spacing:-0.05em; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%);}

.laboratory_con03{padding:60px 0 180px;}
.laboratory_con03 h2{text-align:center; font-size:36px; color:#222; letter-spacing:-0.01em; font-weight:500; margin-bottom:30px}
.laboratory_con03 ul{font-size:0; text-align:center;}
.laboratory_con03 ul li{display:inline-block; vertical-align:top; width:calc(33.333333% - 10px); margin-right:15px;}
.laboratory_con03 ul li:last-child{margin-right:0;}
.laboratory_con03 ul li .img_box{width:100%;}
.laboratory_con03 ul li .img_box img{width:100%;}
.laboratory_con03 ul li .text{padding:0 15px; height:230px; border-bottom:1px solid #181818}
.laboratory_con03 ul li .text h3{margin-bottom:20px; font-size:26px; font-weight:bold; color:#ed1c24; letter-spacing:-0.05em; text-align:center; padding-top:27px; position:relative;}
.laboratory_con03 ul li .text h3:before{content:""; width:1px; height:25px; background:#000; position:absolute; left:50%; top:0; transform:translateX(-50%); -ms-transform:translateX(-50%); -webkit-transform:translateX(-50%); -o-transform:translateX(-50%); -moz-transform:translateX(-50%);}
.laboratory_con03 ul li .text dl{margin:5px 0; text-align:left; font-size:0;}
.laboratory_con03 ul li .text dl dt{width:10px; font-size:22px; color:#231f20; letter-spacing:-0.05em; font-weight:300; display:inline-block; vertical-align:top;}
.laboratory_con03 ul li .text dl dd{width:calc(100% - 10px); font-size:22px; color:#231f20; letter-spacing:-0.05em; font-weight:300; display:inline-block; vertical-align:top;}

@media all and (max-width:1400px){
	.laboratory_con01 .text{padding-top:30px; padding-left:0;}
	.laboratory_con01 .text p br{display:none;}
}
@media all and (max-width:1200px){
	.laboratory_con02 ul:before{width:calc(100% - 278px);}
	.laboratory_con02 ul li{width:260px;}
}
@media all and (max-width:1000px){
	.laboratory_con01 .img_box{width:100%; float:none; margin:20px auto;}
	.laboratory_con01 .text{width:100%; float:none; margin:20px auto;}
	.laboratory_con02 .tit_box:before{background:#363638}
	.laboratory_con02 ul:before{width:calc(100% - 220px); background:#363638}
	.laboratory_con02 ul li{width:200px;}
	.laboratory_con02 ul li:before{background:#363638;}
	.laboratory_con03 ul li{width:100%; margin:20px auto; display:block;}
}
@media all and (max-width:800px){
	.laboratory_con02 ul:before{width:calc(100% - 180px);}
	.laboratory_con02 ul li{width:160px;}
	.laboratory_con03 ul li .text{height:auto; padding-bottom:30px;} 
}

/* 특허현황 */
.patent_con01 .table{width:100%; margin-bottom:120px; overflow-x:auto;}
.patent_con01 .table table{width:100%; min-width:1000px;}
.patent_con01 .table table tr th{background:#6c6c6c; font-size:22px; color:#fff; letter-spacing:-0.05em; font-weight:500; padding:16px 0;}
.patent_con01 .table table tr td{text-align:center; font-size:20px; color:#000; letter-spacing:-0.05em; font-weight:300; padding:18px 0;}
.patent_con01 .table table tr td.text_left{text-align:left; padding:18px 10px;}
.patent_con01 .table table tr.bg01{background:#fff;}
.patent_con01 .table table tr.bg02{background:#f7f7f7;}


/* 채용정보 */
.info_con01{padding-bottom:70px}
.info_con01 .inner{position:relative;}
.info_con01 h2{font-size:36px; color:#222; letter-spacing:-0.01em; text-align:center; font-weight:500; margin-top:50px; margin-bottom:40px;}
.info_con01 .after{position:relative;}
.info_con01 .box{position:absolute; width:381px; height:378px; background:url('/img/info_box.png')no-repeat center; background-size:cover; left:50%; top:0; transform:translateX(-50%); -ms-transform:translateX(-50%); -webkit-transform:translateX(-50%); -o-transform:translateX(-50%); -moz-transform:translateX(-50%);}
.info_con01 .box ul{height:100%; font-size:0;}
.info_con01 .box ul li{width:50%; height:50%; position:relative; display:inline-block; vertical-align:top; }
.info_con01 .box ul li p{font-size:22px; color:#fff; letter-spacing:-0.05em; width:100%; padding-left:50px; box-sizing:border-box; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%);}
.info_con01 .box ul li:nth-of-type(1) p{padding-left:65px; padding-top:15px;}
.info_con01 .box ul li:nth-of-type(3) p{padding-left:45px}
.info_con01 .text{width:100%;}
.info_con01 .text:after{clear:both; content:""; display:block; height:0; visibility:hidden}
.info_con01 .desc{width:calc(50% - 190px); float:left; padding-left:20px; box-sizing:border-box;}
.info_con01 .desc .top{width:120px; display:inline-block; vertical-align: top; padding-bottom:10px; margin-bottom:25px; position:relative;}
.info_con01 .desc .top h3{font-size:26px; color:#363638; letter-spacing:-0.05em; font-weight:bold;}
.info_con01 .desc .top span{display:block; font-size:20px; color:#363638; letter-spacing:-0.05em; font-weight:200;}
.info_con01 .desc p{font-size:20px; color:#363638; letter-spacing:-0.05em; font-weight:300; margin-bottom:80px;}
.info_con01 .desc .top .line{content:"";width:193px; height:1px; background:#7d7d7d; position:absolute; right:0; bottom:0;}
.info_con01 .desc .top .line:before{content:""; width:70%; height:1px; background:#ff6c5e; position:absolute; right:0; top:0;}
.info_con01 .desc .top .line:after{content:""; width:12px; height:12px; border:3px solid #ff887c; border-radius:50%; box-sizing:border-box; background:#fff; position:absolute; left:0; top:-5px;}
.info_con01 .desc.left{text-align:right; margin-right:380px; padding-left:0; padding-right:20px; box-sizing:border-box;}
.info_con01 .desc.left .top .line{right:auto; left:0;}
.info_con01 .desc.left .top .line:before{right:auto; left:0;}
.info_con01 .desc.left .top .line:after{left:auto; right:0;}

.info_con01_new{padding-bottom:60px;}
.info_con01_new h2{font-size:36px; color:#222; letter-spacing:-0.01em; text-align:center; font-weight:500; margin-top:80px; margin-bottom:40px;}
.info_con01_new ul{font-size:0; text-align:center}
.info_con01_new ul li{width:calc(25% - 9px); margin-right:12px; display:inline-block; vertical-align:top;}
.info_con01_new ul li:last-child{margin-right:0;}
.info_con01_new ul li .img_box{max-width:100%;}
.info_con01_new ul li .img_box img{width:100%;}
.info_con01_new ul li .text{padding:20px 5px}
.info_con01_new ul li .text h3{font-size:30px; color:#363638; letter-spacing:-0.025em; font-weight:bold;}
.info_con01_new ul li .text span{font-size:20px; color:#363638; letter-spacing:-0.05em; font-weight:200; display:block;}
.info_con01_new ul li .text .hr{width:13px; height:1px; margin:15px auto; background:#ed1c24;}
.info_con01_new ul li .text p{font-size:20px; color:#231f20; letter-spacing:-0.05em; font-weight:200;}

.info_con02{position:relative;}
.info_con02 h2{font-size:36px; color:#222; letter-spacing:-0.01em; text-align:center; font-weight:500; margin-top:50px; margin-bottom:40px;}
.info_con02:before{content:""; width:100%; height:330px; background:#f9f9f9; position:absolute; left:0; bottom:0;}
.info_con02 .after:after{clear:both; content:""; display:block; height:0; visibility:hidden}
.info_con02 .left{width:calc(100% - 550px); float:left;}
.info_con02 .left h3{font-size:26px; color:#222; letter-spacing:-0.05em; font-weight:bold; text-align:center; padding-bottom:30px; padding-right:130px;}
.info_con02 .left img{max-width:100%}
.info_con02 .text{width:550px; float:left; padding-left:20px; box-sizing:border-box;}
.info_con02 .text h3{font-size:26px; color:#222; letter-spacing:-0.05em; font-weight:bold;}
.info_con02 .text h4{font-size:26px; color:#222; letter-spacing:-0.05em; font-weight:bold; margin-top:40px; margin-bottom:15px;}
.info_con02 .text p{font-size:22px; color:#231f20; letter-spacing:-0.05em; font-weight:300;}

.info_con02 .top h3{font-size:28px; color:#222; letter-spacing:-0.05em; font-weight:bold; text-align:center; padding-bottom:30px;}
.info_con02 .top ul{padding:30px 0; font-size:0; text-align:center; letter-spacing:-4px; line-height:1;}
.info_con02 .top ul li{position:relative; margin:0 30px; box-sizing:border-box; display:inline-block; vertical-align:middle; font-size:22px; color:#231f20; letter-spacing:-0.05em; font-weight:bold; text-align:center; width:126px; height:126px; line-height:22px; background:url('/img/career_one.png')no-repeat center; background-size:cover; }
.info_con02 .top ul li:before{content:""; display:block; position:absolute; right:-46px; top:50%; width:33px; height:16px; background:url('/img/career_right_btn.png') no-repeat center; background-size:cover; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); -o-transform:translateY(-50%); -moz-transform:translateY(-50%);}
.info_con02 .top ul li:last-child:before{display:none;}
.info_con02 .bot{padding:40px 0 150px;}
.info_con02 .bot h3{font-size:28px; color:#222; letter-spacing:-0.05em; font-weight:bold; text-align:center; padding-bottom:40px;}
.info_con02 .bot ul{font-size:0; text-align:center; letter-spacing:-4px; line-height:1;}
.info_con02 .bot ul li{display:inline-block; min-width:330px; vertical-align:top; text-align:left; margin:0 60px;}
.info_con02 .bot ul li h4{font-size:26px; color:#222; letter-spacing:-0.05em; font-weight:bold;}
.info_con02 .bot ul li p{font-size:20px; color:#231f20; letter-spacing:-0.05em; font-weight:300; margin-top:20px;}


.info_con03{margin-top:30px; padding-bottom:120px;}
.info_con03 .after:after{clear:both; content:""; display:block; height:0; visibility:hidden}
.info_con03 .box{padding-top:60px; width:100%; display:table; border-bottom:1px solid #f1f1f1;}
.info_con03 .box:last-child{border-bottom:0;}
.info_con03 .box.w100{width:100%}
.info_con03 .box .left{width:350px; display:table-cell; vertical-align:top;}
.info_con03 .box .left h2{display:inline-block; vertical-align:top;  font-size:28px; color:#222; letter-spacing:-0.01em; text-align:left; font-weight:500; margin-bottom:40px; margin-left:80px; position:relative;}
.info_con03 .box .left h2:before{content:""; width:5px; height:20px; position:absolute; left:-10px; top:calc(50% - 9px); background:#363638;}
.info_con03 .box .right{display:table-cell; vertical-align:top; width:calc(100% - 350px)}
.info_con03 .box ul{font-size:0; text-align:center; }
.info_con03 .box ul li{display:inline-block; vertical-align:top;}
.info_con03 .box ul li .img_box{margin:0 auto; width:90px; height:90px; position:relative;}
.info_con03 .box ul li .img_box img{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%);}
.info_con03 .box ul li p{font-size:20px; color:#231f20; letter-spacing:-0.05em; font-weight:300; margin:30px auto; word-break:keep-all;}
.info_con03 .box.type01 ul{text-align:left;}
.info_con03 .box.type01 ul li{width:170px; margin-right:5px; text-align:center;}
.info_con03 .box.type01 ul li .img_box{background:#f5f5f5}

@media all and (max-width:1400px){
	.info_con01_new ul li .text p{word-break:keep-all;}
	.info_con01_new ul li .text p br{display:none;}
}

@media all and (max-width:1200px){
	.info_con01 .desc p br{display:none}
	.info_con02 .left{width:600px;}
	.info_con02 .text{width:calc(100% - 600px)}

	.info_con02:before{display:none}
	.info_con02 .top ul{width:100%; max-width:640px; margin:0 auto;}
	.info_con02 .top ul li{margin:25px;}
	.info_con02 .top ul li:nth-of-type(3n):before{display:block;}
	.info_con02 .bot{background:#f9f9f9;}
	.info_con02 .bot ul li{width:100%; margin:20px auto;}

}
@media all and (max-width:1000px){
	.info_con01 .box{display:block; position:static; left:auto; top:auto; transform:none; margin:20px auto;}	
	.info_con01 .desc{width:100%; float:none; margin:0 auto; text-align:left; padding:0;}
	.info_con01 .desc .top .line{left:0; right:auto;}
	.info_con01 .desc .top .line:before{right:auto; left:0;}
	.info_con01 .desc .top .line:after{display:none;}
	.info_con01 .desc p{margin-bottom:30px; word-break:keep-all;}
	.info_con01 .desc.left{margin:0 auto; padding:0; text-align:left;}

	.info_con01_new ul li{width:calc(50% - 10px); margin:0 5px;}
	.info_con01_new ul li:last-child{margin:0 5px}

	.info_con02 .left{width:100%; float:none;}
	.info_con02 .left h3{padding-right:0;}
	.info_con02 .text{width:100%; float:none; text-align:center; padding-top:30px; padding-bottom:100px}
	.info_con02 .text h4{margin-top:20px;}

	.info_con03 .box{width:100%; float:none;}
	.info_con03 .box .left{display:block; width:100%; text-align:center;}
	.info_con03 .box .left h2{margin-left:0;}
	.info_con03 .box .right{display:block; width:100%}
	.info_con03 .box ul{width:100%; margin:0 auto; text-align:left;}
	.info_con03 .box ul li{text-align:center; width:25%; margin:0;}
	.info_con03 .box.type01 ul li{width:25%; margin:0;}
	.info_con03 .box.type02{float:none; width:100%;}
	.info_con03 .box.type02 ul li{width:200px;}
	.info_con03 .box.type03 ul li{width:200px;}
}

/* 사업개요 */
.business_con01 .after:after{clear:both; content:""; display:block; height:0; visibility:hidden}
.business_con01 .after{margin-bottom:80px;}
.business_con01 .after .img_box{width:500px; float:left;}
.business_con01 .after .img_box img{width:100%}
.business_con01 .after .text{width:calc(100% - 520px); min-height:300px; float:left; margin-left:20px; box-sizing:border-box; border-top:1px solid #363638; border-bottom:1px solid #363638; padding:25px 50px}
.business_con01 .after .text h3{font-size:30px; color:#222; letter-spacing:-0.025em; font-weight:300; margin-bottom:30px;}
.business_con01 .after .text p{font-size:20px; color:#666; font-weight:200;}
.business_con01 .after.type02 .img_box{float:right}
.business_con01 .after.type02 .text{float:right; margin-left:0; margin-right:20px;}

@media all and (max-width:1200px){
	.business_con01 .after .text{padding:20px 40px;}
}
@media all and (max-width:1000px){
	.business_con01 .after .img_box{width:100%; float:none !important;}
	.business_con01 .after .text{width:100%; float:none !important; margin:20px auto !important}
}






