@import url("common.css");



/***** Css 공통 *****/
.stxt{font-size:1rem; font-weight:400; color:#333; word-break:keep-all; line-height:150%;}

.subTit{font-size:1.5rem; line-height:120%; font-weight:700; color:#21a5de; font-family:'Montserrat', 'Noto Sans KR', sans-serif !important;}
.subTit small{font-family: 'Noto Sans KR', sans-serif !important; display:inline-block; font-size:1rem; font-weight:500; color:#333; margin-left: 12px; line-height:120%;}

img[usemap] {border: none; height: auto; max-width: 100%; width: auto;}



.w1280{max-width:1320px; padding:0 20px; margin:0 auto; box-sizing:border-box;}
.blueBg{position:relative; background:#f4f9fe;}
.blueBg:before{content:''; display:block; width:200%; height:100%; position:absolute; left:-200%; top:0; z-index:-1; background:#f4f9fe;}
.blueBg:after{content:''; display:block; width:200%; height:100%; position:absolute; right:-200%; top:0; z-index:-1; background:#f4f9fe;}

.titArea{text-align:center; padding: 0 0 110px;}
.titArea p{font-size:1.765rem; font-weight:300; color:#333; line-height:150%; word-break:keep-all; font-family:'Montserrat', 'Noto Sans KR', sans-serif !important;}



.dot_list{}
.dot_list li{font-size:1rem; line-height:150%; word-break:keep-all; color:#333; padding:0 0 20px 12px; box-sizing:border-box; text-align:left !important; position:relative;}
.dot_list li:before{content:''; display:block; width:4px; height:4px; border-radius:50%; background:#333; position:absolute; left:0; top:10px;}

.dot_list2{}
.dot_list2 li{font-size:1rem; line-height:150%; word-break:keep-all; color:#333; padding:0 0 8px 10px; box-sizing:border-box; text-align:left !important !important; position:relative;}
.dot_list2 li:before{content:''; display:block; width:3px; height:3px; border-radius:50%; background:#333; position:absolute; left:0; top:11px;}

.num_list{}
.num_list li{position:relative; padding:0 0 25px 40px; text-align:left !important; box-sizing:border-box; font-size:1.125rem; color:#333; line-height:150%; word-break:keep-all;}
.num_list li span{display:inline-block; font-size:1.125rem; font-weight:700; color:#21a5de; position:absolute; left:0; top:0; line-height:150%;} 


.sub_pad{padding:100px 0;}
.sub_pad_t{padding:100px 0 0;}
.sub_pad_b{padding:0 0 100px;}

/*****S:: ABOUT > VISION *****/
.vision_cont{}
.vision_cont .vision_top{background:url('/company/img/vision_img.jpg') no-repeat center/cover; box-sizing:border-box; padding:130px 100px;}
.vision_cont .vision_top h3{font-size:30px; font-weight:300; color:#333; line-height:160%; word-break:keep-all;}
.vision_cont .vision_list{display:flex; flex-wrap:wrap;}
.vision_cont .vision_list dl{display:flex; flex-wrap:wrap; align-items: center; width: 50%; box-sizing:border-box;}
.vision_cont .vision_list dl:nth-child(1){padding:0 15px 43px 15px; border-bottom:1px solid #ddd; border-right:1px solid #ddd;}
.vision_cont .vision_list dl:nth-child(2){padding:0 15px 43px 63px; border-bottom:1px solid #ddd;}
.vision_cont .vision_list dl:nth-child(3){padding:43px 15px 0 15px; border-right:1px solid #ddd;}
.vision_cont .vision_list dl:nth-child(4){padding:43px 15px 0 63px;}
.vision_cont .vision_list dl dt{width: 160px; height:160px; background:#f8f8f8; border-radius:50%; text-align:center;}
.vision_cont .vision_list dl dt img{max-width:70%; margin:15% auto 0; display:inline-block;}
.vision_cont .vision_list dl dd{width:calc(100% - 160px); padding:0 0 0 30px; box-sizing:border-box;}
.vision_cont .vision_list dl dd .subTit{padding: 0 0 12px;}
.vision_cont .vision_list dl dd .subTit small{}
/*****E:: ABOUT > VISION *****/





/*****S:: ABOUT > OVERSEAS *****/
.overseas_cont{margin:0 auto 65px; overflow:hidden;}
.overseas_cont .overseasCont_img{position:relative;}
.overseas_cont .overseasCont_img img{max-width:100%; opacity: 0;}
.overseas_cont .overseasCont_img .hover{position:absolute; left:0; top:0; opacity: 1;}
.overseas_cont.show .overseasCont_img img{opacity: 1;}
.overseas_cont.show .overseasCont_img .hover{opacity: 0;}
.overseasCont_in{position:relative; background:#f4f9fe; text-align:center; padding: 80px 0; box-sizing:border-box; display: none;}
.show .overseasCont_in{display:block;}
.overseasCont_in:before{content:''; display:block; width:200%; height:100%; position:absolute; left:-200%; top:0; background:#f4f9fe;}
.overseasCont_in:after{content:''; display:block; width:200%; height:100%; position:absolute; right:-200%; top:0; background:#f4f9fe;}
.overseasCont_in .subTit:before{content:''; display:inline-block; vertical-align:middle; width:19px; height:29px; background:url('/company/img/overseas_icon.png') no-repeat center/100% auto; margin:-6px 13px 0 0;}
.overseasCont_in .stxt{padding:20px 0 30px;}
.overseasCont_in ul{}
.overseasCont_in ul li{font-size:1rem; color:#333; line-height:150%; padding:0 0 6px;}
.overseasCont_in ul li:last-child{padding:0;}
.overseasCont_in ul li span{display:inline-block; font-weight:700;}
/*****E:: ABOUT > OVERSEAS *****/



/*****S:: SERVICE > 연구 대행 서비스 *****/
.service_cont{overflow: hidden;}
.serviceCont_in{}
.serviceCont_icon{padding:80px 0; display:flex; flex-wrap:wrap; justify-content: space-between;}
.serviceCont_icon dl{width: 25%; text-align:center; position: relative;}
.serviceCont_icon dl:before{content:''; display:block; width: 9px; height:9px; box-sizing:border-box; box-sizing:border-box; background:#fff; border:3px solid #21a5de ; border-radius:50%; position: absolute; right:0; top:80px; margin-top: -4px; z-index: 9;}
.serviceCont_icon dl:last-child:before{display:none;}
.serviceCont_icon dl dt{width: 160px; height: 160px; background:#fff; border-radius:50%; margin:0 auto; position: relative; z-index: 2; text-align:center;}
.serviceCont_icon dl dt:after{content:''; display:block; width:100%; height:2px; position: absolute; top:50%; margin-top: -1px; right:-160px; background:url('/service/img/dot_line.png') repeat center/auto 100%;}
.serviceCont_icon dl:last-child dt:after{display:none;}
.serviceCont_icon dl dt img{max-width:70%; margin:15% auto 0; display:inline-block;}
.serviceCont_icon dl dd{font-size:1.2rem; font-weight:700; color:#21a5de ; line-height:150%; word-break:keep-all; padding:30px 10px 0; box-sizing:border-box;}

.serviceCont_info{padding:70px 0 90px; box-sizing:border-box;}
.serviceCont_info .dot_list{max-width:1000px; margin:0 auto; width: 100%;}

.serviceCont_list{display:flex; flex-wrap:wrap; margin:0 auto 100px;}
.serviceCont_list dl{margin:0 30px 0 0; width:calc((100% - 60px)/3);}
.serviceCont_list dl:nth-child(3n){margin-right:0;}
.serviceCont_list dl a{display:block; overflow:hidden; border-radius:20px; box-sizing:border-box; border:1px solid #ddd;}
.serviceCont_list dl dt{overflow: hidden;}
.serviceCont_list dl dt img{max-width:100%; transition:all .3s linear;}
.serviceCont_list dl:hover dt img{transform:scale(1.1);}
.serviceCont_list dl dd{box-sizing:border-box; padding:35px 0; text-align:center;}
.serviceCont_list dl dd h4{font-size:1.2rem; font-weight:700; color:#21a5de ; line-height:120%; padding:0 0 15px; word-break:keep-all;}
.serviceCont_list dl dd span{display:inline-block; font-size:11px; font-weight:700; color:#fff; background:#21a5de ; border-radius:30px; text-align:center; line-height:120%; padding:12px 20px; box-sizing:border-box; transition:all .3s linear;}
.serviceCont_list dl:hover dd span{background:#1a2a52;} 
/*****E:: SERVICE > 연구 대행 서비스 *****/



/*****S:: SERVICE > BBB 연구서비스 *****/
.bbb_cont{overflow:hidden;}
.bbb_info{padding:120px 0 145px; background:#f4f9fe; position: relative; z-index:1;}
/* .bbb_info:after{content:''; display:block; width:100%; height:33%; background:#fff; position:absolute; left:0; bottom:0; z-index:-1;} */
.bbb_info h4{text-align:center; font-size:1.65rem; line-height:150%; word-break:keep-all; color:#21a5de; font-weight:700; padding:0 0 60px;}
.bbb_info dl{display:flex; flex-wrap:wrap; }
.bbb_info dl dt{width: 40%; padding:0 80px 0 0; box-sizing:border-box;}
.bbb_info dl dt img{border-radius:20px; overflow: hidden; width:100%; max-width: 400px;}
.bbb_info dl dt img.m{display:none;}
.bbb_info dl dd{width: 60%; box-sizing:border-box; display:flex; flex-direction: column;}
.bbb_info dl dd .dep_tit{text-align:left; margin:50px 0 12px; color:#21a5de;}
.bbb_info dl dd .num_list{padding:0 0 40px;}
.bbb_info dl dd > div{position:relative;}
.bbb_info dl dd > div:before{content:''; display:block; width:400%; height:300%; position:absolute; left:-200%; top:0; background:#fff; z-index: -1;}
/*****E:: SERVICE > BBB 연구서비스 *****/



/*****S:: CAREERS > HIRING PROCESS *****/
.process_cont{}
.process_cont .subTit{text-align:center; color:#333; padding:0 0 50px;}

.talent_list{display:flex; flex-wrap:wrap;}
.talent_list dl{width:20%; box-sizing:border-box; border-right:1px solid #ddd; text-align:center; position:relative;}
.talent_list dl:last-child{border:0;}
.talent_list dl:after{content:''; display:block; width:2px; height:202px; background:#fff; position:absolute; right:-1px; top:0;}
.talent_list dl dt{width:162px; height:162px; margin:0 auto; background:#f7f7f7; border-radius:50%; position: relative; z-index: 9; text-align:center;}
.talent_list dl dt img{max-width:70%; margin:15% auto 0; display:inline-block;}
.talent_list dl dd{box-sizing:border-box; padding:0 20px;}
.talent_list dl dd h4{font-size:1.3rem; letter-spacing:-0.2pt; color:#21a5de ; line-height:120%; font-family:'Montserrat', 'Noto Sans KR', sans-serif; padding:40px 0 12px;}
.talent_list dl dd strong{display:block; font-size:1.3rem; letter-spacing:-0.75pt; padding:0 0 15px; font-weight:500; color:#333333; line-height:120%;}

.process_box{background:#fff; box-sizing:border-box; padding:80px 20px; display:flex; flex-wrap:wrap;}
.process_box dl{width: 25%; text-align:center;}
.process_box dl dt{margin:0 0 18px;}
.process_box dl dt p{font-size:1rem; color:#516f97; font-weight:700; letter-spacing:-0.2pt; line-height:120%; font-family:'Montserrat', 'Noto Sans KR', sans-serif;}
.process_box dl:last-child dt p{color:#519fd8;}
.process_box dl dt small{display:block; color:#516f97; font-size:13px; font-weight:700; line-height:120%; font-family:'Montserrat', 'Noto Sans KR', sans-serif;}
.process_box dl:last-child dt small{color:#519fd8;}
.process_box dl dd{font-size:1.12rem; font-weight:700; color:#333; letter-spacing:-0.2pt; line-height:120%; position:relative; box-sizing:border-box; padding:0 20px;}
.process_box dl dd:after{content:''; display:block; width:100%; border-top:4px  dotted  #b5b6b6; position: absolute; right:-50%; top:18px;}
.process_box dl:last-child dd:after{display:none;}
.process_box dl dd span{display:block; width:40px; height:40px; box-sizing:border-box; border-radius:50%; background:#516f97; margin:0 auto 25px; position:relative; z-index: 9;}
.process_box dl:last-child dd span{background:#519fd8;}
.process_box dl dd span:after{content:''; display:block; width:30px; height:30px; box-sizing:border-box; border-radius:50%; border:5px solid #f4f9fe; position:absolute; left:50%; top:50%; margin:-15px 0 0 -15px;}
 
.process_info{margin:45px auto 0;}
.process_info li{font-size:1rem; color:#333; padding: 0 0 12px 300px; box-sizing:border-box; word-break:keep-all; position:relative;}
.process_info li span{display:inline-block; font-size:1rem; font-weight:700; position:absolute; left:0; top:0;}
/*****E:: CAREERS > HIRING PROCESS *****/




/*******************************************************************************
    @media 1320px
*******************************************************************************/
@media all and (max-width:1320px){


/***** Css 공통 *****/
.stxt br{display:none;}




}

/*******************************************************************************
    @media ~1280px
*******************************************************************************/
@media all and (max-width:1280px){


/*****S:: ABOUT > VISION *****/
.vision_cont{}
.vision_cont .vision_list{}
.vision_cont .vision_list dl dt{width: 140px; height:140px;}
.vision_cont .vision_list dl dd{width:calc(100% - 140px);}
.vision_cont .vision_list dl dd .subTit small{margin:5px 0 0; display:block;}
/*****E:: ABOUT > VISION *****/

/*****S:: SERVICE > 연구 대행 서비스 *****/
.serviceCont_icon dl dd br{display: none;}
/*****E:: SERVICE > 연구 대행 서비스 *****/


/*****S:: SERVICE > BBB 연구서비스 *****/
.bbb_info dl dd{width: 60%; justify-content: flex-start;}
/*****E:: SERVICE > BBB 연구서비스 *****/





/*****S:: CAREERS > HIRING PROCESS *****/
.process_cont{}

.talent_list{justify-content: center;}
.talent_list dl{width:33.33%; margin:0 0 90px;}
.talent_list dl:nth-child(3){border:0;}
.talent_list dl:nth-child(4),
.talent_list dl:nth-child(5){margin:0;}
/*****E:: CAREERS > HIRING PROCESS *****/

}

/*******************************************************************************
    @media  ~980px                body,html{font-size:14px; }     3%
*******************************************************************************/
@media all and (max-width:980px){

/***** Css 공통 *****/



.w1280{padding:0 3%;}

.titArea{padding: 0 0 65px;}

.dot_list{}
.dot_list li{padding:0 0 15px 10px;}
.dot_list li:before{top:9px;}


.dot_list2{}
.dot_list2 li{padding:0 0 6px 8px;}
.dot_list2 li:before{top:9px;}

.num_list{}
.num_list li{padding:0 0 20px 35px;}

.sub_pad{padding:80px 0;}
.sub_pad_t{padding:80px 0 0;}
.sub_pad_b{padding:0 0 80px;}

/*****S:: ABOUT > VISION *****/
.vision_cont{}
.vision_cont .vision_top{padding:100px 60px;}
.vision_cont .vision_top h3{font-size:24px; width:60%;}
.vision_cont .vision_top h3 br{display:none;}
.vision_cont .vision_list{}
.vision_cont .vision_list dl{width: 50%;}
.vision_cont .vision_list dl:nth-child(1){padding:0 10px 40px 0;}
.vision_cont .vision_list dl:nth-child(2){padding:0 0 40px 30px;}
.vision_cont .vision_list dl:nth-child(3){padding:40px 10px 0 0;}
.vision_cont .vision_list dl:nth-child(4){padding:40px 0 0 30px;}
.vision_cont .vision_list dl dt{width: 100px; height:100px;}
.vision_cont .vision_list dl dd{width:calc(100% - 100px); padding:0 0 0 20px;}
.vision_cont .vision_list dl dd .subTit{padding: 0 0 8px;}
/*****E:: ABOUT > VISION *****/


/*****S:: ABOUT > OVERSEAS *****/
.overseas_cont{margin:0 auto 45px;}
.overseasCont_in{padding:60px 0;}
.overseasCont_in .subTit:before{width:12px; height:18px; margin:-4px 9px 0 0;}
.overseasCont_in .stxt{padding:15px 0 20px;}
/*****E:: ABOUT > OVERSEAS *****/


/*****S:: SERVICE > 연구 대행 서비스 *****/
.serviceCont_in{}
.serviceCont_icon{padding:60px 0;}
.serviceCont_icon dl{}
.serviceCont_icon dl:before{top:60px;}
.serviceCont_icon dl dt{width: 120px; height: 120px;}
.serviceCont_icon dl dt:after{right:-120px;}
.serviceCont_icon dl dd{padding:20px 10px 0;}

.serviceCont_info{padding:50px 0 70px;}

.serviceCont_list{margin:0 auto 80px;}
.serviceCont_list dl{margin:0 20px 0 0; width:calc((100% - 40px)/3);}
.serviceCont_list dl:nth-child(3n){margin-right:0;}
.serviceCont_list dl dd{padding:25px 0;}
.serviceCont_list dl dd h4{font-size:1.1rem;}
/*****E:: SERVICE > 연구 대행 서비스 *****/



/*****S:: SERVICE > BBB 연구서비스 *****/
.bbb_info{padding:90px 0 120px;}
.bbb_info h4{padding:0 0 40px;}
.bbb_info dl dt{width: 50%; padding:0 60px 0 0;}
.bbb_info dl dd{width: 50%;}
.bbb_info dl dd .num_list{padding:0 0 30px;}
.bbb_info dl dd .dep_tit{margin:40px 0 10px;}
/*****E:: SERVICE > BBB 연구서비스 *****/


/*****S:: CAREERS > HIRING PROCESS *****/
.process_cont{}
.process_cont .subTit{padding:0 0 40px;}
.process_cont .subTit span{font-size:20px; padding:6px 0 0;}
.process_cont section:first-child{margin:10px 0 0;}
.process_cont section:first-child .subTit{padding:0 0 60px;}

.talent_list{}
.talent_list dl{margin:0 0 50px;}
.talent_list dl:nth-child(4),
.talent_list dl:nth-child(5){margin:0;}
.talent_list dl:after{height:150px;}
.talent_list dl dt{width:120px; height:120px;}
.talent_list dl dd{padding:0 10px;}
.talent_list dl dd h4{padding:30px 0 8px;}
.talent_list dl dd strong{padding:0 0 10px;}

.process_box{padding:60px 20px;}
.process_box dl dt{margin:0 0 12px;}
.process_box dl dd:after{top:14px; border-width:3px;}
.process_box dl dd span{width:30px; height:30px; margin:0 auto 20px;}
.process_box dl dd span:after{width:24px; height:24px; border:3px solid #f4f9fe; margin:-12px 0 0 -12px;}
 
.process_info{margin:35px auto 0;}
.process_info li{padding: 0 0 10px 260px;}
/*****E:: CAREERS > HIRING PROCESS *****/

}
/*******************************************************************************
    @media 481~680px
*******************************************************************************/
@media all and (max-width:680px){

/***** Css 공통 *****/



.titArea{padding: 0 0 40px;}
.titArea p{font-size: 1.471rem;}

.dot_list{}
.dot_list li{padding:0 0 12px 8px;}
.dot_list li:before{width:3px; height:3px; top:8px;}


.num_list{}
.num_list li{padding:0 0 15px 30px;}



.sub_pad{padding:60px 0;}
.sub_pad_t{padding:60px 0 0;}
.sub_pad_b{padding:0 0 60px;}


/*****S:: ABOUT > VISION *****/
.vision_cont{}
.vision_cont .vision_top{background:url('/company/img/vision_img_m.jpg') no-repeat right center/cover; padding:30px 20px 100px;}
.vision_cont .vision_top h3{font-size:18px; width:100%;}
.vision_cont .vision_list{}
.vision_cont .vision_list dl{width: 100%; align-items: flex-start; padding:20px 0 !important; border:0 !important; border-bottom:1px solid #ddd !important;}
.vision_cont .vision_list dl:first-child{padding-top: 0 !important;}
.vision_cont .vision_list dl:last-child{border-bottom: 0 !important;}
.vision_cont .vision_list dl dt{width: 80px; height:80px;}
.vision_cont .vision_list dl dd{width:calc(100% - 80px); padding:0 0 0 15px;}
.vision_cont .vision_list dl dd .subTit{padding: 0 0 6px;}
/*****E:: ABOUT > VISION *****/


/*****S:: ABOUT > OVERSEAS *****/
.overseas_cont{margin:0 auto 35px;}
.overseasCont_in{padding:40px 0;}
.overseasCont_in .stxt{padding:10px 0 15px;}
/*****E:: ABOUT > OVERSEAS *****/



/*****S:: SERVICE > 연구 대행 서비스 *****/
.serviceCont_in{}
.serviceCont_icon{padding:40px 0; max-width:350px; margin:0 auto;}
.serviceCont_icon dl{width: 100%; margin: 0 0 30px; display:flex; align-items: center;}
.serviceCont_icon dl:last-child{margin: 0;}
.serviceCont_icon dl:before{width: 8px; height:8px; border:2px solid #21a5de; top:auto; bottom:-15px; left:46px; right:auto; margin-top: 0; margin-bottom: -4px;}
.serviceCont_icon dl dt{width: 100px; height: 100px;}
.serviceCont_icon dl dt:after{right:auto; left:0; top:auto; bottom: -50px; transform:rotate(90deg);}
.serviceCont_icon dl dd{width: calc(100% - 100px); padding:0 0 0 20px; text-align:left;}

.serviceCont_info{padding:30px 0 40px;}

.serviceCont_list{margin:0 auto 80px;}
.serviceCont_list dl{margin:0 0 10px; width:100%;}
.serviceCont_list dl:nth-child(3n){margin-right:0;}
.serviceCont_list dl dd{padding:20px 0;}
.serviceCont_list dl dd h4{padding:0 0 10px;}
.serviceCont_list dl dd span{padding:10px 18px; font-size:9px;}
/*****E:: SERVICE > 연구 대행 서비스 *****/


/*****S:: SERVICE > BBB 연구서비스 *****/
.bbb_info{padding:70px 0 90px;}
.bbb_info h4{padding:0 0 20px;}
.bbb_info dl dt{width: 100%; padding:0 0 30px;}
.bbb_info dl dt img{max-width: 100%;}
.bbb_info dl dt img.pc{display:none;}
.bbb_info dl dt img.m{display:block;}
.bbb_info dl dd{width: 100%;}
.bbb_info dl dd .num_list{padding:0 0 20px;}
.bbb_info dl dd .dep_tit{margin:30px 0 8px;}
/*****E:: SERVICE > BBB 연구서비스 *****/



/*****S:: CAREERS > HIRING PROCESS *****/
.process_cont{}
.process_cont .subTit{padding:0 0 30px;}
.process_cont .subTit span{font-size:16px;}
.process_cont section:first-child .subTit{padding:0 0 40px;}

.talent_list{}
.talent_list dl{width:100%; margin:0 0 40px !important; border:0; display:flex;}
.talent_list dl:nth-child(5){margin:0 !important;}
.talent_list dl:after{display:none;}
.talent_list dl dt{width:100px; height:100px;}
.talent_list dl dd{padding:0 0 0 20px; width: calc(100% - 100px); text-align:left;}
.talent_list dl dd h4{padding:10px 0 6px;}
.talent_list dl dd strong{padding:0 0 6px;}

.process_box{padding:40px 0;}
.process_box dl{width: 50%;}
.process_box dl:nth-child(1),
.process_box dl:nth-child(2){margin:0 0 40px;}
.process_box dl dt{margin:0 0 10px;}
.process_box dl dt small{font-size:12px;}
.process_box dl dd{padding:0 10px;}
.process_box dl dd:after{top:8px; border-width:2px;}
.process_box dl:nth-child(2) dd:after{display:none;}
.process_box dl dd span{width:20px; height:20px; margin:0 auto 10px;}
.process_box dl dd span:after{width:14px; height:14px; border:2px solid #f4f9fe; margin:-7px 0 0 -7px;}
 
.process_info{margin:25px auto 0;}
.process_info li{padding: 0 0 8px 0;}
.process_info li span{position:relative; left:auto; top:auto; display:block;}
/*****E:: CAREERS > HIRING PROCESS *****/

}
/*******************************************************************************
    @media ~480px                body,html{font-size:13px; }
*******************************************************************************/
@media all and (max-width:480px){





}
/*******************************************************************************
    @media ~360px
*******************************************************************************/
@media all and (max-width:320px){




}