@charset "utf-8";

.sub-tit{text-align:center;}

/**************** CEO 인사말 ****************/
.greeting-section{padding:100px 0 0;}
/* 타이틀 */
.greeting-section .tit-area{text-align:center;}
.greeting-section .tit-area h2{font-size:clamp(18px, 2vw, 24px); font-weight:800; color:#0d62a6;}
.greeting-section .tit-area h1{font-size:clamp(28px, 5vw, 46px); font-weight:800; margin-top:40px; }
.greeting-section .tit-area h1 span{color:#00a197;}
/* 인사 영역 공통 */
.greeting-section .greeting-area{background:#f8f8f8; padding:90px 0 150px; margin-top:170px;}
.greeting-section .greeting-area .img img{border-radius:20px; box-shadow:rgba(0,0,0,.3) 6px 5px 20px; width:100%; height:auto;}
.greeting-section .greeting-area .txt h1{font-size:clamp(20px, 2.2vw, 26px); font-weight:700;}
.greeting-section .greeting-area .txt p{font-size:clamp(16px, 2vw, 22px); margin-top:40px; letter-spacing:-0.05em; line-height:1.6em;}
.greeting-section .greeting-area .txt h3{font-size:clamp(18px, 2vw, 24px); margin-top:40px; font-weight:700;}
.greeting-section .greeting-area .txt h3 span{margin-left:20px;}
/* 데스크톱(float) */
.greeting-section .greeting-area{display:block;}
.greeting-section .greeting-area .img{float:left; width:47%; max-width:660px; margin-top:-170px;}
.greeting-section .greeting-area .txt{float:right; width:47%; max-width:660px; }
.greeting-section .greeting-area .img img{height:auto; object-fit:unset;}

/* ≤1200 */
@media (max-width:1200px){
  .greeting-section .greeting-area{padding:90px 0 130px; margin-top:110px;}
}

/* ≤992 */
@media (max-width:992px){
  .greeting-section .greeting-area{display:flex; flex-direction:column; align-items:center; padding:80px 20px 100px; margin-top:80px;}
  .greeting-section .greeting-area .img,
  .greeting-section .greeting-area .txt{float:none; width:100%; max-width:100%; margin:0;}
  .greeting-section .greeting-area .img{order:0; margin-bottom:40px;}
  .greeting-section .greeting-area .img img{height:300px; object-fit:cover; object-position:center; width:100%; border-radius:10px;}
  .greeting-section .greeting-area .txt{order:1; margin-top:10px;}
}

/* ≤600 */
@media (max-width:600px){
  .greeting-section .greeting-area{padding:20px 0 80px; margin-top:30px;}
  .greeting-section .greeting-area .img{margin-bottom:40px;}
  .greeting-section .greeting-area .img img{height:200px; object-fit:cover; object-position:center; width:100%;}
  .greeting-section .greeting-area .txt h3 span{margin-left:10px;}
  .greeting-section .greeting-area .txt h1{margin-bottom:40px;}
  .greeting-section .greeting-area .txt p{margin-top:30px;}
  br.none{display:none;}
}

/**************** 회사연혁 ****************/
.history-top-section{text-align:center; color:#fff; height:450px; border-radius:20px; overflow:hidden;}
.history-top-section p{font-size:30px; font-weight:600; position:relative; padding-bottom:30px; margin-bottom:40px;}
.history-top-section p:after{width:50px; height:2px; background:#fff; bottom:0; left:50%; margin-left:-25px; display:block; content:""; position:absolute;}
.history-top-section h1{font-size:54px; font-weight:700;}
.history-top-section img{display:block; width:100%; height:auto; border-radius:inherit;}

/* ≤1200 */
@media (max-width:1200px){
  .history-top-section{width:90%; margin:0 auto;}
  .history-top-section p{font-size:26px;}
  .history-top-section h1{font-size:50px;}
}

/* ≤992 */
@media (max-width:992px){
  .history-top-section{padding:60px 30px;}
  .history-top-section p{font-size:20px; padding-bottom:20px; margin-bottom:30px;}
  .history-top-section h1{font-size:40px;}
  .history-top-section{border-radius:15px;}
}

/* ≤600 */
@media (max-width:600px){
  .history-top-section{padding:40px 20px; border-radius:10px;}
  .history-top-section p{font-size:18px; padding-bottom:20px; margin-bottom:20px;}
  .history-top-section h1{font-size:32px;}
}

/* ≤480 */
@media (max-width:480px){
  .history-top-section p{font-size:16px;}
  .history-top-section h1{font-size:24px;}
}

/************* 연혁 탭 영역 ***************/
.history-tab{width:50%; margin:0 auto;}

/* ≤992 */
@media (max-width:992px){
  .history-tab{width:70%;}
}

/* ≤600 */
@media (max-width:600px){
  .history-tab{width:100%; box-sizing:border-box;}
  .history-tab table tr td a{font-size:20px;}
}

/************* 연혁 이미지 BG ***************/
.history-top-section.history01{background:url("../img/history01_bg.jpg") no-repeat center; background-size:cover; border-radius:20px;}
.history-top-section.history02{background:url("../img/history02_bg.jpg") no-repeat center; background-size:cover; border-radius:20px;}
.history-top-section.history03{background:url("../img/history03_bg.jpg") no-repeat center; background-size:cover; border-radius:20px;}
.history-top-section.history04{background:url("../img/history04_bg.jpg") no-repeat center top; background-size:cover; border-radius:20px;}

/* ≤992 */
@media (max-width:992px){
  .history-top-section[class*="history"]{border-radius:15px; background-position:center top; min-height:300px;}
}

/* ≤600 */
@media (max-width:600px){
  .history-top-section[class*="history"]{display:none !important;}
}

/**************************************/
.history-section{padding:100px 0;}
.history-section.bg-gray{background:#f8f8f8;}
.history-section .history{}
.history-section .history-box{margin-top:80px;}
.history-section .history-box:first-child{margin-top:40px;}
.history-section .history-box:after{clear:both; display:block; content:"";}
.history-section .history-box .year{float:left; width:20%; max-width:300px; padding-left:40px; font-size:70px; font-weight:800; color:#111;}
.history-section .history-box .history-area{float:right; width:75%; max-width:1250px; border-top:2px solid #333; border-bottom:1px solid #dedede; padding:30px 20px;}
.history-section .history-box .history-area li{font-size:24px; padding:10px 0;}
.history-section .history-box .history-area li:after{clear:both; display:block; content:"";}
.history-section .history-box .history-area li span{float:left;}
.history-section .history-box .history-area li span.mon{width:10%; font-weight:800; display:inline-block; color:#1e74b8;}
.history-section .history-box .history-area li span.txt{width:90%;}

/* ≤1200 */
@media (max-width:1200px){
  .history-section .history{width:100%; max-width:100%;}
  .history-section .history-box .year{padding-left:0; font-size:50px;}
  .history-section .history-box .history-area li{font-size:22px;}
}

/* ≤992 */
@media (max-width:992px){
  .history-section{padding:80px 0;}
  .history-section .history-box{margin-top:40px;}
  .history-section .history-box:first-child{margin-top:0;}
  .history-section .history-box .year{font-size:34px; max-width:200px;}
  .history-section .history-box .history-area{padding:20px 0;}
  .history-section .history-box .history-area li{font-size:20px;}
}

/* ≤600 */
@media (max-width:600px){
  .page-tit p {margin:20px; line-height:1.4;}

  .history-section{padding:50px 0;}
  .history-section .history-box{margin-top:30px;}
  .history-section .history-box .year{font-size:26px; width:100%; max-width:100%; margin-bottom:20px;}
  .history-section .history-box .history-area{width:100%; max-width:100%; padding:20px 20px;}
  .history-section .history-box .history-area li{font-size:16px;}
}

/* ≤480 */
@media (max-width:480px){
  .history-section{padding:40px 0;}
  .history-section .history-box .year{margin-bottom:10px; font-size:22px;}
  .history-section .history-box .history-area{padding:10px 0;}
  .history-section .history-box .history-area li{font-size:14px;}
}

/**************** 회사비전 ****************/
/* BRAND (HERO) */
.brand-section{background:url("../img/brand_bg.jpg") center/cover no-repeat; padding:150px 0 320px; position:relative; text-align:center;}
.brand-section .page-tit h1{color:#0d62a6; font-size:clamp(24px, 4vw, 48px); font-weight:800;}

/* ≤1200 */
@media (max-width:1200px){
  .brand-section{padding:200px 0 260px;}
}

/* ≤992 */
@media (max-width:992px){
  .brand-section{padding:180px 0 220px;}
  .brand-section .page-tit h1{font-size:clamp(22px, 5vw, 36px);}
}

/* ≤600 */
@media (max-width:600px){
  .brand-section{padding:30px 0 100px;}
  .brand-section .page-tit h1{font-size:clamp(20px, 6.2vw, 30px);}
  .brand-section .page-tit h2{font-size:32px; line-height:1.5; margin-bottom:30px;}
  .brand-section .page-tit p{line-height:1.6;}
}

/* SLOGAN */
.bg-green{background:#fbffff;}
.slogan-area{margin-top:-240px;}
.slogan-area .page-tit{padding:0 0 50px; text-align:center;}
.slogan-area .page-tit h1{color:#111; font-size:clamp(22px, 3.2vw, 36px); font-weight:800;}
.slogan-area ul{display:flex; flex-wrap:wrap; gap:40px 40px; margin:0; padding:0; list-style:none;}
.slogan-area ul li{width:calc((100% - 80px) / 3);}
.slogan-area ul li .box{border-radius:20px; border:1px solid #0d62a6; background:#fff; text-align:center; padding:60px 30px;}
.slogan-area ul li .box h1{color:#0d62a6; font-size:clamp(18px, 1.6vw, 22px); font-weight:700;}
.slogan-area ul li .box p{font-size:clamp(18px, 2.2vw, 26px); margin-top:20px; line-height:1.5;}

/* ≤600 */
@media (max-width:600px){
  .slogan-area{margin-top:-60px;}
  .slogan-area ul{gap:18px;}
  .slogan-area ul li{width:100%;}
  .slogan-area ul li .box{padding:40px 22px;}
}

/* IDEOLOGY */
.ideology-section{padding:40px 0 100px;}
.ideology-section ul{display:flex; flex-wrap:wrap; gap:40px; margin:0; padding:0; list-style:none;}
.ideology-section ul li{width:calc((100% - 80px) / 3);}
.ideology-section ul li .box{border-radius:20px; border:7px solid #f5f5f5; background:#fff; text-align:center; padding:50px 30px; height:100%;}
.ideology-section ul li .box h2{color:#25b1a7; font-size:clamp(20px, 2.2vw, 28px); font-weight:700; margin:30px 0 20px;}
.ideology-section ul li .box p{font-size:clamp(15px, 1.6vw, 18px); line-height:1.6;}

/* ≤600 */
@media (max-width:600px){
  .ideology-section{padding:24px 0 60px;}
  .ideology-section .page-tit h2{font-size:32px; line-height:1.5;}
  .ideology-section ul{gap:16px;}
  .ideology-section ul li{width:100%;}
  .ideology-section ul li .box{padding:36px 20px;}

  .ideology-section .page-tit p {margin:10px 20px 0; line-height:1.4;}
  .ideology-section .page-tit p br.none {display:none;}
}

/* VALUE (BG) */
.value-section{background:url("../img/value_bg.jpg") no-repeat center; background-size:cover; padding:150px 0; color:#fff;}
.value-section .page-tit{text-align:left; color:#fff;}
.value-section .page-tit h3{font-size:clamp(24px, 3.2vw, 40px); font-weight:700; margin-bottom:50px;}

/* ≤992 */
@media (max-width:992px){
  .value-section{padding:110px 0;}
  .value-section .page-tit{text-align:center;}
  .value-section .page-tit h3{margin-bottom:32px;}
}

/* ≤600 */
@media (max-width:600px){
  .value-section{padding:80px 0;}
  .value-section .page-tit h3{margin-bottom:24px;}
}

/* CI */
.ci-section{background:#f8f8f8; padding:100px 0;}
.ci-section ul{display:flex; flex-wrap:wrap; gap:2%; margin:0; padding:0; list-style:none;}
.ci-section ul li{width:49%;}
.ci-section ul li:last-child{}
.ci-section .btn{width:100%; padding:0; margin-top:50px; text-align:center;}
.ci-section .btn a{display:inline-block; width:460px; max-width:100%; margin:0 auto; text-align:center; line-height:80px; border-radius:20px; font-size:clamp(18px, 1.8vw, 22px); background:#3284c6; color:#fff; box-shadow:inset 0 0 10px rgba(8,57,96,.2); transition:all .4s;}
.ci-section .btn a:hover{background:#1d6eaf;}
.ci-section .btn a i{margin-left:20px; transition:transform .4s;}
.ci-section .btn a:hover i{transform:rotate(-45deg);}

/* ≤992 */
@media (max-width:992px){
  .ci-section{padding:80px 0;}
  .ci-section ul{gap:24px 2%;}
  .ci-section ul li{width:49%;}
  .ci-section .btn{margin-top:40px;}
}

/* ≤600 */
@media (max-width:600px){
  .ci-section{padding:60px 0;}
  .ci-section ul{gap:16px;}
  .ci-section ul li{width:100%;}
  .ci-section .btn{margin-top:30px;}
  .ci-section .btn a{width:100%; line-height:64px;}
}

/**************** 오시는길 ****************/
/* 여백 */
.location-section02{padding:100px 0;}
/* 데스크톱 2열 float */
.location-section .map-area{width:50%; float:left;}
.location-section .add-area{width:50%; float:right; border:1px solid #dedede;}
/* 내부 숨김(지도 래퍼엔 적용 X) */
.location-section .map-area .section{display:none;}
/* 좌우 반전 */
.location-section.location-section02 .map-area{float:right;}
.location-section.location-section02 .add-area{float:left;}
/* 텍스트/박스 */
.location-section .add-area h1{font-size:clamp(22px, 2.2vw, 34px); font-weight:800; padding:30px 60px; border-bottom:1px solid #dedede;}
.location-section .add-area .add{background:#f7f8fb; border-bottom:1px solid #dedede; padding:90px 60px;}
.location-section .add-area .add h2{font-size:clamp(18px, 2vw, 26px); font-weight:700;}
.location-section .add-area .add ul{margin-top:30px;}
.location-section .add-area .add ul li{font-size:clamp(15px, 1.6vw, 20px); margin:10px 0; font-weight:500;}
/* 버튼 */
.location-section .add-area .map-btn{padding:31.5px 0;}
.location-section .add-area .map-btn ul{margin:0; padding:0; list-style:none; display:flex; justify-content:center; align-items:center; gap:10px; flex-wrap:wrap;}
.location-section .add-area .map-btn ul li{display:flex;}
.location-section .add-area .map-btn ul li a{display:inline-flex; align-items:center; justify-content:center; line-height:65px; padding:0 40px; border-radius:8px;}
.location-section .add-area .map-btn ul li a span{margin-right:10px;}
.location-section .add-area .map-btn ul li:first-child a{border:1px solid #00c63b; color:#00c63b;}
.location-section .add-area .map-btn ul li:last-child a{border:1px solid #258fff; color:#258fff;}
/* 지도 공통 */
.location-section .map-area iframe,
.location-section .map-area .map,
.location-section .map-area > img{width:100%; display:block; max-width:100%;}

/* Kakao Roughmap */
#daumRoughmapContainer1753344577027,
.root_daum_roughmap{display:block !important; width:100% !important;}
.root_daum_roughmap > div,
.root_daum_roughmap iframe{width:100% !important; height:100% !important; display:block !important;}

/* ≤992 */
@media (max-width:992px){
  .location-section .map-area,
  .location-section .add-area{float:none; width:100%;}
  .location-section02{padding:70px 0;}
  .location-section .add-area h1{padding:24px;}
  .location-section .add-area .add{padding:40px 24px;}
  .location-section .add-area .map-btn{padding:24px 0;}
  .location-section .add-area .map-btn ul{gap:8px;}
  .location-section .add-area .map-btn ul li a{line-height:56px; padding:0 28px;}
  #daumRoughmapContainer1753344577027,
  .root_daum_roughmap{height:400px !important;}
}

/* ≤600 */
@media (max-width:600px){
  .location-section02{padding:50px 0;}
  .location-section .add-area{border:0;}
  .location-section .add-area h1{padding:20px 16px; border-left:1px solid #dedede; border-right:1px solid #dedede;}
  .location-section .add-area .add{padding:28px 16px; border-left:1px solid #dedede; border-right:1px solid #dedede;}
  .location-section .add-area .map-btn{padding:20px 0;}
  .location-section .add-area .map-btn ul{gap:10px;}
  .location-section .add-area .map-btn ul li{width:100%;}
  .location-section .add-area .map-btn ul li a{width:100%; max-width:420px; line-height:52px; padding:0 20px;}
  #daumRoughmapContainer1753344577027,
  .root_daum_roughmap{height:250px !important;}
}

/* ≥992 데스크톱 고정 */
@media (min-width:992px){
  #daumRoughmapContainer1753344577027,
  .root_daum_roughmap{height:550px !important;}
}