@charset "utf-8";
/* doc.css는 디자인페이지 스타일을 정의합니다. */
.greeting .bg1 {background-image:url('../images/sub/greeting-bg1.jpg');}
.greeting .bg2 {background-image:url('../images/sub/greeting-bg2.jpg');}
.greeting .bg3 {background-image:url('../images/sub/greeting-bg3.jpg');}
.greeting .big {letter-spacing:-.025em; line-height:1.3em; font-weight:100; font-size:var(--font-size-35);}
.greeting .flex {gap:50px; display:flex;}
.greeting .flex p {margin-top:5px; line-height:1.5em; letter-spacing:-.025em;}

.subcont {padding:85px 0;}

.business-place ul {height:500px; color:#fff; align-items:center; border-radius:20px; background:url('../images/sub/business-place-bg.jpg') no-repeat 50% 50% / cover; display:flex; text-align:center;}
.business-place ul li {width:25%;}
.business-place ul li strong {margin:var(--space-20) 0 var(--space-20); font-size:var(--font-size-20); letter-spacing:-.025em; line-height:1.3em; display:block;}

.local-tab ul {margin-bottom:var(--space-130); display:flex; justify-content:center; font-weight:700;}
.local-tab ul li a {padding:0 24px; font-size:var(--font-size-18); letter-spacing:-.025em; color:#999; position:relative;}
.local-tab li.active a {color:#000;}
.local-tab li.active a:after {width:30px; height:7px; bottom:-25px; background-color:var(--color-primary); position:absolute; content:''; left:50%; transform:translateX(-50%);}
.location .map {height:0; overflow:hidden;}
.location .map.on {height:auto;}
.root_daum_roughmap {width:100% !important;}
.kakaomap-area iframe {height: 600px; width: 100%;}

.loca-addr {margin-bottom:var(--space-25); display:flex; align-items:center;}
.loca-addr .col-l {padding:0 30px; font-size:var(--font-size-32); font-weight:800; letter-spacing:-.025em; line-height:1.3em; border-right:1px solid #ddd; text-align:center; color:#242424;}
.loca-addr .col-r {gap:65px; padding-left:50px; display:flex; flex:1; color:#555;}
html[lang="ar"] .loca-addr .col-r {gap:50px;}

.loca-addr .item {display:flex; align-items:center;}
.loca-addr .cnt {padding-left:var(--space-25); flex:1;}
.loca-addr .tit {font-weight:700; line-height:1.2em;}

.tab-slider .local-tab ul {margin-bottom:var(--space-150);}
.tab-slider .local-tab li.active a:after {left:24px; right:24px; width:auto; transform:initial;}

.history-area {height:300px; gap:100px; justify-content:center; align-items:center; display:flex; background:url('../images/sub/history-areabg.jpg') no-repeat 50% 50% / cover;}
.history-area p {color:#fff; font-size:var(--font-size-46); font-weight:700; letter-spacing:-.04em; line-height:1.3em;}
.history-area a {width:180px; height:50px; padding:0 20px; align-items:center; justify-content:space-between; display:flex; font-size:var(--font-size-18); border-radius:7px; background-color:var(--color-primary); color:#000; font-weight:500;}
.history-area a i {width:4px; height:9px; background:url('../images/sub/history-area-ico.png') no-repeat 50% 50% / contain; display:inline-block;}

/** Progress Bar */
.progress {display:block; width:100%; max-width:calc(100% - 30px); height:6px; margin:auto; overflow:hidden; background-color:#000; background-image:linear-gradient(to right, #fdd000, #fdd000); background-repeat:no-repeat; background-size:0 100%; transition:background-size .4s ease-in-out;}
.sr-only {position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0;}

/* .history-slide .item {padding:15px 15px 45px;}
.history-slide .box {height:400px; padding-top:60px; background-color:#f2f2f2; position:relative;}
.history-slide .box:before {width:16px; height:16px; position:absolute; content:''; top:-8px; left:50%; background-color:#000; border-radius:100%; transform:translateX(-50%);}
.history-slide .year {margin-bottom:var(--space-15); font-size:var(--font-size-35); text-align:center; font-weight:700; color:#000; letter-spacing:-.025em; line-height:1.3em;}
.history-slide ul li {padding-left:35px; padding-right:10px; margin-bottom:var(--space-15); position:relative; color:#555;} 
.history-slide ul li:last-child {margin-bottom:0;}
.history-slide ul li:before {left:15px; top:-4px; position:absolute; content:'•';}
.history-slide ul li strong {margin-bottom:10px; line-height:1.2em; font-size:var(--font-size-18); display:block;}
.history-slide ul li p {line-height:1.3em;}

.history-slide .slick-arrow {width:72px; height:72px; position:absolute; top:50%; transform:translateY(-50%); z-index:20; border:0; font-size:0; line-height:0; background-color:transparent; background-position:50% 50%; background-repeat:no-repeat; background-size:100% 100%; background-size:contain;}
.history-slide .slick-prev {left:-100px; background-image:url("../images/sub/history-prev.png");}
.history-slide .slick-next {right:-100px; background-image:url("../images/sub/history-next.png");}
.history-slide .slick-prev:hover {background-image:url("../images/sub/history-prev-on.png");} 
.history-slide .slick-next:hover {background-image:url("../images/sub/history-next-on.png");} */

.history {padding:var(--space-150) 0; color:#fff; text-align:center; background:url('../images/sub/historybg.jpg') no-repeat 50% 50% / cover;}
.history .top {margin-bottom:var(--space-60);}
.history .top .thin {font-size:var(--font-size-70); font-weight:200; letter-spacing:-.025em; line-height:1.7em;}
.history .top strong {font-size:var(--font-size-46); display:block; letter-spacing:-.025em; font-weight:800; line-height:1em;}
.history p {margin-bottom:var(--space-30); font-size:var(--font-size-24); letter-spacing:-.025em; line-height:1.33em;}
.history .last {font-weight:800; margin-bottom:0;}
.history .last img {margin:-2px 0 0 15px; vertical-align:middle;}

.contact .item {margin-bottom:var(--space-80); display:flex;}
.contact .item:last-child {margin-bottom:0;}
.contact .col-l {padding:0 78px 0 90px; max-width:470px; position:relative;}
.contact .col-l:before {width:60px; height:60px; position:absolute; content:''; top:5px; left:0; background-size:contain; background-repeat:no-repeat; background-position:50% 50%;}
.contact .item:nth-child(1) .col-l:before {background-image:url('../images/sub/contact-ico1.png');}
.contact .item:nth-child(2) .col-l:before {background-image:url('../images/sub/contact-ico2.png');}
.contact .item:nth-child(3) .col-l:before {background-image:url('../images/sub/contact-ico3.png');}
.contact .col-l strong {margin-bottom:12px; font-size:var(--font-size-24); font-weight:800; color:#000; letter-spacing:-.03em; display:block; line-height:1.3em;}
.contact .col-l p {color:#555; line-height:1.5em;}
.contact .col-r {flex:1; display:flex; flex-wrap:wrap; gap:15px; letter-spacing:-.025em;}
.contact .col-r dl {height:140px; width:33.3333%; max-width:calc(33.3333% - 10px); line-height:1.5em; color:#555; display:flex; border:1px solid #ddd; border-radius:5px; flex-direction:column; justify-content:center; align-items:center;}
.contact .col-r dd {margin-top:5px; font-size:var(--font-size-20); font-weight:700;}

.gallery-top {margin-bottom:var(--space-60); text-align:center; font-size:var(--font-size-20); letter-spacing:-.025em; line-height:1.4em;}

.management .item {padding:90px 65px 0 65px; height:500px; border-radius:20px 20px 0 20px; font-size:var(--font-size-18); letter-spacing:-.025em; line-height:1.4em; margin-bottom:var(--space-70); background-size:cover; background-repeat:no-repeat; background-position:50% 50%; color:#fff; position:relative;}
.management .item:last-child {margin-bottom:0;}
.management .item1 {background-image:url('../images/sub/management-bg1.jpg');}
.management .item2 {background-image:url('../images/sub/management-bg2.jpg');}
.management .item3 {background-image:url('../images/sub/management-bg3.jpg');}
.management .item4 {background-image:url('../images/sub/management-bg4.jpg');}
.management .item5 {background-image:url('../images/sub/management-bg5.jpg');}
.management .item6 {background-image:url('../images/sub/management-bg6.jpg');}
.management .item h2 {font-size:var(--font-size-32); margin-bottom:var(--space-25); letter-spacing:-.025em; font-weight:800; line-height:1.3em; position:relative;}
.management .item h2:before {width:50px; top:-15px; height:1px; position:absolute; content:''; left:0; background-color:var(--color-primary);}
.management .item p {margin-bottom:10px;}
.management .item strong {display:block; font-weight:800;}
.management .item5 li {margin-bottom:17px;}
.management .item5 li:last-child {margin-bottom:0;}
.management .item a {position:absolute; bottom:50px; right:50px; display:block;}

html[lang="en"] .management .item {padding:80px 65px; height:auto;}
html[lang="en"] .management .item li {padding-left:18px; text-indent:-18px;}

html[lang="ja"] .management .item {padding:90px 60px 0 60px;}
html[lang="ja"] .management .item li {padding-left:16px; text-indent:-16px;}

.modal {padding:0; max-width:100%; max-height:100%; width:100%; overflow:scroll; box-shadow:none; box-shadow:none;}
.layer_popup {width:1600px; padding:0 30px; overflow:hidden; display:none; position:relative; z-index:100; color:#000;}
.modal a.close-modal {width:29px; height:29px; top:30px; right:30px; transform:translateX(-50%); background-size:contain; background-image:url(../images/sub/modal_cls.png);}
#pop1.layer_popup {background-color:#58ad46;}
#pop2.layer_popup {background-color:#fdd000;}

.jquery-modal.blocker {padding:0;}
.layer_popup .contain {display:flex; flex-direction:column; justify-content:center; height:80vh; max-width:1460px;}
.layer_popup .title {margin-bottom:var(--space-60);}
.layer_popup .title .tit {margin-bottom:15px; font-size:var(--font-size-32); font-weight:800; letter-spacing:-.025em; line-height:1.3em;}
.layer_popup .title p {font-size:var(--font-size-18); font-weight:500; letter-spacing:-.025em;}
.layer_popup ol {display:flex; margin:0 -20px;}
.layer_popup ol li {padding:0 20px;}
.layer_popup ol li .box {padding:50px 40px; border-radius:20px; color:#fff;}
.layer_popup ol li strong {margin-bottom:var(--space-20); font-size:var(--font-size-18); color:var(--color-primary); letter-spacing:-.03em; display:block; font-weight:800;}
.layer_popup p {line-height:1.5em;}
.layer_popup .last {font-size:var(--font-size-18); margin-top:var(--space-60); font-weight:500; color:#000; letter-spacing:-.03em;}
.layer_popup ol.list1 li {width:33.3333%;}
.layer_popup ol.list1 li .box {height:350px; background-color:#00557c;}
.layer_popup ol.list2 li {width:25%;}
.layer_popup ol.list2 li .box {height:280px; background-color:#000;}