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


/* ******************  서브공통 ********************** */
/* -------- 공통 스크롤바  -------- */
@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: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: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:#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 ul li{position:static; display:block; float:none; border:0; border-top:1px solid #eee; width:auto; background-color:transparent}
	.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{background-color:transparent;}
	.sub-drop-menu-style ul li.selected a em{color:#f57f20; 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:1780px){
	.com-news-arrow {right:var(--area-padding);}
}

@media all and (max-width:1280px){
	.dep2-intro-page .intro-con .con-container .left-box {padding-right:5%; box-sizing:border-box;}
	.dep2-intro-page .intro-con .con-container .right-box {padding-left: 5%; box-sizing: border-box;}
}

@media all and (max-width:800px){
	.con-tit {margin-bottom:1.625rem;}
	.dep2-intro-page .intro-con {margin:5rem 0;}
	.dep2-intro-page .intro-con .con-container {flex-wrap:wrap;}
	.dep2-intro-page .intro-con .con-container > div {width: 100%;}
	.dep2-intro-page .intro-con .con-container .left-box , .dep2-intro-page .intro-con .con-container .right-box {padding:0;}
	.dep2-intro-page .intro-con .con-container .right-box {margin-top: 2rem;}
	.assistance-btn {width: 30rem;}
	.assistance-btn > em {font-size:2rem;}
	.assistance-btn > span {width: 3.5rem; height: 3.5rem;}
	.assistance-btn > span i {font-size:2rem;}
	.bg-con .bg-con-txt {padding:10rem 0;}

	.inquiry-btn {width: 25rem; height: auto; padding:1rem;}
	.inquiry-btn > em {font-size:1.7rem; padding:0 1rem; width: calc(100% - 3rem);}
	.inquiry-btn span {width: 3rem; height: 3rem;}
	.inquiry-btn span img {height: 10px;}

	.com-news-list .news-item img {width:100%;}
	.lab-page .img-container {margin-top: 0rem;}
}


@media all and (max-width:500px){
/* .lab-move-tab-span {display:none;} */
.lab-move-inquiry-btn {padding: 1rem 2rem !important;}

}

@media all and (max-width:440px){
.lab-move-tab-span {display:none;} 
}

/********** 24-04-01 contact us 추가 **********/
@media all and (max-width:800px){
	.contact-page {padding-bottom: 7rem;}
	.contact-intro-list-box {grid-template-columns: repeat(2, 1fr); grid-gap: 2rem;}
	.contact-intro-list-box .contact-intro-list .contact-list-txt {padding-top: 1.5rem; font-size: 1.8rem;}

	/* contact 팝업 */
	.contact-us-modal-content .contact-pop-inner {padding: 4rem;}
	.contact-us-modal-content .contact-pop-inner .tit-box h1 {font-size: 2.6rem;}
	.contact-us-modal-content .inquiry-tbl-style07-2col {grid-gap: 0 1.5rem;}

	.contact-us-modal-content .contact-pop-category-wrap .inquiry-tbl-style07-con {padding: 1.5rem 0;}
	.contact-us-modal-content .inquiry-tbl-style07-con {padding: 1.5rem 0 0 0;}
	.contact-us-modal-content .inquiry-style04-custom-checkbox {grid-template-columns: repeat(2, 1fr);}

	.contact-us-modal-content .inquiry-tbl-style07-con dt {font-size: 1.5rem;}
	.contact-us-modal-content .serial-txt {font-size: 1.5rem;}
	.contact-us-modal-content .serial-txt i {font-size: 1.7rem; line-height: 1.2;}

	.contact-us-modal-content .inquiry-style07-agree-con {margin-top: 1.5rem;}
	.contact-us-modal-content .inquiry-style07-agree-con .agree-tit {font-size: 1.5rem;}
	
	/* careers 팝업 */
	.careers-modal-content .announce-tit .announce-name {padding-right: 1.5rem;}
	.careers-modal-content .inquiry-style07-agree-con {margin-top: 2rem;}
	.careers-modal-content .announce-tit {font-size: 1.5rem;}
	.contact-us-modal-content .inquiry-tbl-style07 .write-input, .contact-us-modal-content .inquiry-tbl-style07 select, .contact-us-modal-content .inquiry-tbl-style07 .write-textarea {font-size: 1.5rem;}
}

@media all and (max-width:480px){
	.contact-us-modal-content .inquiry-tbl-style07-2col {grid-template-columns: 1fr;}
	.contact-us-modal-content .inquiry-style04-custom-checkbox {grid-template-columns: 1fr;}

	.contact-us-modal-content .cm-btn-controls {flex-direction: column;}
	.contact-us-modal-content .cm-btn-controls button.mr20, .contact-us-modal-content .cm-btn-controls a.mr20 {margin-right: 0; margin-bottom: 4%;}
}