@charset "UTF-8";

/* 인사말 */
.ceo_cont {position: relative;}
.ceo_cont .ceo_txt {background: #fff; position: absolute; top:90px;  right: 0; width: 60%; padding: 70px;}
.ceo_cont .ceo_txt h3 {font-size: 3.4rem; font-weight:300; color: #121212; letter-spacing: -0.05em; margin-top: 0;}
.ceo_cont .ceo_txt p {font-size: 1.6rem; margin-bottom: 40px;}
.ceo_cont .ceo_txt p.ceo_sub_t {font-size: 1.7rem; padding: 30px 0 50px; margin-bottom: 0;}
.ceo_cont .ceo_txt p.ceo_name {margin-bottom: 0; font-size: 2rem; color: #121212;}
.ceo_cont .ceo_txt p.ceo_name img {padding-left: 20px;}

/*media query*/
@media screen and (max-width:1200px) {
    .ceo_cont .ceo_txt {padding: 40px; padding-bottom: 100px;}
    .ceo_cont .ceo_txt h3 {font-size: 2.5rem;}
    .ceo_cont .ceo_txt p.ceo_sub_t {padding: 20px 0;}
    .ceo_cont .ceo_txt p {font-size: 1.4rem;}
    .ceo_cont .ceo_txt p.ceo_name {font-size: 1.7rem;}
    .ceo_cont .ceo_txt p.ceo_name img {width: 100px;}
}

@media screen and (max-width:1024px) {
    .ceo_cont {margin-bottom: 8rem;}
    .ceo_cont .ceo_txt {padding-bottom: 50px;}
}

@media screen and (max-width:767px) {
    .ceo_cont {margin-bottom: 0;}
    .ceo_cont .ceo_img {height: 300px; position: relative; overflow: hidden;}
    .ceo_cont .ceo_img img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%;}
    .ceo_cont .ceo_txt {position: relative; top: 0; padding:20px 0; width: 100%;}
    .ceo_cont .ceo_txt h3 {font-size: 1.8rem;}
    .ceo_cont .ceo_txt p {margin-bottom: 20px;}
    .ceo_cont .ceo_txt p.ceo_sub_t {font-size: 1.5rem; padding: 10px 0;}
    .ceo_cont .ceo_txt p br {display: none;}
}

/* 연혁 */
.history {position:relative; padding-top: 5rem;}
.history:before {content:''; display:block; position:absolute; top:16px; left:50%; width:1px; height:98%; background:#d9e6ec;}
.history dl {padding-left:50%; margin-bottom:80px;}
.history dl dt {position:relative; padding-left:6rem; margin-bottom:4rem; font-size:3.3rem; color: #121212;}
.history dl dt:before {content:''; display:block; position:absolute; top:15px; left:-9px; width:19px; height:19px; border-radius:50px; background:#fff; border: 5px solid #0070c2; box-sizing: border-box; z-index: 1;}
.history dl.hs1 dt em:before {content: ''; display: block; position: absolute; left:0; width: 50px; height: 1px; background: #0070c2; top: 50%; transform: translateY(-50%);}
.history dl.hs2 dt em:before {content: ''; display: block; position: absolute; right:0; width: 50px; height: 1px; background: #0070c2; top: 50%; transform: translateY(-50%);}
.history dl dd {position:relative; padding-left:6rem; margin-bottom:10px;}
.history dl dd:after {content:''; display:block; clear:both;}
.history dl dd .date {display:block; float:left; width:16%; font-size:18px; color:#858585;}
.history dl dd span {display:block; float:left; width:100%; font-size:1.5rem; margin-bottom: 1.3rem; line-height: 21px; word-break: keep-all;}
.history dl.type2 {padding:0 50% 0 0;}
.history dl.type2 dt {text-align:right; padding-right: 6rem;}
.history dl.type2 dt:before {left:auto; right:-9px; background:#fff; border: 5px solid #0070c2; box-sizing: border-box;}
.history dl.type2 dd {padding-right: 6rem;}
.history dl.type2 dd .date {float:right; margin:0; text-align:right;}
.history dl.type2 dd:before {left:auto; right:-4px;}
.history dl.type2 dd span {float:right; text-align:right;}
.history dl.hs1 {background:url(/company/images/history2.jpg) 11% -25px no-repeat; min-height: 270px;}
.history dl.hs2 {background:url(/company/images/history1.jpg) 88% -25px no-repeat; min-height: 270px;}
.history dl.hs3 {background:url(/company/images/history3.jpg) 88% -25px no-repeat; min-height: 270px;}

/*media query*/
@media screen and (max-width:1200px) {
    .history:before {left:5%;}
    .history dl {padding:0 0 0 5% !important; background-image:none !important; margin-bottom: 3rem;}
    .history dl dt {padding-left: 3rem; margin-bottom: 1rem; font-size: 2.2rem;}
    .history dl dt:before {top: 11px;}
    .history dl dd {padding-left: 3rem;}
    .history dl.type2 dt {text-align:left; padding:0 0 0 30px;}
    .history dl.type2 dt:before {left:-8px; right:auto;}
    .history dl.type2 dd {padding:0 0 0 30px;}
    .history dl.type2 dd:before {right:auto; left:-3px;}
    .history dl.type2 dd .date {float:left; text-align:left;}
    .history dl.type2 dd span {float:left; text-align:left;}
    .history dl.hs1 dt em:before, .history dl.hs2 dt em:before {display: none;}
    .history dl.hs1, .history dl.hs2 {min-height: auto;}
}

@media screen and (max-width:640px) {
    .history {padding-top: 0;}
    .history dl {margin-bottom: 2rem;}
    .history dl dt {font-size: 1.7rem;}
    .history dl dd span {font-size: 1.3rem;}
}

/* 조직도 */
.group {position:relative; text-align:center;}
.group:before {content:''; display:block; position:absolute; top:0; left:50%; width:1px; height:303px; background:#e0e0e0; z-index:-1;}
.group .icon1 {display:inline-block; width:135px; height:135px; padding-top:53px; font-size:2rem; color:#fff; background:#0070c2; border-radius:200px; box-sizing:border-box;}
.group .icon2 {position: relative; display:inline-block; width:135px; height:135px; padding-top:48px; font-size:1.8rem; color:#0068b7; background:#fff; border:5px solid #0070c2; border-radius:200px; box-sizing:border-box;}
.group .icon2::before {content: ""; position: absolute; top:-10px; left:50%; transform: translateX(-50%); display: block; background: #fff; width: 14px; height: 14px; border: 3px solid #ff6c00; border-radius: 50%; box-sizing: border-box;}
.group .icon2::after {content: ""; position: absolute; bottom:-10px; left:50%; transform: translateX(-50%); display: block; background: #fff; width: 14px; height: 14px; border: 3px solid #ff6c00; border-radius: 50%; box-sizing: border-box;}
.group .icon3 {display:inline-block; width:155px; height:44px; padding-top:7px; font-size:16px; color:#6b7787; background:#fff; border:3px solid #6b7787; border-radius:50%; box-sizing:border-box;}
.group .cont1 {position:relative; padding-bottom:25px;}

.group .cont2 {position:relative; padding-bottom:15px;}
.group .cont4 {position:relative;}
.group .cont4:before {content:''; display:block; position:absolute; top:0; left:50%; transform:translateX(-50%); width:75%; height:1px; background:#cccccc; z-index:-1;}
.group .cont4:after {content:''; display:block; clear:both;}
.group .cont4 li {position:relative; float:left; width:21%; margin:0 2%;  padding-top:40px;}
.group .cont4 li:before {content:''; display:block; position:absolute; top:0; left:50%; width:1px; height:90%; background:#cccccc; z-index:-1;}
.group .cont4 li.none:before {display:none;}
.group .cont4 li .tit {position: relative; display:block; font-size:1.7rem; color:#0070c2; padding:20px 0; background:#fff; border:3px solid #0070c2; font-weight: 500;}
.group .cont4 li .tit::before {content: ""; position: absolute; top:-10px; left:50%; transform: translateX(-50%); display: block; background: #fff; width: 14px; height: 14px; border: 3px solid #ff6c00; border-radius: 50%; box-sizing: border-box;}
.group .cont4 li .txt {display:block; background:#fff; text-align:left; min-height:140px; padding: 0 20px; border:1px solid #dddddd;}
.group .cont4 li .txt em {display:block; font-size:1.5rem; border-bottom: 1px dashed #ddd; padding: 20px 0;}
.group .cont4 li .txt em:last-child {border-bottom: 0;}

/*media query*/
@media screen and (max-width:767px) {
    .group:before {height: 280px;}
    .group .icon1 {font-size: 1.6rem; padding-top: 56px;}
    .group .icon2 {font-size: 1.6rem;}
    .group .icon2::after {display: none;}
    .group .cont2 {padding-bottom: 0;}
    .group .cont4:before {display:none;}
    .group .cont4 li {float:none; width:96%; margin:0 2%;}
    .group .cont4 li .tit {padding: 10px 0; font-size: 1.5rem;}
    .group .cont4 li .txt {min-height:auto; font-size: 1.3rem;}
    .group .cont4 li .txt em {font-size: 1.4rem;}
}

/* 주거래처 */
.partner_cont ul::after {content: ""; display: block; clear:both;}
.partner_cont ul li {float: left; width: calc(20% - 6px); margin: 0 6px 6px 0; box-sizing: border-box; border: 1px solid #dddddd;}
.partner_cont ul li:hover {border: 1px solid #333; box-sizing: border-box;}

@media screen and (max-width:640px) {
    .partner_cont ul li {width: calc(33% - 6px);}
    .partner_cont ul li:nth-child(3n) {margin-right: 0;}
    .partner_cont ul li:nth-child(5n) {margin-right: 6px;}
}

/* 찾아오시는길 */
.location_cont .map .root_daum_roughmap {width: 100%;}
.location_cont .map_cont {margin-top: 45px; border-bottom: 1px solid #dddddd; padding-bottom: 60px;}
.location_cont .map_detail dt {margin-bottom: 60px;}
.location_cont .map_detail dd {display: inline-block; color: #666; padding-right:10%; position: relative; padding-left: 30px; font-size: 1.7rem; box-sizing: border-box;}
.location_cont .map_detail dd::before {content:""; display: block; background-position: center center; background-repeat: no-repeat; position: absolute; left: 0; width: 23px; height: 23px;}
.location_cont .map_detail dd.map_icon::before {background-image:url(/company/images/map_icon.png);}
.location_cont .map_detail dd.map_call_icon::before {background-image:url(/company/images/map_call_icon.png);}
.location_cont .map_detail dd.map_mail_icon::before {background-image:url(/company/images/map_mail_icon.png);}
.location_cont .map_detail dd.map_call_icon, .location_cont .map_detail dd.map_mail_icon {font-family: 'Lato', sans-serif; letter-spacing: 0;}

@media screen and (max-width:1200px) {
    .location_cont .map_cont {padding-bottom: 30px; margin-top: 30px;}
    .location_cont .map_detail dt {margin-bottom: 20px;}
    .location_cont .map_detail dt img {width: 140px;}
    .location_cont .map_detail dd {margin-bottom: 10px;}
}

@media screen and (max-width:640px) {
    .location_cont .map .root_daum_roughmap .wrap_map {height: 200px !important;}
    .location_cont .map_detail dd {font-size: 1.5rem; width: 100%; padding-left: 35px;}
}