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


/* ******************  서브공통 ********************** */
/* -------- 공통 스크롤바  -------- */
@media all and (max-width:1260px){
	.custom-scrollbar-wrapper .scroll-object{max-width:100%;}
}
@media all and (max-width:800px){
	.custom-scrollbar-wrapper{position:relative;/* margin-right:calc(-1* var(--area-padding)); */ cursor:move}
	.custom-scrollbar-wrapper .scroll-object{max-width:none; width:800px; }
	.cm-scroll-drag-guide {display:flex; justify-content:flex-end; margin-right:var(--area-padding); }
	.cm-scroll-drag-guide .cm-scroll-drag-inner { position: relative; width:50px; height: 50px; }
	.cm-scroll-drag-guide .cm-scroll-drag-inner:before { position:absolute; top:4px; right:0; width:100%; height:3px; background-color:#ccc; content:""; border-radius:5px;}
	.cm-scroll-drag-guide .drag-tail { position: absolute; z-index: 1; left: 0px; top: 3px; animation:moveScrollAni 3s both infinite; }
	.cm-scroll-drag-guide .drag-tail .tail{display:block; width: 25px; height: 5px; background-color: rgba(0, 0, 0, 0.7); border-radius:5px; opacity:1; }
	.cm-scroll-drag-guide .drag-tail .hand-icon{ font-size:30px; color:#aaa }
	@keyframes moveScrollAni {
		0%, 10% {
			left: 0;
			margin-left: 0px;
		}
		50% {
			left: 100%;
			margin-left: -25px;
		}
		100% {
			left: 0;
			margin-left: 0px;
		}
	}
}

/* -------- 공통 :: 탭 -------- */
@media all and (max-width:1260px){
	.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:#333; 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.sub-tab-list-style ul li{position:static; display:block; float:none; border:0; border-top:1px solid #eee; width:auto; background-color:transparent !important; width:100%; max-width:none; margin:0;}
	.sub-drop-menu-style.sub-tab-list-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; background-color:transparent !important;}
	.sub-drop-menu-style ul li a em{font-size:13px;}
	.sub-drop-menu-style ul li.selected a{background-color:transparent !important;}
	.sub-drop-menu-style ul li.selected a em{color:var(--main-color); font-weight:600; }

	.dmine-wrap .sub-drop-menu-style ul li.selected a em{color:var(--main-color-dmine); font-weight:600; }

}
@media all and (max-width:480px){
	.sub-tab-list-style ul li{margin:0 3px; width:calc(33.33% - 6px)}
	/* Tab Fixed Move*/	
	.sub-tab-list-style.top-fixed{top:60px;}
}

/* ******************  회사소개 ********************** */
@media all and (max-width:1260px){
	.intro-con01-txt .txt .pc-br,
	.intro-con02-item .pc-br,
	.intro-con03 .txt .pc-br{display:none;}
}
@media all and (max-width:1024px){
	.intro-con02-item{display: block;}
	.intro-con02-item h5{width: 100%; padding-right: 0;}
	.intro-con02-item p{margin-top: 20px; width: 100%;}
}
@media all and (max-width:800px){
	/* 공통 */
	.cm-intro-en-tit{font-size: 12px;}
	.cm-intro-en-tit2{font-size: 15px;}
	.cm-intro-kr-tit{margin-top: 15px; font-size: 25px;}

	.intro-con01{padding-bottom: 50px;}
	.intro-con01-tit{font-size: 23px;}
	.intro-con01 .cm-intro-en-tit2{padding-top:30px;}
	.intro-con01-img{margin-top: 25px;}
	.intro-con01-txt{margin-top: 30px;}
	.intro-con01-txt .txt{margin-top: 20px; font-size: 15px;}

	.intro-con02{padding: 60px 0 65px;}
	.intro-con02-list{margin-top: 10px;}
	.intro-con02-item{padding: 20px 2.3%;}
	.intro-con02-item h5{font-size: 21px;}
	.intro-con02-item p{margin-top: 10px; font-size: 14px;}
	.intro-con02-img{margin-top: 20px;}

	.intro-con03{padding: 50px 0 120px;}
	.intro-con03-img{margin-top: 20px;}
	.intro-con03 .txt{margin-top: 25px; font-size: 15px;}
}

/* ******************  오시는길 ********************** */
@media all and (max-width:1024px){
	.location-con-01 .company-info-list{display: block;}
	.location-con-01 .company-info-list .inner-box{width:100%; margin-bottom:15px;}
	.loaction-map-wrap span{padding-top:296px;}
}
@media all and (max-width:800px){
	.location-con-01 .location-txt{font-size:18px;}
	.location-con-01 .company-info-list .inner-box .tit{font-size:13px;}
	.location-con-01 .company-info-list .inner-box .txt{font-size:16px;}
	.location-con-02 .reservation-txt-box .txt, .location-con-03 .txt-box .txt{font-size:14px;}
	.location-con-03 .txt-box .tit{font-size:21px;}

	.location-con-01, .location-con-02{margin-bottom:70px;}
	.location-con-01 .company-info-box{margin-top:30px;}
	.location-con-01 .company-info-list{margin-top:15px;}
	.location-con-01 .company-info-list .inner-box{padding:10px 5px; border-radius:15px;}

	.location-con-02 .reservation-txt-box{margin-top:20px;}
	.location-con-02 .reservation-txt-box .txt{margin-bottom:10px;}
	
	.loaction-map-wrap{margin-bottom:40px;}
	.location-con-03 .txt-box{padding:10px;}
	.location-con-03 .txt-box .tit{margin-bottom:10px;}
}
@media all and (max-width:480px){
	.location-con-03{display: block;}
	.location-con-03 .txt-box{width:100%;}
	.location-con-03 .txt-box:before{display: none;}
}

/* ******************  위탁가공 ********************** */
@media all and (max-width:1024px){
	.process-video-wrap .video-con-box{flex-wrap:wrap; margin-bottom:100px;}
	.process-video-wrap .video-con-box .txt-box{width:100%; padding:0 !important;}
	.process-video-wrap .video-iframe-wrapper{width:100%; margin-bottom:30px; max-width:none;}
	
	.process-video-wrap .process-item-box{width:100%; margin-bottom:30px;}
}
@media all and (max-width:800px){
	.process-item-box .inner-img-box .slick-arrow{font-size:30px;}
	.process-item-box .inner-txt-box .txt-box .tit{font-size:23px;}
	.process-item-box .inner-txt-box .txt-box .txt, .process-video-wrap .video-con-box .txt-box .tit{font-size:14px;}
	.process-item-box .inner-txt-box .num{font-size:35px}
	.process-video-wrap .video-con-box .txt-box .sub-tit{font-size:20px}
	.process-video-wrap .video-con-box .txt-box .txt{font-size:13px;}

	.process-con-01 .process-item-list{display: block; margin:40px 0 90px;}
	.process-con-01 .process-item-list .process-item-box{width:100%; max-width:none; margin-bottom:30px !important;}
	.process-item-box .inner-txt-box .txt-box{padding-right:60px;}
	.process-item-box .inner-txt-box .num{top:5px; width:48px}

	.process-con-02{padding:40px 0 60px;}
	.process-con-02 .sub-con{padding-top:30px;}
	.process-con-02 .top-tit-box{margin-bottom:30px;}
	.process-video-wrap .video-iframe-wrapper{margin-bottom:20px;}
	.process-video-wrap .video-con-box{margin-bottom:50px;}
	.process-video-wrap .video-con-box .txt-box .tit{height:40px; line-height:40px; padding:0 20px; margin-bottom:10px;}
	.process-video-wrap .video-con-box .txt-box .sub-tit{margin-bottom:10px;}
}

/* ******************  원물소개 ********************** */
@media all and (max-width:800px){
	.product-con01{padding-bottom: 70px;}
	.product-con01-tit{font-size: 23px;}
	.product-con01-img{margin-top: 25px;}
	.product-con01-txt{margin-top: 30px;}
	.product-con01-txt .txt{margin-top: 20px; font-size: 15px;}
	.product-con01-txt .txt span{font-size:17px;}
	.product-sign-img{width:30%; min-width:134px; margin:20px auto 0;}
	.product-con01 .cm-intro-en-tit2{padding-top:30px;}

	.product-con02 .cm-intro-kr-tit{margin-bottom:20px;}
	.product-con02-list .list-item{width:50%; margin-bottom:40px;}
	.product-con02-list .list-item .list-img:before{font-size:40px;}
	
	.product-con02-list .list-item .list-txt{font-size:14px; margin-top:15px;}
}

/* ******************  침출차 제작 가이드 ********************** */
@media all and (max-width:800px){
	.sub-tab-wrapper-style .guide-top-tit{font-size:21px; margin-bottom:30px;}
	.guide-con .guide-con01 .guide-tit{font-size:23px;}
	.guide-con .guide-item .txt-box .txt-list li span{font-size:14px;}
	.guide-con .guide-con01 .guide-txt{font-size:16px;}
	.guide-con .guide-item .txt-box .tit{font-size:19px;}
	.guide-con .guide-item .txt-box .txt-list li:before{font-size:16px}

	.guide-page .sub-tab-wrapper-style{padding-top:10px;}
	.guide-page .sub-tab-con{margin-top:30px;}

	.guide-con .guide-con01{padding:15px 0 ; margin-bottom:60px;}
	.guide-con .guide-con01 .guide-tit{margin-bottom:10px;}
	.guide-con .guide-con01 .guide-txt{margin-top:20px;}
	.guide-con .guide-item{display: block; margin-bottom:30px;}
	.guide-con .guide-item .img-box{width:100%; margin-bottom:15px;}
	.guide-con .guide-item .img-box img{width:100%; max-width:auto;}
	.guide-con .guide-item .txt-box{width:100%; padding:0;}
	.guide-con .guide-item .txt-box .tit{padding:0 20px; height:40px; line-height:40px; margin-bottom:10px;}
	.guide-con .guide-item .txt-box .txt-list li{padding-left:20px;}
	.guide-con .guide-item .txt-box .txt-list li:before{top:4px;}
}

/* ****************** FAQ ********************** */
@media all and (max-width:800px){
	.faq-tit-box{margin-bottom:40px; padding-top:10px;}	
}

/* ****************** 견적문의 ********************** */
@media all and (max-width:1024px){
	/* input[text] */
	.bbs-write-con .inner-box{display: block;}
	.bbs-write-con .inner-box dl{width:100% !important; margin-bottom:10px;}
	/* .bbs-write-con .inner-box dl.price{max-width:300px;} */

	.bbs-write-tbl colgroup col:first-child{width:18% !important;}
}
@media all and (max-width:800px){
	.inquiry-page .inquiry-con{margin-bottom:60px;}
	.inquiry-page .sub-con{padding-top:15px;}
	.inquiry-tit-box{margin-bottom:20px;}
	.inquiry-tit-box .tit{font-size:28px;}
	.inquiry-tit-box .txt{font-size:14px; margin-top:5px;}
	.inquiry-plus-txt{font-size:13px}

	/* textarea */
	.bbs-write-con .textarea-box .tit{font-size:14px; padding-left:15px; margin-top:10px;}
	.bbs-write-con .textarea-box textarea{padding:5px 15px; height:150px;}
	.bbs-write-tbl input, .bbs-write-tbl textarea, .bbs-write-tbl input::placeholder, .bbs-write-tbl textarea::placeholder{font-size:13px;}
	/* input[file] */
	.bbs-write-con .filebox .upload-name{height:37px; padding-left:15px;}
	.bbs-write-con .filebox label{top:4px; height:28px;}

	/* input[text] */
	.bbs-write-con .inner-box dl dd{padding-left:70px !important;}
	.bbs-write-con .inner-box dl dt{font-size:14px;}
	.bbs-write-con .inner-box dl dd input{height:37px;}
	.bbs-write-con .inner-box dl.price dd span{font-size:13px;}
}


/* ---------------------- 디마인 ---------------------- */
/* ****************** 위탁가공 ********************** */
@media all and (max-width:1260px){
	.process-dmine-con04 .right-box{padding-left:7%;}
	.process-dmine-con04 .right-box dl dd{padding-left:210px;}
}
@media all and (max-width:1024px){
	.process-dmine-con03{display: flex; flex-direction:column-reverse;}
	.process-dmine-con03 .right-box{display: block; width:100%; margin-bottom:20px;}
	.process-dmine-con03 .right-box .certifi-list-style05 .certificate-list{max-width:480px; margin:0px auto;}
	.process-dmine-con03 .left-box{display: block; width:100%;}

	.process-dmine-con04{display: block;}
	.process-dmine-con04 .right-box{display: block; width:100%; padding-left:0;}
	.process-dmine-con04 .left-box{display: block; width:100%; margin-bottom:20px;}
	.process-dmine-con04 .left-box .certifi-list-style05 .certificate-list{max-width:480px; margin:0px auto;}
}
@media all and (max-width:800px){
	.cm-intro-txt{font-size:15px; margin-top:20px;}
	.dmine-process_tit{font-size:25px; margin-top:30px;}
	/* 제조시설 */
	.process-factory-list .list-item{width:calc(50% - 5px); margin-bottom:15px;}
	.process-factory-list .list-item span img{width:100%; max-width:auto;}
	.process-factory-list .list-item .txt{font-size:15px; margin-top:10px;}
	/* 인증서 */
	#tabConM02 .certifi-list-style05 .certificate-list > ul{margin-top:25px}
	/* 특허현황 */
	.process-dmine-con03{margin-top:25px; padding-top:25px;}
	.process-dmine-con03 .left-box dl{margin-bottom:15px;}
	.process-dmine-con03 .left-box dl dt{font-size:16px; margin-bottom:5px;}
	.process-dmine-con03 .left-box dl dd{font-size:14px;}
	/* 상표현황 */
	.process-dmine-con04{margin-top:25px; padding-top:25px;}
	.process-dmine-con04 .right-box dl{margin-bottom:10px;}
	.process-dmine-con04 .right-box dl dt{font-size:14px;}
	.process-dmine-con04 .right-box dl dd{padding-left:165px; font-size:14px;}
}

/* ****************** 소량제조 ********************** */
@media all and (max-width:800px){
	.intro-con01-sign{width:208px; margin:30px auto 0;}
}