@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:#3686ff; box-sizing:border-box;}
	.sub-drop-open-btn-style span{color:#fff; font-size:13px;}
	.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 a{background-color:transparent;}
	.sub-drop-menu-style ul li.selected a em{color:#3686ff; 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){
	.company-about-con .txt-box .txt, .company-about-list li dl dd span{font-size:13px;}
	.company-about-con.full .txt-box .txt {font-size:14px;}
	.company-about-con{display: block; margin-bottom:40px;}
	.company-about-con .tit-box{display: block; width:100%; margin-bottom:15px;}
	.company-about-con .txt-box{display: block; width:100%;}
	.company-about-con .txt-box .txt span {font-size:17px;}

	.company-about-list{display: block;}
	.company-about-list li{width:100%; margin-bottom:20px;}
	.company-about-list li dl dt{width:50px;}
	.company-about-list li dl dt img{width:38.5px;}
	.company-about-list li dl dd{width:calc(100% - 50px); padding:0;}
}

/* ******************  회사소개 :: 연혁 ********************** */
@media all and (max-width:1600px) and (min-width:801px){
	.history-top-box .tit {font-size: 8.75vw;}
	.history-top-box .history-logo {width:7.75vw;}
}
@media all and (max-width:800px){
	.history-top-box {display:block; text-align:center;} 
	.history-top-box .history-logo {position:static; display:block; transform:none; margin:0 auto 20px;  width:87px;}
	.history-top-box .tit {display:inline-block; width:auto; font-size:70px;}
	.history-top-box .tit.history  {padding-left:0;}
}
@media all and (max-width:480px){
	.history-top-box .tit {font-size:14.5833vw}
}

/* ******************  회사소개 :: 임원진 ********************** */
@media all and (max-width:1024px){
	.director-con .director-name, .director-con .director-info{display: block; text-align:left; width:100%;}
}
@media all and (max-width:800px){
	.executive-info-con dd .executive-name{font-size:22px;}
	.executive-info-con dd .executive-sub{font-size:14px;}
	.executive-info-txt .arrow-btn i{font-size:12px;}
	.executive-info-txt .info-list li p{font-size:13px;}
	.director-con .director-name{font-size:20px;}
	.director-con .director-info{font-size:15px;}
	.executive-info-txt .info-list li p:before{top:8px;}

	.executive-con:first-child{margin-bottom:50px;}
	.executive-list{margin-top:25px}
	.executive-list > li{width:calc(50% - 22px);}
	.executive-info-con{padding-bottom:30px;}
	.executive-info-txt{padding:20px;}
	.executive-info-txt .arrow-btn{top:-25px; padding-top:8px;}
	.executive-info-txt .info-list li{margin-bottom:5px;}

	.executive-list .director-con{padding:20px;}
	.executive-info-con dt{margin-bottom:5px;}
}
@media all and (max-width:480px){
	.executive-list{margin:25px 0 0px;}
	.executive-list > li{width:100%; margin:0 0 15px;}
}

/* ******************  회사소개 :: 오시는 길 ********************** */
@media all and (max-width:1024px){
	.contact-location-map .root_daum_roughmap .wrap_map{height:300px !important;}
}
@media all and (max-width:800px){
	.contact-location-con dl{font-size:13px;}
	.contact-location-con{margin-top:20px;}

	.company-contact-wrap{margin:0px;}
	.company-contact-con{float:none; margin:0 0 30px; width:100%;}
	.contact-location-con dl{padding:8px 0;}
	.contact-location-con dt{ width:80px; vertical-align:top;}
	.contact-location-con dd{width:calc(100% - 80px);}
	.contact-location-con dd{height:auto;}

	.company-contact-mail{margin-top:30px;}
	.company-contact-mail dl{font-size:15px; padding:15px 5px;}
	.company-contact-mail dl dt:before{right:-13px;}
	.company-contact-mail dl dd{padding-left:20px;}
}
@media all and (max-width:480px){
	.contact-location-map .root_daum_roughmap .wrap_map{height:200px !important;}
	.contact-location-con dt{ width:60px;}
	.contact-location-con dd{width:calc(100% - 60px);}
}


/* ******************  압타머기술 :: 압타머 ********************** */
@media all and (min-width:801px){
	.aptamer-tab-style ul li .aptamer-tab-btn:hover{background:#3686ff; border-color:#3686ff;}
	.aptamer-tab-style ul li .aptamer-tab-btn:hover em{color:#fff;}
	.aptamer-tab-style ul li .aptamer-tab-btn:hover i{color:#fff;}
}

 @media all and (max-width:1600px){
	 .aptamer-top-box .txt-box br {display:none;}
 }
@media all and (max-width:1024px){
	.aptamer-table{display: block;}
	.aptamer-table .tit{display: block; width:100%; margin-bottom:20px;}
	.aptamer-table .inner-con{display: block; width:100%;}
	.aptamer-table.top  {padding-top:0;}
	.aptamer-table.top .inner-con {display:block; margin-top:30px;}
	
	.technology-bottom-box .box-inner{display: block; width:100%;}
	.technology-bottom-box .box-inner .img-box{display: block; width:100%; margin-bottom:20px;}
	.technology-bottom-box .box-inner .img-box span{width:100%; text-align:center;}
	.technology-bottom-box .box-inner .list-box{display: block; width:100%;}
}
@media all and (max-width:800px){
	.br-800{display: none;}
	.aptamer-table .tit{font-size:21px;}
	.aptamer-table .inner-con dt, .aptamer-tab-style ul li em, .aptamer-tab-style ul li .aptamer-tab-btn i, .con-02 .aptamer-table .txt, .download-wrap .txt{font-size:16px;}
	.aptamer-table .inner-con dd, .aptamer-table .inner-con.inner-01 .technology-list li .sub-txt, .aptamer-table .inner-con .gray-box .txt, .technology-bottom-box .box-inner .list-box dl dd .txt{font-size:13px;}
	.aptamer-table .inner-con.inner-01 .technology-list li .txt, .download-wrap .down-btn em{font-size:15px;}
	.aptamer-history-list li span, .aptamer-table .inner-con .txt, .technology-bottom-box .box-inner .list-box dl dd strong, .box-02 .bottom-box-list li .bottom-inner .gray-box .txt span{font-size:14px;}
	.technology-bottom-box .box-tit{font-size:17px;}
	.technology-bottom-box .box-inner .list-box dt{font-size:13px;}
	/* 압타머 */
	.aptamer-con{margin:20px 0 30px;}
	.aptamer-table{padding:20px 0;}
	.aptamer-table:first-child{padding:20px 0;}
	.aptamer-table .tit{margin-bottom:10px;}
	.aptamer-table .inner-con dt{margin-bottom:5px;}
	.aptamer-table .inner-con > dl{margin-bottom:20px;}
	.aptamer-history-list li span{padding-left:20px;}
	.aptamer-history-list li span:before{top:5px;}
	.aptamer-table .inner-con .gray-box{padding:20px;}
	.aptamer-table .inner-con .gray-box .txt{margin-bottom:8px;}
	.aptamer-tab-style{margin-top:20px;}
	.aptamer-tab-style ul li .aptamer-tab-btn{height:70px;}
	
	.aptamer-top-box {margin-bottom:30px; margin-top:20px;}
	.aptamer-top-box .img-box {width:50%;}
	.aptamer-top-box .txt-box {width:50%; padding-left:20px;}
	.aptamer-table .inner-con.inner-01 .technology-list{margin:0 -5px;}
	.aptamer-table .inner-con.inner-01 .technology-list li{width:calc(50% - 10px); margin:0 5px 10px; padding:30px 0;}
	.aptamer-table .inner-con.inner-01 .technology-list li .icon span{margin-bottom:20px;}

	.aptamer-table.table02 .con-tit { font-size:21px; margin-bottom: 20px;}
	.aptamer-table.table02 .inner-con .gray-box {padding:10px 0;}
	/* 압타머 기술플랫폼 */
	.aptamer-con-wrap.bg-gray{padding:30px 0 10px;}
	.con-02 .aptamer-table:first-child{padding:20px 0;}
	.technology-bottom-box{/* padding-top:30px */}
	.technology-bottom-box .box-inner{padding:30px 15px;}
	.technology-bottom-box .box-inner .list-box dl{padding:20px 15px;}
	.technology-bottom-box .box-inner .list-box dt{top:25px;}
	.technology-bottom-box .box-tit{padding:13px 5px;}

	.con-02 .aptamer-table{padding:0px; margin:30px 0 20px;}
	.con-02 .aptamer-table:first-child{margin:30px 0 20px; padding:0;}
	.con-02 .aptamer-table:last-child{padding-bottom:0;}
	.box-02 .bottom-box-list li{width:100%;}
	.archive-con{display: block;}
	.archive-con span{width:100%; text-align:center; margin-bottom:20px;}
	.archive-con .txt{width:100%; padding:0;}

	.aptamer-download-con{margin:40px 0 0;}
	.download-form {padding-top:40px;}
	.download-wrap .txt{margin-bottom:20px;}
	.download-wrap .down-btn{width:250px; height:50px;}
	.download-wrap .down-btn em{line-height:50px;}

	.aptamer-download-con .btn-box .down-btn {min-width:auto; height:auto; padding:15px 20px;}
}
@media all and (max-width:640px){
	.aptamer-top-box {display:block;}
	.aptamer-top-box .img-box {display:block; width:100%;}
	.aptamer-top-box .txt-box {display:block; width:100%; padding-left:0; margin-top:20px;}

	.aptamer-table .inner-con.inner-01 .technology-list li{padding:20px 0;}
	.aptamer-table .inner-con.inner-01 .technology-list li .icon span{background-size:33.6px; margin-bottom:10px;}
}
@media all and (max-width:480px){
	.aptamer-tab-style ul{margin:0}
	.aptamer-tab-style ul li{margin:0 0 10px; width:100%;}
	.aptamer-tab-style ul li .aptamer-tab-btn{padding:0 10px; height:50px;}
	.aptamer-tab-style ul li .aptamer-tab-btn i{right:10px;}

	.box-02 .bottom-box-list li .bottom-inner{padding:15px;}
	
	.aptamer-download-con .btn-box {display:block; padding:0 15px;}
	.aptamer-download-con .btn-box .down-btn {width:100%; margin:10px 0;}
}


/* ******************  압타머기술 :: BiFAp ********************** */
@media all and (max-width:800px){
	.bifap-con-table dt{font-size:21px;}
	.bifap-page-con .txt, .bifap-con-table dd{font-size:14px;}
	.bifap-page-con .cm-tit span{font-size:20px;}

	.bifap-con-wrap{margin-top:20px; padding-top:20px;}
	.bifap-img-box{margin:30px 0;}
	.bifap-page-con .txt, .bifap-con-table dd{margin-bottom:8px;}
	.bifap-page-con.bg-gray{padding:40px 0; margin-bottom:30px;}
	.aptomia-img-wrap{padding:15px; margin:30px 0;}

	.bifap-img-box.img-01 span, .bifap-img-box.img-02 span{width:auto; max-width:100%;}
	.bifap-img-box.img-01 span img, .bifap-img-box.img-02 span img{max-width:100%;}

	.bifap-con-table dl{margin-bottom:30px;}
	.bifap-con-table dt{position: relative; width:100%; margin-bottom:10px;}
	.bifap-con-table dd{padding-left:0;}

	.apdc-img-box{display: block; width:100%; margin-top:30px; padding:0;}
	.apdc-img-box.img-03 span{float:none; width:100%; text-align:center; margin-bottom:15px; margin-left:0 !important;}
}

/* ******************  압타머기술 :: 특허 ********************** */
@media all and (min-width:801px){
	.certification-page .sub-tab-list-style ul li:hover a{background:#3686ff; border-color:#3686ff;}
	.certification-page .sub-tab-list-style ul li:hover a em{color:#fff; opacity:1;}

	.certification-table tbody tr:hover td:before{opacity:1;}
	.certification-table tbody tr:hover td.table-hover span{opacity:0.6;}
	.certification-table tbody tr:hover td.table-hover .country{opacity:1;}
}

@media all and (max-width:800px){
	.certification-tit{font-size:19px;}
	.certification-table thead th span, .certification-table tbody td span{font-size:13px;}
	.certification-page .sub-tab-list-style ul li a em{font-size:15px;}
	
	.certification-page .sub-tab-list-style ul{position: relative; display: block; width:auto; height:30px; margin:0 -1% 30px;}
	.certification-page .sub-tab-list-style ul li{display: block; float:left; width:48%; margin:0 1%;}
	.certification-page .sub-tab-list-style ul li a{height:33px;}
	.certification-page .sub-tab-list-style ul li a em{line-height:33px;}

	.certification-tit{margin:30px 0 10px;}
	.certification-table thead th{height:40px;}
	.certification-table tbody tr{height:40px;}
	.certification-table tbody tr td{padding:10px;}

	.certification-table tbody tr td.table-hover{min-width:50px;}
}
@media all and (max-width:480px){	
	.certification-table tbody tr td.table-hover .country{display: block; margin-left:0;}
}

/* ******************  압타머기술 :: 논문 ********************** */
@media all and (max-width:800px){
	.thesis-tab-style{position: relative; margin:30px 0; z-index:11}

	.thesis-tab-style ul li a{background:none; margin-bottom:0;}
	.thesis-tab-style ul li a.all-btn{width:100%; height:36px; line-height:36px; text-align:left; padding-left:15px;}
}

/* ******************  파이프라인 :: 파이프라인 ********************** */
@media all and (max-width:1024px){
	.pipeline-inner-box .box-table{display: block; padding:0 2.52%;}
	.pipeline-inner-box .box-table .img-box{display: inline-block; width:100% !important; margin-bottom:40px;}
	.pipeline-inner-box .box-table .img-box > span{margin:auto; width:100% !important; padding:0 !important;}
	.pipeline-inner-box .box-table .list-box{display: block; width:100% !important;}
	.pipeline-table tbody th:first-child {padding:0 15px;}
	.pipeline-inner-con {padding:30px 15px 0;}
	/* 컨텐츠02 */
	.pipeline-inner-box.box-02 .box-table{padding:0;}
	.pipeline-inner-box.box-02 .box-table .img-box{display: table-cell; width:50% !important; padding:0 2.52%;}
	.pipeline-inner-box.box-02 .box-table .img-box ul{margin-top:70px;}
}
@media all and (max-width:800px){
	.pipeline-page .txt, .pipeline-table thead tr th, .pipeline-table tbody th, .pipeline-table tbody td, .pipeline-inner-box .box-table li dd, .pipeline-inner-box .inner-gray dt{font-size:14px;}
	.pipeline-inner-box .inner-tit{font-size:15px;}
	.pipeline-inner-box .box-table li dt, .pipeline-inner-box .inner-gray dd{font-size:13px;}
	.pipeline-con .tbl-btn {font-size:16px;} 
	.pipeline-page .cm-tit{margin-bottom:15px;}
	.pipeline-con-wrap > .txt{margin-bottom:30px;}
	.pipeline-inner-con{margin:15px 0 0;}
	.pipeline-page .txt{margin-bottom:15px;}
	.pipeline-inner-box .inner-tit{margin-bottom:20px;}

	.pipeline-inner-box{padding:30px 0 0; margin-bottom:0;}
	.pipeline-inner-box .box-table .img-box{margin-bottom:20px;}

	.pipeline-inner-box .box-table li dt{width:30px; top:2px;}
	.pipeline-inner-box .box-table li dt:before{width:30px; height:30px;}
	.pipeline-inner-box .box-table li dd{padding-left:35px;}

	.pipeline-inner-box .inner-gray{margin-top:30px; padding:15px 2.52%;}

	/* 컨텐츠02 */
	.pipeline-inner-box.box-02 .inner-tit{margin-bottom:20px;}
	.pipeline-inner-box.box-02 .box-table{padding:0 2.52%;}
	.pipeline-inner-box.box-02 .box-table .img-box{display: block; width:100% !important; padding:0; margin-bottom:40px;}
	.pipeline-inner-box.box-02 .box-table .img-box:last-child{margin-bottom:0;}
	.pipeline-inner-box.box-02 .box-table .img-box ul{margin-top:30px;}
	.pipeline-inner-box.box-02{padding-bottom:10px;}
	
	/* 컨텐츠03 */
	.pipeline-inner-box.box-03 .box-table .img-box span{float:none; width:100%; margin-bottom:30px;}	
	.pipeline-inner-box.box-03 .box-table .img-box span img{width:100%;}

	/* 컨텐츠04 */
	.pipeline-inner-box.box-04{padding-bottom:10px;}

	.pipeline-page .custom-scrollbar-cover .scroll-cover-txt{top:30%}
}

/* ******************  PR :: 공지사항 ********************** */
@media all and (max-width:800px){
	.pr-page .bbs-top-list-box{margin-top:10px; margin-bottom:10px;}
	.pr-page .board-search-box{position: relative; top:auto; right:auto; margin-top:30px;}
}

@media all and (max-width:640px){
	.pr-page .bbs-top-list-box .board-search-box{width:100%; max-width:none;}
	.pr-page .board-search-box .search-subject-select{width:70px;}
	.pr-page .board-search-box .search-subject-select + .search-word{width:calc(100% - 80px);}
}

/* ******************  PR :: 자료실 ********************** */
@media all and (max-width:800px){
	.pr-page .sub-table-link{position: relative; top:-3px;}
	.pr-page .sub-table-link a{display: inline-block; margin-left:5px; width:auto; height:auto;}
	.pr-page .sub-table-link a:before{display:none;}
	.pr-page .sub-table-link a span i{font-size:13px; line-height:1.5em;}
	.pr-page .sub-table-link a span i{top:1px;}
}

/* ******************  제품 :: 문의하기 ********************** */
@media all and (max-width:1024px){
	.inquiry-table .inquiry-table-1col dl dt{width:140px; padding-left:20px;}
	.inquiry-table .inquiry-table-1col dl dd{width:calc(100% - 140px);}
	.inquiry-table .inquiry-table-2col dl dt{width:140px; padding-left:20px;}
	.inquiry-table .inquiry-table-2col dl dd{width:calc(100% - 140px);}

	.inquiry-table .inquiry-table-2col dl dd, .inquiry-table .inquiry-table-1col dl dd{padding-right:10px;}
	.inquiry-table .inquiry-table-2col dl dd input, .inquiry-table .inquiry-table-2col dl dd select, .inquiry-table .inquiry-table-1col dl dd textarea{width:100%;}
}
@media all and (max-width:800px){
	.inquiry-table{margin:30px 0;}
	.inquiry-table .inquiry-table-1col dl dt, .inquiry-table .inquiry-table-2col dl dt{font-size:14px;}
	.inquiry-table .inquiry-table-1col dl dd textarea, .inquiry-table .inquiry-table-2col dl dd input, .inquiry-table .inquiry-table-2col dl dd select, .inquiry-table .inquiry-table-2col dl dd input::placeholder, .inquiry-table .inquiry-table-2col dl dd select{font-size:13px}
	.product-page .cm-btn-controls button, .recruit-page .cm-btn-controls a{font-size:15px;}
	
	.inquiry-table .inquiry-table-1col dl dt{width:100px; padding-top:15px; padding-left:10px;}
	.inquiry-table .inquiry-table-1col dl dd textarea{height:150px;}

	.inquiry-table .inquiry-table-2col dl dt{height:51px; line-height:51px; width:100px; padding-left:10px;}
	.inquiry-table .inquiry-table-2col dl dd input, .inquiry-table .inquiry-table-2col dl dd select{height:35px;}

	.inquiry-table .inquiry-table-2col{display: block; width:100%;}
	.inquiry-table .inquiry-table-2col dl{display: block; width:100%;}
	.inquiry-table .inquiry-table-2col dl dd, .inquiry-table .inquiry-table-1col dl dd{width:calc(100% - 100px);}
	.product-page .cm-btn-controls button , .recruit-page .cm-btn-controls a {width:150px; height:42px; line-height:42px;}
}
@media all and (max-width:480px){
	.inquiry-table .inquiry-table-1col dl dt, .inquiry-table .inquiry-table-2col dl dt{width:100%; height:40px; line-height:40px; padding-top:0;}
	.inquiry-table .inquiry-table-2col dl dd, .inquiry-table .inquiry-table-1col dl dd{width:100%;}
	.inquiry-table .inquiry-table-1col dl{display: block;}
	.inquiry-table .inquiry-table-2col dl dd, .inquiry-table .inquiry-table-1col dl dd{padding:8px 0;}

	.product-page .cm-btn-controls button, .recruit-page .cm-btn-controls a{width:100%;}
}

/* ******************  제품 :: Custom services ********************** */
@media all and (max-width:1600px){
	.service-conjugation-txt .pc-br{display: none;}
}
@media all and (max-width:1024px){
	.service-con-table{display: block;}
	.service-con-table .tit{display: block; width:100%; margin-bottom:20px;}
	.service-inner-con{display: block; width:100%;}

	/* 250516 유지보수 */
	.service-conjugation-tit{padding: 0 15px;}
	.service-conjugation-box{padding: 0 15px;}
	.service-conjugation-icon{width: 100px;}
	.service-conjugation-icon img{max-width: 70%;}
	.service-conjugation-txt{width: calc(100% - 100px);}
	/* 02 */
	.service-conjugation-flex-item02 .service-conjugation-icon{top: -5px;}
	.service-conjugation-flex-item02 .service-conjugation-icon img{max-width: 80%;}
	.service-conjugation-flex-item02 .service-conjugation-icon img + img{margin-top: -10px;}
	/* 03 */
	.service-conjugation-flex-item03 .service-conjugation-icon{top: -15px;}
	.service-conjugation-flex-item03 .service-conjugation-icon img{max-width: 90%;}
	.service-conjugation-flex-item03 .service-conjugation-icon img + img{margin-top: -20px;}
}
@media all and (max-width:800px){
	.product-page .service-txt{font-size:13px;}
	.service-con-table .tit{font-size:21px;}
	.service-inner-con ul li dd{font-size:13px;}

	.service-top-box{margin:20px 0; padding-top:20px;}
	.service-con-box{padding:40px 0;}
	.service-con-table{margin-bottom:40px;}
	.service-con-table .tit{margin-bottom:10px;}
	.service-inner-con ul{margin-top:20px;}
	.service-inner-con ul li{min-height:120px;}
	.service-inner-con ul li .icon{width:37.1px;}
	.service-inner-con ul li .icon span{background-size:100%;}

	/* 250516 유지보수 */
	.product-page .service-txt.dot-txt{margin-top: 10px; padding-left: 12px;}
	.product-page .service-txt.dot-txt + .service-txt.dot-txt{margin-top: 0;}
	.product-page .service-txt.dot-txt:before{top: 8px;}
	.product-page .service-txt.dot-txt + .service-txt:not(.dot-txt){margin-top: 10px;}
	.service-conjugation-flex li{padding: 15px 0;}
	.service-conjugation-tit{padding: 0 10px; margin-bottom: 5px; font-size: 13px; line-height: 1.72em;}
	.service-conjugation-box{padding: 0 10px;}
	.service-conjugation-icon{width: 100px;}
	.service-conjugation-icon img{max-width: 60%;}
	.service-conjugation-icon img + img{margin-top: 5px;}
	.service-conjugation-txt{padding-left: 10px; width: calc(100% - 100px); font-size: 13px; line-height: 1.625em;}
	.service-conjugation-txt p{padding-left: 12px;}
	/* 02 */
	.service-conjugation-flex-item02 .service-conjugation-icon{top: -5px;}
	.service-conjugation-flex-item02 .service-conjugation-icon img{max-width: 75%;}
	.service-conjugation-flex-item02 .service-conjugation-icon img + img{margin-top: -10px;}
	/* 03 */
	.service-conjugation-flex-item03 .service-conjugation-icon{top: -15px;}
	.service-conjugation-flex-item03 .service-conjugation-icon img{max-width: 85%;}
	.service-conjugation-flex-item03 .service-conjugation-icon img + img{margin-top: -20px;}

	.product-page .pipeline-btn {max-width:184px;}
}
@media all and (max-width:640px){
	.service-inner-con ul{display: block;}
	.service-inner-con ul li{display: block; width:100%; margin-bottom:10px; min-height:80px;}
}

/* ******************  제품 :: AptoDetect™-Lung ********************** */
@media all and (max-width:1024px){
	.lung-page-con .list-box ol li{width:calc(33.33% - 20px); margin: 10px;}
	.lung-page-con .list-box ol {display:flex; flex-wrap:wrap;}
/* 	.lung-page-con .list-box ol li dl{height:80px;} */
}

@media all and (max-width:800px){
	.lung-page-con .tit{font-size:21px;}
	.lung-page-con .txt, .lung-page-con .list-box ol li dt, .lung-con-02 .list-box ul li span:before{font-size:14px;}
	.lung-con-02 .list-box ul li span, .lung-page-con .list-box ol li dd{font-size:13px;}
	.lung-con-02 .list-box ul li span:before {top:-1px;}
	.lung-page-con .list-box ol li dd span{font-size:13px; line-height:1.2em;}

	.lung-page-con{margin-bottom:30px;}
	.lung-page-con.bg-gray{padding:30px 0;}
	.lung-page-con .tit{margin-bottom:35px;}
	.lung-page-con .txt{margin-bottom:20px;}
	/* 컨텐츠01 */
	.lung-con-01{padding-top:20px; margin-top:25px;}
	.lung-con-01 .img-box{padding:15px;}
	.lung-con-01 .img-box span{float:none; width:100%; margin:0 0 20px;;}
	.lung-con-01 .img-box span:before{display: none;}
	/* 컨텐츠02 */
	.lung-con-02{display: block;}
	.lung-con-02 .img-box{width:100%; margin-bottom:30px;}
	.lung-con-02 .img-box span{margin:auto; width:100%; text-align:center;}
	.lung-con-02 .list-box ul li span{padding-left:20px;}
	.lung-con-02 .list-box{width:100%;}
	/* 컨텐츠03 */
	.lung-page-con .tit-box{display: block; margin-bottom:30px;}
	.lung-page-con .tit-box .tit{display: block; width:100%; margin-bottom:10px;}
	.lung-page-con .tit-box .txt{display: block; width:100%;}
	.lung-page-con .list-box ol li dt{margin:10px 0 5px;}
}
@media all and (max-width:480px){
	.lung-page-con .list-box ol li{width:calc(50% - 20px); margin-bottom:0;}
	.lung-page-con .list-box ol li:last-child dl{height:auto;}
}

/* ******************  HR :: 채용공고 ********************** */
@media all and (max-width:1024px){
	.recruit-process-con li dl .icon:before{width:50%; padding-top:50%;}
	.recruit-process-con li dl .icon span{width:50%; padding-top:50%;}
}
@media all and (max-width:800px){
	.recruit-process-con li .num{font-size:20px;}
	.recruit-process-con li dl dd p{font-size:17px;}
	.recruit-process-con li dl dd span, .recruit-gray-box .txt, .recruit-gray-box dt, .recruit-gray-box dd a{font-size:14px;}

	.recruit-con{margin-bottom:40px;}
	.recruit-process-con ol{padding:20px 0;}
	.recruit-process-con li .num{padding-top:5px; margin-bottom:10px;}
	.recruit-process-con li dl .icon{margin-bottom:10px;}
	.recruit-gray-box{padding:15px 0;}
	.recruit-gray-box .txt{margin-bottom:5px;}
}
@media all and (max-width:640px){
	.recruit-process-con ol{flex-wrap:wrap; border-right:0; border-bottom:0; padding:0;}
	.recruit-process-con ol li{width:50%; border-right:1px solid #ddd; border-bottom:1px solid #ddd; box-sizing:border-box; padding:10px 0;}
	.recruit-process-con li:before{display: none;}
}
/* ******************  HR :: 채용공고 ********************** */
@media all and (min-width:801px){
	.bbs-list-style05 .bbs-list-item a:hover .list-type{background:#fff;}
	.bbs-list-style05 .bbs-list-item a:hover .list-type span{color:#010101;}
	.bbs-list-style05 .bbs-list-item a:hover .list-type.recruit-end span{color:#fff;}
}
@media all and (max-width:800px){
	.recruit-page .cm-tit{margin-bottom:20px;}
	.recruit-page .bbs-list-style05 .bbs-list-item a .list-date{margin-bottom:0; height:auto;}
	.bbs-list-style05 .list-type{margin:20px 0 20px 22px; width:90px; height:35px;}
	.bbs-list-style05 .list-type span{line-height:35px; font-size:13px;}
}