/*
=========================================================================
공통 css
=========================================================================
*/
.subConBox h1{text-align: center; font-weight: 800; font-size: 2em; margin-bottom: 80px; color: #58B531;}
.subConBox p{line-height: 1.8;}
.subConBox .title_logo{width: 340px; margin: 0 auto 80px;}
.subConBox .title_logo img{width: 100%; height: auto;}

.stit{font-size: 1.4em; font-weight: 600; margin-bottom: 25px;}
.stxt{margin-bottom: 40px;}
.sub_cont{width: 100%; }
.sub_cont .simg_box .simg{background: #f9f9f9; border: 1px solid #eee; border-radius: 20px;  margin-bottom: 40px; position: relative; overflow: hidden; }
.sub_cont .simg_box .simg img{width: 80%; height: auto; margin: 0 10%;}
.sub_cont b{font-weight: 500;}

@media screen and (max-width:1200px) {
    .subConBox h1{margin-bottom: 50px;}
    .subConBox .title_logo{width: 300px; margin: 0 auto 40px;}
    .sub_cont .simg_box .simg{width: 100%; height: auto;}
    .sub_cont .simg_box .simg img{width: 100%; height: auto; margin: 0 auto;}
}

@media screen and (max-width:720px){
    .subConBox h1{font-size: 1.8em; margin-bottom: 30px;}
    .subConBox .title_logo{width: 250px; margin: 0 auto 30px;}
    .stit{margin-bottom: 15px;}
}
@media screen and (max-width:550px){
    .subConBox .title_logo{width: 230px;}
}
/*
=========================================================================
sub1-1 네이버 AI CALL css
sub1-2 네이버 AI CALL css
=========================================================================
*/
.s1_cont{height: auto;}
.s1_sublist li{margin-bottom: 30px; overflow: hidden;}
.s1_sublist li:last-of-type{margin-bottom: 0;}
.s1_sublist li p{float: left;}
.s1_sublist .slist_tit{color: #58B531; font-weight: 600; margin-bottom: 5px; width: 250px; margin-right: 10px;}
.s1_sublist .slist_txt{width: calc(100% - 260px)}


@media all and (max-width:900px){
    .s1_subcont .simg_box{position: relative;}
    .s1_sublist li p{float: none;}
    .s1_sublist .slist_tit{width: 100%; margin-right: 0;}
    .s1_sublist .slist_txt{width: 100%;}
}
@media all and (max-width:720px){
    .s1_subcont .simg_box .mbtb_guide{background: url(../img/common/bg_touch.png) no-repeat center/ 100%; width: 70px; height: 70px; position: absolute; top:50%; left: 50%; transform: translate(-50%, -50%);}
}
/*
=========================================================================
sub2-1 비체크 css
sub2-2 덴탈클라우드 css
sub2-3 바심소리 css
=========================================================================
*/
.s2_cont .simg_box .simg{border: none;}
.s2_cont .simg_box .simg1{background: #5279ad;}
.s2_cont .simg_box .simg2{background: #54b687;}
.s2_cont .simg_box .simg3{background: #9ece80;}
.s2_cont .simg_box .simg img{width: 64%; margin: 0 18%;}
.s2_cont .sub_stit{font-size: 1.2em; font-weight: 700; margin-bottom: 20px;}
.s2_cont .sub_stit1{color: #3067AF;} 
.s2_cont .sub_stit2{color: #1CC071;} 
.s2_cont .sub_stit3{color: #62B22F;} 
.sub_list li{display: flex;}
.sub_list li .dot{width: 5px; height: 5px; border-radius: 50%; margin-right: 20px; transform: translateY(14px);}
.sub_list1 li .dot{background: #3067AF;}
.sub_list2 li .dot{background: #1CC071}
.sub_list3 li .dot{background: #62B22F;}
.sub_list li .stxt{margin-bottom: 15px; width: calc(100% - 25px);}


@media screen and (max-width:1200px) {
    .s2_cont .simg_box .simg img{width: 80%; margin:0 15%;}
    .sub_list li .stxt{margin-bottom: 13px;}
    .sub_list li .dot{transform: translateY(12px);}
}
@media screen and (max-width:900px) {
    .s2_cont .simg_box .simg img{width: 100%; margin: 0 auto;}
    .sub_list li .stxt{margin-bottom: 5px;}
}
/*
=========================================================================
sub3-1 솔루션 css
=========================================================================
*/
.s3_1 .s3_cont .s3_subcont:first-of-type{margin-bottom: 80px;}
.s3_1_part{width: 810px; height: 200px; margin: 0 auto; transform: translateX(15px);}
.s3_1_part li{position:relative; border: 1px solid #58B531; background: #58B531; border-radius: 50%; width: 200px; height: 200px; float: left;}
.s3_1_part li:nth-of-type(2){transform: translateX(-10px);background: #fff;}
.s3_1_part li:nth-of-type(3){transform: translateX(-20px);}
.s3_1_part li:nth-of-type(4){transform: translateX(-30px);background: #fff;}
.s3_1_part li p{position: absolute; top:50%; left:50%; transform: translate(-50%, -50%); color: #fff; text-align: center; line-height: 1.2;}
.s3_1_part li:nth-of-type(2) p,.s3_1_part li:nth-of-type(4) p{ color: #58B531;}
.s3_1_txtbox{margin-top: 60px; background: #f9f9f9; width: 100%; padding: 50px 0; border-radius: 20px; border: 1px solid #eee;}

@media screen and (max-width:1150px) {
    .s3_1_part{width: 610px; height: 150px;}
    .s3_1_part li{width: 150px; height: 150px;} 
}
@media all and (max-width:720px){
    .s3_1_txtbox{padding: 30px 0;}
    .s3_1_part{width: 330px; height: 80px;}
    .s3_1_part li{width: 80px; height: 80px;}
    .s3_1_part li p{font-size: 16px;} 
}
@media all and (max-width:380px){
    .s3_1_txtbox{padding: 20px 0;}
    .s3_1_part{width: 250px; height: 60px;}
    .s3_1_part li{width: 60px; height: 60px;}
    .s3_1_part li p{font-size: 14px;}
}
/*
=========================================================================
sub4-1 회사소개 css
=========================================================================
*/
.s4_1_img{width: 100%; height: auto; border-radius: 20px; overflow: hidden;}
.s4_1_img img{width: 100%; height: auto;}

/*
=========================================================================
sub4-2 연혁 css
=========================================================================
*/
.history_list{display: flex;}
.history_list .imgs {width:30%; margin-right: 10%;} 
.history_list .imgs ul {padding:50px 0;}
.history_list .imgs ul li {text-align: center; margin-bottom:120px; border-radius: 20px; overflow: hidden;} 
.history_list .imgs img{width: 100%; height: auto;}
.history_list {overflow: hidden; margin-top:20px;}
.history_list .list { position:relative; width:60%; padding:40px 0 0;}
.history_list .list ul:before {content:''; position:absolute; height:100%; width:1px; background:#ccc; left:0; top:0;}
.history_list .list ul li {position:relative; padding-left:100px;}
.history_list .list ul li:before {content:''; position:absolute; left:-7px; top:25px; width:5px; height:5px; background:#fff; border:5px solid #58B531; border-radius: 50%;}
.history_list .list ul li span {font-size:36px; color:#58B531; font-family: 'Montserrat';  font-weight:700;}
.history_list .detail {padding:20px 20px 60px;}
.history_list .detail dl{margin-bottom:20px; font-size:.9em; display: flex; justify-content: space-between;}
.history_list .detail dl:last-child{margin-bottom:0;}
.history_list .detail dl dt{width:50px; font-weight: bold; line-height: 1.2; height: 20px;}
.history_list .detail dl dd{line-height: 1.2; width: calc(100% - 70px);}

@media screen and (max-width:1200px) {
    .history_list .imgs {margin-right: 5%;}
    .history_list .list {width:65%;}    
    .history_list .list ul li {padding-left:80px;}
    .history_list .list ul li:after {width:50px;}
}
@media screen and (max-width:1100px) {
    .history_list .imgs {display: none;}
    .history_list .list {width:calc(100% - 50px); margin-left: 50px;}
}
@media all and (max-width:720px){
    .history_list .detail {padding:10px 10px 30px;}
    .history_list .detail dl{font-size:14px;}
    .history_list .list {width:100%; margin-left: 10px;}
    .history_list .list ul li {padding-left:50px;}
    .history_list .list ul li:after {width:30px;}
    .history_list .detail dl{margin-bottom:15px;}
    .history_list .detail dl dt{width:40px;}
    .history_list .detail dl dd{width: calc(100% - 50px);}
}
/*
=========================================================================
sub4-3 특허/인증/수상 css
=========================================================================
*/

.stab{margin: 0 auto 60px auto; border-radius: 30px; padding: 6px 13px; display: flex;}
.stab li{padding: 5px 30px 9px 30px; line-height: 1; cursor: pointer; border-radius: 20px; margin-right: 10px; color: #888;}
.stab li:nth-of-type(1){background: #58B531; color: #fff;}
.stab li:last-of-type{margin-right: 0;}
.awards_list ul{display: none;}
.awards_list ul:nth-of-type(1){display: block;}
.awards li{position: relative; float: left; width: calc((100% - 40px)/3); margin-right: 20px; margin-bottom: 20px; overflow: hidden; overflow: hidden; overflow: hidden; border-radius: 20px; background: #f9f9f9;}
.awards li:nth-of-type(3n){margin-right: 0;}
.awards li img{width: 30%; height: auto;  transition: all .5s; margin: 20px 35%;}
.awards li dl{position: absolute; width: calc(90% - 10px); padding-left: 10px; top:50%; left:50%; transform: translate(-50%, -50%); text-align:center; display: none; color: #fff;}
.awards li dt{margin-bottom: 5px;  overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.awards li dd{font-size: 16px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.awards li:hover img{
    transform: scale(1.2);
    filter: brightness(50%);
}
.awards li:hover{background: #ccc;}
.awards li:hover dl{display: block;}

@media all and (max-width:900px){
    .stab{margin: 0 auto 40px auto; padding: 5px 10px;}
    .stab li{padding: 6px 27px; font-size: 16px;}
    .awards li{width: calc((100% - 20px)/2); border-radius: 15px;}
    .awards li:nth-of-type(3n){margin-right: 20px;}
    .awards li:nth-of-type(2n){margin-right: 0;}
}
@media all and (max-width:600px){
    .stab{width: 280px; height: 28px; padding: 5px 10px; justify-content: space-between;}
    .stab li{padding: 6px 20px; margin-right: 0;}
    .awards li{width: 100%; margin-right: 0;}
    .awards li:nth-of-type(3n){margin-right: 0;}
    .awards li:nth-of-type(2n){margin-right: 0;}
}
/*
=========================================================================
sub4-4 파트너사 css
=========================================================================
*/
.s4_4_subConBox{padding-left: 0; padding-right: 0;}
.s4_4{background: #f9f9f9; padding: 100px 0;}
.partner{width: 100%; margin: 0 auto;}
.partner li{height: auto; margin-right: 20px; border: 1px #eee solid; border-radius: 15px; overflow: hidden; padding: 10px 20px; box-sizing: border-box; background: #fff;}
.partner li img{width: 100%; height: auto;}
.partner .slick-arrow{width: 50px; height: 50px; z-index: 200; font-size: 0;}
.partner .slick-prev{background: url(../img/common/slider_pre_arrow.png) no-repeat center / 90%; filter: brightness(.8); position: absolute; top:50%; left: 30px; transform: translateY(-50%);}
.partner .slick-next{background: url(../img/common/slider_next_arrow.png) no-repeat center / 90%; filter: brightness(.8); position: absolute; top:50%; right: 30px; transform: translateY(-50%);}
@media all and (max-width:1200px){
    .s4_4{padding: 80px 0;}
    .partner .slick-arrow{width: 40px; height: 40px;}
    .partner .slick-prev{left: 20px;}
    .partner .slick-next{right: 20px;}
}
@media all and (max-width:900px){
    .s4_4{padding: 60px 0;}
    .partner li{border-radius: 10px;}
    .partner .slick-arrow{width: 30px; height: 30px;}
    .partner .slick-prev{left: 10px;}
    .partner .slick-next{right: 10px;}
}
@media all and (max-width:600px){
    .s4_4{padding: 40px 0;}
}
/*
=========================================================================
sub5-1 문의하기 css
=========================================================================
*/
#s5_cs_form{width: 1100px; margin: 0 auto;}
#s5_cs_form .first input, #s5_cs_form .second input{height: 50px; padding:5px 20px; box-sizing: border-box; margin-bottom: 12px; background: #f9f9f9; border: 0; color: #555; border-radius: 5px; border: 1px solid #ccc;}
#s5_cs_form .first input::placeholder, #s5_cs_form .second input::placeholder{color: #aaa;}
#s5_cs_form .first{display: flex; justify-content: space-between;}
#s5_cs_form .first input{width: 20%;}
#s5_cs_form .first input:nth-of-type(2){width: 38%;}
#s5_cs_form .first input:nth-of-type(3){width: 38%;}
#s5_cs_form .second input{width: 100%;}
#s5_cs_form textarea{width: 100%; resize: none; padding: 10px; background: rgba(255,255,255,.2); margin-bottom: 10px; border: 0; color: #555; box-sizing: border-box; padding:15px 20px; border-radius: 5px; background: #f9f9f9; border: 1px solid #ccc;}
#s5_cs_form textarea::placeholder{color: #aaa;}
#s5_cs_form .submit input:nth-of-type(1){margin-top: 15px;}
#s5_cs_form .submit span{font-size: .85em; margin-left: 8px;}
#s5_cs_form .submit a{margin-left: 10px; color: #aaa; text-decoration: underline; font-size: .85em;}
#s5_cs_form .submit input[type="checkbox"]{display: none;}
#s5_cs_form .submit input[type="checkbox"] + label{display: inline-block; width: 14px; height: 14px; position: relative; background: #fff; border-radius: 2px; border: 1px solid #ccc; transform: translateY(2px);}
#s5_cs_form .submit input[id="cs_check"]:checked + label::after{content:''; width: 14px; height: 14px; border-radius: 2px; position: absolute; left: 0; top:0; background: #58B531 url(../img/common/icon_check.png) no-repeat center / 70% auto;}
@media all and (max-width:1200px){
    #s5_cs_form{width: 100%}
}
@media all and (max-width:600px){
    #s5_cs_form .first input, #s5_cs_form .second input{padding: 3px 10px;}
    #s5_cs_form textarea{padding: 10px 15px;}
}
/*
=========================================================================
sub5-2 오시는길 css
=========================================================================
*/
.s5_2_p{font-size: .5em; font-weight: 400; color: #555; line-height: 1.6; display: block; margin-top: 10px;}
.s5_2_map{position:relative;}
.s5_2_map:nth-of-type(1){margin-bottom: 80px;}
.map_tit{background: #58B531; width: 250px; height: 120px; position: absolute; right:40px; top:-20px; border-radius: 10px;}
.s5_2_map iframe{ margin-bottom: 20px; height: 450px; border-radius: 20px;}
.map_tit p{transform: translateY(28px); text-align: center; color: #fff; font-size: 22px; line-height: 1.4;}
.map_tit p span{font-weight: 600;}
.s5_2_txt{padding-left: 20px;}
.s5_2_txt .stit{margin-bottom: 15px; font-size: 1.2em; color: #58B531;}
.s5_2_txt .stxt{margin-bottom: 0;}
.s5_2_txt .stxt span{font-weight: 600;}

@media screen and (max-width:1200px) {
    .s5_2_map iframe{height: 350px;}
}
@media all and (max-width:900px){ 
    .s5_2_map iframe{height: 400px;}
}
@media all and (max-width:720px){
    .map_tit{display: none;}
}
@media all and (max-width:600px){
    .s5_2_map:nth-of-type(1){margin-bottom: 60px;}
    .s5_2_map iframe{height: 250px; margin-bottom: 10px; border-radius: 15px;}
    .s5_2_txt .stit{margin-bottom: 10px;}
    .s5_2_txt{padding-left: 0;}}

/*
=========================================================================
sub6-1 개인정보처리방침 css
sub6-2 이메일무단수집거부 css
=========================================================================
*/
.info {font-size: .95em;}
.info h5 {margin: 35px 0 5px; font-weight: bold;}
.info span {display: block; color: #555;}
.info .ibox {background: #f9f9f9; padding: 10px 25px; margin: 20px 0 40px; border-radius: 12px;}
.info .ibox p {color: #666; margin: 10px 0;}
.info .ibox p strong {display: block; color: #3c3838;}
.info .ibox1 {text-align:center;}
.info .ibox1 p strong {margin:10px 25px 25px; font-size:16px;}
.info .ibox_end{margin: 20px 0 0 0;}