/* 공통 */
#subWrap{padding-top:100px;}
.subTop{width:100%; height:280px; padding-top:130px; color:#fff; text-align:center;}
.subTop h2{font-size:50px; padding-bottom:20px;}
.subTop p{font-size:16px; font-weight:300;}
.subContents{width:1200px; padding:100px 0; margin:0 auto;}
.subContents h3{font-size:40px; font-weight:bold; text-align:center; padding-bottom:30px;}
.subContents .subTitarea{text-align:center; padding-bottom:50px; font-weight:300;}
.subC-invitro .subTitarea {padding-bottom: 0;}
.subContents .en{letter-spacing:0;}

/* top 비쥬얼 */
.sub01 .subTop{background:url('/theme/basic/img/sub/subTop01.jpg') center 0 no-repeat;}
.sub02 .subTop{background:url('/theme/basic/img/sub/subTop02.jpg') center 0 no-repeat;}
.sub03 .subTop{background:url('/theme/basic/img/sub/subTop03.jpg') center 0 no-repeat;}
.sub04 .subTop{background:url('/theme/basic/img/sub/subTop04.jpg') center 0 no-repeat;}
.sub05 .subTop{background:url('/theme/basic/img/sub/subTop05.jpg') center 0 no-repeat;}
.sub06 .subTop{background:url('/theme/basic/img/sub/subTop06.jpg') center 0 no-repeat;}

/* 인사말 */
.greeting h3{padding-bottom:50px;}
.greeting .textBox{overflow:hidden; padding-top:50px;}
.greeting .textBox div{float:left;}
.greeting .textBox .left{width:320px; font-size:35px; line-height:40px; text-align:right; padding-right:60px;}
.greeting .textBox .right{line-height:30px; width:820px; word-break:keep-all; font-weight:300;}
.greeting .ceoBox {padding-top: 100px; width: 85%; margin: 0 auto;}
.greeting .ceoBox .ceos .ceoImg {width: 100%; display: flex; align-items: flex-end; justify-content: flex-end; border-bottom: 8px solid #ccc;}
.greeting .ceoBox .ceos .ceoImg h4 {font-size: 35px; margin: 0 10px 8px 0;}
.greeting .ceoBox .ceos .ceoImg h4 span {font-size: 30px; font-weight: lighter; display: inline-block;}
.greeting .ceoBox .ceos .ceoImg > div {border-bottom: 8px solid #195CA8; margin-bottom: -8px; font-size: 0; text-indent: -999px;}
.greeting .ceoBox .ceos .ceoImg .ceo01 {width: 328px; height: 326.88px; background: url(../img/sub/ceo01.jpg) no-repeat center / cover;}
.greeting .ceoBox .ceos .ceoImg .ceo02 {width: 280.88px; height: 324.97px; background: url(../img/sub/ceo02.jpg) no-repeat center / cover;}
.greeting .ceoBox .ceos .ceoText {display: flex; justify-content: center; width: 100%; margin-top: 34px;}
.greeting .ceoBox .ceos .ceoText .ceoDetail {display: flex; align-items: flex-start; margin: 16px 24px;}
.greeting .ceoBox .ceos .ceoText .ceoDetail h5 {display: inline-block; font-size: 20px; color: #195CA8; padding: 8px 20px; border: 1px solid #195CA8; border-radius: 30px; margin: 0;}
.greeting .ceoBox .ceos .ceoText .ceoDetail ul {margin: 9px 0 0 16px;}
.greeting .ceoBox .ceos .ceoText .ceoDetail ul li {list-style: none; font-weight: 300; line-height: 30px;}
.greeting .ceoBox .ceos .ceoText .ceoDetail ul li.cdBlue {color: #195CA8; font-weight: 500;}

/* 비전 */
.vision{text-align:center;}
.vision .subTitarea p.vok {padding: 80px 0; color: #0274D2; font-size: 30px;}
.vision .subTitarea strong {display: block; font-weight: lighter; color: #0274D2; font-size: 30px;}

/* 연혁 */
.history .subCon{background:url('/theme/basic/img/sub/historyLine.jpg') center 170px no-repeat;}
.history .yearBox{display:inline-block; width:100%; padding-bottom:40px;}
.history .yearBox .year{font-size:100px; font-weight:900; color:rgba(29,41,87,0.2); letter-spacing:0; font-family:'Noto Sans KR', sans-serif; text-align:center; background:#fff; margin-bottom:30px;}
.history .yearBox .first{margin-bottom:0;}
.history .yearBox>div{box-sizing:border-box; display:inline-block; width:100%; padding-bottom:40px;}
.history .yearBox>div>p{width:50%; box-sizing:border-box; line-height:30px;}
.history .yearBox>div span{font-size:20px; color:#005bac; padding-right:30px;}
.history .yearBox .left p{float:left; text-align:right; padding-right:40px; background:url('/theme/basic/img/sub/yearDot.png') right 0 top 10px no-repeat; right:-3px; position:relative; }
.history .yearBox .left span{float:right; padding:0 0 0 30px; height:40px;}
.history .yearBox .right p{float:right; padding-left:40px; background:url('/theme/basic/img/sub/yearDot.png') 0 10px no-repeat; left:-2px; position:relative;}
.history .yearBox .first p{background:none; padding-top:12px;}

/* 인증/특허 */
.certi ul{width:100%; display:inline-block;}
.certi ul li{float:left; width:265px; height:380px; margin-right:46px; margin-bottom:50px; box-shadow:10px 10px 20px rgba(0,0,0,0.05);}
.certi ul li.last{margin-right:0;}
.certi ul li img{cursor:pointer;}
.certi .bigCer{display:; position:fixed; left:50%; top:50%; z-index:1000; display:none;}
.dimm{position:fixed; overflow-y:hidden; width:100%; height:100%; background:rgba(0,0,0,0.6); z-index:999; top:0; left:0; display:none;}

/* CI소개 */
.ci .subCon{overflow:hidden; padding:70px 0; border-bottom:1px solid #d7d7d7;}
.ci .first{padding-top:0;}
.ci .subCon .leftTit{width:380px; float:left; font-size:25px; letter-spacing:0;}
.ci .subCon .rightTxt{width:820px; float:left; font-weight:300;}
.ci .keyword span{font-size:18px; color:#fff; width:130px; height:130px; display:flex; margin-right:20px; border-radius:100px; background:#6fa8bd; text-align:center; align-items:center; justify-content:center; letter-spacing:0; float:left;}
.ci .design p{padding:30px 0 40px; font-size:14px; line-height:24px;}
.ci .design img{display:block;}
.ci .logo{border-bottom:0; padding-bottom:0;}
.ci .logoBox{padding-top:50px; overflow:hidden;}
.ci .logoBox img{float:left; margin-right:20px;}
.ci .logoBox img.last{margin-right:0;}
.ci .logo p{padding-top:20px;}
.ci .logo p a{display:inline-block; margin-right:10px; width:150px; height:50px; line-height:50px; border:1px solid #d7d7d7; border-radius:5px; text-align:center; font-weight:400; background:url('/theme/basic/img/sub/ciDown.jpg') right 30px top 17px no-repeat; padding-right:20px; transition:all 0.3s;}
.ci .logo p a:hover{background:#f4f4f4 url('/theme/basic/img/sub/ciDown.jpg') right 30px top 17px no-repeat;}

/* 연구파트너 */
.partner .picBox{width:100%; display:inline-block; padding-top:60px;}
.partner .picBox .left{float:left;}
.partner .picBox .right{float:right;}
.partner .picBox .txt{border:1px solid #d7d7d7; border-top:0; padding:30px;}
.partner .picBox .txt p{font-size:25px; padding-bottom:10px; font-weight:400;}
.partner .picBox .txt span{font-size:14px; color:#959595;}
.doctor{width:100%; display:inline-block; padding-top:46px;}
.doctor .picArea{float:left;}
.doctor .picArea .txt{position:relative; padding-top:15px; text-align:left;}
.doctor .picArea .txt p{font-size:20px; padding-bottom:5px; font-weight:400;}
.doctor .picArea .txt span{font-size:14px; color:#959595; letter-spacing:0;}
.doctor .picArea .name{position:absolute; right:0; top:15px; font-size:25px; font-weight:400;}
.doctor .record{float:right; border:1px solid #d7d7d7; padding:30px 40px; text-align:left; width:700px; position:relative;}
.doctor .record:after{content:''; position:absolute; left:-32px; top:-1px; background:url('/theme/basic/img/sub/recordTop.jpg') 0 0 no-repeat; width:35px; height:30px;}
.doctor .record li{padding-bottom:30px; background:url('/theme/basic/img/sub/recordDot.gif') 0 14px no-repeat; padding-left:10px;}
.doctor .record li.last{padding-bottom:0;}
.doctor .record p{font-size:20px; padding-bottom:5px; font-weight:400;}
.doctor .record span{font-size:14px; color:#959595; letter-spacing:0;}

/* 조직도 */
.organi > img {padding: 50px 0;}

/* 오시는길 */
.location .subCon{padding-bottom:70px;}
.location .subCon>p{font-size:25px; padding:5px; text-align:center; background:#6fa8bd; color:#fff;}
.location .textBox{overflow:hidden; padding-top:30px;}
.location .sTit{float:left; width:240px; font-size:20px; line-height:30px;}
.location .sTit span{font-weight:bold;}
.location .infoBox{float:right; width:960px;}
.location .infoBox p{padding:0 0 15px 0;}
.location .infoBox strong{display:inline-block; color:#6fa8bd; font-weight:bold; width:120px; letter-spacing:0; padding-left:25px;}
.location .infoBox .address{background:url('/theme/basic/img/sub/address.png') 0 0 no-repeat;}
.location .infoBox .tel{background:url('/theme/basic/img/sub/tel.png') 0 0 no-repeat;}
.location .infoBox .fax{background:url('/theme/basic/img/sub/fax.png') 0 0 no-repeat;}
.location .gBox{text-align:center; background:#f4f4f4; padding:35px 0; font-size:23px;}
.location .gBox>div{display:inline-block;}
.location .gBox p{float:left;}
.location .gBox p.first{padding-right:100px;}
.location .gBox p strong{font-weight:bold; display:inline-block; padding-right:30px;}

/* 사업영역 */
.sub02 .subContents p{text-align:center; line-height:30px;}
.sub02 .subContents .imgArea{width:100%; margin-top:50px; background:#fff;}

/* 시험소개 */
.sub03 .subCon{width:100%; padding:40px 45px 30px; box-sizing:border-box; background:#f4f4f4;}
.sub03 .subCon-top {width: 55%; margin: 0 auto;}
.sub03 .subCon-safety {width: 70%; margin: 0 auto;}
.sub03 .examUl{display:inline-block; width:100%;}
.sub03 .examUl li{float:left; width:270px; height: 120px; margin-right:10px; position:relative; margin-bottom: 40px;}
.sub03 .examUl li:nth-of-type(4n){margin-right:0;}
.sub03 .examUlSafety li:nth-child(2n), .sub03 .examUlFunctional li:nth-child(3n) {margin-right: 0;}
.sub03 .examUlFunctional li:nth-child(4n) {margin-right: 10px;}
.sub03 .examUl li > p{font-size:16px; color:#fff; width:270px; height:45px; line-height:45px; background:#6fa8bd; border-radius:5px; text-align:center;}
.sub03 .examUl li > div {position: absolute; line-height: 24px; width: 230px; height: 50px; top: 55px; background: #fff; padding: 20px; background:#fff; box-shadow:0px 0px 5px rgba(0,0,0,0.1); border-radius:5px;}
.sub03 .examUl li > div > p span {display: inline-block; text-indent: 6px;}
.sub03 .examUlSafety li {height: unset; margin-bottom: 10px;}
.sub03 .examUlSafety li, .sub03 .examUlSafety li > p {width: 370px;}
.sub03 .examUlFunctional li, .sub03 .examUlFunctional li > p {width: 363.33px;}
.sub03 .examUlFunctional li > div {width: 323.33px;}

.sub03 .subTitTop {margin-top: 100px;}
.subC-invitro .subTitTop {margin-top: 80px;}

/* .sub03 .imgArea{display:none; width:250px; box-sizing:border-box; padding:5px; position:absolute; background:#fff; box-shadow:17px 17px 20px rgba(0,0,0,0.2); bottom:65px; left:50%; margin-left:-125px;}
.sub03 .imgArea:after{content:''; position:absolute; bottom:-12px; left:50%; margin-left:-7px; width:14px; height:12px; background:url('/theme/basic/img/sub/exam/arrow.png') 0 0 no-repeat;}
.sub03 .imgArea img{width:100%;} */

/**유효성**/
.examBox .line{margin-bottom:6px;}
.examBox .depth01{width:100%; display:inline-block;}
.examBox .depth01 li{float:left; margin-right:10px;}
.examBox .depth01 li:last-of-type{margin-right:0;}
.examBox .depth01 p{cursor:pointer; font-size:16px; color:#fff; height:45px; line-height:24px; border-radius:5px; text-align:left; padding:0 20px; width:230px; background:#6fa8bd url('/theme/basic/img/sub/exam/pArrow.png') right 15px top 18px no-repeat; display:flex; align-items:center;}
.examBox .depth01 p.active{background:#2b5a6b url('/theme/basic/img/sub/exam/pArrowOn.png') 237px 18px no-repeat;;}
.examBox .depth02{padding:20px 20px 10px; box-sizing:border-box; background:#fff; box-shadow:0px 0px 5px rgba(0,0,0,0.1); border-radius:5px; margin:10px 0 20px; display:none; width:100%;}
.examBox .depth02 ul{display:inline-block; width:100%; display:none;}
.examBox .depth02 li{position:relative; width:260px; margin-right:10px; float:left; margin-bottom:10px;}
.examBox .depth02 li:nth-of-type(4n){margin-right:0;}
.examBox .depth02 p{width:258px; height:38px; line-height:38px; font-size: 13px; border:1px solid #2b5a6b; text-align:center; color:#2b5a6b;}
.examBox-top .depth02 li {width: 255px;}
.examBox-top .depth02 p {width: 253px;}
/**모바일 유효성**/
.mExamBox{display:none;}
.mExamBox .depth01{width:100%; display:inline-block; position:relative;}
.mExamBox .depth01>li{width:100%; margin:1%;}
.mExamBox .depth01>li:last-of-type{margin-right:0;}
.mExamBox .depth01>li>p{cursor:pointer; font-size:16px; color:#fff; height:45px; line-height:45px; border-radius:5px; text-align:left; padding:0 20px; width:100%; background:#6fa8bd url('/theme/basic/img/sub/exam/pArrow.png') right 20px top 18px no-repeat; box-sizing:border-box;}
.mExamBox .depth01 p.active{background:#2b5a6b url('/theme/basic/img/sub/exam/pArrowOn.png') right 20px top 18px no-repeat;;}
.mExamBox .depth02{padding:20px; box-sizing:border-box; background:#fff; box-shadow:0px 0px 5px rgba(0,0,0,0.1); border-radius:5px; margin:10px 0 20px; display:none; width:100%;}
.mExamBox .depth02 ul{display:inline-block; width:100%; display:none;}
.mExamBox .depth02 li{position:relative; width:48%; float:left; margin:1%;}
.mExamBox .depth02 li:nth-of-type(4n){margin-right:0;}
.mExamBox .depth02 p{width:100%; height:60px; line-height:24px; border:1px solid #2b5a6b; text-align:center; color:#2b5a6b; display:flex; align-items:center; justify-content:center; word-break:keep-all;}

/* ==== 시험소개 ==== */
#exam{text-align:center;}
#exam .subTitarea{padding-bottom:0;}
#exam .subCon{background:#fff; padding:50px 0 0 0;}
.tabArea{display:inline-block; padding-bottom:70px;}
.tabArea a{float:left; width:250px; border-bottom:2px solid #ccc; padding-bottom:15px; color:#898989; font-size:16px; margin:0 15px;}
.tabArea a.active{color:#6fa8bd; border-color:#6fa8bd; font-weight:bold;}
.examTab ul{display:inline-block;}
.examTab ul li{width:100px; height:100px; border-radius:50px; background:#6fa8bd; float:left; margin:0 10px 10px 0; box-sizing:border-box;}
.examTab ul li.last{margin-right:0;}
.examTab ul li.hair{background:#809299;}
.examTab ul li.on{background:#fff; border:5px solid #f26522;}
.examTab ul li a{color:#fff; display:flex; align-items:center; justify-content:center; width:100%; height:100%;}
.examTab ul li.on a{color:#f26522; font-weight:bold;}
#exam table{border-top:2px solid #6fa8bd; width:100%; word-break:keep-all; border-collapse:collapse;}
#exam table caption{width:0; height:0; overflow:hidden;}
#exam table thead th{height:60px; font-size:15px; line-height:1.2; text-align:center; font-weight:400;}
#exam table th, #exam table td{border:1px solid #b7b7b7;}
#exam table td{background:#f6f6f6; min-height:60px; color:#636363;}
#exam table td.bt{border-bottom-color:#e1e1e1;}
#exam table .txt{width:100px; height:100px; display:flex; align-items:center; justify-content:center; font-size:18px; font-weight:bold; background:#6fa8bd; color:#fff; border-radius:50px; margin:13px auto;}
#exam table .txt2{background:#809299;}
#exam table .tit{text-align:left; padding:13px;}
#exam table .info{font-size:14px; text-align:left; padding:15px;}
#exam table .pic{cursor:pointer; position:relative;}
#exam table .picArea{display:none; width:250px; box-sizing:border-box; padding:5px; position:absolute; background:#fff; box-shadow:17px 17px 20px rgba(0,0,0,0.2); bottom:35px; left:50%; margin-left:-125px;}
#exam table .picArea:after{content:''; position:absolute; bottom:-12px; left:50%; margin-left:-7px; width:14px; height:12px; background:url('/theme/basic/img/sub/exam/arrow.png') 0 0 no-repeat;}
#exam table .picArea img{width:100%;}
#exam table thead th:first-of-type, #exam table tr td:first-of-type{border-left:none;}
#exam table thead th:last-of-type, #exam table tr td:last-of-type{border-right:none;}
#exam .table2 .txt{margin:13px auto;}
#exam .table2 td{height:100px;}

/* 시험 의뢰 절차 */
.process .process3Steps {padding-bottom: 100px; border-bottom: 1px solid #e1e1e1;}
.process .process3Steps ul {display: flex; justify-content: center; align-items: center;}
.process .process3Steps ul li {width: 250px; position: relative;}
.process .process3Steps ul li:nth-child(2) {margin: 0 100px;}
.process .process3Steps ul li::after {content: ""; display: block; width: 0; height: 0; border-top: 15px solid transparent; border-left: 22px solid #195CA8 ; border-bottom: 15px solid transparent; position: absolute; top: 110px; right: -60px;}
.process .process3Steps ul li:nth-child(3):after {display: none;}
.process .process3Steps ul li > div {width: 250px; height: 250px; border: 1px solid #ccc; border-radius: 50%; position: relative;}
.process .process3Steps ul li > div img {width: 100px; height: 100px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.process .process3Steps ul li > p {text-align: center; font-size: 22px; margin-top: 18px; display: flex; align-items: center; justify-content: center;}
.process .process3Steps ul li > p span {font-size: 40px; font-weight: bolder; display: inline-block; margin-right: 8px; color: #005BAC;}
.process .subtit2 {padding-top: 80px;}
.process > img {margin-bottom: 100px;}

/* 시험 참여 절차 */
.sub05 .subCon>p{font-size:25px; padding:5px; text-align:center; background:#6fa8bd; color:#fff; margin-bottom:20px;}
.sub05 .subCon01{padding-bottom:75px;}
.sub05 .subCon01 ul{overflow:hidden; margin: 0 auto;}
.sub05 .subCon01 ul li{border:1px solid #ccc; width: 380px; height:180px; text-align:center; padding-top:110px; position:relative; float:left; margin-right:25px; margin-bottom:25px;}
.sub05 .subCon01 ul li strong{width:100px; height:30px; line-height:30px; font-weight:bold; text-align:center; background:#20675f; border-radius:50px; display:inline-block; letter-spacing:0; text-transform:uppercase; color:#fff;}
.sub05 .subCon01 ul li p{padding-top:10px; font-size: 25px;}
.sub05 .subCon01 ul li:after{content:''; width:50px; height:50px; top:50%; margin-top:-25px; right:-37px; position:absolute; background:url('/theme/basic/img/sub/process_arrow.png') 0 0 no-repeat; z-index:2;}
.sub05 .subCon01 ul li.mgN{margin-right:0;}
.sub05 .subCon01 ul li.mgN:after{display:none;}
.sub05 .subCon01 ul .p01{background:url('/theme/basic/img/sub/p01.png') center 32px no-repeat;}
.sub05 .subCon01 ul .p02{background:url('/theme/basic/img/sub/p02.png') center 32px no-repeat;}
.sub05 .subCon01 ul .p03{background:url('/theme/basic/img/sub/p03.png') center 26px no-repeat;}
.sub05 .subCon01 ul .p04{background:url('/theme/basic/img/sub/p04.png') center 29px no-repeat;}
.sub05 .subCon01 ul .p05{background:url('/theme/basic/img/sub/p05.png') center 32px no-repeat;}
.sub05 .subCon01 ul .p06{background:url('/theme/basic/img/sub/p06.png') center 28px no-repeat;}
.sub05 .subCon01 ul .p07{background:url('/theme/basic/img/sub/p07.png') center 32px no-repeat;}
.sub05 .subCon01 ul .p08{background:url('/theme/basic/img/sub/p08.png') center 32px no-repeat;}
.sub05 .subCon01 ul .p09{background:url('/theme/basic/img/sub/p09.png') center 40px no-repeat;}
.sub05 .subCon01 ul .p10{background:url('/theme/basic/img/sub/p10.png') center 40px no-repeat; margin-right:0 !important;}
.sub05 .subCon01 ul .p10:after{display:none !important;}
.sub05 .subCon02{padding-bottom:100px;}
.sub05 .subCon02 ul{width:998px; border:1px solid #ccc; padding:40px 100px 10px; overflow:hidden;}
.sub05 .subCon02 ul li{width:50%; float:left; padding-left:40px; background:url('/theme/basic/img/sub/check.png') 0 0 no-repeat; box-sizing:border-box; padding:2px 0 30px 40px; height:60px;}
.sub05 .subCon03 div{width:1198px; border:1px solid #ccc; text-align:center; padding:40px 0;}
.sub05 .subCon03 div p{padding-top:15px;}

/* 인재상 */
.talent ul{width:100%; display:inline-block;}
.talent ul li{float:left; width:300px; margin-right:150px; text-align:center;}
.talent ul li.last{margin-right:0;}
.talent ul li p{font-size:25px; padding:20px 0 10px; font-weight:bold;}
.talent ul li span{color:#707070; line-height:24px;}

/* 인사 및 복지 */
.welfare .subCon{overflow:hidden;}
.welfare .subCon>li{text-align:center; float:left; width:350px; margin-right:75px; padding-top:100px;}
.welfare .subCon>li.first{background:url('/theme/basic/img/sub/welfare01.png') center 30px no-repeat;}
.welfare .subCon>li.second{background:url('/theme/basic/img/sub/welfare02.png') center 20px no-repeat;}
.welfare .subCon>li.last{margin-right:0; background:url('/theme/basic/img/sub/welfare03.png') center 20px no-repeat;}
.welfare .subCon>li p{font-size:20px; font-weight:bold; padding-bottom:35px;}
.welfare .subCon>li p span{color:#20675f; font-weight:bold;}
.welfare .subCon>li .gBox{padding:30px 0; background:#f4f4f4; text-align:center;}
.welfare .gBox ul{display:inline-block;}
.welfare .gBox li{text-align:left; color:#707070; background:url('/theme/basic/img/sub/check.png') 0 5px no-repeat; padding:7px 0 7px 40px; margin-bottom:10px;}