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

/* ******************  서브공통 ********************** */
/* -------- 공통 스크롤바  -------- */
.custom-scrollbar-cover{display:none;}

/* -------- 공통 :: 탭 -------- */
/* Tab 공통 스타일 */
.sub-tab-wrapper-style{position:relative; height:60px; margin-bottom:15px; }
.sub-tab-list-style ul{display:table; width:100%; height:100%; table-layout:fixed;}
.sub-tab-list-style ul:after{display:none}
.sub-tab-list-style ul li{/* float:left; */ display:table-cell; vertical-align:middle; position:relative; /* width:20%; */ background-color:#fff; border:1px solid #e5e5e5; border-left:0 ; width:120px;}
.sub-tab-list-style ul li:first-child{border-left:1px solid #e5e5e5;}
.sub-tab-list-style ul li a{display:table; height:58px; width:100%; }
.sub-tab-list-style ul li a em{display:table-cell; vertical-align:middle; color:#494949; font-size:18px; letter-spacing:-0.30px; text-align:center;}
.sub-tab-list-style ul li.selected{z-index:1; }
.sub-tab-list-style ul li.selected a{background-color:#333; border-color:#333}
.sub-tab-list-style ul li.selected a em{color:#fff; }
/* Tab Fixed Move*/
.sub-tab-list-style.top-fixed{position:fixed; top:70px; left:0; width:100%; height:60px;}
/* Mobile Tab Drop Menu */
.sub-drop-open-btn-style{display:none}

@media all and (min-width:1025px){
	/* Tab Fixed Background */
	.sub-tab-list-style:before{position:absolute; top:0px; bottom:0px; left:50%; width:0; content:""; background-color:#fff; border-bottom:1px solid #e5e5e5; transition:all 0.5s}
	.sub-tab-list-style.top-fixed:before{width:100%; margin-left:-50%}
}

/* -------- 공통 :: 타이틀 -------- */
.cm-tit {position:relative; padding-left:0.62em; font-size:38px; letter-spacing: -0.0225em;color: #000; }
.cm-tit:before , .cm-tit:after {content:""; position:absolute; left:0; top:50%; width:0.275em; height:0.275em; display:block; border-radius:50%;}
.cm-tit:before {background-color:#3686ff; margin-top:-0.275em;}
.cm-tit:after {background-color:#002a48;}
@media all and (max-width:800px){
	.cm-tit {font-size:25px;}
}

/* -------- 공통 :: 이미지 -------- */
.pc-img{display: block !important;}
.m-img{display: none !important;}
@media all and (max-width:640px){
	.pc-img{display: none !important;}
	.m-img{display: block !important; width:100% !important;}
}

/* ******************  회사소개 :: 회사개요 ********************** */
.company-about-con{display: table; width:100%; margin-bottom:75px;}
.company-about-con:last-child{margin-bottom:0;}
.company-about-con .tit-box{display: table-cell; width:24.87%; vertical-align:top;}
.company-about-con .txt-box{display: table-cell; width:75.13%;}
.company-about-con .txt-box .txt{font-size:16px; line-height:1.9em; letter-spacing:-0.3px; color:#333; font-weight:300;}
.company-about-con .txt-box .txt span {font-size:23px; font-weight:600; display:block; margin-bottom:5px;}
.company-about-con.full {display:block;}
.company-about-con.full .txt-box {display:block; width:100%;}
.company-about-con.full .txt-box .txt {font-size:18px;}


.company-about-list{display: flex;}
.company-about-list li{width:33.33%;}
.company-about-list li dl{display: table; width:100%;}
.company-about-list li dl dt{display: table-cell; vertical-align:top; width:20.2%; }
.company-about-list li dl dd{display: table-cell; vertical-align:top; width:79.8%; padding-right:20px; box-sizing:border-box;}
.company-about-list li dl dd span{font-size:20px; line-height:1.5em; letter-spacing:-0.6px; color:#333; font-weight:500;}


/* ******************  회사소개 :: 연혁 ********************** */
.history-top-box {position:relative; display:flex; align-items:center; margin:34px 0 30px;}
.history-top-box .tit {display:block; width:50%; font-size: 140px; color: #f4f4f4; letter-spacing: -0.00178em; font-weight:900;}
.history-top-box .tit.history {padding-left:7.0625vw; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
 box-sizing: border-box; }
.history-top-box .history-logo {position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.history-top-box .history-logo img {max-width:100%;}


/* ******************  회사소개 :: 임원진 ********************** */
.executive-con:first-child{margin-bottom:103px;}
.executive-list{display: flex; flex-wrap:wrap; margin:0 -11px; margin-top:45px;}
.executive-list > li{float:left; margin:0 11px 22px; width:calc(33.33% - 22px); border:1px solid #ddd; box-sizing:border-box; background:#f4f4f4;}
.executive-info-con{padding-bottom:67px; background:#fff;}
.executive-info-con dt{position: relative; padding-top:10%; margin-bottom:20px;}
.executive-info-con dt span{display: block; position: relative; width:100%; height:0; padding-top:53.81%; margin:auto;}
.executive-info-con dt span img{position: absolute; bottom:0; max-width:100%; max-height:100%; left:0; right:0; margin:auto;}
.executive-info-con dd{text-align:center;}
.executive-info-con dd .executive-name{font-size:34px; line-height:1.7em; letter-spacing:-0.6px; color:#000; font-weight:500;}
.executive-info-con dd .executive-sub{font-size:17px; line-height:1.76em; letter-spacing:-0.25px; color:#bababa;}

.executive-info-txt{position: relative; background:#f4f4f4; padding:46px 10%; box-sizing:border-box;}
.executive-info-txt .arrow-btn{position: absolute; display: block; width:107px; height:107px; background:#f4f4f4; -webkit-border-radius:50%;border-radius:50%; top:-33px; left:50%; -webkit-transform:translateX(-50%);transform:translateX(-50%); text-align:center; padding-top:13px;}
.executive-info-txt .arrow-btn i{font-size:14px; color:#000;}
.executive-info-txt .info-list li{margin-bottom:12px;}
.executive-info-txt .info-list li:last-child{margin-bottom:0px;}
.executive-info-txt .info-list li p{position: relative; font-size:16px; line-height:1.5em; letter-spacing:-0.6px; color:#888; padding-left:10px;}
.executive-info-txt .info-list li p:before{position: absolute; content:''; width:3px; height:3px; background:#888; top:10px; left:0;}

.executive-list .director-con{border-color:#e5e5e5; padding:46px 4.03%; box-sizing:border-box; background:#fff;}
.director-con .director-name{font-size:30px; line-height:1.93em; letter-spacing:-0.6px; color:#000; font-weight:500; vertical-align:middle; width:100px;}
.director-con .director-info{display: inline-block; font-size:20px; line-height:1.4em; letter-spacing:-0.6px; color:#888; vertical-align:middle; width:calc(100% - 100px); text-align:right;}


/* ******************  회사소개 :: 오시는 길 ********************** */
.company-contact-wrap{margin:0 -10px;}
.company-contact-con{float:left; margin:10px; width:calc(50% - 20px);}
.contact-location-con{margin-top:40px;}
.contact-location-con dl{display: table; width:100%; border-bottom:1px solid #ddd; /* padding:16px 0; */ font-size:15px; line-height:1.5em; letter-spacing:-0.6px; color:#888;}
.contact-location-con dt{display: table-cell; width:100px; vertical-align:middle;}
.contact-location-con dd{display: table-cell; width:calc(100% - 100px); vertical-align:middle; height:53px;}

.contact-location-map{margin-bottom:10px;}
.contact-location-map .root_daum_roughmap{width:100%;}

.company-contact-mail{margin-top:60px;}
.company-contact-mail dl{text-align:center; background:#f0f0f0; font-size:20px; line-height:1.5em; letter-spacing:-0.25px; color:#333; padding:35px 0;}
.company-contact-mail dl dt{position: relative; display: inline-block;}
.company-contact-mail dl i {margin-right:3px;}
.company-contact-mail dl dt:before{position: absolute; content:''; width:1px; height:calc(100% - 10px); background:rgba(0,0,0,0.2); right:-24px; top:5px;}
.company-contact-mail dl dd{display: inline-block; padding-left:40px;}
.company-contact-mail dl dd a{color:#333;}


/* ******************  압타머기술 :: 압타머 ********************** */
.aptamer-con{border-top:1px solid #000; /* padding-top:40px; */ margin:44px 0 84px;}
.aptamer-table{display: table; width:100%; /* border-bottom:1px solid #ddd; */ padding:60px 0 50px;}
.aptamer-table:first-child{padding:50px 0;}
.product-page .aptamer-table:last-child{border-bottom:none; padding-bottom:0;}
.aptamer-table .tit{display: table-cell; width:24.8%; font-size:32px; line-height:1.43em; letter-spacing:-0.6px; color:#000; font-weight:bold; vertical-align:top;}
.aptamer-table.top  {padding-bottom:0; border-bottom:0;}
.aptamer-table.top .tit-box {display:table-cell; vertical-align:top; }
.aptamer-table .inner-con{display: table-cell; vertical-align:top; width:75.2%;}
.br-800{display: block;}

/* 압타머 :: 컨텐츠01 */
.aptamer-top-box {display:table; width:100%; table-layout:fixed; margin-bottom:60px;}
.aptamer-top-box .img-box {display:table-cell; vertical-align:middle; width:43.17%; }
.aptamer-top-box .img-box img {width:100%;}
.aptamer-top-box .txt-box {display:table-cell; vertical-align:middle; width:56.83%; padding:0 2.259% 0 5.61%; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
 box-sizing: border-box; }
.aptamer-table .inner-con > dl{margin-bottom:60px;}
.aptamer-table .inner-con dt{font-size:22px; line-height:1.63em; letter-spacing:-0.6px; color:#333; margin-bottom:14px; font-weight:600;}
.aptamer-table .inner-con dd{font-size:16px; line-height:1.75em; letter-spacing:-0.3px; color:#888;}
.aptamer-table .inner-con.inner-01 .technology-list{margin:0 -11px;}
.aptamer-table .inner-con.inner-01 .technology-list li{float:left; margin:0 11px; width:calc(25% - 22px); border:1px solid #ddd; box-sizing:border-box; text-align:center; padding:30px 0;}
.aptamer-table .inner-con.inner-01 .technology-list li .txt{font-size:20px; line-height:1.4em; letter-spacing:-0.6px; color:#333; font-weight:bold;}
.aptamer-table .inner-con.inner-01 .technology-list li .sub-txt{font-size:16px; line-height:1.75em; letter-spacing:-0.3px; color:#888;}
.aptamer-table .inner-con.inner-01 .technology-list li .icon span{display: block; width:48px; height:50px; margin:auto; background:no-repeat center; margin-bottom:30px;}
.aptamer-table .inner-con.inner-01 .technology-list li .icon.icon01 span{background-image:url('/images/content/aptamer_technology_icon01.png');}
.aptamer-table .inner-con.inner-01 .technology-list li .icon.icon02 span{background-image:url('/images/content/aptamer_technology_icon02.png');}
.aptamer-table .inner-con.inner-01 .technology-list li .icon.icon03 span{background-image:url('/images/content/aptamer_technology_icon03.png');}
.aptamer-table .inner-con.inner-01 .technology-list li .icon.icon04 span{background-image:url('/images/content/aptamer_technology_icon04.png');}
/* 압타머 :: 컨텐츠02 */
.aptamer-table.table02 .con-tit { font-size:32px; line-height:1.43em; letter-spacing:-0.6px; color:#000; font-weight:400; display:block; margin-bottom: 20px;}
.aptamer-table.table02 .inner-con .gray-box {background:none; padding:40px 0 0;}
.aptamer-history-list{position: relative; /* margin-bottom:26px; */}
.aptamer-history-list li {position:relative;}
.aptamer-history-list li:before{position: absolute; content:''; width:1px; height:calc(100% + 10px); background: rgba(0,0,0,0.1); bottom:-25px; left:5px; /* z-index:-1; */}
.aptamer-history-list li:last-child:before{display: none;}
.aptamer-history-list li{position: relative; margin-bottom:15px;}
.aptamer-history-list li:last-child{margin-bottom:0}
.aptamer-history-list li span{position: relative; display: block;/*  font-size:18px;  */ font-size:16px;  line-height:1.5em; letter-spacing:-0.3px; color:#333; padding-left:34px;}
.aptamer-history-list li span:before{position: absolute; content:''; width:5px; height:5px; border:3px solid #3686ff; border-radius:50%; /* top:8px; */ top: 6px; left:0; background:#fff;}
.aptamer-table .inner-con .gray-box{background:#f7f7f7; padding:40px; margin-top:20px;}
.aptamer-table .inner-con .gray-box .txt{font-size:16px; line-height:1.75em; letter-spacing:-0.3px; color:#888; margin-bottom:17px;}
.aptamer-table .inner-con .gray-box .txt:last-child{margin-bottom:0;}
/* 압타머 :: 컨텐츠03 */
.aptamer-table .inner-con .txt{ /* font-size:18px; */ font-size:16px; line-height:2em; letter-spacing:-0.3px; color:#333;}
.aptamer-tab-style{margin-top:60px;}
.aptamer-tab-style ul{margin:0 -10px;}
.aptamer-tab-style ul li{float:left; margin:0 10px; width:calc(33.33% - 20px);}
.aptamer-tab-style ul li .aptamer-tab-btn {position: relative; display:flex; justify-content:space-between; align-items:center; padding:0px 13.66%; box-sizing:border-box; transition:all 0.3s; height:120px; width:100%; border-radius:15px; background-color: rgba(54, 134, 255,0.1); border:1px solid #9ebae5;}
.aptamer-tab-style ul li em {/* float:left; */ width:calc(100% - 22px); font-size:22px; line-height:1.27em; letter-spacing:-0.6px; color:#000; vertical-align:middle; text-align:left; transition:all 0.3s;}
.aptamer-tab-style ul li .aptamer-tab-btn i{/* float:right; position: absolute; top:50%; transform:translateY(-50%);  */width:22px; font-size:22px; color:#000; vertical-align:middle; transition:all 0.3s;}

/* 압타머 기술 플랫폼 :: 컨텐츠01 */
.aptamer-con-wrap.bg-gray{background:#f9f9f9; padding:95px 0 50px; display: none;}
.con-02 .aptamer-table{border-bottom:none; margin:76px 0 50px; padding:0px;}
.con-02 .aptamer-table:last-child{padding-bottom:87px;}
.con-02 .aptamer-table:first-child{margin:40px 0 50px;}
.con-02 .aptamer-table .txt{/* font-size:22px; */ line-height:1.63em; letter-spacing:-0.9px; color:#333; margin-bottom:11px;}
.con-02 .aptamer-table .txt:last-child{margin-bottom:0;}
.technology-bottom-box{/* padding-top:58px; */}
.technology-bottom-box .box-tit{/* font-size:24px; */ font-size:22px; line-height:1.2em; letter-spacing:-0.6px; color:#fff; font-weight:bold; text-align:center; background:#012a48; padding:21px 0;}
.technology-bottom-box .box-inner{display: table; width:100%; background:#fff; border:1px solid #ddd; padding:69px 50px; box-sizing:border-box;}
.technology-bottom-box .box-inner .img-box{display: table-cell; width:50%; vertical-align:middle;}
.technology-bottom-box .box-inner .img-box span{display: block; width:90.27%;}
.technology-bottom-box .box-inner .img-box span img{width:100%; max-width:649px;}

.technology-bottom-box .box-inner .list-box{display: table-cell; width:50%; vertical-align:middle;}
.technology-bottom-box .box-inner .list-box dl{position: relative; background:#f9f9f9; padding:30px; margin-bottom:10px;}
.technology-bottom-box .box-inner .list-box dl:last-child{margin-bottom:0;}
.technology-bottom-box .box-inner .list-box dt{position: absolute; font-size:15px; letter-spacing:-0.25px; font-weight:bold; color:#fff; width:37px; text-align:center; top:37px;}
.technology-bottom-box .box-inner .list-box dt:before{position: absolute; content:''; width:37px; height:37px; top:50%; left:0; transform:translateY(-50%); background:#3686ff; border-radius:50%;}
.technology-bottom-box .box-inner .list-box dt span{position: relative;}
.technology-bottom-box .box-inner .list-box dl dd{padding-left:55px;}
.technology-bottom-box .box-inner .list-box dl dd strong{font-size:18px; line-height:1.6em; letter-spacing:-0.25px; color:#333; font-weight:500;}
.technology-bottom-box .box-inner .list-box dl dd .txt{font-size:16px; line-height:1.5em; letter-spacing:-0.4px; color:#888; margin-top:9px;}
/* 압타머 기술 플랫폼 :: 컨텐츠02 */
.box-02 .bottom-box-list{display: flex; flex-wrap:wrap;}
.box-02 .bottom-box-list li{width:50%; background:#fff; border-bottom:1px solid #ddd;}
.box-02 .bottom-box-list li .bottom-inner{border-left:1px solid #ddd; box-sizing:border-box; padding:30px 40px;}
.box-02 .bottom-box-list li:nth-child(2) .bottom-inner, .box-02 .bottom-box-list li:nth-child(4) .bottom-inner{border-right:1px solid #ddd;}
.box-02 .bottom-box-list li .bottom-inner .gray-box{background:#f4f4f4; text-align:center; border-radius:10px; padding:10px 0;}
.box-02 .bottom-box-list li .bottom-inner .gray-box .txt span{position: relative; font-size:18px; line-height:1.77em; letter-spacing:-0.6px; color:#333; font-weight:300; padding-left:13px;}
.box-02 .bottom-box-list li .bottom-inner .gray-box .txt span:before{position: absolute; content:''; width:3px; height:3px; background-color:#333; top:9px; left:0;}
.box-02 .bottom-box-list li .bottom-inner > span img{width:100%;}

.technology-bottom-box .box-tit.tit-co-01{background:#54bfd5;}
.technology-bottom-box .box-tit.tit-co-02{background:#5a8cc4;}
.technology-bottom-box .box-tit.tit-co-03{background:#3c5996;}
.technology-bottom-box .box-tit.tit-co-04{background:#1d2e52;}
/* 압타머 기술 플랫폼 :: 컨텐츠03 */
.archive-con{display: flex; width:100%; align-items: center;}
.archive-con span{display: block; width:31.78%;}
.archive-con span img{width:100%; max-width:368px;}
.archive-con .txt{width:68.22%; padding-left:90px;}
/* 탭컨텐츠 */
.aptamer-tab-con .aptamer-con {margin-top:0; border-top:0;}
.aptamer-tab-con .aptamer-con .aptamer-table {margin-top:0;}

/* 다운로드 버튼 */
.aptamer-download-con{margin:70px 0 0;}
.download-wrap{background:no-repeat center; background-image:url('/images/content/aptamer_btn_bg.jpg'); padding:6.03% 0; background-size:cover;}
.download-wrap .txt{font-size:22px; line-height:1.9em; letter-spacing:-0.6px; color:#000; text-align:center; margin-bottom:30px; padding:0 10px;}
.download-wrap .down-btn{display: block; width:356px; height:73px; background:#002a48; margin:auto; text-align:center;}
.download-wrap .down-btn em{font-size:20px; line-height:73px; letter-spacing:-0.6px; color:#fff; font-weight:500;}
.download-form{display: none; padding-top:70px;}
.aptamer-download-con .btn-box {display:flex; justify-content:center; align-items:center;}
.aptamer-download-con .btn-box .down-btn {margin:0 10px; width:auto; min-width:356px;padding:0 30px;  box-sizing: border-box; }
.aptamer-download-con .btn-box .down-btn em {line-height:1.5;}

/* ******************  압타머기술 :: BiFAp ********************** */
.bifap-con-wrap{border-top: 1px solid #000; margin-top:43px; padding-top:39px;}
.bifap-page-con .txt{font-size:16px; line-height:2em; letter-spacing:-0.35px; color:#333; margin-bottom:15px;}
.bifap-page-con .txt:last-child{margin-bottom:0;}

.bifap-img-box{margin:55px 0 70px;}
.bifap-img-box span{display: block; margin:auto;}
.bifap-img-box.img-01 span{width:62.15%;}
.bifap-img-box.img-01 span img{max-width:957px; width:100%;}
.bifap-img-box.img-02 span{width:57.6%;}
.bifap-img-box.img-02 span img{max-width:887px; width:100%;}
.bifap-img-box.img-04 span{width:81.95%;}
.bifap-img-box.img-04 span img{max-width:1262; width:100%;}

.apdc-img-box{/* display: flex; justify-content: space-evenly; */ margin-top:72px; padding:0 6.23%;}
.apdc-img-box.img-03 span{float:left; display: block; /* width:40.98%; */ width:calc(50% - 41px);}
.apdc-img-box.img-03 span:last-child{margin-left:6.08%;}
.apdc-img-box.img-03 span img{max-width:631px; width:100%;}

.bifap-page-con.bg-gray{background:#f9f9f9; padding:50px 0; }
.bifap-page-con .cm-tit span{font-weight:300}
.bifap-con-table dl{position: relative; margin-bottom:50px;}
.bifap-con-table dl:last-child{margin-bottom:0;}
.bifap-con-table dt{position: absolute; top:0; left:0; font-size:32px; line-height:1.1em; letter-spacing:-0.25px; color:#000; font-weight:bold; width:25%; padding-right:15px;}
.bifap-con-table dd{position: relative; padding-left:25%; font-size:16px; line-height:2em; letter-spacing:-0.4px; color:#333; margin-bottom:15px;}
.bifap-con-table dd:last-child{margin-bottom:0;}
.bifap-con-table dl.full dt {display:none;}
.bifap-con-table dl.full dd {padding-left:0; }

.aptomia-img-wrap{border:1px solid #ddd; padding:40px 60px; margin:52px 0;}
.aptomia-img-wrap span{display: block; width:99.30%; margin:auto;}
.aptomia-img-wrap span img{max-width:1408px; width:100%;}


/* apDC, Chimeric Aptamer 클릭시 이동  */
#chimericCon {padding-top:50px;}
.bifap-img-box.img-02 span {position:relative;}
.moving-tit {position:absolute; top:68px; left:50%; font-size:24px; font-weight:600; letter-spacing:-0.25px; }
.moving-tit.apDc {margin-left:-196px; color: #e82618;}
.moving-tit.chimeric {margin-left:84px; color: #3686ff;}
.moving-tit span {display:inline-block; position:relative; width:auto !important; padding-bottom:10px;}
.moving-tit span:before {content:""; width:0; height:2px; display:block; position:absolute; bottom:0; left:50%; transition: all 0.3s; }
.moving-tit.apDc span:before {background-color:#e82618;}
.moving-tit.chimeric span:before {background-color:#3686ff;}
.moving-tit:hover span:before {width:100%; left:0;}

@media all and (max-width:1600px) and (min-width:801px) {
	.moving-tit {font-size:1.5vw; top:4.25vw;}
	.moving-tit.apDc {margin-left:-12.25vw;}
	.moving-tit.chimeric {margin-left:5.25vw;}
} 
@media all and (max-width:800px){
	.moving-tit {font-size:3vw; top:7vw; }
	.moving-tit.apDc {margin-left:-20.5vw;}
	.moving-tit.chimeric {margin-left:5.5vw;}
	.moving-tit span {padding-bottom:5px;}
}


.bifap-img-box.img-04 {margin-bottom:0;}

/* ******************  압타머기술 :: 특허 ********************** */
.certification-page .sub-tab-wrapper-style{height:auto; margin-bottom:0;}
.certification-page .sub-tab-list-style ul{display: flex; position: absolute; right:0; top:0; width:250px; height:50px;}
.certification-page .sub-tab-list-style ul li{display: block; margin-left:10px; z-index:1; border:none;}
.certification-page .sub-tab-list-style ul li a{height:48px; border-radius:30px; border:1px solid #ddd; box-sizing:border-box; transition:all 0.3s;}
.certification-page .sub-tab-list-style ul li a em{font-size:20px; line-height:48px; letter-spacing:-0.6px; color:#000; opacity:0.5; font-weight:400;}
.certification-page .sub-tab-list-style ul li.selected a{background:#3686ff; border-color:#3686ff;}
.certification-page .sub-tab-list-style ul li.selected a em{color:#fff; opacity:1;}

.certification-tit{font-size:28px; line-height:1em; letter-spacing:-0.6px; color:#000; font-weight:500; margin:82px 0 17px;}
.certification-table{width:100%; border-top:1px solid #222;}
.certification-table thead th{background:#f7f7f7; height:60px;}
.certification-table thead th span{font-size:16px; line-height:1.5em; letter-spacing:-0.6px; color:#000; font-weight:400;}
.certification-table tbody tr{position: relative; height:60px;}
.certification-table tbody tr td{position: relative;/*  box-sizing:border-box; padding:15px 0px; */}
.certification-table tbody td.table-hover{text-align:center;}
.certification-table tbody td span{position: relative; font-size:16px; line-height:1.5em; letter-spacing:-0.6px; color:#000; text-indent:10px;}
.certification-table tbody td.table-hover span{color:#888; text-indent:0px; transition:all 0.3s;}
.certification-table tbody tr td.table-hover .country{margin-left:3px;}
.certification-table tbody td a{display: block; padding:15px 0;}

.certification-table tbody tr td { border-top:1px solid #ddd; transition: all 0.3s;}
.certification-table tbody tr:last-child td {border-bottom:1px solid #ddd;}
.certification-table tbody tr:hover td,
.certification-table tbody tr:not(:nth-last-child(2)):hover + tr td ,
.certification-table tbody tr:last-child:hover td {border-color: #3686ff;}
.certification-table tbody tr:nth-last-child(2):hover + tr td {border-top-color:#3686ff;}
.certification-table tbody tr td:nth-child(2) {text-align:center;}


/* ******************  압타머기술 :: 논문 ********************** */
.thesis-tab-style{margin:64px 0 30px;}
.thesis-tab-style ul li{float:left; display: inline-block;}
.thesis-tab-style ul li a{display: block; font-size:16px; letter-spacing:-0.25px; padding:14px 25px; background:#f0f0f0; -webkit-border-radius:23px;border-radius:23px; margin-right:16px; margin-bottom:13px;}
.thesis-tab-style ul li a em{opacity:0.4; color:#000;}
.thesis-tab-style ul li.selected a{background:#3686ff;}
.thesis-tab-style ul li.selected a em{ color:#fff; opacity:1;}
.thesis-tab-style ul li a.all-btn{width:44px; height:44px; padding:0; -webkit-border-radius:50%;border-radius:50%; text-align:center; line-height:44px;}

.sub-table-link{ text-align:center;}
.sub-table-link a{position: relative; display: block; width:39px; height:39px; margin:auto;}
.sub-table-link a:before{position: absolute; content:''; top:50%; left:50%; -webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%); width:39px; height:39px; background:#fff; box-shadow: 3px 4px 15px 0px rgba(0, 0, 0, 0.15); border-radius:50%;}
.sub-table-link a span {display:block; position:relative; height:100%;}
.sub-table-link a span i{position: relative; transform:rotate(45deg); top:-4px; left:-3px; color:#3686ff; font-size:16px; line-height:39px;}
.sub-table-link a span img {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}

/* ******************  파이프라인 :: 파이프라인 ********************** */
/* 공통 */
.pipeline-page .cm-tit{margin-bottom:36px;}
.pipeline-inner-con{/* max-width:1470px; margin:30px auto 0; */ padding:30px 36px 0;}
.pipeline-page .txt {font-size:16px; line-height:2em; letter-spacing:-0.3px; color:#333; margin-bottom:30px;}
.pipeline-con-wrap > .txt{margin-bottom:60px;}
.pipeline-page .pipeline-con-wrap.con-wrap03 .pipeline-con .txt {margin-bottom:0;}
/* .pipeline-con-wrap{border-bottom:1px solid #ddd;} */
.pipeline-page .custom-scrollbar-cover {display:none !important;}
.pipeline-page .mCSB_horizontal.mCSB_inside > .mCSB_container {margin-bottom: 0;}
.pipeline-page .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background-color: #385c77 !important;}
.pipeline-con .tbl-btn {font-size:20px;}
.pipeline-con.open .tbl-btn i:before { content: "\e921";}
/* 테이블 */
.pipeline-table{width:100%; table-layout:fixed;}
.pipeline-table thead{background:#f7f7f7; border-top:1px solid #222; border-bottom:1px solid #ddd;}
.pipeline-table thead tr th{font-size:18px; line-height:1.5em; letter-spacing:-0.6px; color:#333; font-weight:400; height:85px; word-break:keep-all;}
.pipeline-table tbody{text-align:center; /*background:#e5efff;  border-top:1px solid #ddd; */ border-bottom:1px solid #ddd;}
.pipeline-table tbody th, .pipeline-table tbody td{position: relative; font-size:16px; line-height:1.5em; letter-spacing:-0.3px; color:#333; height:73px; word-break:keep-all;}
.pipeline-table tbody td {padding:10px;}
.pipeline-table tbody th:first-child {text-align:left; padding:0 10px 0 36px;}
/* 혁신신약 추가 css  */
.pipeline-table-no-JS .tbl-btn{display: none;}
.pipeline-table-no-JS .pipeline-table tbody{cursor: auto;}
.pipeline-table-no-JS .pipeline-slide{display: none !important;}
.pipeline-table-no-JS .pipeline-con.open .pipeline-table tbody, 
.pipeline-table-no-JS .pipeline-con .pipeline-table:hover tbody {background-color:#fff;}

/* 테이블 바 */
.table-bar{position: absolute; height:22px; top:50%; left:0; -webkit-transform:translateY(-50%); transform:translateY(-50%); border-top-right-radius:15px; border-bottom-right-radius:15px; background: rgb(25,95,255);
background: -moz-linear-gradient(-90deg, rgba(25,95,255,1) 0%, rgba(36,170,255,1) 100%);
background: -webkit-linear-gradient(-90deg, rgba(25,95,255,1) 0%, rgba(36,170,255,1) 100%);
background: linear-gradient(-90deg, rgba(25,95,255,1) 0%, rgba(36,170,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#195fff",endColorstr="#24aaff",GradientType=1);
}
.ie-browser .table-bar{top:auto;}
.table-bar.bar15{width:15%;}
.table-bar.bar20{width:20%;}
.table-bar.bar25{width:25%;}
.table-bar.bar30{width:30%;}
.table-bar.bar35{width:35%;}
.table-bar.bar40{width:40%;}
.table-bar.bar45{width:45%;}
.table-bar.bar50{width:50%;}
.table-bar.bar55{width:55%;}
.table-bar.bar70{width:70%;}
.table-bar.bar80{width:80%;}
.table-bar.bar100{width:100%;}
/* 파이프라인 박스 :: 이미지 */
.pipeline-inner-box{border:1px solid #ddd; box-sizing:border-box; margin-bottom:35px; padding:70px 0 0px;}
.pipeline-inner-box .inner-tit{font-size:20px; line-height:1.1em; letter-spacing:-0.6px; color:#000; text-align:center; margin-bottom:40px;}
.pipeline-inner-box .box-table{display: table; width:100%;  padding:0 5.24%; box-sizing:border-box; }
.pipeline-inner-box .box-table .img-box{display: table-cell;}
.pipeline-inner-box .box-table .img-box > span{display: block; text-align:center;}
.pipeline-inner-box .box-table .img-box img{width:100%;}
/* 파이프라인 박스 :: 텍스트 */
.pipeline-inner-box .box-table .list-box{display: table-cell;}
.pipeline-inner-box .box-table li dl{position: relative; margin-bottom:25px;}
.pipeline-inner-box .box-table li dt{position: absolute; font-size:15px; letter-spacing:-0.25px; font-weight:bold; color:#fff; width:37px; text-align:center; top:5px;}
.pipeline-inner-box .box-table li dt:before{position: absolute; content:''; width:37px; height:37px; top:50%; left:0; transform:translateY(-50%); background:#3686ff; border-radius:50%;}
.pipeline-inner-box .box-table li dt span{position: relative;}
.pipeline-inner-box .box-table li dd{font-size:18px; line-height:1.33em; letter-spacing:-1px; color:#888; padding-left:50px;}
/* 파이프라인 박스 :: 하단 회색박스 */
.pipeline-inner-box .inner-gray{background:#f7f7f7; padding:37px 2.52%; margin-top:50px;}
.pipeline-inner-box .inner-gray dt{font-size:17px; line-height:1.57em; letter-spacing:-0.25px; color:#666; margin-bottom:5px;}
.pipeline-inner-box .inner-gray dd{position: relative; font-size:15px; line-height:1.86em; letter-spacing:-0.6px; color:#888; opacity:0.8; padding-left:6px;}
.pipeline-inner-box .inner-gray dd:before{position: absolute; content:"-"; top:0px; left:0;}

/* 컨텐츠 inner-01 */
.pipeline-inner-box.box-01 .box-table .img-box{width:72.83%; vertical-align:middle;}
.pipeline-inner-box.box-01 .box-table .img-box span{width:92.48%;}
.pipeline-inner-box.box-01 .box-table .img-box span img{max-width:885px;}
.pipeline-inner-box.box-01 .box-table .list-box{width:27.17%; vertical-align:middle;}

/* 컨텐츠 inner-02 */
.pipeline-inner-box.box-02{padding-bottom:70px;}
.pipeline-inner-box.box-02 .box-table .img-box{width:50%; padding:0 4.56%;}
.pipeline-inner-box.box-02 .box-table .img-box span{width:98.7%; margin:auto;}
.pipeline-inner-box.box-02 .box-table .img-box span img{max-width:530px;}
.pipeline-inner-box.box-02 .box-table .img-box ul{margin-top:140px;}
.pipeline-inner-box.box-02 .box-table .img-box ul li dd span{position: relative; display: block; padding-left: 20px; margin-top:12px;}
.pipeline-inner-box.box-02 .box-table .img-box ul li dd span:before{position: absolute; content:'\e90b'; font-family:'xeicon'; top:-1px; left:0;}

/* 컨텐츠 inner-03 */
.pipeline-inner-box.box-03 .box-table .img-box{width:63.92%; vertical-align:middle;}
.pipeline-inner-box.box-03 .box-table .img-box span{float:left; width:50%;}
.pipeline-inner-box.box-03 .box-table .img-box span img{width:77.8%; max-width:326px;}
.pipeline-inner-box.box-03 .box-table .list-box{width:36.08%; vertical-align:middle;}

/* 컨텐츠 inner-04 */
.pipeline-inner-box.box-04{padding-bottom:70px;}
.pipeline-inner-box.box-04 .box-table .img-box{width:65.45%; vertical-align:bottom;}
.pipeline-inner-box.box-04 .box-table .img-box span{width:100%; text-align:left; padding-right:20px; box-sizing:border-box;}
.pipeline-inner-box.box-04 .box-table .img-box span img{max-width:815px;}
.pipeline-inner-box.box-04 .box-table .list-box{width:34.55%; vertical-align:bottom;}

/* 조기진단 */
.pipeline-con-wrap{margin-bottom:50px;}
.pipeline-con-wrap:last-child{margin-bottom:0;}
.pipeline-con-wrap.bg-gray{background:#f9f9f9; padding:50px 0;}
.pipeline-tit{display: block; font-size:20px; line-height:1.5em; letter-spacing:-0.6px; color:#000; font-weight:400; margin-bottom:14px;}
.pipeline-list li{position: relative; margin-bottom:14px;}
.pipeline-list li:before{position: absolute; content:'\e929'; font-family:'xeicon'; color:#3686ff; font-size:18px; top:3px; left:0;}
.pipeline-list li span{display: block; font-size:16px; line-height:1.5em; letter-spacing:-0.6px; color:#888; color: #333; padding-left:20px;}
.pipeline-table tbody{cursor:pointer; transition: background-color 0.3s;}

.bd-none{border-bottom:none;}

.pipeline-btn{display: block; width:263px; height:70px; margin:auto; background:#3686ff; text-align:center; margin-bottom:40px;}
.pipeline-btn em{font-size:17px; line-height:70px; letter-spacing:-0.6px; color:#fff;}

.pipeline-slide{display: none;border-bottom:1px solid #ddd;}
.pipeline-con.open .pipeline-table tbody, 
.pipeline-con .pipeline-table:hover tbody {background-color:#e5efff;}
.pipeline-con .aptamer-table {padding:30px 36px; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
 box-sizing: border-box; }
.pipeline-con .aptamer-table:first-child {padding-top:50px;}
.pipeline-con .aptamer-table:last-child {padding-bottom:50px;}
.pipeline-con .aptamer-table .inner-con .txt {font-size:16px;}

@media all and (max-width:800px){
	.pipeline-list li:before, .pipeline-list li span, .pipeline-btn em{font-size:14px;}
	.pipeline-tit{font-size:15px; margin-bottom:5px;}

	.pipeline-con-wrap{margin-bottom:50px;}
	.pipeline-con-wrap.bg-gray{padding:30px 0 40px;}

	.pipeline-list li{margin-bottom:5px;}
	.pipeline-btn{width:100%; height:50px; margin-bottom:20px;}
	.pipeline-btn em{line-height:50px;}
	.pipeline-con .aptamer-table {padding:15px 0;}
	.pipeline-con .aptamer-table:first-child {padding-top:30px;}
	.pipeline-con .aptamer-table:last-child {padding-bottom:30px;}
	.pipeline-con .aptamer-table .inner-con .txt {font-size:14px;}
}

/* ******************  PR :: 공지사항 ********************** */
.news-page .cm-tit{margin-bottom:48px;}
/* PR :: SEARCH BOX */
.pr-page{position: relative;}
.pr-page .bbs-top-list-box{margin-top:33px;}
.pr-page .bbs-top-list-box .board-search-box{width:370px;}
.pr-page .board-search-box{/* float:right; */ position: absolute; right:0; top:60px; background:none; padding:0; border:none;}
.pr-page .board-search-box .search-subject-select,
.pr-page .board-search-box .search-word{border:none; border-bottom:1px solid #000;}
.pr-page .board-search-box .search-subject-select{width:90px;}
.pr-page .board-search-box .search-subject-select + .search-word{width:calc(100% - 100px); margin-left:10px;}

/* ******************  PR :: 자료실 ********************** */
.pr-page .sub-table-link a:before{width:37px; height:37px;}
.pr-page .sub-table-link a span i{top:0; left:0;}

/* ******************  제품 :: 문의하기 ********************** */
.inquiry-table{border-top:1px solid #000; width:100%;}
.inquiry-table .inquiry-table-1col{display: block; width:100%;}
.inquiry-table .inquiry-table-1col dl{display: flex; border-bottom:1px solid #ddd; }
.inquiry-table .inquiry-table-1col dl dt{float:left; width:170px; font-size:17px; letter-spacing:-0.6px; color:#000; background:#f7f7f7; padding-left:30px; box-sizing:border-box; padding-top:24px;}
.inquiry-table .inquiry-table-1col dl dd{float:left; width:calc(100% - 170px); padding:8px 0 8px 10px; box-sizing:border-box;}
.inquiry-table .inquiry-table-1col dl dd textarea{width:90.59%; border:1px solid #ddd; padding:10px; font-size:15px; line-height:1.5em;}

.inquiry-table .inquiry-table-2col{display: table; width:100%;}
.inquiry-table .inquiry-table-2col dl{display: table-cell; width:50%; border-bottom:1px solid #ddd; }
.inquiry-table .inquiry-table-2col dl dt{float:left; width:170px; font-size:17px; letter-spacing:-0.6px; color:#000; background:#f7f7f7; padding-left:30px; box-sizing:border-box; height:63px; line-height:63px;}
.inquiry-table .inquiry-table-2col dl dd{float:left; width:calc(100% - 170px); padding:8px 0 8px 10px; box-sizing:border-box;}
.inquiry-table .inquiry-table-2col dl dd input, .inquiry-table .inquiry-table-2col dl dd select{width:78.33%; height:45px; border:1px solid #ddd; text-indent:10px; font-size:15px; line-height:1.5em; font-weight:300;}
.inquiry-table .inquiry-table-2col dl dd select{text-indent:6px;}
.inquiry-table .inquiry-table-2col dl dd input::placeholder, .inquiry-table .inquiry-table-2col dl dd select{font-size:15px; line-height:1.5em; letter-spacing:-0.25px; color:#c8c8c8;}

.product-page .cm-btn-controls button, 
.recruit-page .cm-btn-controls a{width:240px; height:60px; line-height:60px; background:#222 /*3686ff*/; color:#fff; font-size:18px; letter-spacing:-0.6px;}
.inquiry-table{margin:44px 0;}

/* ******************  제품 :: Custom services ********************** */
.service-top-box{border-top:1px solid #000; margin:44px 0; padding-top:40px;}
.product-page .service-txt{font-size:16px; line-height:1.72em; letter-spacing:-0.35px; color:#333;}

.service-con-box{background:#f9f9f9; padding:50px 0}
.service-con-table{display: table; width:100%; margin-bottom:50px;}
.service-con-table:last-child{margin-bottom:0;}
.service-con-table .tit{display: table-cell; width:24.8%; font-size:32px; line-height:1.43em; letter-spacing:-0.6px; color:#000; font-weight:bold; vertical-align:top;}
.service-inner-con{display: table-cell; width:75.2%;}
.service-inner-con ul{display: flex; justify-content: space-between; width:100%; margin-top:35px;}
.service-inner-con ul li{position: relative; width:calc(33.33% - 12px); border:1px solid #ddd; /* padding:0 20px 0 3.45%; */ box-sizing:border-box; background:#fff; min-height:180px;}
.service-inner-con ul li dl{display: table; position: absolute; width:100%; top:50%; transform:translateY(-50%); padding-left:10%; padding-right:10px; box-sizing:border-box;}
.service-inner-con ul li .icon{display: table-cell; width:53px; height:53px; vertical-align:middle;}
.service-inner-con ul li .icon span{display: block; width:100%; height:100%; background:no-repeat center; }
.service-inner-con ul li .icon01 span{background-image:url("/images/content/service_icon_01.png");}
.service-inner-con ul li .icon02 span{background-image:url("/images/content/service_icon_02.png");}
.service-inner-con ul li .icon03 span{background-image:url("/images/content/service_icon_03.png");}
.service-inner-con ul li .icon04 span{background-image:url("/images/content/service_icon_04.png");}
.service-inner-con ul li .icon05 span{background-image:url("/images/content/service_icon_05.png");}
.service-inner-con ul li .icon06 span{background-image:url("/images/content/service_icon_06.png");}
.service-inner-con ul li dd{display: table-cell; padding-left:12%; font-size:16px; line-height:1.625em; letter-spacing:-0.6px; color:#888; vertical-align:middle;}

/* 250516 유지보수 */
.product-page .service-txt.dot-txt{margin-top: 20px; position: relative; padding-left: 12px;}
.product-page .service-txt.dot-txt + .service-txt.dot-txt{margin-top: 0;}
.product-page .service-txt.dot-txt:before{position: absolute; top: 12px; left: 0; width: 3px; height: 3px; border-radius: 100%; background-color: #000; content: '';}
.product-page .service-txt.dot-txt + .service-txt:not(.dot-txt){margin-top: 20px;}
.service-conjugation-flex{}
.service-conjugation-flex li{padding: 15px 0;}
.service-conjugation-tit{padding: 0 20px; margin-bottom: 5px; font-size: 16px; line-height: 1.72em; letter-spacing: -0.35px; color: #333; box-sizing: border-box;}
.service-conjugation-box{margin-top: 20px; padding: 0 20px; box-sizing: border-box; display: flex; flex-wrap:wrap; /* align-items: center; */}
.service-conjugation-icon{width: 120px; text-align: center;}
.service-conjugation-icon img{max-width: 60%; display: inline-block;}
.service-conjugation-icon img + img{margin-top: 5px;}
.service-conjugation-txt{padding-left: 10px; width: calc(100% - 120px); font-size: 15px; line-height: 1.625em; letter-spacing: -0.6px; color: #888; box-sizing: border-box; word-break: break-word;}
.service-conjugation-txt p{position:relative; padding-left: 12px;}
.service-conjugation-txt p:before{position: absolute; top: 0; left: 0; content: '-';}

/* 02 */
.service-conjugation-flex-item02 .service-conjugation-icon{position: relative; 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{position: relative; 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;}


/* ******************  제품 :: AptoDetect™-Lung ********************** */
.lung-page-con{margin-bottom:65px;}
.lung-page-con.bg-gray{background:#f9f9f9; padding:63px 0;}
.lung-page-con .tit{font-size:32px; line-height:1em; letter-spacing:-0.6px; color:#000; font-weight:bold; margin-bottom:78px;}
.lung-page-con .txt{font-size:16px; line-height:1.72em; letter-spacing:-1px; color:#333; margin-bottom:42px;}
/* 컨텐츠01 */
.lung-con-01{border-top:1px solid #000; padding-top:42px; margin-top:44px;}
.lung-con-01 .img-box{padding:0 0 42px /* border:1px solid #ddd; */}
.lung-con-01 .img-box span{position: relative; float:left; display: block; width:44.94%; margin:0 2.52%; text-align:center;}
.lung-con-01 .img-box span:before{position: absolute; content:''; width:1px; height:calc(100% + 24px); border-right:1px dashed rgba(0,0,0,0.2); top:-12px; right:-5.78%;}
.lung-con-01 .img-box span:last-child:before{display: none;}
.lung-con-01 .img-box span img{max-width:631px; width:100%;}
/* 컨텐츠02 */
.lung-con-02{display: flex; align-items: center; width:100%;}
.lung-con-02 .img-box{width:50%;}
.lung-con-02 .img-box span{display: block; width:85.98%;}
.lung-con-02 .img-box span img{width:100%; max-width:662px;}
.lung-con-02 .list-box{width:50%;}
.lung-con-02 .list-box ul li{margin-bottom:12px;}
.lung-con-02 .list-box ul li span{display: block; position: relative; font-size:16px; line-height:1.5em; letter-spacing:-0.3px; color:#666; padding-left:35px;}
.lung-con-02 .list-box ul li span:before{position: absolute; content:'\e92b'; font-family:'xeicon'; font-size:22px; line-height:1.5em; color:#3686ff; left:0; top:-5px;}
/* 컨텐츠03 */
.lung-page-con .tit-box{display: table; width:100%; margin-bottom:54px;}
.lung-page-con .tit-box .tit{display: table-cell; vertical-align:top; width:24.02%;}
.lung-page-con .tit-box .txt{display: table-cell; vertical-align:top; width:85.98%;}
.lung-page-con .list-box ol{margin:0 -10px;}
.lung-page-con .list-box ol li{float:left; margin:0 10px; width:calc(20% - 20px);}
.lung-page-con .list-box ol li span{width:100%; max-width:292px;}
.lung-page-con .list-box ol li span img{width:100%;}
.lung-page-con .list-box ol li dt{font-size:20px; line-height:1.5em; letter-spacing:-0.25px; color:#ccc; font-style:italic; font-weight:bold; margin:20px 0 10px;}
.lung-page-con .list-box ol li dd{font-size:16px; line-height:1.2em; letter-spacing:-0.25px; color:#333;}
.lung-page-con .list-box ol li dd span{font-size:15px; line-height:1.5em; letter-spacing:-0.25px; color:#888;}
/* 컨텐츠04, 컨텐츠05 */
.lung-con-bottom span{width:100%;}
.lung-con-bottom span img{width:100%;}

/* ******************  HR :: 채용공고 ********************** */
.recruit-page .cm-tit{margin-bottom:50px;}

.bbs-list-style05 .list-type{transition:all 0.3s; width:105px; height:43px; background:#3686ff; margin-left:10%; text-align:center; border-radius:25px;}
.bbs-list-style05 .list-type.recruit-end{background:#929292 !important;}
.bbs-list-style05 .list-type span{font-size:15px; line-height:43px; letter-spacing:-0.6px; color:#fff;}
.bbs-list-style05 .bbs-list-item a:hover .recruit-end {background:#fff !important;}
.bbs-list-style05 .bbs-list-item a:hover .list-type span {color:#aaa !important;}

.recruit-page .bbs-list-style05 .bbs-list-item a .txt-wrap{padding-bottom:15px;}
.recruit-page .bbs-list-style05 .bbs-list-item a .list-date{margin-bottom:40px;}



/* ******************  HR :: 채용공고 ********************** */
.recruit-con{position: relative; margin-bottom:98px;}
.recruit-con.last{margin-bottom:0;}
.recruit-process-con ol{display: flex; border:1px solid #ddd; box-sizing:border-box; padding:45px 0;}
.recruit-process-con ol li{position: relative; width:25%; text-align:center;}
.recruit-process-con li:before{position: absolute; content:''; background:no-repeat center; background-image:url('/images/content/recruit_line.png'); width:19px; height:100%; right:-19px;}
.recruit-process-con li:last-child:before{display: none;}
.recruit-process-con li .num{display: block; font-size:30px; line-height:1.2em; letter-spacing:-0.25px; color:#e8e8e8; font-style:italic; margin-bottom:20px; padding-top:25px;}
.recruit-process-con li dl .icon{position: relative; margin-bottom:20px;}
.recruit-process-con li dl .icon:before{position: absolute; content:''; width:31.47%; height:0; padding-top:31.47%; border-radius:50%; top:50%; left:50%; transform:translate(-50%, -50%);}
.recruit-process-con li dl .icon span{position: relative; display: block; background:no-repeat center; width:31.47%; height:0; padding-top:31.47%; margin:auto; background-size:cover;}
.recruit-process-con li dl dd p{font-size:24px; line-height:1.5em; letter-spacing:-0.6px; color:#000; font-weight:500;}
.recruit-process-con li dl dd span{display: block; font-size:18px; line-height:2em; letter-spacing:-0.6px; color:#afafaf; font-weight:400;}

.recruit-process-con li dl .icon.icon01:before{background:#8fbcff;}
.recruit-process-con li dl .icon.icon01 span{background-image:url('/images/content/recruit_icon_01.png');}
.recruit-process-con li dl .icon.icon02:before{background:#5d9dff;}
.recruit-process-con li dl .icon.icon02 span{background-image:url('/images/content/recruit_icon_02.png');}
.recruit-process-con li dl .icon.icon03:before{background:#3686ff;}
.recruit-process-con li dl .icon.icon03 span{background-image:url('/images/content/recruit_icon_03.png');}
.recruit-process-con li dl .icon.icon04:before{background:#2e6eef;}
.recruit-process-con li dl .icon.icon04 span{background-image:url('/images/content/recruit_icon_04.png');}

.recruit-gray-box{background:#f7f7f7; text-align:center; padding:35px 0;}
.recruit-gray-box .txt{font-size:18px; line-height:1.55em; letter-spacing:-0.6px; color:#888; margin-bottom:17px;}
.recruit-gray-box dl{}
.recruit-gray-box dt{position: relative; display: inline-block; font-size:17px; line-height:1.64em; letter-spacing:-0.6px; color:#000; margin-right:25px;}
.recruit-gray-box dt:before{position: absolute; content:''; width:1px; height:13px; background:rgba(0,0,0,0.2); top:50%; right:-15px; transform:translateY(-50%);}
.recruit-gray-box dd{display: inline-block;}
.recruit-gray-box dd a{font-size:17px; line-height:1.64em; letter-spacing:-0.6px; color:#000;}
.recruit-page .cm-btn-controls a i{margin-left:20px;}

.recruit-page .board-search-box{top:80px;}