@charset "utf-8";

h3 {
    margin: 0;
    padding: 0;
}

/*회사소개*/
.cont.company{margin-bottom:0px; overflow:hidden;}
.company p{font-size:20px; color:#000; line-height:34px; font-weight:300; text-align: center; word-break:keep-all;}
.company p.cgroup1 {width:80%; margin:40px auto 50px;}
.company p.cgroup2 {width:80%; margin:0 auto 50px;}
.company p span{color:#e83428;}
.company p.note{padding:12px 0 0; border-top:1px solid #c9c9c9; font-size:15px; line-height:24px; text-align:center;}
.bg_grey{background-color:#f6f6f6;}
.bg_grey2{background-color:#efefef;}
.bg_grey3{background-color:#f3f3f3;}
.bg_grey4{background-color:#f5f5f5;}
.group{overflow:hidden; margin:125px 0 0;}
.founder{float:left; width:50%; text-align:center; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 5%; }
.founder_photo{margin-bottom:26px;}
.founder h4{font-size:27px; color:#00050a; margin-bottom:26px;}
.founder .position{font-size:19px; color:#e83428; line-height:30px;}
.founder .job{font-size:19px; color:#00050a; margin-bottom:35px;}
.founder ul{height:375px; margin-bottom:20px;}
.founder ul li{position:relative; text-align:left; font-size:18px; color:#00050a; padding-left:10px; line-height:22px; margin-bottom:20px;}
.founder ul li:before{content:''; position:absolute; top:9px; left:0; width:3px; height:3px; border-radius:100%; background:#000;}
.founder a{display:block; color:#fff; width:225px; margin:0 auto; line-height:50px; vertical-align:middle; border-radius:50px; background:#9b9b9b;}
.founder a:hover{background:#e83428;}

.ci_inner{width:1194px; margin:0 auto; overflow:hidden;}
.cont_ci_1{text-align:center; padding:0 0 186px;}
.cont_ci_2{text-align:center; padding:186px 0;}
.cont_ci_2 img{margin:0 0 66px; }
.cont_ci_2 a{float:right; padding:10px 22px; background-color:#fff; border:1px solid #e6e6e6; font-size:16px; color:#000;}
.cont_m_ci_1{display:none;}
.cont_m_ci_2{display:none;}
.map{margin:125px 0 0;}
.map_info{margin-top:54px; overflow:hidden;}
.map_logo{float:left; width:40%; height:85px; text-align:center;}
.map_txt{float:right; width:60%;}
.map_txt ul li{overflow:hidden; margin-bottom:4px;}
.map_txt ul li span{float:left; line-height:40px; font-size:18px;}
.map_txt ul li > span:first-of-type{width:23%; color:#000; font-weight:600;}
.map_txt ul li > span:last-of-type{width:77%; color:#4b4b4b; font-weight:300; word-break:keep-all;}

/*사업영역*/
#container.business{margin-bottom:0px;}
.service{width:1194px; margin:10px auto 0;}
.service h4{margin:0 0 10px; font-size:30px; color:#000; text-align:center;}
.service p{font-size:25px; line-height:32px; text-align:center; margin-bottom:76px;}
.service_introduce{width : 100%; padding-bottom:155px; overflow:hidden; display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr; column-gap: 8px};
.service_content { padding-bottom :100px; scroll-behavior: smooth; }
.box_service{ text-align: center; border:1px solid #2699fb; box-sizing:border-box;}
.box_service dl dt{display:block; height:70px; font-size:18px; line-height:70px; font-weight:500; background-color:#2699fb; color:#fff; word-break:keep-all;}
.box_service dl dd{ position:relative; padding:20px; height:450px; box-sizing:border-box; color:#000; word-break:keep-all;}
.box_service dl dd strong{display:block; font-size:18px; line-height:25px; font-weight:400; color:red; margin:35px 0;}
.box_service dl dd p{text-align:left; font-size:17px; line-height: 22px;}
.box_service dl dd ul {text-align:left; position: absolute; top: 250px;}
.box_service dl dd ul li::before {content : '-'; margin-right : 10px}
.box_service dl dd a{position:absolute; bottom:45px; left:50%; transform:translateX(-50%); width:45%; height:50px; border-radius:50px; line-height:50px; font-size:16px; background-color: #9b9b9b; color:#fff;}
.box_service dl dd a:hover{background-color: #e83428;}
.business_cont{ padding : 150px 0}
.business_cont.bg_img1{background: url(../img/contents/cont_business_1_3_bg.jpg) no-repeat center/cover;}
.business_cont .inner, .business_cont .inner2{width:1194px; margin:0 auto; padding:100px 0 0 0; word-break:keep-all;}
.business_cont .inner .inner_explain{margin:0; text-align: end;}
.business_cont div:first-child {padding : 0;}
.business_cont h4{font-size:35px; color:#000; text-align:center; margin-bottom:10px; word-break:keep-all;}
.business_cont h5{font-size:30px; color:#000; text-align:center; margin-bottom:10px; word-break:keep-all;}
.business_cont p{font-size:25px; line-height:32px; text-align:center; margin-bottom:72px; word-break:keep-all;}
.business_btn {overflow: hidden; margin:30px 0 0;}
.business_btn a{float:right; width:240px; height:62px; line-height:62px; background-color: #e83428; text-align: center; color:#fff; font-size:20px; border-radius:4px;}
.business_info{ margin-bottom: 50px;}
.business_info_m{display:none;}
.business_info img{width:100%;}
.slider{display:none;}
.bx-wrapper{display:none;}
.mobile {display: none;}
.img_link {padding: 0; margin: 0;}

/* 기술차별화 */
.differ{width:1194px;}
.differ h4{margin:0 0 10px; font-size:30px; color:#000; text-align:center;}
.differ p{font-size:25px; line-height:32px; text-align:center; margin-bottom:76px;}
.differ .title{text-align:center; font-size: 32px; font-weight: 700; color : #000}
.differ .title .impact {font-size:35px; color:#012077;}
.inner .explain { font-size : 25px;  margin-bottom: 30px;}

/*파트너*/
.menu_partner{text-align:center;}
.menu_partner ul{ font-size:0;}
.menu_partner ul li{position:relative; display:inline-block; font-size:25px; line-height:25px; color:#000;}
.menu_partner ul li a{display:block;  padding:20px 40px; height:65px; box-sizing:border-box;}
.menu_partner ul li:not(:last-child):after{content:''; position:absolute; top:50%; right:0; transform:translateY(-50%); width:1px; height:18px; background-color: #cfcfcf;}
.menu_partner ul li a:hover:after, .menu_partner ul li a:focus:after, .menu_partner ul li.on a:after{content:''; position:absolute; left:50%; bottom:0; transform:translateX(-50%); width:85%; height:2px; background-color: #e83428;}
.partner ul{overflow:hidden; margin:125px 0 0;}
.partner ul li{float:left; width:23.5%; text-align:center; padding:16px; margin-right:1.5%; margin-bottom:16px; height:150px; box-sizing:border-box; border:1px solid #e6e6e6;}
.partner .p_logo{line-height:118px;}
.partner .p_logo img{vertical-align:middle;}
.partner_info{overflow:hidden; margin:125px 0 0; border-top:1px solid #e6e6e6; border-left:1px solid #e6e6e6; box-sizing:border-box;}
.partner_info dl{overflow:hidden;}
.partner_info dl, .partner_info dl dt, .partner_info dl dd{float:left; width:50%; line-height:150px; text-align:center;}
.partner_info dl dt{background:#fafafa; font-size:25px; color:#000; box-sizing:border-box; border-bottom:1px solid #e6e6e6; border-right:1px solid #e6e6e6;}
.partner_info dl dd{background:#fff; box-sizing:border-box; border-bottom:1px solid #e6e6e6; border-right:1px solid #e6e6e6;}
.partner_info dl dd img{vertical-align:middle;}

/*문의하기*/
.necessary{padding-bottom:88px; border-bottom:1px solid #c9c9c9;}
.necessary dl{overflow:hidden;}
.necessary dl dt{float:left; width:25%; line-height:74px; font-size:17px; color:#000; font-weight:bold;}
.necessary dl dt span{color:#e83428;}
.necessary dl dd{float:right; width:75%; line-height:74px;}
.necessary dl dd input[type=text]{display:block; height:50px; margin:12px 0; border:1px solid #b2b2b2; box-sizing:border-box; font-size:17px; /*padding:16.5px 0;*/ line-height:50px; color:#4b4b4b;}
.necessary dl dd label{font-size:18px; color:#4b4b4b;}
.necessary dl dd input::-webkit-input-placeholder, .form-group .necessary dl.special dd textarea::-webkit-input-placeholder{color:#c7c5c5; line-height:24px; height:50px; font-size:17px; text-indent:15px;}
.necessary dl dd input:focus, .form-group .necessary dl.special dd textarea:focus { border: 2px solid #e83428;}
.necessary dl.special dd{height:298px;}
.necessary dl.special dt{height:298px;}
.necessary dl.special dd textarea{display:block; height:274px; margin:12px 0; border:1px solid #b2b2b2; box-sizing:border-box; font-size:17px; text-indent:15px; padding:12px 0; line-height:24px; resize:none;}

.files{padding:88px 0px; margin-bottom:96px; border-bottom:1px solid #c9c9c9;}
.files dl{overflow:hidden;}
.files dl dt{float:left; width:25%; line-height:74px; font-size:17px; color:#000; font-weight:bold;}
.files dl dd{float:right; width:75%; line-height:74px; overflow:hidden;}
.files dl dd .file_input_textbox{float:left; width:256px; height:50px; margin:10px 0; border:1px solid #b2b2b2; border-top-right-radius:0px; border-bottom-right-radius:0px; box-sizing:border-box; font-size:17px; color:#4b4b4b;}
.files dl dd .file_input_div{position:relative; width:300px; height:50px; margin:10px 0; overflow:hidden;}
.files dl dd .file_input_button{width:150px; height:50px; position:absolute; top:0px; left:-3px; background-color:#f2f3f5; color:#4b4b4b; border:1px solid #b2b2b2;  border-left:0px; border-radius:5px;}
.files dl dd .file_input_hidden{font-size:45px; height:50px; position:absolute; right:0px; top:0px; opacity:0; filter:alpha(opacity=0); -ms-filter:"alpha(opacity=0)"; -khtml-opacity:0; -moz-opacity:0;}
.files dl dd p{font-size:17px; color:#797878; line-height:29px;}
.files dl dd span{float:left; width:404px; height:25px; line-height:25px; text-align:right;}

.agree{ margin-bottom:80px; }
.agree dl{overflow:hidden;}
.agree dl dt{float:left; width:25%; height:194px; line-height:74px; font-size:17px; color:#000; font-weight:bold; word-break:keep-all;}
.agree dl dt span{color:#e83428;}
.agree dl dd{float:right; width:75%; height:194px;}
.agree dl dd table.table_agree{border-collapse:collapse; margin-bottom:22px;}
.agree dl dd table.table_agree th{font-size:17px; color:#4b4b4b; text-align:center; padding:24px 0; background:#f2f3f5; border-top:1px solid #e7e7e7; border-bottom:1px solid #e7e7e7;}
.agree dl dd table.table_agree td{font-size:17px; color:#4b4b4b; text-align:center; padding:24px 0; border-bottom:1px solid #e7e7e7;}
.agree dl dd .check_agree{font-size:17px; color:#4b4b4b; word-break:keep-all;}
.agree dl dd .check_agree span{color:#e83428;}

.btn_inquiry{text-align:center; padding:80px 0 20px;}

/*개인정보처리방침, 이메일 집단수집거부, 이용약관*/
.txt_terms{margin:125px 0 36px; font-size:25px; line-height:38px; color:#000000; text-align:center; word-break:keep-all;}
.box_terms{width:100%; height:700px; overflow-y:scroll; padding:42px 24px; margin:125px 0 0; box-sizing:border-box; border:1px solid #b9b7b7; color:#000;}
.box_terms2{width:100%; height:700px; overflow-y:scroll; padding:42px 24px; box-sizing:border-box; border:1px solid #b9b7b7; color:#000;}
.box_terms > .group, .box_terms2 > .group{margin:0 0 40px;}
.box_terms h4{font-size:20px; line-height:24px; margin-bottom:20px;}
.box_terms .group h5{font-size:18px; line-height:22px; margin-bottom:15px;}
.box_terms .group p{font-size:16px; line-height:20px; margin-bottom:15px; color:#666;}
.box_terms .group ul{ margin-bottom:15px;}
.box_terms .group ul li{font-size:16px; line-height:20px; color:#666;}
.email .txt_email{font-size:17px; line-height:30px; word-break:keep-all; margin:125px 0 0;}

/* 반응형 */

/*회사소개*/
@media (max-width: 1920px) {
    .cont_ci_1 img{width:95%;}
    .cont_ci_2 img{width:95%;}
    .pc_office img{width:95%;}   
}
@media (max-width: 1200px) {
    .map_logo{display:none;}
    .map_txt{float:none; width:100%;}
    .map_txt ul li{margin-bottom:10px;}
    .map_txt ul li span{line-height:26px;}
    .company p.cgroup1{width:100%; margin:0 auto 55px; font-size:18px; color:#000; line-height:32px;}
    .company p.cgroup2{width:100%; margin:0 auto 55px; font-size:18px; color:#000; line-height:32px;}
    .group{margin:0px;}
    .map{margin:0px;}
}
@media (max-width: 960px) {
    .founder{float:none; width:100%; padding-bottom:30px; margin-bottom:70px; border-bottom:1px solid #9b9b9b;}
    .founder ul{min-height:75px; height:auto; width:40%; margin:0 auto 35px;}
    .pc_office img{width:95%;}
}
@media (max-width: 600px) {
    .ci_inner{width:100%;}
    .cont_ci_1{display:none;}
    .cont_ci_2{display:none;}
    .cont_m_ci_1{display:block; text-align:center; padding:0 0 90px;}
    .cont_m_ci_1 img{width:100%;}
    .cont_m_ci_2{display:block; text-align:center; padding:90px 0;}
    .cont_m_ci_2 img{width:100%; margin:0 0 60px;}
    .cont_m_ci_2 a{display:inline-block; padding:10px 22px; background-color:#fff; border:1px solid #e6e6e6; font-size:16px; color:#000;}
    .founder{float:none; width:100%; padding-bottom:30px; margin-bottom:70px; border-bottom:1px solid #9b9b9b;}
    .founder ul{min-height:75px; height:auto; width:100%; margin-bottom:35px;}
}
/*사업영역*/
@media (max-width: 1200px) {
    .service{width:100%; margin:0; padding:0 20px; box-sizing: border-box;}
    .service h4{font-size:28px;}
    .service p{font-size:20px; line-height:27px; margin-bottom:36px;}
    .service_introduce{padding-bottom:75px; overflow:hidden;}
    
    .business_cont{width:100%; box-sizing: border-box; padding: 50px 0;}
    .business_cont .inner{width:100%; padding:50px 0;}
    .business_cont .inner2{display:none;}
    .business_cont h4{font-size:23px;}
    .business_cont p{font-size:20px; line-height:27px; margin-bottom:36px;}
    .business_btn {text-align: center; margin:25px 0;}
    .business_info{display: none;}
    .business_btn a{float:none; display:inline-block; font-size: 18px;}
    .business_info_m{display:block; width:100%;}
    .business_info_m img{width:100%;}
    .business_cont.bg_img1{background:none;}
    .box_service{display:none;}

    /*비지니스 슬라이드*/
    .bx-wrapper{display:block; position:relative;}
    .bx-controls-direction{/*font-size:80px;*/ overflow: hidden;}
    .bx-controls-direction a{float:left; display:block; width:45px; height:45px; line-height:45px; overflow:hidden; color:#fff; border:1px solid #ccc; margin-top:30px; color:#ccc; text-align:center;}
    .bx-controls-direction .bx-prev{margin-right:20px;}
    .bx-controls-direction .bx-next{}
    .bx-controls-direction .bx-prev:before{content:"\e93d"; font-family:'xeicon'; font-size:45px;}
    .bx-controls-direction .bx-next:before{content:"\e940"; font-family:'xeicon'; font-size:45px;}
    .bx-pager{display:none;}
    .slider{display:block; text-align:center;}
    .slider > div{float:none; width:100%; margin:0 20px 20px 0; border:1px solid #2699fb; box-sizing:border-box; text-align:center;}
    .slider > div dl dt{display:block; height:86px; font-size:25px; font-weight:700; line-height:86px; background-color:#2699fb; color:#fff; word-break:keep-all;}
    .slider > div dl dd{ position:relative; padding:20px; height:477px; box-sizing:border-box; color:#000; word-break:keep-all;}
    .slider > div dl dd strong{display:block; font-size:25px; font-weight:500; line-height:25px; color:#000; margin:35px 0;}
    .slider > div dl dd p{text-align:left; font-size:20px; line-height:30px;}
    .slider > div dl dd a{position:absolute; bottom:45px; left:50%; transform:translateX(-50%); width:45%; height:50px; border-radius:50px; line-height:50px; font-size:20px; background-color: #9b9b9b; color:#fff;}
    .slider > div dl dd a:hover{background-color: #e83428;}
    .slider > div dl dd ul{text-align:left; position: absolute; top: 250px;}
    .slider > div dl dd ul li::before{content : '-'; margin-right : 10px}

    .mobile{display: block;}
}

/*파트너*/
@media (max-width: 1200px) {
    .menu_partner ul li{font-size:16px; line-height:16px;}
    .menu_partner ul li a{padding:15px 15px; height:46px; box-sizing:border-box;}
    .menu_partner ul li.ci a{padding-left:30px; padding-right:30px;}
    .menu_partner ul li:not(:last-child):after{height:13px;}
    .partner ul{margin:0px;} 
    .partner ul li{width:48.5%; margin-right:1.5%; padding:12px;}
    .partner ul li:nth-child(2n){margin-right:0px;}
    .partner ul li .p_logo img, .partner_info dl dd img{max-width:97%; width:auto; height:auto;}
    .partner_info{margin:0px;}
    .partner_info dl{float:none; width:100%;}
    .partner_info dl dt{font-size:22px;}
    .partner_info dl dd{padding:0 10px;}
}

/* 기술차별화 */
@media (max-width : 1200px){
    .differ{width:100%; margin-top : 30px}
    .differ h4{margin:0 0 10px; font-size:20px; color:#000; text-align:center;}
    .differ p{display: none;}
    .differ .title{text-align:center; font-size: 22px; font-weight: 700; color : #000}
    .differ .title .impact {font-size:20px; color:#012077;}
}

/*개인정보처리방침, 이메일 집단수집거부*/
@media (max-width: 1200px) {
    .txt_terms{margin:0 0 46px; font-size:18px; line-height:28px;}
    .box_terms{width:96%; height:500px; margin:0 auto; overflow-y:scroll;}
    .email .txt_email{width:96%; text-align:center; margin:36px 0 0;}
}

/*문의하기*/
@media (max-width: 1200px) {
    .necessary{padding-bottom:48px;}
    .necessary dl dt{width:20%; font-size:15px; line-height:74px;}
    .necessary dl dd{width:78%;}
    .necessary dl:nth-child(1) dt{line-height:85px;}
    .necessary dl:nth-child(1) dd{line-height:85px;}
    .necessary dl dd label{font-size:16px;}
    .necessary dl dd span.radio{display:block; line-height:30px;}

    .files{padding:48px 0px; margin-bottom:46px;}
    .files dl dt{width:20%; font-size:15px; height:auto; line-height:22px; padding-top:20px;}
    .files dl dd{width:78%;}
    .files dl dd .file_input_textbox{width:150px;}
    .files dl dd .file_input_div{width:96px;}
    .files dl dd .file_input_button{width:96px; font-size:14px;}
    .files dl dd p{font-size:14px; line-height:20px; margin-top:20px;}
    .files dl dd span{width:246px;}

    .agree{ margin-bottom:40px; }
    .agree dl dt{width:20%; font-size:15px; height:auto; line-height:22px; padding-top:20px;}
    .agree dl dd{width:78%;}
    .agree dl dd table.table_agree thead{display:none;}
    .agree dl dd table.table_agree tr, .agree dl dd table.table_agree td{display:block;}
    .agree dl dd table.table_agree td:before{display:block; background:#f2f3f5; padding:16px 0; margin:0 0 16px; border-top:1px solid #e7e7e7; border-bottom:1px solid #e7e7e7;}
    .agree dl dd table.table_agree td:nth-child(1):before{content:'항목';}
    .agree dl dd table.table_agree td:nth-child(2):before{content:'이용 목적';}
    .agree dl dd table.table_agree td:nth-child(3):before{content:'개인정보 보유 및 이용기간';}
    .agree dl dd{height:auto;}
}