@charset "utf-8";
/* doc.css는 디자인페이지 스타일을 정의합니다. */
.red{color:#800000 !important;}
.blue{color:#0006ff !important;}
.mb0{margin-bottom:0 !important;}
.doc-tit{font-size:22px;color:#242424;font-weight:500;padding-left:28px;position:relative;padding-bottom:21px;border-bottom:1px solid #ddd;margin-bottom:14px;}
.doc-tit:before{content:'';width:20px;height:20px;background:url('../images/sub/list_icon.png')no-repeat 50% 50%/contain;position:absolute;left:0;top:4px;}
.pl-con{padding-left:28px;}
.hypen-txt{line-height:1.750em;padding-left:9px;position:relative;}
.hypen-txt:before{content:'';width:4px;height:1px;background-color:#454545;position:absolute;left:0;top:13px;}

.greeting{display:flex;}
.greeting .img{flex:1 1 auto;}
.greeting .txt-box{max-width:697px;margin-left:53px;}
.greeting .txt-box .greeting-txt{font-size:28px;color:#242424;font-weight:500;line-height:1.429em;margin-bottom:25px;}
.greeting .txt-box .txt{margin-bottom:25px;}
.greeting .txt-box .finish{font-size:18px;font-weight:500;}
.quality-manage .circle-box{display:flex;text-align:center;margin:0 -70px 52px;align-items:center;justify-content:center;}
.quality-manage .circle-box .box{padding:0 70px;}
.quality-manage .circle{display:flex;justify-content:center;align-items:center;color:#fff;position:relative;font-weight:700;box-shadow:5px 5px 10px rgba(0,0,0,.13);}
.quality-manage .circle.type1, .quality-manage .circle.type2{width:200px;height:200px;border-radius:50%;font-size:30px;font-weight:700;}
.quality-manage .circle.type1{background-color:#919191;}
.quality-manage .circle.type1:after{content:'';width:40px;height:40px;background:url('../images/sub/icon_plus.png')no-repeat 50% 50%/contain;position:absolute;right:-90px;top:85px;}
.quality-manage .circle.type2{background-color:#3c3c3c;}
.quality-manage .circle.type2:after{content:'';width:40px;height:16px;background:url('../images/sub/icon_equal.png')no-repeat 50% 50%/contain;position:absolute;right:-90px;top:95px;}
.quality-manage .circle.type3{font-size:35px;line-height:1.143em;background-color:#800000;width:250px;height:250px;border-radius:50%;}
.quality-manage .content{margin-bottom:50px;}
.quality-manage .img{margin-top:97px;}

.hypen-txt.type2 br{display:none;}

.location .tab-menu{margin-bottom:30px;}
.location .tabs{display:flex;position:relative;}
.location .tabs:before{content:'';width:100%;height:1px;background-color:#ddd;position:absolute;left:0;top:0;}
.location .tabs:after{content:'';width:100%;height:1px;background-color:#ddd;position:absolute;left:0;bottom:0;}
.location .tabs li{flex:1;position:relative;}
.location .tabs li a{height:60px;line-height:60px;display:flex;justify-content:center;align-items:center;font-size:18px;color:#242424;font-weight:500;position:relative;}
.location .tabs li:first-child:before{content:'';width:1px;height:100%;background-color:#ddd;position:absolute;left:0;top:0px;}
.location .tabs li a:before{content:'';width:1px;height:100%;background-color:#ddd;position:absolute;right:0;top:0px;}
.location .tabs li.active a{color:#800000;}
.location .tabs li.active a:after{content:'';width:100%;height:3px;background-color:#800000;position:absolute;left:0;bottom:0;z-index:1;}
.location .maps{width:100%;height:500px;}
.location dl{display:flex;border-bottom:1px solid #ddd;padding:10px 0 17px;}
.location dt{max-width:144px;width:100%;position:relative;margin-right:30px;}
.location dt:after{content:'';width:1px;height:15px;background-color:#ddd;position:absolute;right:0;top:6px;}
.location dt p{font-size:18px;font-weight:500;color:#242424;padding-left:45px;position:relative;margin-left:21px;}
.location dt p:before{content:'';width:20px;height:24px;background:url('../images/sub/icon_location.png')no-repeat 50% 50%/contain;position:absolute;left:0;top:-1px;}

.doc-txt{font-size:18px;line-height:1.667em;text-align:center;margin-top:35px;}	
.doc-page .doc-txt{margin-bottom:85px;}
.doc-page .doc-txt .blue{margin-top:10px;font-size:16px;}
.doc-page .table01{margin-top:60px;}
.doc-page table{border-spacing:0;width:100%;text-align:center;color:#242424;border-top:2px solid #242424;}
.doc-page table th{font-size:20px;height:60px;line-height:60px;font-weight:500;background-color:#f8f8f8;border-bottom:1px solid #ddd;}
.doc-page table td{font-size:18px;height:60px;line-height:60px;border-right:1px solid #ddd;border-bottom:1px solid #ddd;}
.doc-page table td.cl-type2{font-size:16px;border-right:0;color:#454545;}

.doc-slide .slick-arrow{width:19px;height:34px;font-size:0;border:0;background-color:transparent;position:absolute;background-repeat:no-repeat;background-position:50% 50%;background-size:contain;top:50%;margin-top:-17px;}
.doc-slide .slick-prev{left:40px;background-image:url('../images/sub/cms_prev.png');z-index:10;}
.doc-slide .slick-next{right:40px;background-image:url('../images/sub/cms_next.png');z-index:10;}

.high-purity .img.type2{margin-top:95px;}

.application ul{display:flex;flex-wrap:wrap;margin:0 -40px -14px;}
.application ul li{width:33.3333%;padding:0 40px;margin-bottom:14px;}
.application ul li p{font-size:18px;color:#242424;font-weight:500;text-align:center;margin-top:14px;}

.inquiry-con ul{display:flex;margin-left:136px;margin-bottom:60px;}
.inquiry-con ul li{display:flex;align-items:center}
.inquiry-con ul li:first-child{max-width:570px;width:100%;}
.inquiry-con ul li .icon{margin-right:30px;box-shadow:3px 3px 7px rgba(0,0,0,.35);width:120px;height:120px;border-radius:50%;background:#800000 url('../images/sub/icon_tel.png')no-repeat 50% 50%/64px;}
.inquiry-con ul li .icon.type2{background-image:url('../images/sub/icon_mail.png');}
.inquiry-con ul li .txt-box{color:#242424;}
.inquiry-con ul li .txt-box .tit{font-size:20px;font-weight:500;margin-bottom:13px;}
.inquiry-con ul li .txt-box p{font-family:'Roboto';font-size:26px;font-weight:700;}
.inquiry-con ul li .txt-box p span{font-family:'Noto Sans KR',sans-serif;font-weight:500;font-size:16px;}