@charset "utf-8";

/* 공통 */
.c-main {color:var(--color-primary) !important;}
.c-gradient {background:linear-gradient(to right, var(--color-primary), var(--color-secondary)); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.c-white {color:#fff !important;}

.content-padding {padding:clamp(40px, calc( 120 / var(--inner) * 100vw ), 120px) 0;}

.bg-gray {position:relative;}
.bg-gray:before {content:''; position:absolute; width:100vw; height:100%; left:50%; top:0; transform:translateX(-50%); background:#f9f9f9; z-index:-1;}

.page-menu {margin-bottom:var(--size60);}
.page-menu ul {display:flex; justify-content:center; flex-wrap:wrap;}
.page-menu ul li {padding:0 var(--size20);}
.page-menu ul li a {display:block; font-weight:600; line-height:1.2; color:#999;}
.page-menu ul li.active a {text-decoration:underline; color:#0d2f8b;}

.table-wrap table {width:100%; border-collapse:collapse; border-spacing:0px; border-top:1px solid #0d2f8b;}

/* 회사소개 */
.company-top-txt {margin-bottom:var(--size120); text-align:center;}
.company-top-txt p {font-size:clamp(20px, calc(48/ var(--inner) * 100vw ),48px); font-weight:600; line-height:1.2; color:#999;}
.company-top-txt p strong {font-weight:600;}

.company {display:flex; gap:clamp(40px, calc(140/ var(--inner) * 100vw ),140px);}
.company .img {width:50%; max-width:600px;}
.company .cnt {padding-top:var(--size100); flex:1 1 auto; min-width:0; width:1%}
.company .tit {position:relative; margin-bottom:1em; font-size:clamp(18px, calc(34/ var(--inner) * 100vw ),34px); font-weight:600; line-height:1.4; color:#000022;}
.company .tit:before {content:''; position:absolute; left:-1em; top:calc(0px - var(--size50)); width:0.71em; height:0.71em; background:url('/images/sub/about-icon.png') no-repeat 50% 50%/contain;}
.company .txt strong { font-weight:600;}
.company .txt {margin-bottom:1.7em;}
.company .txt:last-child {margin-bottom:0;}
.company .sign {font-weight:700; color:#222;}

/* 오시는 길 */
.direction .top-txt {margin-bottom:.77em; font-size:clamp(20px, calc(44/ var(--inner) * 100vw ),44px); font-weight:600; line-height:1.2; color:#222; text-align:center;}
.direction .icon {position:relative; z-index:10; margin:0 calc(0px - clamp(100px, calc(200/ var(--inner) * 100vw ),200px)/2) calc(0px - clamp(100px, calc(200/ var(--inner) * 100vw ),200px)/2) auto; width:clamp(100px, calc(200/ var(--inner) * 100vw ),200px); height:clamp(100px, calc(200/ var(--inner) * 100vw ),200px); text-indent:-999em; overflow:hidden; background:url('/images/sub/about-icon.png') no-repeat 50% 50%;}
.direction .icon:before {content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:url('/images/sub/direction-icon.png') no-repeat 50% 50%/contain; animation:move_rotate 10s linear infinite;}
.direction .map {position:relative; margin-bottom:var(--size40); border-top-right-radius:clamp(40px, calc(150/ var(--inner) * 100vw ),150px); overflow:hidden;}
.direction .info {display:flex;}
.direction .info > div {width:50%;}
.direction .info .tit {position:relative; padding-left:1.6em; margin-bottom:1.3em; font-size:var(--font-size-18); font-weight:600; line-height:1.2; color:#0d2f8b;}
.direction .info .tit:before {content:''; position:absolute; left:0; top:0.1em; width:1.1em; height:1.1em; background-position:50% 50%; background-size:contain; background-repeat:no-repeat; background-color:transparent;}

.direction .info .tit.adr:before {background-image:url('/images/sub/icon-local1.png');}
.direction .info .tit.tel:before {background-image:url('/images/sub/icon-local2.png');}
.direction .info .tit.way:before {background-image:url('/images/sub/icon-local3.png');}

.direction .info .col {margin-bottom:var(--size50);}
.direction .info .col:last-child {margin-bottom:0;}
.direction .info .tt {font-size:var(--font-size-18); font-weight:600; line-height:1.2; color:#222;}
.direction .info .col1 .tt {margin-bottom:0.78em;}
.direction .info .col1 .code span:not(:last-child) {display:inline-block; margin-right:1em;}
.direction .info .row {display:flex;}
.direction .info .row:not(:last-child) {margin-bottom:var(--size40);}
.direction .info .row h4 {width:135px;}
.direction .info .row .inner {flex:1 1 auto; min-width:0; width:1%;}
.direction .info .row .item {display:inline-block; margin-right:5px; padding:3px; font-size:var(--font-size-14); font-weight:600; line-height:1; color:#fff;}
.direction .info .row p:not(:last-child) {margin-bottom:1em;}
.direction .info .row .tt>span {display:inline-block; margin-right:1em;}
.direction .info .row .tt>span:last-child {margin-right:0;}

.root_daum_roughmap {width:100% !important; height:clamp(270px, calc(550/ var(--inner) * 100vw ),550px) !important;}
.root_daum_roughmap .wrap_map {height:clamp(270px, calc(550/ var(--inner) * 100vw ),550px) !important;}


@keyframes move_rotate {
  0% {transform:rotate(0);}
  100% {transform:rotate(360deg);}
}