@charset "utf-8";
/* *******************************************************
 * filename : content.css
 * description : 서브페이지 컨텐츠 CSS
 * date : 2020-11-25
******************************************************** */

/* ******************  서브공통 ********************** */
/* -------- 공통 스크롤바  -------- */
.custom-scrollbar-cover{display:none;}

/* -------- 공통 :: 탭 -------- */
/* Tab 공통 스타일 */
.sub-tab-wrapper-style{position:relative; height:65px; }
.sub-tab-wrapper-style.invest-tab{margin-bottom:65px}
.sub-tab-list-style ul{display:flex; width:100%; height:100%; justify-content:center}
.sub-tab-list-style ul:after{display:none}
.sub-tab-list-style ul li{/* float:left; */ position:relative; width:25%; max-width:205px; background-color:#fff; border:1px solid #353535; border-left:0 }
.sub-tab-list-style ul li:first-child{border-left:1px solid #353535;}
.sub-tab-list-style ul li a{display:table; height:65px; width:100%; }
.sub-tab-list-style ul li a em{display:table-cell; vertical-align:middle; color:#353535; font-size:17px; letter-spacing:0; font-weight:400; text-align:center;}
.sub-tab-list-style ul li.selected{z-index:1; }
.sub-tab-list-style ul li.selected a{background-color:#353535; }
.sub-tab-list-style ul li.selected a em{color:#fff; font-weight:700}
/* Tab Fixed Move*/
.sub-tab-list-style.top-fixed{position:fixed; top:70px; left:0; width:100%; height:60px;}
/* Mobile Tab Drop Menu */
.sub-drop-open-btn-style{display:none}

@media all and (min-width:1025px){
	/* Tab Fixed Background */
	.sub-tab-list-style:before{position:absolute; top:0px; bottom:0px; left:50%; width:0; content:""; background-color:#fff; border-bottom:1px solid #e5e5e5; transition:all 0.5s}
	.sub-tab-list-style.top-fixed:before{width:100%; margin-left:-50%}
}



/* ****************** 기업정보 ********************** */
/* ------------------ 기업정보 :: 회사개요 :: 개요 ------------------ */
.summary-top{text-align:center; margin-bottom:40px}
.summary-top h3{font-weight:600; font-size:42px; letter-spacing:-0.5px; color:#0ea39f; line-height:1.4}
.summary-top p{font-weight:400; font-size:19px; letter-spacing:-0.5px; color:#353535; line-height:1.78; margin-top:30px}
.summary-img img{max-width:100%}
.summary-detail{margin-top:50px}
.summary-detail .icon-list{text-align:center}
.summary-detail .icon-list li{display:inline-block; vertical-align:top; width:23%; max-width:280px}
.summary-detail .icon-list li .icon{display:inline-block; width:150px; height:150px; border-radius:50%; border:1px solid #c2c2c2; box-sizing:border-box; position:relative; box-shadow:9px 10px 15px 6px rgba(0,0,0,0.13)}
.summary-detail .icon-list li .icon img{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); max-width:100%}
.summary-detail .icon-list li .tit{display:block; font-weight:400; font-size:18px; letter-spacing:-0.5px; color:#353535; margin-top:20px}
.summary-detail .icon-list li .num{display:block; font-weight:700; font-size:32px; letter-spacing:0; color:#353535; margin-top:18px}
.summary-detail .detail-tbl{margin-top:65px; width:100%; table-layout:fixed; border-top:1px solid #353535}
.summary-detail .detail-tbl th,
.summary-detail .detail-tbl td{border-bottom:1px solid #e5e5e5; font-size:18px; letter-spacing:-0.5px; color:#353535; /*font-family:'Noto Sans KR', "나눔고딕", NanumGothic, "Nanum Gothic","돋움", Dotum, Arial, sans-serif;*/font-family:'SpoqaHanSansNeo','Noto Sans KR', "나눔고딕", NanumGothic, "Nanum Gothic","돋움", Dotum, Arial, sans-serif; padding:15px 0}
.summary-detail .detail-tbl th{background-color:#f7f7f7; font-weight:600}
.summary-detail .detail-tbl td{font-weight:400; padding-left:45px}

.summary-detail .icon-list{position: relative;}
.summary-plus-txt{position: absolute; bottom:-50px; right:0; font-size:14px; color:#353535; font-weight:400;}

/* ------------------ 기업정보 :: 회사개요 :: 비전 ------------------ */
.vision-page{padding-bottom:170px}
.vision-sec{display:flex; align-items:center; position:relative; padding:30px 0}
.vision-sec:after{position:absolute; content:""; width:100%; height:1px; background:url(/images/content/dot_line.jpg) repeat; bottom:0; left:0}
.vision-sec:last-child:after{display:none}
.vision-sec dt{width:200px; font-weight:700; font-size:32px; letter-spacing:-0.25px; color:#2d2d2d; padding-right:6.2%}
.vision-sec dd{width:calc(93.8% - 200px)}
.vision-sec dd img{max-width:100%}


/* ------------------ 기업정보 :: 회사개요 :: 연혁 ------------------ */
/* 탭스타일 */
.history-tab-style{border-top:1px solid #dcdcdc}
.history-tab-style ul{display:flex; justify-content:center}
.history-tab-style ul li{width:240px; text-align:center; display:table; height:115px; table-layout:fixed; position:relative}
.history-tab-style ul li a{display:table-cell; vertical-align:middle; font-weight:400; font-size:19px; color:#797979; letter-spacing:-0.5px; width:100%}
.history-tab-style ul li a b{display:block; font-weight:700; font-size:22px; color:#353535; letter-spacing:-0.25px; margin-bottom:10px}
.history-tab-style ul li.selected:before{position:absolute; content:""; width:100%; height:3px; background-color:#0ea4a0; top:-2px; left:0}
.history-tab-style ul li.selected:after{position:absolute; content:""; width:30px; height:8px; background:url(/images/content/history_tab_deco.png) no-repeat top center; background-size:contain !important; top:0; left:50%; transform:translateX(-50%)}
.history-tab-style ul li.selected a,
.history-tab-style ul li.selected a b{color:#0ea4a0}
/* 배너 */
.history-banner{display:table; width:100%; height:398px; table-layout:fixed; text-align:center; background-repeat:no-repeat !important; background-size:cover !important; background-position:50% 0 !important; }
.history-banner.banner-01{background:url(/images/content/history_img_01.jpg)}
.history-banner.banner-02{background:url(/images/content/history_img_02.jpg)}
.history-banner.banner-03{background:url(/images/content/history_img_03.jpg)}
.history-banner .banner-txt{display:table-cell; vertical-align:middle; letter-spacing:-0.55px; color:#fff; }
.history-banner .banner-txt dt{font-weight:400; font-size:20px; opacity:0.5}
.history-banner .banner-txt dd{font-weight:600; font-size:36px; line-height:1.5; margin-top:10px}
/* 연혁내용 */
.history-year-tit{float:left; width:296px; height:144px; display:table; table-layout:fixed; text-align:center; background-color:#0ea4a0; margin-top:-70px; position:relative; z-index:9}
.history-year-tit span{display:table-cell; vertical-align:middle; font-weight:700; font-size:36px; letter-spacing:-0.25px; color:#fff}
.history-list-wrap{float:left; margin-top:70px; position:relative; left:-1px; width:calc(100% - 296px)}

/* ------------------ 기업정보 :: 회사개요 :: 조직도 ------------------ */
.org-page{text-align:center}
.org-page img{max-width:100%}

/* ------------------ 기업정보 :: 대표이사 인사말 ------------------ */
.greeting-page{background-color:#f6f6f6; padding:120px 0 195px}
.greeting-con{position:relative}
.greeting-con > div{display:flex; align-items:flex-start;}
.greeting-con .txt-con{width:57%; box-sizing:border-box; padding-right:1.5%}
.greeting-con .txt-con .tit{font-weight:400; font-size:42px; letter-spacing:-0.5px; color:#2d2d2d; line-height:1.42}
.greeting-con .txt-con .tit b{font-weight:600}
.greeting-con .txt-con .txt{font-weight:400; font-size:18px; letter-spacing:-0.75px; /* line-height:2.11; */line-height:1.6; padding-top:40px}
.greeting-con .txt-con .ceo-name{padding-top:50px}
.greeting-con .txt-con .ceo-name b{font-weight:700; font-size:18px; letter-spacing:-0.5px; color:#0ea4a0; display:block; margin-bottom:15px}
.greeting-con .txt-con .ceo-name p{font-weight:600; font-size:24px; letter-spacing:-0.5px; color:#505050}
.greeting-con .txt-con .ceo-name p em{display:inline-block; margin-left:10px; font-weight:700; color:#000}
.greeting-con .img-con{width:43%; }
.greeting-con .img-con .bg-txt{position:relative; top:47px; z-index:0}
.greeting-con .img-con .main-img{max-width:100%; position:relative; z-index:1}

/* ------------------ 기업정보 :: CI ------------------ */
/* 공통 */
.ci-sec .sec-tit{font-weight:600; font-size:30px; letter-spacing:-0.5px; color:#000; margin-bottom:20px}
.logo-box{background:url(/images/content/ci_bg.jpg) repeat; border:11px solid #f8f8f8; text-align:center}
.logo-box span img{max-width:100%}
/* 기업 브랜드 철학 */
.ci-sec.sec-01{margin-bottom:145px}
.ci-sec.sec-01 .logo-box{padding:110px 30px}
.ci-sec.sec-01 .big-logo-txt{font-weight:400; font-size:22px; letter-spacing:-0.5px; color:#353535; line-height:1.63; text-align:center; margin-top:40px}
.ci-sec.sec-01 .big-logo-txt b{font-weight:600; color:#1ca4a0}
.ci-sec.sec-01 .logo-philosophy{text-align:center; margin-top:80px}
.ci-sec.sec-01 .logo-philosophy li{display:inline-block; vertical-align:top; max-width:445px; width:33%; box-sizing:border-box; padding:0 2%}
.ci-sec.sec-01 .logo-philosophy li .img{}
.ci-sec.sec-01 .logo-philosophy li .img img{max-width:100%}
.ci-sec.sec-01 .logo-philosophy li .txt{margin-top:40px}
.ci-sec.sec-01 .logo-philosophy li .txt dt{font-weight:700; font-size:26px; letter-spacing:-0.5px; color:#000}
.ci-sec.sec-01 .logo-philosophy li .txt dd{font-weight:400; font-size:18px; letter-spacing:-0.5px; color:#353535; line-height:1.66; margin-top:15px}
.ci-sec.sec-01 .logo-philosophy li .txt dd b{font-weight:600}
/* 로고타입 */
.ci-sec.sec-02{margin-bottom:185px}
.ci-sec .logo-type{display:flex; margin:0 -0.5%; padding-top:5px}
.ci-sec .logo-type li{width:49%; margin:0 0.5%}
.ci-sec .logo-type li .type-tit{position:relative; padding-left:28px; font-weight:600; font-size:22px; letter-spacing:-0.5px; color:#1ca4a0; margin-bottom:20px; display:block}
.ci-sec .logo-type li .type-tit:before{position:absolute; content:""; width:13px; height:13px; border:3px solid #1ca4a0; box-sizing:border-box; left:0; top:2px; border-radius:50%}
.ci-sec .logo-type li .logo-box{display:table; width:100%; table-layout:fixed; box-sizing:border-box}
.ci-sec .logo-type li .logo-box span{display:table-cell; vertical-align:middle; padding:0 20px}
.ci-sec.sec-02 .logo-box{height:330px;}
/* 그룹사 로고 조합 예시 */
.ci-sec.sec-03 .logo-box{height:635px;}
/* 하단버튼 */
.ci-btn-con{text-align:center; margin-top:50px}
.ci-btn-con li{display:inline-block; vertical-align:top; border:1px solid #d6d6d6; margin:0 5px; box-shadow:5px 5px 6px -1px rgba(0,0,0,0.14); transition:all 0.3s; width:calc(33.333% - 15px); max-width:252px}
.ci-btn-con li a{display:table; width:100%; height:62px; table-layout:fixed; text-align:left; position:relative; }
.ci-btn-con li a span{display:table-cell; vertical-align:middle; font-weight:600; font-size:16px; letter-spacing:-0.5px; color:#353535; line-height:1.3; padding-left:30px; transition:color 0.3s; padding:0 19% 0 12%}
.ci-btn-con li a span i{position:absolute; right:10%; top:50%; transform:translateY(-50%); font-size:18px}
@media all and (min-width:801px){	
	.ci-btn-con li:hover{background-color:#1ca4a0; border-color:#1ca4a0}
	.ci-btn-con li:hover a span{color:#fff}
}	


/* ------------------ 기업정보 :: 윤리경영 :: 대표이사 메시지 ------------------ */
.message-page{position:relative; padding-bottom:130px}
.message-page:after{position:absolute; content:""; width:100%; height:80%; background-color:#f6f6f6; bottom:0; left:0; z-index:-1}
.message-banner{display:table; width:100%; table-layout:fixed; height:580px; background:url(/images/content/message_banner.jpg) no-repeat 50% 0; background-size:cover; box-sizing:border-box}
.message-banner .txt-inner{text-align:center; display:table-cell; vertical-align:middle}
.message-banner .txt-inner .tit{font-weight:400; font-size:42px; letter-spacing:-0.5px; color:#fff; line-height:1.42; margin-top:25px}
.message-banner .txt-inner .tit b{font-weight:600}
.message-banner .txt-inner .txt{font-weight:400; font-size:22px; letter-spacing:-0.5px; color:#fff; opacity:0.7; line-height:1.5; margin-top:60px}
.message-txt{}
.message-txt > p{margin-top:45px; font-weight:400; font-size:18px; letter-spacing:-0.5px; color:#505050; line-height:2.11}
.message-txt .ceo-name{margin-top:45px}
.message-txt .ceo-name b{display:block; font-weight:700; font-size:18px; letter-spacing:-0.5px; color:#0ea4a0; margin-bottom:20px}
.message-txt .ceo-name p{font-weight:600; font-size:24px; letter-spacing:-0.5px; color:#505050}
.message-txt .ceo-name p em{display:inline-block; font-weight:700; color:#000; margin-left:10px}

/* ------------------ 기업정보 :: 사업장안내 :: 본사&공장 ------------------ */
.factory-page{padding-bottom:120px}
.factory-top-txt{text-align:center; font-weight:400; font-size:22px; letter-spacing:-0.65px; color:#8f8f8f; line-height:1.5; margin-top:-30px; margin-bottom:50px}
.factory-img{text-align:center; margin-bottom:120px}
.factory-img .mb{display:none}
.factory-info.loaction-info-con .info-detail{width:calc(50% - 102px)}
.loaction-info-con .info-detail.long dl dt{width:108px}
.loaction-info-con .info-detail.long dl dd{width:calc(100% - 108px)}

/* ------------------ 기업정보 :: 사업장안내 :: 서울사무소 ------------------ */
/* 서울사무소 :: 지도 */
.map-script-wrapper{position:relative; overflow:hidden; margin:0px auto; height:490px; border:1px solid #ddd}
.map-script-wrapper .map-script-con{position:absolute; top:50%; left:50%; width:1400px; height:490px; margin:-245px 0 0 -700px;}
.map-script-wrapper .map-script-con .root_daum_roughmap,
.map-script-wrapper .map-script-con .wrap_map{height:100% !important;}
/* 서울사무소 :: 정보 */
.loaction-info-con{background-color:#f2f2f2; padding:3.5% 5%; display:flex; align-items:center}
.loaction-info-con .info-detail{width:calc(100% - 205px); box-sizing:border-box; padding-right:3%}
.loaction-info-con .info-detail dl{display:flex; margin-bottom:15px}
.loaction-info-con .info-detail dl:last-child{margin-bottom:0}
.loaction-info-con .info-detail dl dt,
.loaction-info-con .info-detail dl dd{font-size:18px; letter-spacing:-0.5px;  line-height:1.4}
.loaction-info-con .info-detail dl dt{width:75px; font-weight:600; color:#3c3c3c; position:relative;}
.loaction-info-con .info-detail dl dt:after{position:absolute; content:""; width:1px; height:11px; background-color:#cdcdcd; top:8px; right:0}
.loaction-info-con .info-detail dl dt i{width:27px; color:#a6a6a6; position:relative; top:1px}
.loaction-info-con .info-detail dl dd{width:calc(100% - 75px); box-sizing:border-box; padding-left:20px; font-weight:400; font-size:18px; color:#747474}
.loaction-info-con .map-btn{width:205px; height:66px; text-align:center; background-color:#494949; color:#fff; display:table; table-layout:fixed;}
.loaction-info-con .map-btn span{display:table-cell; vertical-align:middle; font-weight:400; font-size:18px; letter-spacing:-0.5px; line-height:1.3}





/* ****************** 제품소개 ********************** */
/* ------------------ 제품소개 :: 인트로 ------------------ */
.prd-intro-page{margin-top:-60px}
.prd-intro-box{display:flex; flex-wrap:wrap; margin:0 -1.6% -3.2%}
.prd-intro-box li{width:30.1333%; margin:0 1.6% 3.2%}
.prd-intro-box li a{display:block; position:relative}
.prd-intro-box li a .bg{position:relative; display:block; padding-top:92.4%; overflow:hidden}
.prd-intro-box li.row a .bg{padding-top:91.8%}
.prd-intro-box li a .bg img{position:absolute; top:0; left:0; width:100%; height:100%; transition:all 0.4s}
.prd-intro-box li a .txt{position:absolute; top:50%; left:0; right:0; text-align:center; transform:translateY(-50%); z-index:9; color:#fff}
.prd-intro-box li a .txt dt{font-weight:600; font-size:15px; letter-spacing:-0.25px; }
.prd-intro-box li a .txt dd{font-weight:600; /*font-size:30px; margin-top:15px;*/ letter-spacing:-0.5px; font-size:48px}
@media all and (min-width:801px){	
	.prd-intro-box li a:hover .bg img{transform: scale(1.08) rotate(0.002deg);}
}

/* ------------------ 제품소개 :: 제품리스트 ------------------ */
.prd-list-con{margin-top:105px}
.prd-list-con .prd-list{display:flex; flex-wrap:wrap; margin:0 -0.75% -1.5%}
.prd-list-con .prd-list li{width:23.5%; margin:0 0.75% 1.5%}
.prd-list-con .prd-list li .prd-inner{border:1px solid #e2e2e2; }
.prd-list-con .prd-list li .prd-img{}
.prd-list-con .prd-list li .prd-img span{position:relative; display:block; padding-top:65.6%}
.prd-list-con .prd-list li .prd-img span img{position:absolute; top:0; left:0; width:100%; height:100%}
.prd-list-con .prd-list li .prd-detail{background-color:#f8f8f8; padding:25px 5.5% 30px}
.prd-list-con .prd-list li .prd-detail .prd-tit{text-align:center; font-weight:600; font-size:18px; letter-spacing:-0.5px; color:#353535; word-break:break-all; line-height:1.4; margin-bottom:15px}
.prd-list-con .prd-list li .prd-detail .prd-value{border-top:1px solid #0ea4a0}
.prd-list-con .prd-list li .prd-detail .prd-value .value-item{display:flex}
.prd-list-con .prd-list li .prd-detail .prd-value .value-item .inner{width:100%; text-align:center; background-color:#fff; min-height:50px; border-bottom:1px solid #e3e3e3; border-right:1px solid #e3e3e3}
.prd-list-con .prd-list li .prd-detail .prd-value .value-item .inner:last-child{border-right:0}
.prd-list-con .prd-list li .prd-detail .prd-value .value-item .inner span{display:table; table-layout:fixed; width:100%; height:100%}
.prd-list-con .prd-list li .prd-detail .prd-value .value-item span em{display:table-cell; vertical-align:middle; font-weight:400; font-size:16px; letter-spacing:-0.5px; color:#353535; line-height:1.1; word-break:break-all; padding:3px 0}
.prd-list-con .prd-list li .prd-detail .prd-value .value-item.title span em{font-weight:600; color:#353535}
.prd-list-con .prd-list li .prd-detail .prd-value .value-item.title .inner{border-bottom-color:#0ea4a0}

/* ------------------ 제품소개 :: PB제품 ------------------ */
/* ------------------ 제품소개 :: PB제품 :: PB특성 ------------------ */
/* 상단텍스트 */
.prd-cm-tit{font-weight:600; font-size:26px; letter-spacing:-0.5px; color:#0ea4a0; line-height:1.4}
.prd-cm-txt{font-weight:400; font-size:18px; letter-spacing:-0.5px; color:#353535; line-height:1.77;}
.prd-cm-txt.sm{font-size:16px}
.pb-charac-top .prd-cm-txt{margin-top:10px}
/* 특성표 */
.charac-cm-tbl{width:100%; table-layout:fixed}
.charac-cm-tbl th,
.charac-cm-tbl td{text-align:center; border-bottom:1px solid #e3e3e3; border-right:1px solid #e3e3e3; font-size:16px; letter-spacing:-0.5px; color:#353535; line-height:1.625; padding:10px 5px; /*font-family:'Noto Sans KR', "나눔고딕", NanumGothic, "Nanum Gothic","돋움", Dotum, Arial, sans-serif;*/font-family:'SpoqaHanSansNeo','Noto Sans KR', "나눔고딕", NanumGothic, "Nanum Gothic","돋움", Dotum, Arial, sans-serif;}
.charac-cm-tbl th{background-color:#f8f8f8; border-top:1px solid #0ea4a0; font-weight:600;}
.charac-cm-tbl td{font-weight:400}
.charac-cm-tbl td sub{font-size:10px}
.charac-cm-tbl td.vt-top{vertical-align:top}
.charac-cm-tbl td img{max-width:100%}
.charac-cm-tbl .bd-no{border-right:0}
.pb-charac-tbl-con{display:flex; align-items:center; margin-top:35px}
.pb-charac-tbl-con .tbl-con{width:68.6%}
.pb-charac-tbl-con .img-con{width:31.4%; text-align:right; padding-left:3%; box-sizing:border-box}
.pb-charac-tbl-con .img-con img{max-width:100%}
/* 특징박스 */
.pb-charac-box{display:flex; flex-wrap:wrap; margin:55px -0.9% -1.8%}
.pb-charac-box li{width:48.2%; margin:0 0.9% 1.8%; background-color:#f8f8f8; display:table; table-layout:fixed; transition:background-color 0.3s, box-shadow 0.3s; position:relative}
.pb-charac-box li:after{position:absolute; content:""; width:100%; height:100%; top:0; left:0; box-sizing:border-box; border:1px solid #0ea4a0; opacity:0; transition:all 0.3s}
.pb-charac-box li .box-inner{display:table-cell; vertical-align:middle; padding:5.8%; width:100%; box-sizing:border-box}
.pb-charac-box li .box-inner dt{font-weight:600; transition:color 0.3s}
.pb-charac-box li .box-inner dd{font-weight:400; color:#525252; padding-top:3px}
@media all and (min-width:801px){	
	.pb-charac-box li:hover{background-color:#fff; box-shadow:7px 7px 12px -1px rgba(0,0,0,0.14)}
	.pb-charac-box li:hover:after{opacity:1}
	.pb-charac-box li:hover dt{color:#0ea4a0}
}
/* 제품특징 */
.pb-prd-info{display:flex; align-items:center; margin:60px -0.9% 0}
.pb-prd-info > div{width:48.2%; margin:0 0.9%;}
.pb-prd-info .txt-con{border-top:1px solid #353535}
.pb-prd-info .txt-con .item{display:flex; align-items:center; border-bottom:1px solid #e5e5e5; padding:5% 3% 5% 5%}
.pb-prd-info .txt-con .item dt{width:35px; height:35px; background-color:#e6f6f5; border-radius:50%; text-align:center}
.pb-prd-info .txt-con .item dt b{font-style:italic; font-weight:700; font-size:16px; letter-spacing:-0.5px; color:#0ea4a0; line-height:35px; position:relative; left:-2px}
.pb-prd-info .txt-con .item dd{width:calc(100% - 35px); box-sizing:border-box; padding-left:18px}
.pb-prd-info .img-con{text-align:center}
.pb-prd-info .img-con img{max-width:100%}
/* 비디오 */
.pb-video-con{position:relative; padding-top:56%; margin-top:100px}
.pb-video-con video{position:absolute; top:0; left:0; width:100%; height:100%}


/* ------------------ 제품소개 :: PB제품 :: PB물성 ------------------ */
.prd-cm-tit.sm-dot{position:relative; font-size:24px; padding-left:25px}
.prd-cm-tit.sm-dot:before{position:absolute; content:""; width:13px; height:13px; border:3px solid #0ea4a0; border-radius:50%; left:0; top:10px; box-sizing:border-box}
.pb-matter-sec{margin-bottom:100px}
.pb-matter-sec:last-child{margin-bottom:0}
.pb-matter-tbl{margin-top:15px}
.matter-item{padding-bottom:50px}
.matter-mean{margin:30px 0 0 20px; padding-bottom:10px}
.matter-mean dt{position:relative; font-weight:600; font-size:20px; letter-spacing:-0.5px; color:#353535; padding-left:10px; margin-bottom:10px}
.matter-mean dt:before{position:absolute; content:""; width:3px; height:19px; background-color:#0ea4a0; top:0; left:0}
.pb-matter-graph{margin:20px 0 30px}
.pb-matter-graph img{max-width:100%}

/* ------------------ 제품소개 :: PB제품 :: PB규격 ------------------ */
.pb-spec-sec{margin-bottom:85px}
.pb-spec-sec.last{margin-bottom:0}
/* 이미지, 타이틀 박스 */
.pb-spec-img-box{display:flex; margin:0 -1% 55px}
.pb-spec-img-box li{width:48%; margin:0 1%; border:1px solid #dedede; box-sizing:border-box}
.pb-spec-img-box li .img-con img{max-width:100%}
.pb-spec-img-box li .txt-con{display:table; width:100%; text-align:center; height:65px}
.pb-spec-img-box li .txt-con span{display:table-cell; vertical-align:middle; font-weight:600; font-size:22px; letter-spacing:-0.5px; color:#353535; line-height:1.3}
/* 허용오차 */
.pb-permission-error{background-color:#f8f8f8; margin-top:55px; padding:42px 77px 42px 44px; display:flex; align-items:center}
.pb-permission-error .img-con{width:184px}
.pb-permission-error .img-con img{max-width:100%}
.pb-permission-error .txt-con{width:calc(100% - 184px); padding-left:4.3%; box-sizing:border-box}
.pb-permission-error .txt-con strong{display:block; font-weight:600; font-size:24px; letter-spacing:-0.5px; color:#353535; border-bottom:1px solid #e0e0e0; padding-bottom:18px; margin-bottom:18px}
/* KS 2003년판(ISO규격) */
.pb-spec-sec.last .charac-cm-tbl td{line-height:1.875}
.charac-cm-tbl td .pb-spec-img{text-align:left; padding:0 10px; }
.charac-cm-tbl td .pb-spec-img .pb-img{text-align:center; display:table; width:100%; height:120px; table-layout:fixed; margin-bottom:15px}
.charac-cm-tbl td .pb-spec-img .pb-img span{display:table-cell; vertical-align:middle}
.charac-cm-tbl td .pb-spec-img .pb-img span img{max-width:100%}
/* 주의사항 */
.pb-spec-caution{font-size:16px; letter-spacing:-0.5px; color:#c84d4d; line-height:1.875; margin-top:15px}
.pb-spec-caution dt{font-weight:600;}

/* ------------------ 제품소개 :: PB제품 :: PB 파이프 ------------------ */
.prd-list-type02{margin-top:70px}
.prd-list-type02 ul{display:flex;flex-wrap:wrap; margin:0 -1.1% -7.7%}
.prd-list-type02 ul li{width:47.8%; margin:0 1.1% 7.7%}
.prd-list-type02 ul li .prd-img{margin-top:18px}
.prd-list-type02 ul li .prd-img img{max-width:100%}
.prd-list-type02 ul li .prd-detail{margin-top:19px}
.prd-list-type02 ul li .prd-detail .charac-cm-tbl th, 
.prd-list-type02 ul li .prd-detail .charac-cm-tbl td{padding:0 5px; height:50px; line-height:1.1}
.prd-list-type02 ul li .prd-detail .charac-cm-tbl th em{display:block; font-weight:400}
.prd-list-type02 ul li .prd-detail .charac-cm-tbl td .dot{display:inline-block; width:13px; height:13px; background-color:#0ea4a0; border-radius:50%}

/* ------------------ 제품소개 :: PB제품 :: 기타 ------------------ */
.prd-list-con .prd-list-sec{margin-bottom:120px}
.prd-list-con .prd-list-sec:last-child{margin-bottom:0}
.prd-list-con .prd-list-sec .prd-cm-tit{margin-bottom:18px}


/* ------------------ 제품소개 :: CPVC제품 ------------------ */
/* ------------------ 제품소개 :: CPVC제품 :: CPVC특성 ------------------ */
.mgt-30{margin-top:30px}
.mgl-20{margin-left:20px}
.cpvc-charac-sec{margin-bottom:75px}
.cpvc-charac-sec.last{margin-bottom:0}
/* CPVC란? */
.prd-cm-tit.mg-bt{margin-bottom:10px}
.cpvc-charac-sec.sec-01 .gr-img-txt-box{text-align:center; background-color:#f8f8f8; padding:45px 15px; margin-top:30px}
.cpvc-charac-sec.sec-01 .gr-img-txt-box img{max-width:100%}
.cpvc-charac-sec.sec-01 .gr-img-txt-box p{margin-top:30px}
/* CPVC의 용도 */
.cpvc-charac-sec .front-dot-txt{padding-left:20px}
.cpvc-charac-sec .front-dot-txt p{position:relative; padding-left:11px}
.cpvc-charac-sec .front-dot-txt p:before{position:absolute; content:"-"; left:0; top:0}
.cpvc-charac-sec .front-dot-txt p b{font-weight:600}
.cpvc-charac-sec .front-dot-txt p.red{padding-left:0; color:#cc4242; font-weight:300; margin-top:5px}
.cpvc-charac-sec .front-dot-txt p.red:before{display:none}
/* 내부식성 및 위생성 */
.pb-spec-img-box li .txt-con.sm span{font-weight:400; font-size:18px; line-height:1.77}
/* CPVC배관재 화재시험 */
.cpvc-charac-sec.sec-05 .pb-spec-img-box li .txt-con{height:180px}
.cpvc-charac-sec.sec-05 .pb-spec-img-box li:nth-child(2) .txt-con p{display:table-cell; vertical-align:middle; padding:20px 0}
.cpvc-charac-sec.sec-05 .pb-spec-img-box li:nth-child(2) .txt-con span{margin:0 3% 0 6.4%; position:relative; display:block; padding-left:150px; text-align:left}
.cpvc-charac-sec.sec-05 .pb-spec-img-box li:nth-child(2) .txt-con span strong{position:absolute; left:0; top:0}
.cpvc-charac-sec.sec-05 .pb-spec-img-box li:nth-child(2) .txt-con span em{display:block; position:relative; padding-left:10px}
.cpvc-charac-sec.sec-05 .pb-spec-img-box li:nth-child(2) .txt-con span em:before{position:absolute; content:"-"; left:0; top:0}
/* 낮은 마찰손실 */
.cpvc-charac-sec .front-dot-txt.no-dot p:before{display:none}
.cpvc-charac-sec.sec-06 .cpvc-formula-con{background-color:#f8f8f8; text-align:center; padding:65px 20px 80px}
.cpvc-charac-sec.sec-06 .cpvc-formula-con .inner{display:inline-block; text-align:left}
.cpvc-charac-sec.sec-06 .cpvc-formula-con .cpvc-formula{display:flex; justify-content:center; align-items:center}
.cpvc-charac-sec.sec-06 .cpvc-formula-con .cpvc-formula .img{width:59%}
.cpvc-charac-sec.sec-06 .cpvc-formula-con .cpvc-formula .img img{max-width:100%}
.cpvc-charac-sec.sec-06 .cpvc-formula-con .cpvc-formula .txt{text-align:left; margin-left:40px; width:calc(41% - 40px)}
.cpvc-charac-sec.sec-06 .cpvc-formula-con .cpvc-formula .txt p{position:relative; padding-left:30px}
.cpvc-charac-sec.sec-06 .cpvc-formula-con .cpvc-formula .txt p:before{position:absolute; content:"-"; left:0; top:0;}
.cpvc-charac-sec.sec-06 .cpvc-formula-con .cpvc-formula .txt p b{font-weight:400; position:absolute; top:0; left:10px}
.tbl-bt-txt{font-weight:300; margin-top:15px}
/* 열손실 감소 및 온실가스 감축 */
.cpvc-charac-sec.sec-07 .sec-07-wrap{display:flex}
.cpvc-charac-sec.sec-07 .sec-07-wrap > div{width:50%}
.cpvc-charac-sec.sec-07 .sec-07-wrap .rt-con img{max-width:100%}
.cpvc-charac-sec.sec-07 .sec-07-wrap .lf-con .sec-07-tbl{padding-right:9%}
/* 생애주기비용(LCC) 분석표 */
.cpvc-charac-sec.sec-10 .cpvc-lcc-box{background-color:#f8f8f8; text-align:center; padding:75px 15px 85px}
.cpvc-charac-sec.sec-10 .cpvc-lcc-box img{max-width:100%}
/* 참고 */
.mean-txt-con dl{display:flex}
.mean-txt-con dl.first{margin-top:10px}
.mean-txt-con dl dt{white-space:nowrap}
.mean-txt-con dl dd{margin-left:5px}
.mean-txt-con dl dd span{color:#484848; display:inline-block; opacity:0.6}
/* 시공사례 */
.cpvc-case.pb-spec-img-box{margin-left:-0.9%; margin-right:-0.9%}
.cpvc-case.pb-spec-img-box li{margin:0 0.9%; width:23.2%}
.cpvc-case.pb-spec-img-box li .txt-con.sm span{line-height:1.44}
.cpvc-charac-sec.sec-17 .cpvc-case.pb-spec-img-box li .txt-con{height:85px}
.cpvc-charac-sec.sec-18 .cpvc-case.pb-spec-img-box li .txt-con{height:115px}


/* ------------------ 제품소개 :: CPVC제품 :: CPVC규격 ------------------ */
.cpvc-spec-img{text-align:center; padding:10px 0 45px}
.cpvc-spec-img img{max-width:100%}
/* ------------------ 제품소개 :: CPVC제품 :: CPVC제품 ------------------ */
.prd-list-type02 ul li .prd-tit{text-align:center; font-weight:600; margin-top:25px}



/* ****************** 투자정보 ********************** */
/* ------------------ 투자정보 :: 투자자 문의 ------------------ */
.bbs-inquiry-agree-con .privacy-view-btn{display:inline-block; width:30px; height:30px; border-radius:50%; background-color:#333; text-align:center; font-size:14px; color:#fff; margin-left:5px}
.bbs-inquiry-agree-con .privacy-view-btn i{line-height:30px; position:relative; left:-1px}
.inquiry-notice-txt{text-align:center; margin:60px 0 20px; font-weight:400; font-size:17px; letter-spacing:-0.5px; color:#888; line-height:1.5}
.cm-btn-controls .btn-style-new{width:210px; height:60px; background-color:#0ea4a0; font-size:18px; letter-spacing:-0.5px}

/* ------------------ 투자정보 :: 내부정보관리 규정 ------------------ */
.rule-page{border-top:1px solid #000}
.rule-sec{padding-top:40px; border-bottom:1px solid #e5e5e5}
.rule-sec:last-child{border-bottom:0}
.rule-sec .rule-sec-tit{position:relative; font-weight:600; font-size:24px; letter-spacing:-0.5px; color:#0ea4a0; padding-left:23px; margin-bottom:40px; line-height:1.4}
.rule-sec .rule-sec-tit:before{position:absolute; content:""; width:13px; height:13px; border:3px solid #0ea4a0; box-sizing:border-box; border-radius:50%; top:9px; left:0}
.rule-sec .rule-sec-item{margin-bottom:40px; padding-left:22px}
.rule-sec .rule-sec-item dt,
.rule-sec .rule-sec-item dd{/*font-family:'Noto Sans KR', "나눔고딕", NanumGothic, "Nanum Gothic","돋움", Dotum, Arial, sans-serif;*/font-family:'SpoqaHanSansNeo','Noto Sans KR', "나눔고딕", NanumGothic, "Nanum Gothic","돋움", Dotum, Arial, sans-serif; font-weight:400; letter-spacing:-0.5px; }
.rule-sec .rule-sec-item dt{font-size:17px; color:#333; line-height:1.4; margin-bottom:8px}
.rule-sec .rule-sec-item dd{font-size:15px; color:#888; line-height:2;}
.rule-sec .rule-sec-item dd p{position:relative; padding-left:18px}
.rule-sec .rule-sec-item dd p .num{position:absolute; left:0; top:0; font-weight:400}
.rule-sec .rule-sec-item dd p .gr-box{background-color:#f8f8f8; display:block; padding:25px; margin:10px 0}
.rule-sec .rule-sec-item dd p .gr-box b{position:relative; display:block; font-weight:400; padding-left:12px}
.rule-sec .rule-sec-item dd p .gr-box b .num-02{position:absolute; top:0; left:0}
.rule-sec .rule-sec-item dd p.big{font-size:20px; text-align:center; color:#333; padding:20px 0 20px 18px}



/* ****************** 자료실 ********************** */
/* ------------------ 자료실 :: 올바른 시공방법 ------------------ */
.method-list-con{margin-top:70px}
.method-list + .method-list{margin-top:120px}
.method-list li{border:1px solid #c2c2c2; display:table; table-layout:fixed; width:100%; min-height:290px; margin-bottom:30px}
.method-list li:last-child{margin-bottom:0}
.method-list li > div{display:table-cell; vertical-align:middle}
.method-list li .img-con{background-repeat:no-repeat !important; background-position:50% 0 !important; background-size:cover !important; width:34.5%;}
.method-list li .txt-con{}
.method-list li .txt-con .txt-inner{padding:15px 5% 15px 8.2%}
.method-list li .txt-con .txt-inner dt{position:relative; padding-left:37px; font-size:22px; font-weight:500; letter-spacing:-0.5px; color:#000; padding-bottom:20px}
.method-list li .txt-con .txt-inner dt b{position:absolute; left:0; top:-1px; font-weight:700; color:#0ea4a0; font-style:italic}
.method-list li .txt-con .txt-inner dd{padding-left:37px}
.method-list li .txt-con .txt-inner dd p{position:relative; font-weight:400; font-size:18px; letter-spacing:-0.5px; color:#888; line-height:1.77; padding-left:7px; }
.method-list li .txt-con .txt-inner dd p:before{position:absolute; content:"·"; left:-2px; top:0; color:#888; font-family:'Noto Sans KR',  sans-serif;}
.method-list li .txt-con .txt-inner dd p.red{color:#af3131}
.method-list li .txt-con .txt-inner dd p .red-notice{position:relative; display:block; color:#af3131; margin-top:18px; padding-left:25px}
.method-list li .txt-con .txt-inner dd p .red-notice:before{position:absolute; content:"\e9ab"; font-family:"xeicon"; left:0; top:0; font-size:20px}
.method-list li .txt-con .txt-inner.no-num dt,
.method-list li .txt-con .txt-inner.no-num dd{padding-left:0}
.method-bt-btn{text-align:center; margin-top:70px;}
.method-bt-btn a{display:inline-block; padding:25px 35px 23px; background-color:#1ca4a0; color:#fff; font-weight:500; font-size:17px; letter-spacing:-0.65px; line-height:1.4}
.method-bt-btn a i{font-size:18px; margin-left:18px; vertical-align:middle; position:relative; top:-3px}


/* ------------------ 자료실 :: 하자예방 및 시공시 주의사항 ------------------ */
/* ----- 공통 :: 레이아웃 ----- */
.caution-list-con{margin-top:45px}
.caution-sec{margin-bottom:40px}
.caution-sec:last-child{margin-bottom:0}
.faq-list-con .faq-item{border:1px solid #ddd; margin-top:10px}
.faq-list-con .faq-item .caution-tit-con{position:relative; padding:30px 4.3%; cursor:pointer; }
.faq-list-con .faq-item .caution-tit-con .arrow{position:absolute; top:50%; right:4.3%; transform:translateY(-50%)}
.faq-list-con .faq-item .caution-tit-con i{color:#000; font-size:26px;}
.faq-list-con .faq-item .caution-tit-con .caution-tit{display:inline-block; vertical-align:middle; font-weight:500; font-size:26px; letter-spacing:-0.5px; color:#000}
.faq-list-con .faq-item .caution-tit-con .caution-tit-en{display:inline-block; vertical-align:middle; text-transform:uppercase; font-weight:700; font-size:18px; letter-spacing:-0.5px; color:#000; opacity:0.3; margin-left:10px}
.faq-list-con .faq-item .caution-inner-con{display:none; position:relative; padding:3.5% 4.8%}
.faq-list-con .faq-item.open .caution-tit-con{background-color:#0ea4a0}
.faq-list-con .faq-item.open .caution-tit-con .caution-tit,
.faq-list-con .faq-item.open .caution-tit-con .caution-tit-en{color:#fff}
.faq-list-con .faq-item.open .caution-tit-con .arrow i{transform:rotate(-180deg); color:#fff}


/* ----- 자료실 :: 하자예방 및 시공시 주의사항 :: PB ----- */
/* 숫자가 있는 텍스트 스타일 */
.caution-sec .caution-num-txt dt{position:relative; padding-left:35px; font-weight:500; font-size:22px; letter-spacing:-0.5px; color:#000; line-height:1.4}
.caution-sec .caution-num-txt dt b{position:absolute; left:0; top:-2px; font-style:italic; font-weight:700; color:#0ea4a0}
.caution-sec .caution-num-txt dd p{position:relative; font-weight:400; font-size:18px; /*letter-spacing:-0.5px;*/letter-spacing:-0.85px; color:#888; line-height:2; padding-left:12px}
.caution-sec .caution-num-txt dd p:before{position:absolute; content:""; width:3px; height:3px; left:0; top:16px; background-color:#888}
.caution-sec .caution-num-txt.num-dot dt,
.caution-sec .caution-num-txt.num-dot dd{padding-left:30px}
.caution-sec .caution-num-txt.num-dot dt b{width:15px; height:15px; border:3px solid #0ea4a0; box-sizing:border-box; border-radius:50%; top:5px}
.caution-sec .caution-img-list + .caution-num-txt.style-01{margin-top:20px}
.caution-sec .caution-num-txt.style-01 dd{padding-left:35px; margin-top:15px}
.caution-sec .caution-num-txt.style-02{margin-top:30px; display:flex}
.caution-sec .caution-num-txt.style-02 dt{width:32.1333%; box-sizing:border-box;}
.caution-sec .caution-num-txt.style-02 dd{padding-left:0.6%;}

/* 이미지,텍스트 나열 스타일 */
.caution-sec .img-txt-style-01{display:table; width:100%; table-layout:fixed}
.caution-sec .img-txt-style-01 + .img-txt-style-01{margin-top:20px}
.caution-sec .img-txt-style-01 .img-con,
.caution-sec .img-txt-style-01 .txt-con{display:table-cell; vertical-align:middle; box-sizing:border-box}
.caution-sec .img-txt-style-01 .img-con{width:38%; padding-right:3%}
.caution-sec .img-txt-style-01 .img-con img{max-width:100%}
.caution-sec .img-txt-style-01 .txt-con{padding-left:2%}

/* 이미지 위에 검은배경 텍스트 스타일 */
.caution-sec .img-txt-style-02 li{position:relative}
.caution-sec .img-txt-style-02 img{max-width:100%}
.caution-sec .img-txt-style-02 .img-tit{position:absolute; bottom:0; left:0; width:100%; display:table; table-layout:fixed; background:rgba(0,0,0,0.7); height:70px; text-align:center}
.caution-sec .img-txt-style-02 .img-tit span{display:table-cell; vertical-align:middle; font-weight:500; font-size:22px; letter-spacing:-0.5px; color:#fff; line-height:1.3}
.caution-sec .img-txt-style-02.col-04{display:flex; flex-wrap:wrap; margin:0 -0.5% -1%}
.caution-sec .img-txt-style-02.col-04 li{/*width:49%;*/width:24%; margin:0 0.5% 1%}

/* 이미지 나열 스타일 */
.caution-sec .caution-img-list li{float:left}
.caution-sec .caution-img-list li img{max-width:100%}
.caution-sec .caution-img-list.col-02{margin:0 -0.9%}
.caution-sec .caution-img-list.col-02 li{width:48.2%; margin:0 0.9%}
.caution-sec .caution-img-list.col-03{margin:0 -0.8%}
.caution-sec .caution-img-list.col-03 li{width:31.733%; margin:0 0.8%}

/* 주의사항 회색박스 */
.caution-sec .caution-gr-box{background-color:#f8f8f8; border-radius:30px; margin-top:30px; display:table; width:100%; table-layout:fixed; min-height:113px}
.caution-sec .caution-gr-box span,
.caution-sec .caution-gr-box p{display:table-cell; vertical-align:middle}
.caution-sec .caution-gr-box span{width:180px; text-align:center; font-weight:500; font-size:20px; letter-spacing:-0.5px; color:#333; position:relative;}
.caution-sec .caution-gr-box span:after{position:absolute; content:""; width:1px; height:calc(100% - 50px); background-color:#ddd; right:0; top:50%; transform:translateY(-50%)}
.caution-sec .caution-gr-box span i{display:block; font-size:24px; margin-bottom:10px}
.caution-sec .caution-gr-box p{width:calc(100% - 180px); padding:15px 4%; font-weight:400; font-size:17px; letter-spacing:-0.5px; color:#888; line-height:1.88}
.caution-sec .caution-mean-box + .caution-gr-box{margin-top:20px}
.caution-sec .check-gr-box{background-color:#f8f8f8; border:1px solid #ddd; display:table; min-height:115px; width:100%; box-sizing:border-box}
.caution-sec .check-gr-box p{position:relative; font-weight:500; font-size:22px; letter-spacing:-0.5px; color:#888; line-height:1.5; display:table-cell; vertical-align:middle; padding:15px 3.2%}
.caution-sec .check-gr-box p span{position:relative; padding-left:40px; display:block; box-sizing:border-box}
.caution-sec .check-gr-box p span i{position:absolute; left:0; top:4px; font-style:normal}
.caution-sec .img-txt-style-02 + .check-gr-box{margin-top:30px}

/* 뜻 설명 박스 */
.caution-sec .caution-mean-box{margin-top:25px}
.caution-sec .caution-mean-box dt{font-weight:500; font-size:17px; letter-spacing:-0.5px; color:#fff; background-color:#8e8e8e; padding:17px 35px}
.caution-sec .caution-mean-box dd{border:1px solid #ddd; border-top:0; font-weight:400; font-size:16px; letter-spacing:-0.5px; color:#888; line-height:1.5; padding:20px 35px}



/* ----- 자료실 :: 하자예방 및 시공시 주의사항 :: CPVC ----- */
/* 전용접착제 사용 :: 접착제 도포 프로세스 */
.caution-cpvc-step{display:flex; margin:0 -10px 30px}
.caution-cpvc-step li{position:relative; margin:0 10px; position:relative;}
.caution-cpvc-step li:after{position:absolute; content:""; width:57px; height:58px; background:url(/images/content/cpvc_arrow.png) no-repeat; background-size:contain !important; right:-39px; top:50%; transform:translateY(-50%); z-index:9}
.caution-cpvc-step li:last-child:after{display:none}
.caution-cpvc-step li img{max-width:100%}
/* 전용접착제 사용 :: 경화시간 준수 */
/* 시간표 */
.weld-on-con{margin-top:35px}
.weld-on-con .time-con .tit{text-align:center; font-weight:500; font-size:20px; letter-spacing:-0.5px; color:#000; line-height:1.4; margin-bottom:15px}
.weld-on-con .time-con .time-tbl{width:100%; table-layout:fixed;}
.weld-on-con .time-con .time-tbl th,
.weld-on-con .time-con .time-tbl td{font-weight:400; font-size:16px; letter-spacing:-0.5px; line-height:1.28; padding:10px; text-align:center}
.weld-on-con .time-con .time-tbl th:last-child,
.weld-on-con .time-con .time-tbl td:last-child{border-right:0}
.weld-on-con .time-con .time-tbl th{background-color:#0a514f; color:#fff; border-bottom:1px solid #ddd; border-right:1px solid #ddd}
.weld-on-con .time-con .time-tbl th.first{position:relative;}
.weld-on-con .time-con .time-tbl th.first:after{position:absolute; content:""; width:100%; height:100%; background:url(/images/content/time_tbl_line.png); top:0; left:0; background-size:100% 100%}
.weld-on-con .time-con .time-tbl th.first span{font-size:14px; position:absolute;}
.weld-on-con .time-con .time-tbl th.first span:first-child{top:8px; right:8px; text-align:right}
.weld-on-con .time-con .time-tbl th.first span:last-child{bottom:8px; left:8px}
.weld-on-con .time-con .time-tbl td{border-bottom:1px solid #ddd; border-right:1px solid #ddd; color:#888}
.weld-on-con .tbl-bt-txt{display:block; font-weight:400; font-size:14px; letter-spacing:-0.5px; color:#888; line-height:1.7; margin-top:15px}
/* 스펙표 */
.weld-on-con .spec-con{margin-top:40px}
.weld-on-con .spec-con .spec-con-inner{display:flex;}
.weld-on-con .spec-con .spec-tbl-con{width:58.7%; padding-right:3.2%; box-sizing:border-box}
.weld-on-con .spec-con .spec-tbl-con .spec-tbl{width:100%; table-layout:fixed}
.weld-on-con .spec-con .spec-tbl-con .spec-tbl th,
.weld-on-con .spec-con .spec-tbl-con .spec-tbl td{text-align:center; border-bottom:1px solid #ddd; border-right:1px solid #ddd; line-height:1.875; font-size:16px; font-weight:400; letter-spacing:-0.5px}
.weld-on-con .spec-con .spec-tbl-con .spec-tbl .no-bd-rt{border-right:0}
.weld-on-con .spec-con .spec-tbl-con .spec-tbl th{background-color:#f8f8f8; border-top:1px solid #000; color:#333; padding:10.5px 0}
.weld-on-con .spec-con .spec-tbl-con .spec-tbl td{color:#888; padding:5px 0}
.weld-on-con .spec-con .img-con{width:41.3%}
.weld-on-con .spec-con .img-con .img-txt-style-02 .img-tit{padding-left:0;}
.weld-on-con .spec-con .img-con .img-txt-style-02 .img-tit:before{display:none}
.weld-on-con .tbl-bt-txt.front-dot{position:relative; padding-left:10px}
.weld-on-con .tbl-bt-txt.front-dot b{position:absolute; left:0; top:1px; font-weight:400}
.caution-sec .img-txt-style-02.sm .img-tit{height:52px}
.caution-sec .img-txt-style-02.sm .img-tit span{width:100%; font-size:18px}

/* 전용접착제 취급방법 */
.caution-sec .img-txt-style-03{display:flex; margin-bottom:30px}
.caution-sec .img-txt-style-03 .img-con{width:408px}
.caution-sec .img-txt-style-03 .txt-con{width:calc(100% - 408px); box-sizing:border-box; padding-left:3%}
.caution-sec .img-txt-style-03 .txt-con p{position:relative; font-weight:400; font-size:18px; letter-spacing:-0.5px; color:#888; line-height:2; padding-left:12px}
.caution-sec .img-txt-style-03 .txt-con p:before{position:absolute; content:""; width:3px; height:3px; background-color:#888; left:0; top:14px}
.caution-sec .check-gr-box.sm{min-height:80px}
.caution-sec .check-gr-box.sm p{font-size:18px; font-weight:400}
.caution-sec .check-gr-box.sm p span{padding-left:20px}
.caution-sec .check-gr-box.sm p span i{top:0}

/* 수압시험 */
.caution-sec .caution-num-txt.style-03{margin-bottom:15px}
.caution-sec .caution-num-txt.style-03:last-child{margin-bottom:0}
.caution-sec .caution-num-txt.style-03 dt{font-size:18px; line-height:2}
.caution-sec .caution-num-txt.style-03 dt b{font-size:22px; top:-5px}
.caution-sec .caution-num-txt.style-03 dd{padding-left:20px}
.caution-sec .caution-num-txt.style-03 dd p:before{display:none}

/* 일반적 주의사항 */
/* 일반적 주의사항 :: 이미지,텍스트 리스트 */
.caution-sec .img-txt-style-01.txt-sm .caution-num-txt dt{padding-left:0}
.caution-sec .img-txt-style-01.txt-sm .caution-num-txt dd p{padding-left:0; margin-top:15px}
.caution-sec .img-txt-style-01.txt-sm .caution-num-txt dd p:before{display:none}
/* 일반적 주의사항 :: 주의사항 */
.caution-sec .sec-dot-tit{position:relative; padding-left:30px; font-weight:500; font-size:22px; letter-spacing:-0.5px; color:#000; line-height:1.5; margin-bottom:15px}
.caution-sec .sec-dot-tit:before{position:absolute; content:""; width:15px; height:15px; border:3px solid #0ea4a0; border-radius:50%; box-sizing:border-box; top:8px; left:0}
.cpvc-general-notice{margin-top:20px}
.cpvc-general-notice p{position:relative; font-weight:400; font-size:18px; letter-spacing:-0.5px; color:#888; line-height:2; padding-left:15px}
.cpvc-general-notice p b{position:absolute; top:0; left:0; font-weight:400}
.cpvc-general-notice p .red{position:relative; display:block; font-weight:300; color:#e44545; font-size:17px; padding-left:9px}
.cpvc-general-notice p .red:before{position:absolute; content:"-"; left:0; top:0}



/* ----- 자료실 :: 하자예방 및 시공시 주의사항 :: PE-RT ----- */
.caution-pert-list{padding-top:35px}
.caution-pert-list li{display:table; width:100%; table-layout:fixed; border:1px solid #c2c2c2; box-sizing:border-box; margin-bottom:30px; min-height:295px}
.caution-pert-list li:last-child{margin-bottom:0}
.caution-pert-list li > div{display:table-cell; vertical-align:middle;}
.caution-pert-list li .img-con{width:41%; background-repeat:no-repeat !important; background-size:cover !important; background-position:50% 0 !important}
.caution-pert-list li .txt-con{position:relative;}
.caution-pert-list li .txt-con .txt-inner{padding:15px 21% 15px 8.4%}
.caution-pert-list li .txt-con .txt-inner dt{font-style:italic; font-weight:500; font-size:15px; letter-spacing:-0.5px; color:#0ea4a0; margin-bottom:20px}
.caution-pert-list li .txt-con .txt-inner dt b{font-weight:700; font-size:22px; display:inline-block; vertical-align:middle; position:relative; top:-2px; margin-left:5px}
.caution-pert-list li .txt-con .txt-inner dd{font-weight:400; font-size:22px; letter-spacing:-0.75px; color:#333; line-height:1.72}
.caution-pert-list li .txt-con .txt-inner dd p{font-size:18px; color:#888; margin-top:10px}
.caution-pert-list li .txt-con .icon{position:absolute; right:5.8%; top:50%; transform:translateY(-50%); width:14.5%; text-align:right}
.caution-pert-list li .txt-con .icon img{max-width:100%}




/* ****************** 게시판 ********************** */
.board-search-box-style04 {text-align:center; margin: 60px 0;}
.board-search-box-style04 .list-search{ display: inline-block; height: 50px; font-size: 15px; line-height: 50px; border-bottom:3px solid #3f3f3f;}
.board-search-box-style04 .select-custom {float: left; width:120px; height: inherit;}
.board-search-box-style04 .select-custom select {-webkit-appearance: none; -moz-appearance: none; appearance: none; border: 0; width: 100%; height: inherit; font-size: inherit; padding-right: 30px; line-height: 40px; background: url("/images/icon/select_arrow.png") no-repeat 95% 50%; position: relative; z-index: 100; cursor: pointer; vertical-align: top;     text-indent: 15px;}
.board-search-box-style04 .select-input{float: right; height: 100%; padding-left: 20px;}
.board-search-box-style04 .select-input input{width: 365px; height: inherit; border: 0; font-size: inherit; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-appearance: none; border-radius: 0; vertical-align: top;}
.board-search-box-style04 .btn-search{width: 50px; height: 50px; background: #fff url(/images/icon/icon_search2.png)no-repeat center center;  text-indent: -9999px; color: #fff; text-align: center; vertical-align: unset;}
.board-search-box-style04 .select-input input::placeholder {font-size: 15px; color:#bdbdbd;}
.board-search-box-style04 .select-custom select:focus,
.board-search-box-style04 .select-input input:focus{outline: none;}
 
@media all and (max-width:800px){
    .board-search-box-style04 {margin-bottom: 30px;}
    .board-search-box-style04 .list-search{width: 100%; display: block; height: 40px; font-size: 13px; line-height: 40px;}
    .board-search-box-style04 .select-custom {min-width: 80px;}
    .board-search-box-style04 .select-custom select {padding-right: 20px; line-height: 40px; background: url("/images/icon/select_arrow.png") no-repeat 95% 50%;}
    .board-search-box-style04 .select-input{position: relative; width: calc(100% - 120px); padding-right: 40px; height: 100%; padding-left: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
    .board-search-box-style04 .select-input input{width: 100%; height: inherit; border: 0; font-size: inherit; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-appearance: none; border-radius: 0; vertical-align: top;}
    .board-search-box-style04 .btn-search{position: absolute; top: 0; right: 0; width: 40px; height: 40px; background: #fff url(/images/icon/icon_search2.png)no-repeat center center;  text-indent: -9999px; color: #fff; text-align: center; vertical-align: unset;}
    .board-search-box-style04 .select-input input::placeholder {font-size: 12px;}
}

/* 리스트 */
.cm-board-page .bbs-list-head span {padding:0; border-top-color:#3f3f3f; border-bottom:0;}
.cm-board-page .bbs-list-row.notice-row .notice-tit {width: 53px; height:23px; background-color:#f17522; text-align:center; color:#fff; font-size:14px; line-height:25px; border-radius:0; padding:0px;}
.cm-board-page .bbs-subject-con .bbs-subject-txt {position:relative; padding-right:25px;text-overflow:unset; overflow:visible; white-space:normal; -webkit-box-sizing: border-box; box-sizing: border-box; }
.cm-board-page .bbs-subject-con .bbs-subject-txt em {display:inline-block; vertical-align:top; max-width:100%; letter-spacing:-0.5px;}
.cm-board-page .bbs-subject-con .bbs-subject-txt .new {position:absolute; right:0; top:50%; margin-top:-9px; display:block; width:18px; height:18px; border-radius:50%; font-size:10px; line-height:18px; color:#fff; background-color:#f17522; text-align:center; font-weight:600; }
.cm-board-page .bbs-list-row .column {padding:28px 0; font-size:16px; color: #3f3f3f;}
.cm-board-page .bbs-list-row .column.download a{color:#3f3f3f; font-size:18px;}
.cm-board-page .bbs-list-row .column.date {color:#959595; font-weight:400;}
.cm-board-page .bbs-list-row:hover {background-color:#f7f7f7; }
/* 상단정보 */
.cm-board-page .bbs-view-top {position:relative; text-align:center; padding:0 50px 40px; border-top: none;}
.cm-board-page .bbs-view-top .notice {display:inline-block; width: 53px; height:23px; background-color:#f17522; text-align:center; color:#fff; font-size:14px; line-height:25px; border-radius:0; padding:0px;}
.cm-board-page .bbs-view-top .bbs-tit {font-size: 40px; letter-spacing:-0.5px; color:#3f3f3f; line-height:1.3; font-weight:700; margin-top:10px;}
.cm-board-page .bbs-view-top .bbs-write-info {margin-top:15px; font-size: 16px; letter-spacing: -0.4px; color: #959595;}
.cm-board-page .bbs-view-top a {position:absolute; top:50%; margin-top: -20px; transform:translateY(-50%); font-size:45px; color:#9f9f9f;}
.cm-board-page .bbs-view-top a.prev-btn {left:0;}
.cm-board-page .bbs-view-top a.next-btn {right:0;}
/* 첨부파일 */
.cm-board-page .bbs-view-file-info-box {padding:40px 0; background-color:#fff; margin-bottom:0; border-bottom:0;}
.cm-board-page .bbs-view-file-info-box .tit {display:block; font-size:30px; letter-spacing:-0.5px; color: #3f3f3f; margin-bottom:10px; }
.cm-board-page .bbs-view-file-info-box .bbs-file-list a {display:inline-block; position:relative; padding-left: 25px; letter-spacing:-0.5px; color: #3f3f3f;}
.cm-board-page .bbs-view-file-info-box .bbs-file-list a:before {content:"\e904"; font-family:'xeicon'; position:absolute; left:0; top:0; }
/* 이전글,다음글 보기 */
.cm-board-page .bbs-view-prev-next-list {background-color: #f9f9f9; padding:28px 74px;}
.cm-board-page .bbs-view-prev-next-list li ,
.cm-board-page .bbs-view-prev-next-list li:first-child {border:0;}
.cm-board-page .bbs-prev-next-tbl th, .cm-board-page .bbs-prev-next-tbl td {height:38px; font-size:18px;}
.cm-board-page .bbs-prev-next-tbl .bbs-prev-next-tit {font-weight:600; padding-left:32px;}
.cm-board-page .bbs-prev-next-tbl .bbs-prev-next-tit i {right:auto; left:0;}
.cm-board-page .bbs-prev-next-tbl .bbs-prev-next-tit:after {display:none;}
.cm-board-page .bbs-prev-next-tbl td {position:relative; padding-right: 120px; }
.cm-board-page .bbs-prev-next-tbl td a {display:inline;}
.cm-board-page .bbs-prev-next-tbl td a .bbs-tit {display:inline-block; max-width:100%; vertical-align:middle;}
.cm-board-page .bbs-prev-next-tbl td .date {position:absolute; right:0; top: 50%; transform:translateY(-50%); color: #959595; font-size:16px;}
.cm-board-page .bbs-view-file-info-box + .bbs-view-prev-next-list {margin-top:0;}
/* 목록버튼 */
.cm-btn-controls .btn-style04{width:200px; height:58px; line-height:52px; box-sizing:border-box; background:#fff; border:3px solid #3f3f3f; color:#3f3f3f; font-size:18px; font-weight:700; border-radius:50px;}


/* ------------------ 기업정보 :: 회사개요 :: 비전 (2022-03-25 MJ) ------------------ */
.vision-con-wrap{background:no-repeat center top; background-image:url('/images/content/vision_bg.png'); padding-top:50px;}
.vision-top-box{text-align:center; margin-bottom:60px;}
.vision-top-box .tit-box{margin-bottom:60px;}
.vision-top-box .tit-box h3{font-size:48px; line-height:1.3; letter-spacing:-0.5px; color:#000; margin-bottom:25px;}
.vision-top-box .tit-box h3 span{color:#1ca4a0;}
.vision-top-box .tit-box p{font-size:22px; line-height:1.5em; letter-spacing:-0.5px; color:#2d2d2d; font-weight:600;}
.vision-top-box .icon-box{display: flex; justify-content: center;}
.vision-top-box .icon-box dl{position: relative; width:50%; max-width:500px;}
.vision-top-box .icon-box dl:before{position: absolute; content:'\e913'; width:54px; height:54px; -webkit-border-radius:50%;border-radius:50%; background:#494949; font-family:'xeicon'; font-size:20px; color:#fff; line-height:54px; top:50%; right:0; transform:translate(50%, -50%);}
.vision-top-box .icon-box dl:last-child:before{display: none;}
.vision-top-box .icon-box dl dt{margin-bottom:20px;}
.vision-top-box .icon-box dl dd .txt{font-size:24px; line-height:1.16; letter-spacing:-0.55px; color:#2d2d2d; font-weight:600;}

.vision-img-wrap{width:100%; text-align:center;}
.vision-img-wrap .custom-scrollbar-wrapper{margin-right:0;}
.vision-img-wrap img{max-width:100%;}

@media all and (max-width:800px){
	.vision-con-wrap{background-size:contain; padding-top:20px;}
	.vision-top-box .tit-box h3{font-size:29px;}
	.vision-top-box .tit-box p{font-size:16px;}
	.vision-top-box .icon-box dl dd .txt{font-size:17px;}
	
	.vision-top-box .tit-box{margin-bottom:30px;}
	.vision-top-box .tit-box h3{margin-bottom:10px;}
	.vision-top-box .icon-box{justify-content: space-between}
	.vision-top-box .icon-box dl{width:calc(50% - 20px);}
	.vision-top-box .icon-box dl:before{width:40px; height:40px; line-height:40px; font-size:15px; right:-20px;}
	.vision-top-box .icon-box dl dt span{display: block; width:60px; margin:auto;}
	.vision-top-box .icon-box dl dt span img{width:100%;}
}


/* =========== TKG Company 공용 =========== */
/* 공통 */
.color-active{ color: #159B97 !important; }

br.mobi{ display: none;}
br.pc{ display: inline-block;}


/* 페이지 탭 (스와이퍼) */
.page-tab{ position: relative; margin-bottom: 80px; overflow:hidden;}
.page-tab::before{ content: ''; position: absolute; bottom: 0; left: 0; display: block; height: 1px; width: 100vw; left: 50%; transform: translateX(-50%); background-color: #EBEBEB;}
.page-tab .inner-wrap{}
.page-tab .inner-wrap::after{ content: ''; display: block; clear: both;}
.page-tab .swiper-slide{ width: auto; }
.page-tab .itm{ position: relative; display: block; height: 80px; line-height: 80px; font-size: 20px; color: #777; float: left;}
.page-tab .itm::after{ content: ''; display: block; position: absolute; bottom: 1px; left: 50%; width: 0; height: 3px; background-color: #1C8B85; opacity: 0; -webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out; transition:all 0.2s ease-in-out;}
.page-tab .swiper-slide.active .itm,
.page-tab  .itm.active { color: #1C8B85; font-weight: 700; }
.page-tab .swiper-slide.active .itm::after,
.page-tab  .itm.active:after {  width: 100%; left: 0; opacity: 1;}
.page-tab .itm:hover{ color: #1C8B85; }
.page-tab .itm:hover::after{ opacity: 1; left: 0; width: 100%;}
.page-tab  .itm + .itm {margin-left:20px;}

/* 리스트 스타일 */
.ul-list01 > li{ text-indent: -10px; padding-left: 10px;}
.ul-list01 > li::before{ content: ''; display: inline-block; width: 4px; height: 4px; background-color: #777; border-radius: 50%; vertical-align: middle; margin-right: 5px;}
.ul-list01 > li + li{ margin-top: 10px;}

/* 페이지 타이틀 */
#tkgPage{ position: relative; max-width: 1224px; margin: 0 auto;}
#tkgPage .page-tit{ font-size: 60px; font-weight: 600; margin: 80px 0 60px; color: #000;}
#tkgPage .page-tit2{ position: relative; font-weight: 600; margin-top: 100px; margin-bottom: 50px; color: #000; font-size: 40px; padding-left: 34px; line-height: 1.1;} 
#tkgPage .page-tit2::before{ content: ''; display: block; position: absolute; width: 10px; height: 24px; background-color: #1C8B85; top: 0; left: 0; transform: skewX(-30deg);}
#tkgPage .page-tit3{ position: relative; font-weight: 600; margin-top: 80px; margin-bottom: 40px; color: #000; font-size: 32px; line-height: 1.1;} 
#tkgPage .page-tit + .page-tit2{ margin-top: 80px;}
@media all and (max-width:768px){
    .page-tab{ margin-bottom: 40px;}
    .page-tab .itm{ height: 50px; line-height: 50px; font-size: 15px; }
    .page-tab .itm::after{ height: 2px;}

    #tkgPage{ padding: 0;  box-sizing:border-box;}
    #tkgPage .page-tit{ margin: 40px 0 30px; font-size: 30px;}
    #tkgPage .page-tit2{ margin-bottom: 25px; margin-top: 60px; font-size: 22px; padding-left: 24px;}
    #tkgPage .page-tit2::before{ height: 14px; width: 8px;}
    #tkgPage .page-tit3{ margin-bottom: 20px; margin-top: 30px; font-size: 17px;}
    #tkgPage .page-tit + .page-tit2{ margin-top: 35px;}
}


/* ******************* TKG 가치체계 ******************* */
/* 경영철학 */
.value-sct01 .thumb{ position: relative; background: url('../../images/content/value_img01.png?ver=250905') 50% 50% no-repeat; height: 444px; display: table; width: 100%; background-size: cover; text-align: center;}
.value-sct01 .thumb .inbx{ display: table-cell; vertical-align: middle;}
.value-sct01 .thumb .inbx div{ position: relative; display: inline-block; font-size: 55px; color: #fff; font-weight: 600; line-height:1.4;}
.value-sct01 .thumb .inbx div::before{ content: ',,'; position: absolute; top: 0px; left: 10px; font-family: 'NanumBarunGothic'; font-size: 300px; line-height: 1; display: inline-block; color: #fff; opacity: .1; letter-spacing: -.1em; transform: rotate(180deg);}
.value-sct01 .thumb .inbx div::after{ content: ',,'; position: absolute; bottom: 0px; right: -10px; font-family: 'NanumBarunGothic'; font-size: 300px; line-height: 1; display: inline-block; color: #fff; opacity: .1; letter-spacing: -.1em; }
.value-sct01 .thumb .inbx div em{ color: #D0EBEA; font-weight: inherit;}
.value-sct01 .thumb .inbx p{ margin-top: 25px; color: #ccc; font-size: 26px; font-family: "Roboto"; line-height:1.4;}
.value-sct01 .desc{ margin-top: 45px; font-size: 18px; color: #444; margin-bottom: 1.5rem;}
.value-sct01 .desc strong{ font-size: 26px; color: #000;  display: block; font-weight: 700;margin-bottom:15px;}

/* VISION */
.value-sct02{ text-align: center;}
.value-sct02 .desc{ position: relative; text-align: center; display: inline-block;}
.value-sct02 .desc p{ display: block; color: #aaa; font-size: 28px; line-height:1.4;}
.value-sct02 .desc strong{ position: relative; font-size: 48px; color: #000; font-weight: 700; line-height:1.4;}
.value-sct02 .desc strong em{font-weight:700;}
.value-sct02 .desc strong::before{ content: ',,'; position: absolute; top: 0px; left: -60px; font-family: 'NanumBarunGothic'; font-size: 300px; line-height: 1; display: inline-block; color: #F5F5F5; letter-spacing: -.1em; z-index: -1; transform: rotate(180deg);}
.value-sct02 .desc strong::after{ content: ',,'; position: absolute; bottom: 0px; right: -60px; font-family: 'NanumBarunGothic'; font-size: 300px; line-height: 1; display: inline-block; color: #F5F5F5; letter-spacing: -.1em; z-index: -1; }
.value-sct02 .thumb{ position: relative; height: 390px; margin-top: 60px;}
.value-sct02 .thumb h5{ position: absolute; top: 50%; left: 50%; margin: -140px 0 0 -140px; width: 280px; height: 280px; background-color: #159b97; border-radius: 50%; text-align: center; padding-top: 90px; box-sizing:border-box;}
.value-sct02 .thumb h5 span{ display: block; color: #fff; font-size: 52px; font-family: "Roboto"; font-weight: 600;}
.value-sct02 .thumb h5::before{ content: ''; display: block; width: 390px; height: 390px; position: absolute; top: 50%; left: 50%; margin: -195px 0 0 -195px; z-index: -1; background-color: #fff; border-radius: 50%; border: #f7f7f7 18px solid; box-sizing: border-box;}
.value-sct02 .thumb .itm{ position: absolute; top: 50%; left: 30px; margin-top: -70px; width: 316px; font-family: "Roboto"; text-transform: uppercase; border-radius: 120px; border: #159b97 2px solid; padding: 30px; text-align: center; color: #159b97; font-size: 28px; font-weight: 600; background-color: #fff; letter-spacing: -.05em; box-sizing:border-box;}
.value-sct02 .thumb .itm.right{ left: auto; right: 30px;}
.value-sct02 .thumb .itm::before{ content: ''; display: block; border-bottom: #159b97 2px dashed; width: 130px; position: absolute; right: -130px; top: 58px; margin-top: -1px;}
.value-sct02 .thumb .itm.right::before{ right: auto; left: -130px;}
.value-sct02 .thumb .itm::after{ content: ''; display: block; position: absolute; top: 50%; right: -10px; border: #159b97 3px solid; background-color: #fff; width: 16px; height: 16px; border-radius: 50%; transform:translateY(-50%);}
.value-sct02 .thumb .itm.right::after{ border-bottom-right-radius: auto; left: -10px;}
.value-sct02 .desc02{ margin-top: 80px; border-top: #222 2px solid; text-align: left;}
.value-sct02 .desc02 .itm{ position: relative; padding: 50px 50px 50px 240px; border-bottom: #ddd 1px solid;}
.value-sct02 .desc02 .itm .ic{ display: block; width: 100px; height: 100px; position: absolute; top: 50%; left: 50px; margin-top: -50px;}
.value-sct02 .desc02 .itm h5{ color: #000; font-size: 26px; font-weight: 600;}
.value-sct02 .desc02 .itm ul{ color: #444; font-size: 18px; margin-top: 25px;}
.value-sct02 .desc02 .itm ul strong{ color: #000; font-weight: 700;}

/* 핵심가치 */
.value-sct0201{ text-align: center;}
.value-sct0201 .tx01{ position: relative; font-size: 48px; color: #000; font-weight: 600; margin-bottom: 40px;}
.value-sct0201 .tx02{ font-size: 26px;}
.value-sct0201 .grp { position: relative; margin: 50px 0 140px;display:flex;}
.value-sct0201 .grp .itm .ic {display:inline-block;position:relative;z-index:1;}
.value-sct0201 .grp img {vertical-align:top; width:100%;}
.value-sct0201 .grp .itm{ position: relative; width: 20%;color:#000;}
.value-sct0201 .grp .itm span{ display: block; font-size: 30px; padding-top: 18px; background-color: #fff;position:relative;}
.value-sct0201 .grp .itm span:before { content: ''; display: block; position: absolute; top: -4px; left: 0; width: 100%; height: 4px; background-color: #000;}

/* 핵심가치개념과 행동원칙 */
.thumbDesc + .thumbDesc{ margin-top: 40px;}
.thumbDesc .thumb{ position: relative;}
.thumbDesc .thumb img{ display: block; height: 294px; object-fit: cover; object-position: center;}
.thumbDesc .thumb.free img{ height: auto; max-width: 100%; width: 100%; }
.thumbDesc .thumb .txt{ position: absolute; top: 0; left: 0; width: 100%; height: 294px; display: table; }
.thumbDesc .thumb .txt p{ display: table-cell; color: #fff; vertical-align: middle; text-align: center;}
.thumbDesc .thumb .txt p b{ font-size: 34px; display: block;}
.thumbDesc .thumb .txt p span{ display: block; font-size: 18px; text-transform: uppercase; letter-spacing: .1em;margin-top:7px;}
.thumbDesc .desc{ padding: 50px 0;}
.thumbDesc .desc + .desc{ border-top: #ddd 1px solid;}
.thumbDesc .desc > div{ font-size: 22px; color: #000;font-weight:600;}
.thumbDesc .desc > div.lg{ font-size: 28px;}
.thumbDesc .desc p + p{ margin-top: 20px;}
.thumbDesc .desc > div + p {margin-top:10px; font-size:16px; line-height:1.4; color:#444;}

.thumbDesc[class*=value] .thumb {height:294px;display:flex;align-items:center;justify-content:center;background: url('../../images/content/value_img0201.png') center center no-repeat ; background-size:cover;}
.thumbDesc[class*=value] .thumb .txt {position:initial;left:auto;top:auto;width:auto;height:auto;display:initial;text-align:center;}
.thumbDesc.value01 .thumb {background-image: url('../../images/content/value_img0201.png?ver=250905') ;}
.thumbDesc.value02 .thumb {background-image: url('../../images/content/value_img0202.png?ver=250905') ;}
.thumbDesc.value03 .thumb {background-image: url('../../images/content/value_img0203.png?ver=250905') ;}
.thumbDesc.value04 .thumb {background-image: url('../../images/content/value_img0204.png?ver=250905') ;}
.thumbDesc.value05 .thumb {background-image: url('../../images/content/value_img0205.png?ver=250905') ;}

.thumbDesc[class*=value] .desc {padding:25px 0;}
.thumbDesc[class*=value] .desc {padding:25px 0;}

@media screen and (max-width:768px){
	.pc-show {display: none !important;}
	.mo-show {display: block !important;}

	.value-sct01 .thumb { height: 276px; }
	.value-sct01 .thumb .inbx div { font-size: 25px; }
	.value-sct01 .thumb .inbx div::before { top: -10px; left: 0; font-size: 140px; }
	.value-sct01 .thumb .inbx div::after { bottom: -10px; right: 0; font-size: 140px; }
	.value-sct01 .thumb .inbx p { font-size: 15px; margin-top: 15px; }
	.value-sct01 .thumb .inbx div br,
	.value-sct01 .thumb .inbx p br { display: none; }
	.value-sct01 .thumb .inbx div span,
	.value-sct01 .thumb .inbx p span { display: block; }
	.value-sct01 .desc { margin-top: 20px; font-size: 14px; }
	.value-sct01 .desc strong { font-size: 17px; margin-bottom: 10px; }
	.value-sct02 .desc p { font-size: 14px; display: block; }
	.value-sct02 .desc strong { font-size: 24px; margin-top: 10px; display: block; }
	.value-sct02 .desc strong::before { top: -20px; left: 0; font-size: 140px; }
	.value-sct02 .desc strong::after { bottom: -20px; right: -20px; font-size: 140px; }
	.value-sct02 .desc strong em,
	.value-sct02 .desc p em { display: block; }
	.value-sct02 .thumb { margin-top: 30px; height: 560px; }
	.value-sct02 .thumb img { width: auto; }
	.value-sct02 .thumb h5 { width: 220px; height: 220px; margin: -110px 0 0 -110px; padding-top: 70px; }
	.value-sct02 .thumb h5::before { width: 300px; height: 300px; border-width: 14px; margin: -150px 0 0 -150px; }
	.value-sct02 .thumb h5 .ic { width: 64px; }
	.value-sct02 .thumb h5 span { font-size: 38px; }
	.value-sct02 .thumb .itm,
	.value-sct02 .thumb .itm.right { width: 240px; font-size: 20px; padding: 20px 30px; left: 50%; right: auto; margin-left: -120px; top: 0; margin-top: 0; }
	.value-sct02 .thumb .itm.right { bottom: 0; top: auto; }
	.value-sct02 .thumb .itm::after,
	.value-sct02 .thumb .itm.right::after { width: 14px; height: 14px; bottom: -19px; left: 50%; margin: 0 0 0 -9px; top: auto; right: auto; }
	.value-sct02 .thumb .itm::before,
	.value-sct02 .thumb .itm.right::before { width: 1px; height: 86px; left: 50%; top: auto; bottom: -86px; border: none; border-left: #159b97 2px dashed; right: auto; }
	.value-sct02 .thumb .itm.right::after { bottom: auto; top: -1px; }
	.value-sct02 .thumb .itm.right::before { bottom: auto; top: -86px; }
	.value-sct02 .desc02 { margin-top: 60px; }
	.value-sct02 .desc02 .itm { padding: 30px 0; }
	.value-sct02 .desc02 .itm .ic { position: relative; margin: 0 auto 20px; top: auto; left: auto; }
	.value-sct02 .desc02 .itm h5 { font-size: 17px; }
	.value-sct02 .desc02 .itm ul { font-size: 14px; margin-top: 15px; }
	.value-sct0201 .tx01 { font-size: 24px; margin-bottom: 20px; }
	.value-sct0201 .tx02 { font-size: 17px; }
	.value-sct0201 .grp { position: relative; height: 375px; margin: 25px -20px 65px; display: block; }
	.value-sct0201 .grp::after { content: ''; display: block; clear: both; }
	.value-sct0201 .grp::before { content: ''; position: absolute; display: block; left: 0; width: auto; top: 88px; right: calc(5% + 47px); height: 232px; border: #000 2px solid; border-left: none; background-color: #fff; border-radius: 0 50px 50px 0; }
	.value-sct0201 .grp .itm { position: absolute; width: 100px; float: left; }
	.value-sct0201 .grp .itm .ic { width: 90px; height: 90px; display: block; margin: 0 auto; }
	.value-sct0201 .grp .itm span { font-size: 15px; white-space: nowrap; padding-top: 5px; border-radius: 30px; }
	.value-sct0201 .grp .itm.itm1 { top: 0; left: 10%; }
	.value-sct0201 .grp .itm.itm2 { top: 0; left: 45%; }
	.value-sct0201 .grp .itm.itm3 { top: 130px; right: 5%; }
	.value-sct0201 .grp .itm.itm4 { top: 230px; left: 10%; }
	.value-sct0201 .grp .itm.itm5 { top: 230px; left: 45%; }
	.value-sct0201 .grp .itm span:before { display: none; }
	.thumbDesc + .thumbDesc { margin-top: 20px; }
	.thumbDesc .thumb { height: 147px; }
	.thumbDesc .thumb .txt { height: 147px; }
	.thumbDesc .thumb .txt p b { font-size: 20px; }
	.thumbDesc .thumb .txt p span { font-size: 14px; }
	.thumbDesc .thumb img { height: 147px; object-fit: cover; object-position: center; }
	.thumbDesc .thumb.free { height: auto; }
	.thumbDesc .thumb.free img { height: auto; }
	.thumbDesc .desc { padding: 15px 0; }
	.thumbDesc .desc > div { font-size: 17px; }
	.thumbDesc .desc > div.lg { font-size: 17px; }
	.thumbDesc[class*=value] .thumb { height: 147px; }
	.thumbDesc[class*=value] .thumb .txt { height: auto; }
}

/* ******************* CI ******************* */
/* CI */
#tkgPage .logo-box {border:solid 1px #ddd;display:flex;height:400px;justify-content:center;align-items:center;background: url('../../images/content/bg_rect.png'); background-size:21px;text-align:center;padding:0 20px;}
#tkgPage .logo-box p + p {margin-top:110px;}
#tkgPage .logo-summary .logo-text {margin-top:40px;font-size:26px;font-weight:700;line-height:1.5em;color:#000;}
#tkgPage .logo-summary .logo-detail {margin-top:40px;display:flex;justify-content:space-between;}
#tkgPage .logo-summary .logo-detail > dl {text-align:center;max-width:320px;width:30%;}
#tkgPage .logo-summary .logo-detail dt {font-weight:700;color:#1C9B97;font-size:26px;}
#tkgPage .logo-summary .logo-detail dt img {width:220px;vertical-align:top;margin-bottom:25px;}
#tkgPage .logo-summary .logo-detail dd {margin-top:20px;line-height:1.6em; font-size:18px;}
#tkgPage .logo-summary .logo-detail dd strong {color:#000;}
#tkgPage .logo-type {display:flex;justify-content:space-between;}
#tkgPage .logo-type > div {width:50%;}
#tkgPage .logo-type > div + div {margin-left:4%;}
#tkgPage .logo-type > div h5 {font-size:22px;font-weight:500;margin-bottom:20px;}
#tkgPage .logo-type .logo-box {height:300px;}
#tkgPage .logo-type .logo-box.type2 {height:625px;}

#tkgPage .btn-bottom {margin-top:140px;text-align:center;}
#tkgPage .btn-basic {display:inline-flex;height:60px;align-items:center;padding:0 40px;background:#159B97;color:#fff;color:#fff;}
#tkgPage .btn-basic.download:after {content:"";display:inline-block;width:17px;height:15px;background: url('../../images/content/icon_down.png') center center no-repeat;background-size:cover;margin-left:10px;margin-bottom:2px;}
#tkgPage .btn-basic + .btn-basic {margin-left:20px;}
#tkgPage .btn-basic.small {height:47px;font-size:16px;padding:0 30px;margin-right:20px;margin-left:0 !important;}

@media all and (max-width:768px){
	#tkgPage .logo-box {height:195px;padding:0 70px;}
	#tkgPage .logo-box p + p {margin-top:55px;}
	#tkgPage .logo-box img {max-width:280px;width:100%;}
	#tkgPage .logo-summary .logo-text {margin-top:25px;font-size:17px;}
	#tkgPage .logo-summary .logo-detail {margin-top:25px;display:flex;flex-wrap:wrap;}
	#tkgPage .logo-summary .logo-detail > dl {max-width:100%;width:100%;}
	#tkgPage .logo-summary .logo-detail > dl + dl {margin-top:25px;}
	#tkgPage .logo-summary .logo-detail dt {font-size:17px;}
	#tkgPage .logo-summary .logo-detail dt img {width:140px;margin-bottom:11px;}
	#tkgPage .logo-summary .logo-detail dd {margin-top:12px;}

	#tkgPage .logo-type {display:block}
	#tkgPage .logo-type > div {width:100%;}
	#tkgPage .logo-type > div + div {margin-left:0;margin-top:25px;}
	#tkgPage .logo-type > div h5 {font-size:16px;margin-bottom:10px;}
	#tkgPage .logo-type .logo-box {height:165px;}
	#tkgPage .logo-type .logo-box.type2 {height:400px;padding:0 20px;}

	#tkgPage .btn-bottom {margin-top:70px;}
	#tkgPage .btn-basic {height:50px;padding:0 20px;}
}


/* ******************* 그룹사 ******************* */
.group-slide { position: relative; overflow: hidden;}
.group-slide img {vertical-align:top;}
.group-slide .pag{ position: absolute; bottom: 23px; left: 0; width: 100%; height: 8px; z-index: 1; text-align: center;}
.group-slide .pag .swiper-pagination-bullet{ width: 8px; height: 8px; background: #fff; margin: 0 4px; border-radius: 8px; opacity: .6;}
.group-slide .pag .swiper-pagination-bullet.swiper-pagination-bullet-active{ width: 26px; opacity: 1;}

table.data{ border-collapse: collapse; border-spacing: 0; border-top: #222 2px solid; width: 100%; table-layout: fixed;}
table.data tbody th{ padding: 20px 35px; text-align: left; border-bottom: #e5e5e5 1px solid; border-left: #e5e5e5 1px solid; background-color: #f8f8f8;vertical-align: middle; font-size:16px; color:#000;}
table.data tbody td{ padding: 20px 30px; text-align: left; border-bottom: #e5e5e5 1px solid; border-left: #e5e5e5 1px solid; vertical-align: middle;}
table.data tbody .brdLn{ border-left: none !important;}
table.data .pub-tbl1{ width: 200px;}
table.data tbody td em{ display: inline-block; margin-right: 15px;}
table.data tbody td em strong{color:#444; font-weight:700;}

.homepage-bx{ margin-top: 50px; background-color: #f8f8f8; border-top: #222 2px solid; border-bottom: #ddd 1px solid; padding: 10px 30px; display: flex; align-items: center;}
.homepage-bx .tx{ flex: 1; font-size:18px;}
.homepage-bx .tx i{position: relative; top: -1px; display: inline-block; margin-right: 10px;}
.homepage-bx .bt-home{ flex: none; background: #1c9b97; color: #fff; width: 200px; text-align: center; line-height: 48px; height: 48px; display: inline-flex; justify-content: center; align-items: center; font-size: 16px;}
.homepage-bx .bt-home i{margin-left: 10px; }

@media all and (max-width:768px){
    .thumbDesc .group-slide { margin: 0 -20px;}
    .group-slide .swiper-slide img{ height: 250px; object-fit: cover; object-position: center; width: 100%;}
    .group-slide .pag{ bottom: 15px;}

	table.data tbody th{ padding: 15px; font-size:14px;}
    table.data tbody td{ padding: 15px; font-size:14px;}
    table.data .pub-tbl1{ width: 100px;}
    table.data tbody td em{ display: block; margin-left: 0 !important;}
    
    .homepage-bx{ padding: 10px; display: block; margin-top: 25px;}
    .homepage-bx .tx{ display: block; flex: none; text-align: center;}
    .homepage-bx .tx i{ display: none;}
    .homepage-bx .bt-home{ display: block; margin: 15px auto 0; height: 40px; line-height: 40px; width: 154px; font-size: 13px;}
    .homepage-bx .bt-home i{margin-left: 5px;}
}