@charset "utf-8";

/*************/
/* 컨텐츠 시작 */
/*************/
/*** 회사소개 ***/
.sub010101 {text-align:center;}
.sub010101 .p1 {line-height:1.5;font-weight:700;font-size:1.875em;color:#111;}
.sub010101 .p1 span {font-size:1.666em;}
.sub010101 .p1 span em {color:#00b648;}
.sub010101 .p2 {margin-top:30px;line-height:1.8;font-size:1.375em;color:#444;}
.sub010101 .p2 em {display: inline;box-shadow: inset 0 -10px 0 #e2fff4;font-weight:500;color:#00b648;}
.sub010101 img {margin-top:85px;width:clamp(0px,100%,1400px);}
    @media only screen and (max-width:767px){
        .sub010101 .p1 {font-size:1.575em;}
        .sub010101 .p1 span {font-size:1.566em;}
        .sub010101 .p2 {margin-top:20px;font-size:1.275em;}
        .sub010101 .p2 br {display:none;}
        .sub010101 img {margin-top:45px;}
    }


/*** 일반현황 및 연혁 ***/
.his_box {display:flex;}
.his_box .left {position:relative;flex-shrink:0;width:320px;background:url("./../image/content/sub01/img_his.png") no-repeat left top / cover;border-radius:0 0 50px 0;text-align:right;}
.his_box .left:before {content:"";position:absolute;left:-83px;top:55px;width:167px;height:167px;background:url("./../image/content/sub01/ring1.png") no-repeat left top;}
.his_box .left:after {content:"";position:absolute;right:70px;bottom:-45px;width:89px;height:89px;background:url("./../image/content/sub01/ring2.png") no-repeat left top;}
.his_box .left img {margin-right:-3px;margin-top:-1px;}
.his_box .right {flex-grow:1;padding-left:60px;}
.his_box .right .box {display:flex;padding:35px 40px 45px 40px;border-top:2px solid #ddd;}
.his_box .right .box strong {flex-shrink:0;width:175px;font-size:2.812em;color:#111;}
.his_box .right .box ul {margin-top:12px;}
.his_box .right .box ul li {position:relative;margin-bottom:20px;padding-left:13px;line-height:1.4;font-size:1.25em;color:#111;}
.his_box .right .box ul li:before {content:"";position:absolute;left:0;top:12px;isplay:block;width:3px;height:3px;border-radius:100%;background:#000;}
.his_box .right .box ul li em {color:#1d50ae;}
.his_box .right .box ul li em.em2 {font-weight:600;font-size:1.2em;color:#00b648;}
    @media only screen and (max-width:1023px){
        .his_box .left {width:220px;}
        .his_box .right {padding-left:30px;}
        .his_box .right .box {padding:25px 20px 25px 20px;}
        .his_box .right .box strong {width:145px;}
    }
    @media only screen and (max-width:767px){
        .his_box .left {width:150px;}
        .his_box .left img {width:40px;}
        .his_box .right .box {flex-direction:column;}
        .his_box .right .box strong {width:100%;}
        .his_box .right .box ul {margin-top:25px;}
    }
    @media only screen and (max-width:499px){
        .his_box .left {display:none;}
        .his_box .right {padding-left:0;}
        .his_box .right .box ul li {margin-bottom:15px;}
    }


/*** 조직도 ***/
.org_box {position:relative;padding:0 12%;background:url("./../image/content/sub01/logo2.png") no-repeat center center;text-align:center;}
.org_box:before {content:"";position:absolute;left:0;right:0;top:0;z-index:-1;display:block;width:1px;height:58%;margin:0 auto;background:#ddd;}
.org_box .ceo_top span {display:grid;place-items:center;width:280px;height:75px;margin:0 auto;background:#fff;border:1px solid #ddd;}

.org_box .ceo {margin-top:42px;}

.org_box span.bord {position:relative;display:grid;place-items:center;width:276px;height:85px;margin:4px auto 4px auto;background:#07913a;font-size:1.5em;border:10px solid #fff;outline:1px solid #07913a;outline-offset:1px;color:#fff;}
.org_box span.bord:before {content:"";position:absolute;top:-52px;z-index:-1;display:inline-block;width:1px;height:40px;background:#ddd;}
.org_box span.bord2 {background:#079175;outline:1px solid #079175;}
.org_box span.bord3 {width:216px;height:75px;background:#616161;outline:1px solid #ddd;font-size:1.187em;}
.org_box span.bord3:before {display:none;}

.org_box .group2 {position:relative;width:100%;margin:50px auto 0 auto;display:flex;justify-content:flex-end;}
.org_box .group2:before {content:'';position:absolute;left:50%;top:50%;margin:auto;width:50%;height:1px;background:#ddd;}

.org_box .group3 {position:relative;display:flex;justify-content:space-between;gap:20px;margin-top:90px;}
.org_box .group3:before {content:'';position:absolute;left:0;right:0;top:-38px;margin:0 auto;width:50%;height:1px;background:#ddd;}
.org_box .group3 .dep1 {position:relative;width:25%;}
.org_box .group3 .dep1:before {content:'';position:absolute;left:50%;top:-38px;margin:auto;width:60%;height:1px;background:#ddd;}
.org_box .group3 .dep2:before {content:'';position:absolute;left:auto;right:50%;top:-38px;margin:auto;width:60%;height:1px;background:#ddd;}
.org_box .group3 .dep1 .bord {width: 100%;}
.org_box .group3 .dep1 .d1-item {margin:25px 0 0 -1px;background:#fff;outline:1px solid #222;}
.org_box .group3 .dep1 .d1-item li {border-top:1px dashed #222;color:#222;}
.org_box .group3 .dep1 .d1-item li:first-child {border-top:0;}
.org_box .group3 .dep1 .d1-item li span {display:grid;place-items:center;height:65px;}
    @media only screen and (max-width:1199px){
        .org_box {padding:0 5%;}
    }
    @media only screen and (max-width:1023px){
        .org_box {padding:0;}
    }
    @media only screen and (max-width:768px){
        .org_box {background-size:100% auto;}
        .org_box:before {height:55%;}
        .org_box .ceo {margin-top:20px;}
        .org_box span.bord {height:55px;font-size:1.3em;border:2px solid #fff;}
        .org_box span.bord:before {content:"";position:absolute;top:-44px;}
        .org_box span.bord3 {width:100%;}
        .org_box .group2 {margin:20px auto 0 auto;}
        .org_box .group2 li {width:40%;}
        .org_box .group3 {margin-top:50px;gap:10px;}
        .org_box .group3 .dep1 .d1-item {margin:10px 0 0 -1px;}
        .org_box .group3 .dep1 .d1-item li span {height:45px;}
        /*.org_box .group3 .dep2 {word-break: break-all;}*/
    }


/*** 찾아오시는 길 ***/
.map_box iframe {width:100%;height:450px;border:0;}
.map_list {display:flex;align-items:center;padding:40px 45px;border-top:1px solid #222;border-bottom:1px solid #ddd;}
.map_list li {flex-grow:1;color:#616161;}
.map_list li:nth-child(1) {width:40%;}
.map_list li:nth-child(2) {padding-left:20px;border-left:1px solid #ddd;}
.map_list li:nth-child(3) {padding-left:20px;border-left:1px solid #ddd;}
.map_list li strong {padding:5px 0 5px 30px;margin-right:10px;background:url("./../image/content/sub01/icon_map.png") no-repeat left center;font-size:1.125em;color:#222;}
.map_list li:nth-child(2) strong {padding-left:45px;background-image:url("./../image/content/sub01/icon1.png");}
.map_list li:nth-child(3) strong {padding-left:55px;background-image:url("./../image/content/sub01/icon2.png");}
    @media only screen and (max-width:1023px){
        .map_list {align-items:flex-start;flex-direction:column;padding:15px 25px;}
        .map_list li {padding:15px 0;}
        .map_list li:nth-child(1) {width:100%;}
        .map_list li:nth-child(2) {padding-left:0;border-left:0;}
        .map_list li:nth-child(3) {padding-left:0;border-left:0;}
        .map_list li strong {padding:7px 0 7px 50px;}
        .map_list li:nth-child(2) strong {padding-left:50px;}
        .map_list li:nth-child(3) strong {padding-left:50px;}
    }
    @media only screen and (max-width:767px){
        .map_list {padding:15px 15px;}
        .map_list li {display:flex;flex-direction:column;}
        .map_list li:nth-child(2) strong {margin-bottom:10px;}
        .map_list li:nth-child(3) strong {margin-bottom:10px;}
    }


/*** 데이터플랫폼 ***/
.service_box .gui_box {margin-top:20px;}
.service_box .gui_box .gui_box1 {display: flex;}
.service_box .gui_box .gui_box1 .pbox {flex-shrink:0;width: 580px;}
.service_box .gui_box .gui_box1 .pbox .p1 {padding:50px 0 0 40px;height:55%;line-height:30px;background: url('./../image/content/sub03/sbg1_bg.png') no-repeat left top #003977;font-size: 1.25em;color:#fff;}
.service_box .gui_box .gui_box1 .pbox .p1 em {display:block;margin-bottom:25px;font-weight:700;font-size:2.25em;}
.service_box .gui_box .gui_box1 .pbox .p1 u {}
.service_box .gui_box .gui_box1 .pbox .p1 br {}
.service_box .gui_box .gui_box1 .pbox .p2 {padding:35px 20px 35px 40px;height:45%;line-height:30px;background: #008bc5;font-size:1.1em;color:#fff;}
.service_box .gui_box .gui_box1 .pbox .p2 em {display: inline;box-shadow: inset 0 -25px 0 #003977;}
.service_box .gui_box .gui_box1 .img_box {overflow: hidden;flex-grow: 1;}
.service_box .gui_box .gui_box1 .img_box img {width: 100%;}
.service_box .gui_box .gui_box2 {}
.service_box .gui_box .gui_box2 ol {margin-top:130px;}
.service_box .gui_box .gui_box2 ol li {display: flex;}
.service_box .gui_box .gui_box2 ol li + li {margin-top:100px;}
.service_box .gui_box .gui_box2 ol li:nth-child(even) {flex-direction: row-reverse;}
.service_box .gui_box .gui_box2 ol li .left {width: 50%;}
.service_box .gui_box .gui_box2 ol li:nth-child(even) .left {margin-left:40px;}
.service_box .gui_box .gui_box2 ol li .left .top {display: flex;gap:15px;margin-top:20px;margin-bottom:20px;}
.service_box .gui_box .gui_box2 ol li .left .top span {display:inline-block;font-weight: 700;font-size:2.812em;color:#3a57da;}
.service_box .gui_box .gui_box2 ol li .left .top strong {display:block;line-height:1.2;font-size:1.875em;color: #222;}
.service_box .gui_box .gui_box2 ol li .left .bot {line-height:1.8;padding:0 35px 0 75px;}
.service_box .gui_box .gui_box2 ol li:first-child .left .bot {padding:0 35px 0 68px;}
.service_box .gui_box .gui_box2 ol li .left .bot em {display:block;color:#3a57da;}
.service_box .gui_box .gui_box2 ol li .left .bot u {color:#222;}
.service_box .gui_box .gui_box2 ol li .left .bot br {}
.service_box .gui_box .gui_box2 ol li .right {width: 50%;}
.service_box .gui_box .gui_box2 ol li .right img {width: 100%;}
.service_box .gui_box .gui_box2 ol li .icon {display:grid;place-items:center;width: 100px;height: 100px;margin:30px auto;background: #f2f2f2;border-radius: 100%;}
.service_box .gui_box .gui_box2 ol li .icon img {}
.service_box .gui_box .gui_box2 ol li p {line-height: 1.5;}
.service_box .gui_box .gui_box2 ol li p em {color: #222;font-weight: 500;}
.service_box .gui_box .gui_box3 {margin-top:80px;border:1px solid #ddd;text-align: center;}
.service_box .gui_box .gui_box3 img {width:clamp(0px,100%,1196px);}
.service_box .gui_box .gui_box3 a {display: none;place-items:center;width:120px;line-height:35px;background:#144199;border-radius: 0 0 10px 0;color:#fff;}
@media only screen and (max-width:1199px){
    .service_box .gui_box {padding:0 15px;}
    .service_box .gui_box .gui_box1 .img_box {flex-grow: inherit;}
    .service_box .gui_box .gui_box1 .img_box img {width: auto;}
}
@media only screen and (max-width:1023px){
    .service_box .gui_box {margin-top:40px;padding:0;}

    .service_box .gui_box .gui_box1 {display: flex;flex-direction: column;}
    .service_box .gui_box .gui_box1 .pbox {width: 100%;}
    .service_box .gui_box .gui_box1 .pbox .p1 {padding:40px;line-height:24px;font-size: 1.125em;}
    .service_box .gui_box .gui_box1 .pbox .p1 em {margin-bottom:15px;}
    .service_box .gui_box .gui_box1 .pbox .p2 {padding:40px;line-height:24px;}
    .service_box .gui_box .gui_box1 .img_box img {width: 100%;}

    .service_box .gui_box .gui_box2 ol {margin-top:60px;}
    .service_box .gui_box .gui_box2 ol li + li {margin-top:60px;}
    .service_box .gui_box .gui_box2 ol li .left .top {margin-top:0;margin-bottom:10px;}
    .service_box .gui_box .gui_box2 ol li .left .top strong br {display:none;}
    .service_box .gui_box .gui_box2 ol li .left .bot {padding:0 35px 0 67px;}
    .service_box .gui_box .gui_box2 ol li:first-child .left .bot {padding:0 35px 0 62px;}
}
@media only screen and (max-width:767px){
    .service_box .gui_box .gui_box1 .pbox .p1 {padding:30px;line-height:24px;font-size: 1.125em;}
    .service_box .gui_box .gui_box1 .pbox .p1 em {font-size:1.9em;}
    .service_box .gui_box .gui_box1 .pbox .p1 br {display: none;}
    .service_box .gui_box .gui_box1 .pbox .p2 {padding:30px;line-height:24px;}
    .service_box .gui_box .gui_box1 .pbox .p2 br {display: none;}

    .service_box .gui_box .gui_box2 ol {margin-top:40px;}
    .service_box .gui_box .gui_box2 ol li + li {margin-top:40px;}
    .service_box .gui_box .gui_box2 ol li {display: flex;flex-direction: column;gap:20px;}
    .service_box .gui_box .gui_box2 ol li:nth-child(even) {flex-direction: column;}
    .service_box .gui_box .gui_box2 ol li .left {width: 100%;}
    .service_box .gui_box .gui_box2 ol li .left .top {margin-top:0;margin-bottom:10px;}
    .service_box .gui_box .gui_box2 ol li .left .top span {line-height:1;font-size:2.012em;}
    .service_box .gui_box .gui_box2 ol li .left .top strong {font-size:1.575em;}
    .service_box .gui_box .gui_box2 ol li:nth-child(even) .left {margin-left:0;}
    .service_box .gui_box .gui_box2 ol li .left .bot {padding:0 35px 0 48px;}
    .service_box .gui_box .gui_box2 ol li:first-child .left .bot {padding:0 35px 0 45px;}
    .service_box .gui_box .gui_box2 ol li .right {width: 100%;}

    .service_box .gui_box .gui_box3 {margin-top:40px;}
    .service_box .gui_box .gui_box3 a {display: grid;}
}


/*** 포트폴리오 ***/
.board_box {}
.search_box {text-align:center;}
.search_box input {width:280px;padding:0 45px 0 10px;border-radius:5px;}
.search_box button {display:inline-block;width:40px;height:40px;background:url("./../image/content/icon_search.png") no-repeat center center;font-size:0;vertical-align:middle;margin-left:-44px;}
.ga_box {margin-top:20px;padding:80px 0;border-top:1px solid #222;border-bottom:1px solid #ddd;}
.ga_box ul {display:flex;flex-wrap:wrap;margin-left:-100px;}
.ga_box ul li {width:33.3%;padding-left:100px;margin-top:60px;}
.ga_box ul li:nth-child(1),
.ga_box ul li:nth-child(2),
.ga_box ul li:nth-child(3) {margin-top:0;}
.ga_box ul li a {display:block;overflow:hidden;border-radius:10px;border: 1px solid #ddd;}
.ga_box ul li a .img {position:relative;display:block;padding-top:75%;background:#eef0f2;}
.ga_box ul li a .img img {position:absolute;left:0;top:0;width:100%;transform: scale(0.9,0.9);box-shadow: 8px 8px 25px rgba(0,0,0,0.15);}
.ga_box ul li a .tit {display:flex;align-items:center;padding:15px 100px 15px 20px;line-height:1.2;height:75px;background:url("./../image/content/icon_pop.png") no-repeat right 30px center;word-break:break-all;font-weight:600;font-size:1.25em;color:#222;}
.board_box .pagenum {margin-top:30px;text-align:center;}
.board_box .pagenum a {padding:0 10px;font-size:0.875em;font-family:"SCDream";font-weight:300;color:#666;}
.board_box .pagenum .on,
.board_box .pagenum a:hover,
.board_box .pagenum a:focus,
.board_box .pagenum a:active {text-decoration:underline;font-weight:600;color:#222;}
.board_box .pagenum .first_prev {color:#999;}
.board_box .pagenum .prev {color:#999;}
.board_box .pagenum .next {color:#999;}
.board_box .pagenum .last_next {color:#999;}
    @media only screen and (max-width:1199px){
        .ga_box {padding:40px 0;}
        .ga_box ul {margin-left:-50px;}
        .ga_box ul li {margin-top:40px;padding-left:50px;}
    }
    @media only screen and (max-width:767px){
        .ga_box {padding:30px 0;}
        .ga_box ul {margin-left:-20px;}
        .ga_box ul li {width:50%;margin-top:30px;padding-left:20px;}
        .ga_box ul li:nth-child(1),
        .ga_box ul li:nth-child(2) {margin-top:0;}
        .ga_box ul li:nth-child(3) {margin-top:30px;}
    }
    @media only screen and (max-width:499px){
        .ga_box ul {margin-left:0;}
        .ga_box ul li {width:100%;margin-top:30px;padding-left:0;}
        .ga_box ul li:nth-child(1) {margin-top:0;}
        .ga_box ul li:nth-child(2) {margin-top:30px;}
        .ga_box ul li:nth-child(3) {margin-top:30px;}
    }

/*** 포트폴리오_상세 ***/
.board_box .board_view {padding-bottom:70px;border-top:1px solid #222;border-bottom:1px solid #ddd;}
.board_box .board_view .top {text-align: center;}
.board_box .board_view .top .bg {display:flex;justify-content:space-between;align-items:center;padding:20px 30px;background:#f4f4f4;}
.board_box .board_view .top .tit {font-weight:bold;font-size:1.375em;color:#111;}
.board_box .board_view .top ul {display:flex;justify-content:space-between;}
.board_box .board_view .top ul li {margin:0 15px;}
.board_box .board_view .top a {display:block;padding:15px 0;border-bottom:1px solid #ddd;}
.board_box .board_view .center {padding-top:70px;text-align:center;}
.board_box .board_view .center img {max-width:100%;}
.board_box .btn_bace {width:150px;text-align:center;}
    @media only screen and (max-width:767px){
        .board_box .board_view {padding-bottom:35px;}
        .board_box .board_view .center {padding-top:35px;}
        .board_box .board_view .top .bg {flex-direction:column;}
        .board_box .board_view .top .tit {margin-bottom:15px;}
    }


/*** 고객센터 ***/
.sup_box {display:flex;justify-content:center;align-items:stretch;}
.sup_box .left {width:50%;text-align:center;}
.sup_box .left img {width:100%;}
.sup_box .right {display:flex;justify-content:center;flex-direction:column;width:50%;padding-left:200px;background:url("./../image/content/icon1.png") no-repeat left 60px center #fff;border:1px solid #ddd;}
.sup_box .right p {line-height:1.3;font-weight:700;font-size:1.125em;color:#000;}
.sup_box .right a {margin:10px 0;font-weight:700;font-size:3.125em;color:#00b648;}
.sup_box .right span {font-size:1.125em;color:#616161;}
    @media only screen and (max-width:1199px){
        .sup_box .right a {font-size:2.5em;}
    }
    @media only screen and (max-width:1023px){
        .sup_box .right {padding-left:100px;background-size:60px auto;background-position:left 20px center;}
        .sup_box .right a {font-size:2.5em;}
    }
    @media only screen and (max-width:767px){
        .sup_box {flex-direction:column;}
        .sup_box .left {width:100%;}
        .sup_box .right {width:100%;padding:20px 20px 20px 80px;background-size:40px auto;}
        .sup_box .right a {font-size:2em;}
    }