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


/* ******************  서브공통 ********************** */
/* -------- 공통 스크롤바  -------- */
@media all and (max-width:1220px){
	.custom-scrollbar-wrapper .scroll-object{max-width:100%;}
}
@media all and (max-width:800px){
	.custom-scrollbar-wrapper{position:relative;margin-right:-15px; cursor:move}
	.custom-scrollbar-wrapper .scroll-object{max-width:none; width:800px; }
	.custom-scrollbar-cover{display:block; position:absolute; top:0px; left:0px; right:0px; bottom:0px; background-color:rgba(0,0,0,0.5)}
	.custom-scrollbar-cover .scroll-cover-txt{position:absolute; top:50%; left:0; width:100%; text-align:center; color:#fff; font-size:300; font-size:15px;}
	.custom-scrollbar-cover .scroll-cover-txt i{font-size:30px; display:block; margin-bottom:20px; }
}

/* -------- 공통 :: 탭 -------- */
@media all and (max-width:1220px){
	.sub-tab-list-style .area{padding:0}
}
@media all and (max-width:1024px){
	/* Tab Fixed Move*/
	.sub-tab-list-style.top-fixed{top:80px;}
}
@media all and ( max-width: 800px ){
	/* Tab 공통 스타일 */
	.sub-tab-wrapper-style,
	.sub-tab-list-style.top-fixed,
	.sub-tab-list-style ul li a{height:40px; }
	.sub-tab-list-style ul li a em{font-size:13px}
	/* Tab Fixed Move*/
	/* Mobile Tab Drop Menu */
	.sub-drop-menu-style{position:relative;}
	.sub-drop-open-btn-style{display:block; position:relative; padding:0 15px; height:40px; line-height:40px; font-size:15px; background-color:#353535; box-sizing:border-box;}
	.sub-drop-open-btn-style span{color:#fff; }
	.sub-drop-open-btn-style .arrow{color:#fff; position:absolute; top:50%; right:15px; margin-top:-7px}
	.sub-drop-open-btn-style.open .arrow{transform:rotate(180deg)}
	.sub-drop-menu-style ul{display:none; margin:0; height:auto; position:absolute; top:100%; left:0px; right:0px; background-color:#fff; border:1px solid #ddd; border-top:0; z-index:11; box-sizing:border-box;}
	.sub-drop-menu-style ul li{position:static; display:block; float:none; border:0; border-top:1px solid #eee; width:auto; background-color:transparent; max-width:none}
	.sub-drop-menu-style ul li:first-child{border-top:0; border-left:0}
	.sub-drop-menu-style ul li a{display:block; width:auto; height:auto; padding:10px 15px; border:0;}
	.sub-drop-menu-style ul li a em{font-size:13px;}
	.sub-drop-menu-style ul li.selected a{background-color:transparent;}
	.sub-drop-menu-style ul li.selected a em{color:#353535; font-weight:600; }
}
@media all and (max-width:480px){
	/* Tab Fixed Move*/	
	.sub-tab-list-style.top-fixed{top:60px;}
}




/* ****************** 기업정보 ********************** */
/* ------------------ 기업정보 :: 회사개요 :: 개요 ------------------ */
@media all and (max-width:800px){		
	.summary-top{margin-bottom:20px}
	.summary-top h3{font-size:26px}
	.summary-top p{font-size:15px; margin-top:15px}
	.summary-detail .icon-list li .icon{width:95px; height:95px}
	.summary-detail .icon-list li .icon img{height:38px}
	.summary-detail .icon-list li .tit{font-size:14px; }
	.summary-detail .icon-list li .num{font-size:21px; margin-top:10px}
	.summary-detail .detail-tbl{margin-top:40px}
	.summary-detail .detail-tbl colgroup{display:none}
	.summary-detail .detail-tbl th, .summary-detail .detail-tbl td{font-size:14px; padding:10px }
	.summary-detail .detail-tbl th{width:30%}
	.summary-plus-txt{bottom:-30px;}
}
@media all and (max-width:640px){		
	.summary-detail .icon-list{margin-bottom:-8%}
	.summary-detail .icon-list li{max-width:none; width:44%; margin-bottom:8%}
	.summary-plus-txt{bottom:-3px;}
}

/* ------------------ 기업정보 :: 회사개요 :: 비전 ------------------ */
@media all and (max-width:960px){		
	.vision-page{padding-bottom:100px}
	.vision-sec{display:block; text-align:center}
	.vision-sec dt{width:auto; padding:0 0 30px}
	.vision-sec dd{width:auto}
}
@media all and (max-width:800px){		
	.vision-page{padding-bottom:50px}
	.vision-sec{padding:20px 0}
	.vision-sec dt{font-size:21px; padding-bottom:15px}
}

/* ------------------ 기업정보 :: 회사개요 :: 연혁 ------------------ */
@media all and (max-width:1024px){		
	/* 연혁내용 */
	.history-year-tit{width:240px}
	.history-year-tit span{font-size:30px}
	.history-list-wrap{width:calc(100% - 240px)}
}
@media all and (max-width:800px){		
	/* 탭스타일 */
	.history-tab-style ul li{width:33.333%; height:70px}
	.history-tab-style ul li.selected:after{width:25px; height:6px}
	.history-tab-style ul li a{font-size:14px}
	.history-tab-style ul li a b{font-size:16px; margin-bottom:5px}
	/* 배너 */
	.history-banner{height:200px;}
	.history-banner .banner-txt dt{font-size:15px}
	.history-banner .banner-txt dd{font-size:23px; margin-top:5px}
	/* 연혁내용 */
	.history-year-tit{float:none; height:70px; width:210px; margin-top:-35px}
	.history-year-tit span{font-size:24px}
	.history-list-wrap{float:none; margin-top:0; left:0; width:100%}
}	
@media all and (max-width:480px){		
	/* 탭스타일 */
	.history-tab-style ul li a b{font-size:14px}
}



/* ------------------ 기업정보 :: 대표이사 인사말 ------------------ */
@media all and (max-width:1900px){	
	.greeting-con .img-con .bg-txt{position:absolute; bottom:0; top:auto; margin-bottom:440px; width:45%;  right:0; }
	.greeting-con .img-con .bg-txt img{max-width:100%}
}
@media all and (max-width:1320px){		
	.greeting-con .txt-con .txt .pc-br{display:none}
	.greeting-con .img-con .bg-txt{margin-bottom:34%}
}
@media all and (max-width:1220px){	
	.greeting-page{padding:100px 0 }
	.greeting-con > div{display:block}
	.greeting-con .txt-con{width:100%; padding:0 0 50px}
	.greeting-con .img-con{width:auto}
	.greeting-con .img-con .bg-txt{display:none}
}
@media all and (max-width:800px){		
	.greeting-page{padding:60px 0}
	.greeting-con .txt-con{padding-bottom:30px}
	.greeting-con .txt-con .tit{font-size:26px}
	.greeting-con .txt-con .txt{font-size:14px; padding-top:20px}
	.greeting-con .txt-con .ceo-name{padding-top:25px}
	.greeting-con .txt-con .ceo-name b{font-size:14px; margin-bottom:10px}
	.greeting-con .txt-con .ceo-name p{font-size:17px}
}


/* ------------------ 기업정보 :: CI ------------------ */
@media all and (max-width:1220px){	
	/* 기업 브랜드 철학 */
	.ci-sec.sec-01 .logo-philosophy li .txt dd .pc-br{display:none}
}
@media all and (max-width:800px){
	/* 공통 */
	.ci-sec .sec-tit{font-size:20px; margin-bottom:10px}
	.logo-box{border-width:6px}
	/* 기업 브랜드 철학 */
	.ci-sec.sec-01{margin-bottom:70px}
	.ci-sec.sec-01 .logo-box{padding:30px}
	.ci-sec.sec-01 .logo-box img{max-height:90px}
	.ci-sec.sec-01 .big-logo-txt{font-size:16px; margin-top:20px}
	.ci-sec.sec-01 .logo-philosophy{margin:40px 0 -40px}
	.ci-sec.sec-01 .logo-philosophy li{width:100%; padding:0; margin-bottom:40px}
	.ci-sec.sec-01 .logo-philosophy li .img img{max-height:200px}
	.ci-sec.sec-01 .logo-philosophy li .txt{margin-top:20px}
	.ci-sec.sec-01 .logo-philosophy li .txt dt{font-size:18px}
	.ci-sec.sec-01 .logo-philosophy li .txt dd{font-size:14px; margin-top:10px}
	/* 로고타입 */
	.ci-sec.sec-02{margin-bottom:90px}
	.ci-sec .logo-type{display:block; margin:0 0 -30px;}
	.ci-sec .logo-type li{width:100%; margin:0 0 30px}
	.ci-sec .logo-type li .type-tit{font-size:16px; padding-left:15px; margin-bottom:10px}
	.ci-sec .logo-type li .type-tit:before{width:10px; height:10px; border-width:2px}
	.ci-sec .logo-type li .logo-box span{padding:30px}
	.ci-sec.sec-02 .logo-box{height:auto}
	.ci-sec.sec-02 .logo-box img{max-height:70px}
	/* 그룹사 로고 조합 예시 */
	.ci-sec.sec-03 .logo-box{height:auto;}
	/* 하단버튼 */
	.ci-btn-con li{display:block; max-width:none; width:100%; margin:0 0 10px}
	.ci-btn-con li a{height:50px}
	.ci-btn-con li a span{padding:0 35px 0 15px; font-size:13px}
	.ci-btn-con li a span i{font-size:16px; right:15px}
}



/* ------------------ 기업정보 :: 윤리경영 :: 대표이사 메시지 ------------------ */
@media all and (max-width:800px){		
	.message-page{padding-bottom:65px}
	.message-banner{height:auto; padding:70px 15px}
	.message-banner .txt-inner img{height:50px}
	.message-banner .txt-inner .tit{font-size:26px; margin-top:15px}
	.message-banner .txt-inner .txt{font-size:16px; margin-top:30px}
	.message-txt > p{font-size:14px; margin-top:20px}
	.message-txt .ceo-name{margin-top:20px}
	.message-txt .ceo-name b{font-size:14px; margin-bottom:10px}
	.message-txt .ceo-name p{font-size:17px}
}


/* ------------------ 기업정보 :: 사업장안내 :: 본사&공장 ------------------ */
@media all and (max-width:1850px){		
	.factory-img img{max-width:100%}
}
@media all and (max-width:1460px){		
	.factory-page{padding-bottom:70px}
}
@media all and (max-width:960px){		
	.loaction-info-con{display:block;}
	.factory-info.loaction-info-con .info-detail{width:100%; padding:0 0 15px}
	.factory-info.loaction-info-con .info-detail.long{padding-bottom:30px}
}
@media all and (max-width:800px){		
	.factory-page{padding-bottom:50px}
	.factory-top-txt{font-size:16px; margin-bottom:25px; margin-top:0}
	.factory-img{margin-bottom:60px}
	.factory-img .pc{display:none}
	.factory-img .mb{display:block}
}


/* ------------------ 기업정보 :: 사업장안내 :: 서울사무소 ------------------ */
@media all and (max-width:800px){
	/* 서울사무소 :: 지도 */
    .map-script-wrapper{height:300px}
    .map-script-wrapper .map-script-con{height:300px; margin-top:-150px;}
	/* 서울사무소 :: 정보 */
	.loaction-info-con{padding:20px; display:block}
	.loaction-info-con .info-detail{width:100%; padding:0 0 20px}
	.loaction-info-con .info-detail dl dt, .loaction-info-con .info-detail dl dd{font-size:14px}
	.loaction-info-con .info-detail dl dt{width:60px}
	.loaction-info-con .info-detail dl dt:after{top:4px}
	.loaction-info-con .info-detail dl dt i{width:22px}
	.loaction-info-con .info-detail dl dd{width:calc(100% - 60px); padding-left:10px}
	.loaction-info-con .map-btn{width:150px; height:45px}
	.loaction-info-con .map-btn span{font-size:14px}
}




/* ****************** 제품소개 ********************** */
/* ------------------ 제품소개 :: 인트로 ------------------ */
@media all and (max-width:1460px){	
	.prd-intro-page{margin-top:-30px}
}
@media all and (max-width:800px){	
	.prd-intro-box li{width:46.8%}
	.prd-intro-box li a .txt dt{font-size:13px;}
	.prd-intro-box li a .txt dd{/*font-size:20px; margin-top:10px*/font-size:25px}
}

/* ------------------ 제품소개 :: 제품리스트 ------------------ */
@media all and (max-width:1024px){	
	.prd-list-con .prd-list li{width:31.8333%}
	.prd-list-con .prd-list li .prd-detail .prd-value .value-item span em{font-size:14px}
}
@media all and (max-width:800px){		
	.prd-list-con{margin-top:50px}
	.prd-list-con .prd-list li{width:48.5%}
	.prd-list-con .prd-list li .prd-detail{padding:20px 10px}
	.prd-list-con .prd-list li .prd-detail .prd-tit{font-size:14px; margin-bottom:10px}
	.prd-list-con .prd-list li .prd-detail .prd-value .value-item .inner{min-height:40px}
	.prd-list-con .prd-list li .prd-detail .prd-value .value-item span em{font-size:13px}
}
@media all and (max-width:480px){		
	.prd-list-con .prd-list{margin:0 0 -15px}
	.prd-list-con .prd-list li{width:100%; margin:0 0 15px}
}


/* ------------------ 제품소개 :: PB제품 :: PB특성 ------------------ */
@media all and (max-width:1366px){	
	/* 특징박스 */
	.pb-charac-box li .pc-br{display:none}
}
@media all and (max-width:800px){	
	/* 상단텍스트 */
	.prd-cm-tit{font-size:18px;}
	.prd-cm-txt{font-size:14px}
	.prd-cm-txt.sm{font-size:13px}
	/* 특성표 */
	.charac-cm-tbl th, .charac-cm-tbl td{font-size:13px; padding:7px 5px}
	.pb-charac-tbl-con{display:block; margin-top:20px}
	.pb-charac-tbl-con .tbl-con{width:100%}
	.pb-charac-tbl-con .img-con{width:100%; text-align:center; padding:20px 0 0}
	.pb-charac-tbl-con .img-con img{max-height:200px}
	/* 제품특징 */
	.pb-prd-info{flex-direction:column-reverse; margin:50px 0 0}
	.pb-prd-info > div{width:100%; margin:0}
	.pb-prd-info .txt-con .item{padding:15px}
	.pb-prd-info .txt-con .item dt{width:30px; height:30px}
	.pb-prd-info .txt-con .item dt b{font-size:13px; line-height:30px}
	.pb-prd-info .txt-con .item dd{padding-left:10px; width:calc(100% - 30px)}
	/* 비디오 */
	.pb-video-con{margin-top:50px}
}
@media all and (max-width:640px){		
	/* 특징박스 */
	.pb-charac-box{display:block; margin:30px 0 -10px}
	.pb-charac-box li{width:100%; margin:0 0 10px}
}
@media all and (max-width:480px){		
	/* 특성표 */
	.charac-cm-tbl th, .charac-cm-tbl td{font-size:12px}
}


/* ------------------ 제품소개 :: PB제품 :: PB물성 ------------------ */
@media all and (max-width:800px){		
	.prd-cm-tit.sm-dot{font-size:17px; padding-left:15px}
	.prd-cm-tit.sm-dot:before{width:10px; height:10px; border-width:2px; top:5px}
	.pb-matter-sec{margin-bottom:50px}
	.matter-item{padding-bottom:25px}
	.matter-mean{margin:20px 0 0 15px}
	.matter-mean dt{font-size:15px}
	.matter-mean dt:before{width:2px; height:14px}
	.pb-matter-tbl{margin-top:5px}
	.pb-matter-graph{margin:10px 0 15px}
}

/* ------------------ 제품소개 :: PB제품 :: PB규격 ------------------ */
@media all and (max-width:1220px){		
	/* KS 2003년판(ISO규격) */
	.charac-cm-tbl td .pb-spec-img{padding:0 5px; font-size:14px}
	.charac-cm-tbl td .pb-spec-img .pc-br{display:none}
}
@media all and (max-width:800px){		
	.pb-spec-sec{margin-bottom:40px}
	/* 이미지, 타이틀 박스 */
	.pb-spec-img-box{display:block; margin-left:0; margin-right:0; margin-bottom:20px}
	.pb-spec-img-box li{width:100%; margin:0 auto 15px; max-width:684px}
	.pb-spec-img-box li .txt-con{height:45px}
	.pb-spec-img-box li .txt-con span{font-size:16px}
	/* 허용오차 */
	.pb-permission-error{padding:20px}
	.pb-permission-error .img-con{width:130px}
	.pb-permission-error .txt-con{width:calc(100% - 130px)}
	.pb-permission-error .txt-con strong{font-size:17px; padding-bottom:10px; margin-bottom:5px}
	/* KS 2003년판(ISO규격) */
	.charac-cm-tbl td .pb-spec-img{font-size:13px}
	/* 주의사항 */
	.pb-spec-caution{font-size:13px;}
}
@media all and (max-width:480px){	
	/* 허용오차 */
	.pb-permission-error{display:block; text-align:center}
	.pb-permission-error .img-con{width:100%}
	.pb-permission-error .txt-con{width:100%; padding:20px 0 0}
}


/* ------------------ 제품소개 :: PB제품 :: PB 파이프 ------------------ */
@media all and (max-width:800px){		
	.prd-list-type02{margin-top:35px}
	.prd-list-type02 ul li .prd-img{margin-top:10px}
	.prd-list-type02 ul li .prd-detail{margin-top:10px}
	.prd-list-type02 ul li .prd-detail .charac-cm-tbl th, .prd-list-type02 ul li .prd-detail .charac-cm-tbl td{height:38px}
	.prd-list-type02 ul li .prd-detail .charac-cm-tbl td .dot{width:8px; height:8px}
}
@media all and (max-width:640px){		
	.prd-list-type02 ul{display:block; margin:0 0 -30px}
	.prd-list-type02 ul li{width:100%; margin:0 0 30px}
}

/* ------------------ 제품소개 :: PB제품 :: 기타 ------------------ */
@media all and (max-width:800px){		
	.prd-list-con .prd-list-sec{margin-bottom:60px}
	.prd-list-con .prd-list-sec .prd-cm-tit{margin-bottom:10px}
}


/* ------------------ 제품소개 :: CPVC제품 ------------------ */
/* ------------------ 제품소개 :: CPVC제품 :: CPVC특성 ------------------ */
@media all and (max-width:960px){		
	/* 낮은 마찰손실 */
	.cpvc-charac-sec.sec-06 .cpvc-formula-con{padding:30px 20px}
	.cpvc-charac-sec.sec-06 .cpvc-formula-con .inner{display:block}
	.cpvc-charac-sec.sec-06 .cpvc-formula-con .cpvc-formula{display:block; margin-top:20px}
	.cpvc-charac-sec.sec-06 .cpvc-formula-con .cpvc-formula .txt{width:100%; margin:20px 0 0}
	/* 열손실 감소 및 온실가스 감축 */
	.cpvc-charac-sec.sec-07 .sec-07-wrap{flex-direction:column-reverse}
	.cpvc-charac-sec.sec-07 .sec-07-wrap > div{width:100%}
	.cpvc-charac-sec.sec-07 .sec-07-wrap .rt-con{text-align:center; margin:20px 0}
	.cpvc-charac-sec.sec-07 .sec-07-wrap .lf-con .sec-07-tbl{padding-right:0}
	/* 시공사례 */
	.cpvc-case.pb-spec-img-box li .txt-con.sm span{font-size:16px}
}
@media all and (max-width:800px){		
	.mgt-30{margin-top:15px}
	.mgl-20{margin-left:10px}
	.cpvc-charac-sec{margin-bottom:40px}
	/* CPVC란? */
	.cpvc-charac-sec.sec-01 .gr-img-txt-box{padding:20px}
	.cpvc-charac-sec.sec-01 .gr-img-txt-box p{margin-top:15px}
	/* 내부식성 및 위생성 */
	.pb-spec-img-box li .txt-con.sm span{font-size:14px}
	/* CPVC배관재 화재시험 */
	.cpvc-charac-sec.sec-05 .pb-spec-img-box li .txt-con{height:auto; padding:15px; box-sizing:border-box}
	.cpvc-charac-sec.sec-05 .pb-spec-img-box li:nth-child(2) .txt-con p{padding:0}
	.cpvc-charac-sec.sec-05 .pb-spec-img-box li:nth-child(2) .txt-con span{margin:0; padding:0}
	.cpvc-charac-sec.sec-05 .pb-spec-img-box li:nth-child(2) .txt-con span strong{position:relative; margin-bottom:5px; display:block}
	/* CPVC의 용도 */
	.cpvc-charac-sec .front-dot-txt{padding-left:5px}
	/* 낮은 마찰손실 */
	.cpvc-charac-sec.sec-06 .cpvc-formula-con{padding:20px 15px}
	.cpvc-charac-sec.sec-06 .cpvc-formula-con .cpvc-formula,
	.cpvc-charac-sec.sec-06 .cpvc-formula-con .cpvc-formula .txt{margin-top:10px}
	/* 생애주기비용(LCC) 분석표 */
	.cpvc-charac-sec.sec-10 .cpvc-lcc-box{padding:30px 15px}
	/* 참고 */
	.mean-txt-con.mb-break dl{display:block; margin-bottom:10px}
	.mean-txt-con.mb-break dl dt{white-space:normal}
	/* 시공사례 */
	.cpvc-case.pb-spec-img-box{display:flex; flex-wrap:wrap; margin-bottom:-1.8%}
	.cpvc-case.pb-spec-img-box li{width:48.2%; margin-bottom:1.8%}
	.cpvc-case.pb-spec-img-box li .img-con img{width:100%}
	.cpvc-charac-sec.sec-17 .cpvc-case.pb-spec-img-box li .txt-con{height:65px}
	.cpvc-charac-sec.sec-18 .cpvc-case.pb-spec-img-box li .txt-con{height:90px}
	.cpvc-case.pb-spec-img-box li .txt-con.sm span{font-size:13px}
}


/* ------------------ 제품소개 :: CPVC제품 :: CPVC제품 ------------------ */
@media all and (max-width:800px){		
	.prd-list-type02 ul li .prd-tit{margin-top:10px}
}

















/* ****************** 투자정보 ********************** */
/* ------------------ 투자정보 :: 투자자 문의 ------------------ */
@media all and (max-width:800px){
	.bbs-inquiry-agree-con .privacy-view-btn{width:23px; height:23px; font-size:11px;}
	.bbs-inquiry-agree-con .privacy-view-btn i{line-height:23px}
	.inquiry-notice-txt{font-size:14px; margin-top:30px}
	.cm-btn-controls .btn-style-new{width:150px; height:40px; font-size:14px;}
}

/* ------------------ 투자정보 :: 내부정보관리 규정 ------------------ */
@media all and (max-width:800px){	
	.rule-sec{padding-top:20px}
	.rule-sec .rule-sec-tit{font-size:17px; padding-left:15px; margin-bottom:20px}
	.rule-sec .rule-sec-tit:before{width:10px; height:10px; top:7px}
	.rule-sec .rule-sec-item{margin-bottom:20px; padding-left:15px}
	.rule-sec .rule-sec-item dt{font-size:14px; margin-bottom:5px}
	.rule-sec .rule-sec-item dd{font-size:13px}
	.rule-sec .rule-sec-item dd p .gr-box{padding:15px; margin:5px 0}
	.rule-sec .rule-sec-item dd p.big{font-size:15px; padding:10px 0}
}



/* ****************** 자료실 ********************** */
/* ------------------ 자료실 :: 올바른 시공방법 ------------------ */
@media all and (max-width:800px){		
	.method-list-con{margin-top:35px}
	.method-list + .method-list{margin-top:60px}
	.method-list li{display:block; min-height:auto; margin-bottom:15px}
	.method-list li > div{display:block;}
	.method-list li .img-con{width:100%; padding-top:60%}
	.method-list li .txt-con .txt-inner{padding:30px 20px}
	.method-list li .txt-con .txt-inner dt{font-size:16px; padding-left:28px; padding-bottom:10px}
	.method-list li .txt-con .txt-inner dd{padding-left:28px}
	.method-list li .txt-con .txt-inner dd p{font-size:14px;}
	.method-list li .txt-con .txt-inner dd p .red-notice{margin-top:8px; padding-left:20px}
	.method-list li .txt-con .txt-inner dd p .red-notice:before{font-size:17px; top:-2px}
	.method-bt-btn{margin-top:35px}
	.method-bt-btn a{font-size:13px; padding:15px 15px 13px}
	.method-bt-btn a i{font-size:16px; margin-left:10px; }
}



/* ------------------ 자료실 :: 하자예방 및 시공시 주의사항 ------------------ */
/* ----- 공통 :: 레이아웃 ----- */
@media all and (max-width:1024px){		
	.faq-list-con .faq-item .caution-inner-con{padding:3.5%}
}
@media all and (max-width:800px){		
	.caution-list-con{margin-top:20px}
	.faq-list-con .faq-item .caution-tit-con{padding:15px}
	.faq-list-con .faq-item .caution-tit-con .caution-tit{font-size:18px}
	.faq-list-con .faq-item .caution-tit-con .caution-tit-en{font-size:14px}
	.faq-list-con .faq-item .caution-tit-con .arrow{right:15px}
	.faq-list-con .faq-item .caution-tit-con i{font-size:18px}
	.faq-list-con .faq-item .caution-inner-con{padding:15px}
}
@media all and (max-width:640px){		
	.faq-list-con .faq-item .caution-tit-con .caution-tit{display:block}
	.faq-list-con .faq-item .caution-tit-con .caution-tit-en{margin:10px 0 0; display:inherit}
}


/* ----- 자료실 :: 하자예방 및 시공시 주의사항 :: PB ----- */
@media all and (max-width:800px){		
	/* 숫자가 있는 텍스트 스타일 */
	.caution-sec .caution-num-txt dt{font-size:16px; padding-left:27px}
	.caution-sec .caution-num-txt dt b{top:-1px}
	.caution-sec .caution-num-txt dd p{font-size:14px; padding-left:9px}
	.caution-sec .caution-num-txt dd p:before{top:13px}
	.caution-sec .caution-num-txt.style-01 dd{margin-top:5px; padding-left:27px}
	.caution-sec .caution-num-txt.style-02{display:block; margin-top:15px}
	.caution-sec .caution-num-txt.style-02 dt{width:auto}
	.caution-sec .caution-num-txt.style-02 dd{padding-left:27px}
	.caution-sec .caution-num-txt.num-dot dt b{width:10px; height:10px; border-width:2px; top:4px}
	.caution-sec .caution-num-txt.num-dot dt, .caution-sec .caution-num-txt.num-dot dd{padding-left:17px !important}
	.caution-sec .caution-img-list + .caution-num-txt.style-01{margin-top:10px}

	/* 이미지,텍스트 나열 스타일 */
	.caution-sec .img-txt-style-01 .img-con{padding-right:0; width:40%}

	/* 주의사항 회색박스 */
	.caution-sec .caution-gr-box{display:block; min-height:auto; border-radius:15px; margin-top:15px; box-sizing:border-box; padding:15px 20px; text-align:center}
	.caution-sec .caution-gr-box span, .caution-sec .caution-gr-box p{display:block}
	.caution-sec .caution-gr-box span{font-size:15px; width:auto}
	.caution-sec .caution-gr-box span i{font-size:17px; margin-bottom:5px}
	.caution-sec .caution-gr-box p{font-size:14px; width:auto; padding:0; margin-top:10px}
	.caution-sec .caution-gr-box p.mgt-no{margin-top:0}
	.caution-sec .caution-mean-box + .caution-gr-box{margin-top:10px}
	.caution-sec .check-gr-box{min-height:80px;}
	.caution-sec .check-gr-box p{font-size:16px;}
	.caution-sec .check-gr-box p span{padding-left:22px}
	.caution-sec .check-gr-box p span i{top:3px}
	.caution-sec .img-txt-style-02 + .check-gr-box{margin-top:15px}

	/* 이미지 나열 스타일 */
	.caution-sec .caution-img-list.col-03{margin-bottom:-1.2%}
	.caution-sec .caution-img-list.col-03 li{width:48.4%; margin-bottom:1.2%}

	/* 이미지 위에 검은배경 텍스트 스타일 */
	.caution-sec .img-txt-style-02 .img-tit{height:45px}
	.caution-sec .img-txt-style-02 .img-tit span{font-size:16px}

	/* 뜻 설명 박스 */
	.caution-sec .caution-mean-box{margin-top:15px}
	.caution-sec .caution-mean-box dt{font-size:14px; padding:15px}
	.caution-sec .caution-mean-box dd{font-size:13px; padding:15px}
	
	/* 일반적 주의사항 */
	/* 일반적 주의사항 :: 주의사항 */
	.caution-sec .sec-dot-tit{font-size:16px; padding-left:15px}
	.caution-sec .sec-dot-tit:before{width:10px; height:10px; border-width:2px; top:6px}
	.cpvc-general-notice{margin-top:10px}
	.cpvc-general-notice p{font-size:14px}
	.cpvc-general-notice p .red{font-size:13.5px}
}
@media all and (max-width:640px){		
	/* 숫자가 있는 텍스트 스타일 */
	.caution-sec .img-txt-style-01{display:block}
	.caution-sec .img-txt-style-01 .img-con, .caution-sec .img-txt-style-01 .txt-con{display:block}
	.caution-sec .img-txt-style-01 .img-con{width:100%; padding:0 0 20px}
	.caution-sec .img-txt-style-01 .txt-con{padding:0}
	
	/* 이미지,텍스트 나열 스타일 */
	.caution-sec .img-txt-style-01 .img-con img{width:100%; max-width:none}

	/* 이미지 나열 스타일 */
	.caution-sec .caution-img-list li img{width:100%; max-width:none}
	.caution-sec .caution-img-list.col-02,
	.caution-sec .caution-img-list.col-03{margin:0}
	.caution-sec .caution-img-list.col-02 li,
	.caution-sec .caution-img-list.col-03 li{width:100%; margin:0 0 10px}

	/* 이미지 위에 검은배경 텍스트 스타일 */
	.caution-sec .img-txt-style-02 img{max-width:none; width:100%}
	.caution-sec .img-txt-style-02.col-04{margin:0}
	.caution-sec .img-txt-style-02.col-04 li{width:100%; margin:0 0 10px}
}



/* ----- 자료실 :: 하자예방 및 시공시 주의사항 :: CPVC ----- */
@media all and (max-width:1024px){		
	/* 전용접착제 사용 :: 경화시간 준수 */
	/* 스펙표 */
	.weld-on-con .spec-con .spec-con-inner{display:block}
	.weld-on-con .spec-con .spec-tbl-con{width:100%; padding:0 0 20px}
	.weld-on-con .spec-con .img-con{width:100%; max-width:520px; margin:0 auto}
}
@media all and (max-width:960px){		
	/* 전용접착제 사용 :: 경화시간 준수 */
	/* 시간표 */
	.weld-on-con .time-con .time-tbl th.first span{font-size:12px}
	.weld-on-con .time-con .time-tbl th.first span:first-child{top:4px; right:4px}
	.weld-on-con .time-con .time-tbl th.first span:last-child{bottom:4px; left:4px}

	/* 전용접착제 취급방법 */
	.caution-sec .img-txt-style-03 .img-con{width:40%}
	.caution-sec .img-txt-style-03 .txt-con{width:60%}

	/* 일반적 주의사항 */
	/* 일반적 주의사항 :: 이미지,텍스트 리스트 */
	.caution-sec .img-txt-style-01.txt-sm .caution-num-txt dd p{margin-top:5px}
}
@media all and (max-width:800px){		
	/* 전용접착제 사용 :: 접착제 도포 프로세스 */
	.caution-cpvc-step li{margin:0 5px}
	.caution-cpvc-step li:after{width:35px; height:35px; right:-22px}
	/* 전용접착제 사용 :: 경화시간 준수 */
	/* 시간표 */
	.weld-on-con{margin-top:20px}
	.weld-on-con .time-con .tit{font-size:15px;}
	.weld-on-con .time-con .time-tbl{width:800px}
	.weld-on-con .time-con .time-tbl th, .weld-on-con .time-con .time-tbl td{font-size:13px; padding:7px}
	.weld-on-con .time-con .time-tbl th.first span{font-size:11px}
	.weld-on-con .tbl-bt-txt{font-size:12px; margin-top:10px}
	/* 스펙표 */
	.weld-on-con .spec-con{margin-top:20px}
	.weld-on-con .spec-con .spec-tbl-con .spec-tbl th, 
	.weld-on-con .spec-con .spec-tbl-con .spec-tbl td{font-size:13px}
	.weld-on-con .spec-con .spec-tbl-con .spec-tbl th{padding:5px 0}
	.weld-on-con .spec-con .spec-tbl-con .spec-tbl td{padding:3px 5px}
	.weld-on-con .spec-con .spec-tbl-con .spec-tbl td br{display:none}
	.caution-sec .img-txt-style-02.sm .img-tit{height:45px}
	.caution-sec .img-txt-style-02.sm .img-tit span{font-size:14px}

	/* 전용접착제 취급방법 */
	.caution-sec .img-txt-style-03{display:block; margin-bottom:15px}
	.caution-sec .img-txt-style-03 .img-con{width:100%; max-width:408px; margin:0 auto}
	.caution-sec .img-txt-style-03 .txt-con{width:100%; padding:20px 0 0}
	.caution-sec .img-txt-style-03 .txt-con p{font-size:14px; padding-left:9px}
	.caution-sec .img-txt-style-03 .txt-con p:before{top:12px}
	.caution-sec .check-gr-box.sm{min-height:auto}
	.caution-sec .check-gr-box.sm p{font-size:14px}

	/* 수압시험 */
	.caution-sec .caution-num-txt.style-03{margin-bottom:10px}
	.caution-sec .caution-num-txt.style-03 dt{font-size:14px}
	.caution-sec .caution-num-txt.style-03 dt b{font-size:16px; top:-3px}


	/* 일반적 주의사항 */
	/* 일반적 주의사항 :: 주의사항 */
	.caution-sec .sec-dot-tit{font-size:16px; padding-left:15px}
	.caution-sec .sec-dot-tit:before{width:10px; height:10px; border-width:2px; top:6px}
	.cpvc-general-notice{margin-top:10px}
	.cpvc-general-notice p{font-size:14px}
	.cpvc-general-notice p .red{font-size:13.5px}

}
@media all and (max-width:480px){		
	/* 전용접착제 사용 :: 접착제 도포 프로세스 */
	.caution-cpvc-step{flex-wrap:wrap; position:relative; margin-bottom:15px}
	.caution-cpvc-step li{width:calc(50% - 10px); margin-bottom:10px}
	.caution-cpvc-step li:nth-child(3){position:absolute; right:0; bottom:0}
	.caution-cpvc-step li:nth-child(2):after{right:auto; top:auto; left:50%; bottom:-22px; transform:translateX(-50%) rotate(90deg)}
	.caution-cpvc-step li:nth-child(3):after{right:auto; left:-22px; transform:translateY(-50%) rotate(180deg)}
}


/* ----- 자료실 :: 하자예방 및 시공시 주의사항 :: PE-RT ----- */
@media all and (max-width:1390px){		
	.caution-pert-list li .txt-con .txt-inner dd .pc-br{display:none}
}
@media all and (max-width:960px){		
	.caution-pert-list li .txt-con .txt-inner{padding:15px 100px 15px 25px}
	.caution-pert-list li .txt-con .txt-inner dd{font-size:20px}
	.caution-pert-list li .txt-con .icon{width:75px; right:20px}
}
@media all and (max-width:800px){			
	.caution-pert-list{padding-top:0}
	.caution-pert-list li{display:block; min-height:auto; margin-bottom:15px}
	.caution-pert-list li > div{display:block;}
	.caution-pert-list li .img-con{width:100%; padding-top:51%}
	.caution-pert-list li .txt-con .txt-inner{padding:25px 20px 20px}
	.caution-pert-list li .txt-con .txt-inner dt{font-size:13px; margin-bottom:10px}
	.caution-pert-list li .txt-con .txt-inner dt b{font-size:16px; top:-1px;}
	.caution-pert-list li .txt-con .txt-inner dd{font-size:16px}
	.caution-pert-list li .txt-con .txt-inner dd p{font-size:14px; margin-top:5px}
	.caution-pert-list li .txt-con .icon{display:none}
}




/* ****************** 게시판 ********************** */
@media all and (max-width:800px){
	/* 상단정보 */
	.cm-board-page .bbs-view-top {padding: 0 30px 30px;}
	.cm-board-page .bbs-view-top .notice {width:auto; height:auto; line-height:1; padding:5px 10px; font-size:12px; }
	.cm-board-page .bbs-view-top .bbs-tit {font-size: 25px;}
	.cm-board-page .bbs-view-top .bbs-write-info {margin-top:10px; font-size: 13px;}
	.cm-board-page .bbs-view-top a {margin-top: -30px; font-size: 28px;}
	.cm-board-page .bbs-view-top a.prev-btn{left: -5px;}
	.cm-board-page .bbs-view-top a.next-btn{right: -5px;}
	/* 첨부파일 */
	.cm-board-page .bbs-view-file-info-box {padding:20px 0; }
	.cm-board-page .bbs-view-file-info-box .tit  {font-size:20px; margin-bottom:5px;}
	.cm-board-page .bbs-view-file-info-box .bbs-file-list a {font-size:14px; padding-left:20px;}
	/* 이전글,다음글 보기 */
	.cm-board-page .bbs-view-prev-next-list {padding:20px;}
	.cm-board-page .bbs-prev-next-tbl th, .cm-board-page .bbs-prev-next-tbl td {font-size:14px;}
	.cm-board-page .bbs-prev-next-tbl .bbs-prev-next-tit {padding-left: 25px;}
	.cm-board-page .bbs-prev-next-tbl .bbs-prev-next-tit i {top:50%; margin-top:-10px;}
	.cm-board-page .bbs-prev-next-tbl td {padding-right: 80px;}
	.cm-board-page .bbs-prev-next-tbl td .date {font-size:13px;}
	/* 목록버튼 */
	.cm-btn-controls .btn-style04{width:140px; height:40px; line-height:36px; font-size:14px; border-width:2px;}
}
@media all and (max-width:480px){
	/* 이전글,다음글 보기 */
	.cm-board-page .bbs-view-prev-next-list {padding:10px 0;}
	.cm-board-page .bbs-prev-next-tbl td {padding-right:0;}
	.cm-board-page .bbs-prev-next-tbl td .date {display:none;}
}