@charset "utf-8";
/* doc.css는 디자인페이지 스타일을 정의합니다. */
.greeting {margin-top:var(--margin-bottom-50); display:flex;}
.greeting .col {width:50%;}
.greeting .col-l {font-size:var(--font-size-32); letter-spacing:-.03em; line-height:1.44em; color:#121212;}
.greeting .col-r {font-size:var(--font-size-18); letter-spacing:-.04em; line-height:1.67em;}
.greeting .col-r p {margin-bottom:var(--margin-bottom-30);}
.greeting .col-r p:last-child {margin-bottom:0 !important;}

.history-top {padding:180px 0 75px; text-align:center; background-repeat:no-repeat; border-radius:20px; background-image:url('../images/sub/history-top.png'); background-position:50% 50%; background-size:cover;} 
.history-top p {margin-bottom:var(--margin-bottom-30); font-size:var(--font-size-20); color:#fff; letter-spacing:.4em;}
.history-top strong {font-weight:500; letter-spacing:-.03em; line-height:.9em; font-size:var(--font-size-100); color:var(--color-primary);}

.history .group {padding-bottom:var(--margin-bottom-100); position:relative;}
.history .group:before {content:""; position:absolute; left:50%; top:0; bottom:0; width:1px; background:#dfdfdf;}
.history .group:last-child {padding-bottom:0;}
.history .group:last-child:before {display:none;}
.history .group h4 {line-height:26px; font-size:var(--font-size-46); margin-bottom:var(--margin-bottom-40); z-index:2; color:var(--color-primary); position:relative;}
.history .group h4:before {width:26px; height:26px; border:7px solid #ad7c36; content:""; position:absolute; top:0; background:#fff; border-radius:100%;}
.history .group ul li {font-size:var(--font-size-18); margin-bottom:15px; line-height:1.5em; position:relative; letter-spacing:-.04em;}
.history .group ul li:last-child {margin-bottom:0;}
.history .group ul li:before {width:6px; height:6px; top:10px; background-color:#ccc; position:absolute; content:''; border-radius:100%;}
.history .group:nth-child(odd) {padding-left:50%;}
.history .group:nth-child(odd) h4 {padding-left:40px;}
.history .group:nth-child(odd) h4:before {left:-13px;}
.history .group:nth-child(odd) ul {padding-left:40px;}
.history .group:nth-child(odd) ul li {padding-left:25px;}
.history .group:nth-child(odd) ul li:before {left:0;}
.history .group:nth-child(even) {padding-right:50%; text-align:right;}
.history .group:nth-child(even) h4 {padding-right:40px; color:#7d5840;}
.history .group:nth-child(even) h4:before {right:-13px; border-color:#7d5840;}
.history .group:nth-child(even) ul {padding-right:40px;}
.history .group:nth-child(even) ul li {padding-right:25px;}
.history .group:nth-child(even) ul li:before {right:0;}

.local {margin-bottom:var(--margin-bottom-80); display:flex; text-align:center;}
.local li {border-right:1px solid #ddd; width:33.3333%;}
.local li:last-child {border-right:0;}
.local li strong {margin:var(--margin-bottom-20) 0;font-size:var(--font-size-24); color:#121212; display:block;}
.local li p {font-size:var(--font-size-18); position:relative; display:inline-block;}
.local li p:before {width:6px; height:6px; position:absolute; content:''; top:10px; left:-15px; border-radius:100%; background-color:#ccc;}
.local li b {font-weight:600; color:#121212;}

.root_daum_roughmap {width:100% !important;}

.business {margin-bottom:var(--margin-bottom-100);}
.business .group {margin-bottom:var(--margin-bottom-100); display:flex; text-align:center; align-items:center;}
.business .group:last-child {margin-bottom:0 !important;}
.business .group:nth-child(even) .img {order:2;}
.business img {border-radius:25px; box-shadow:1px 3px 10px rgba(0,0,0,.15);}
.business .col {width:50%;}
.business .txt {font-size:var(--font-size-18); line-height:1.6em; letter-spacing:-.03em;}

.s-tit {margin-bottom:var(--margin-bottom-50); color:#121212; position:relative;}
.s-tit:after {width:30px; height:5px; bottom:-22px; left:50%; transform:translateX(-50%); background-color:var(--color-primary); border-radius:5px; position:absolute; content:'';}
.s-tit h2 {font-size:var(--font-size-32); letter-spacing:-.03em; line-height:1.2em;}
.s-tit p {margin-top:10px; font-size:var(--font-size-18); line-height:1.6em; letter-spacing:-.03em;}

.guideline {text-align:center;}
.guideline .tit {margin-bottom:var(--margin-bottom-20); font-weight:700; font-size:var(--font-size-40); letter-spacing:-.03em; color:#121212; line-height:1.3em; letter-spacing:-.03em;}

.partners ul {margin:0 -10px -20px; display:flex; flex-wrap:wrap; text-align:center;}
.partners ul li {padding:0 10px; margin-bottom:20px; width:25%;}
.partners ul li .thumb {position:relative; padding-bottom:39%; margin-bottom:10px; overflow:hidden;}
.partners ul li .thumb img {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); width:auto !important; height:auto !important; max-width:100%; max-height:80%; object-fit:contain;}
.partners ul li .thumb:after {content:""; position:absolute; top:0; left:0; right:0; bottom:0; border:1px solid rgba(0,0,0,.08);}
.partners ul li p {font-weight:600; color:#121212;}

.tb-1 table {font-size:var(--font-size-18); letter-spacing:-.03em; line-height:1.5em; border-collapse:collapse; width:100%; text-align:center;}
.tb-1 th {font-size:var(--font-size-18); background-color:#f7f2eb;}
.tb-1 th.tit {color:#fff; background-color:var(--color-primary);}
.tb-1 th.st1 {color:#121212;}
.tb-1 th.st2 {color:#ad7c36;}
.tb-1 th, .tb-1 td {padding:11px 0; border-right:1px solid #ddd; border-bottom:1px solid #ddd;}
.tb-1 th:last-child, .tb-1 td:last-child {border-right:0;}

.group-trip {display:flex; margin:0 -10px;}
.group-trip li {padding:0 10px; width:33.3333%;}
.group-trip li .box {padding:50px 25px; height:500px; box-shadow:1px 3px 10px rgba(0,0,0,.15); border-radius:15px; color:#121212; background-size:cover; background-repeat:no-repeat; background-position:50% 50%;}
.group-trip li strong {margin-bottom:var(--margin-bottom-20); font-size:var(--font-size-24); letter-spacing:-.03em; line-height:1.3em; display:block;}
.group-trip li:nth-child(1) .box {background-image:url('../images/sub/group-trip1.jpg');}
.group-trip li:nth-child(2) .box {background-image:url('../images/sub/group-trip2.jpg');}
.group-trip li:nth-child(3) .box {background-image:url('../images/sub/group-trip3.jpg');}

.vip-event {display:flex; margin:0 -10px;}
.vip-event li {padding:0 10px; width:25%; color:#fff;}
.vip-event li .box {height:285px; padding:25px; display:flex; display:flex; align-items:flex-end; background-size:cover; background-repeat:no-repeat; background-position:50% 50%; box-shadow:1px 3px 10px rgba(0,0,0,.15); border-radius:15px;}
.vip-event li strong {font-size:var(--font-size-24); letter-spacing:-.03em; line-height:1.3em; display:block;}
.vip-event li:nth-child(1) .box {background-image:url('../images/sub/vip-event1.jpg');}
.vip-event li:nth-child(2) .box {background-image:url('../images/sub/vip-event2.jpg');}
.vip-event li:nth-child(3) .box {background-image:url('../images/sub/vip-event3.jpg');}
.vip-event li:nth-child(4) .box {background-image:url('../images/sub/vip-event4.jpg');}

.commercial-service {margin:-55px -60px ; display:flex; flex-wrap:wrap;}
.commercial-service .item {padding:55px 0; margin:0 60px; max-width:calc(50% - 120px); position:relative; border-bottom:1px solid #ddd; width:50%; display:flex;}
.commercial-service .item:nth-last-child(-n+2) {border-bottom:0;}
.commercial-service .item:after {right:-65px; height:120px; position:absolute; content:''; top:50%; transform:translateY(-50%); width:1px; background-color:#ddd;}
.commercial-service .item:nth-child(even):after {display:none;}
.commercial-service .ico {margin-right:30px;}
.commercial-service .cnt {flex:1;}
.commercial-service strong {margin-bottom:10px; color:#121212; font-size:var(--font-size-24); letter-spacing:-.03em; display:block; line-height:1.3em;}
.commercial-service ul li {color:#878787; letter-spacing:-.03em;}