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


/* ******************  서브공통 ********************** */
/* -------- 공통 스크롤바  -------- */
@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; }
}

/* -------- 공통 Fixed Move Tab -------- */
@media all and (max-width:1220px){
	.fixed-move-tab-list.fixed{top:80px;}
}
@media all and (max-width:800px){
	.fixed-move-tab-list ul li a{height:40px; line-height:40px; font-size:14px;}
}
@media all and (max-width:480px){
	.fixed-move-tab-list.fixed{top:60px;}
}





/* ******************  회사소개 ********************** */
/* **** company :: 01 :: 회사개요 **** */
@media all and (max-width:800px){
	.certifi-info p{font-size: 14px; line-height: 1.8;}
	.certifi-info p b{font-size: 17px;}
	.certifi-info span{margin-top: 15px; padding: 20px; font-size: 15px; line-height: 1.4;}
	.certifi-info span em{top: -4px;}
	.certifi-info span em img{height: 10px;}
	.certifi-info .full-img{margin: 50px auto 0;}
	
	.certifi-list-tit{margin-top: 65px; margin-bottom: 15px; line-height: 40px; padding: 0 15px; font-size: 16px;}

	.sub-accordian-con{margin-top: 60px;}
}


/* **** company :: 01 :: 회사연혁 **** */
@media all and (max-width:1220px){
	.history-bg-con{position: static; height: auto;}
	.history-bg-con .history-bg{position: relative; height: 0; padding-top: 37%; -webkit-background-size: cover; background-size: cover;}
	.history-bg-con .txt-con{position: relative; right: 0; padding: 45px 55px;}
}
@media all and (max-width:800px){
	#history.area{padding-top: 45px;}
	.history-bg-con .txt-con{padding: 25px 20px;}
	.history-bg-con .txt-con:before{top: -25px; right: -20px; font-size: 31px; letter-spacing: 20px;}
	.history-bg-con .txt-con p{font-size: 16px; line-height: 1.9;}
	.history-bg-con .txt-con p em{font-size: 18px;}
}
@media all and (max-width:800px){
	.cm-tab-container{margin-top: 35px;}
	.product-tab, .product-tab ul li, .product-tab ul li a{height: 45px;}
	.product-tab ul li a{font-size: 13px; line-height: 1.4;}
	.product-tab ul li a span em{font-size: 14px;}

	.product-tab.col-3{height: 45px;}
	.product-tab.col-3 ul li{width: 25%;}
	.product-tab.col-3 ul li{height: 45px;}
	.product-tab.col-3 ul li a{height: 45px; font-size: 14px;}

	.product-tab.col-2{height: 45px;}
	.product-tab.col-2 ul li{width: 50%;}
	.product-tab.col-2 ul li{height: 45px;}
	.product-tab.col-2 ul li a{height: 45px; font-size: 14px;}
}
@media all and (max-width:480px){
	.cm-tab-container{margin-top: 25px;}
	.history-bg-con .txt-con{padding: 10px 15px;}
	.history-bg-con .txt-con p br{display: none;}
	.product-tab.col-3 ul li a{font-size: 12px; -ms-word-break: keep-all; word-break: keep-all;}
}
@media all and (max-width:359px){
	.product-tab.col-3 ul li a{font-size: 11px;}
}


/* **** company :: 01 :: 조직도 **** */
@media all and (max-width:800px){
	#org{padding-top: 45px; padding-bottom: 40px;}
	#org .content-tit-con {overflow: hidden;}
	#org .org-img{margin-top: 40px;}
	#org .org-img img{max-width: none; width: 100%;}
	#org .org-img img.pc-img{display: none;}
	#org .org-img img.m-img{display: block;}
}


/* **** company :: 01 :: 오시는길 **** */
@media all and ( max-width:800px ){
	#location.main-area{padding-top: 45px;}
	.map-iframe-wrapper .map-iframe-txt{position: static; width: 100%; padding: 20px 25px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
	.map-iframe-wrapper .map-iframe-txt p{font-size: 17px; line-height: 1.3;}
	/* 오시는길 :: 하단정보1 */
	.map-tbl-con{margin-top: 10px;}
	.map-tbl th,.map-tbl td{padding:15px 10px; font-size:13px; vertical-align:top;}
	.map-tbl th{width:60px}
	/* 오시는길 :: 탭 정보 */
	.sub-cm-tab-list01 ul{height:40px; text-align:center; *zoom:1;}
	.sub-cm-tab-list01 ul li a{display:block; height:37px; line-height:37px; font-size:14px;}
	.cm-tab-content-wrapper01{padding: 45px 0 40px;}
	.cm-tab-content-wrapper01 .line-p, .cm-tab-content-wrapper01 .dot-p{padding-left: 10px; font-size: 14px; line-height: 1.6;}
	.cm-tab-content-wrapper01 p{margin-top: 10px;}
	.cm-tab-content-wrapper01 .dot-p:before{top: 10px;}
}
@media all and ( max-width:480px ){
	.map-iframe-wrapper .map-iframe-txt{padding: 10px 15px;}
	.map-iframe-wrapper .map-iframe-txt p{font-size: 15px;}
}