@charset "utf-8";

/* 모달 닫기 버튼 스타일 */
.close-modal {
	position: absolute;
	top: 15px;
	right: 20px;
	color: #fff;
	font-size: 24px;
	font-weight: bold;
	text-decoration: none;
	z-index: 1000;
	background: rgba(0,0,0,0.5);
	width: 30px;
	height: 30px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	line-height: 1;
}

.close-modal:hover {
	background: rgba(0,0,0,0.8);
	color: #fff;
	text-decoration: none;
}
.root_daum_roughmap, 
.root_daum_roughmap .wrap_map {border-radius:20px; height:clamp(280px, calc( 500 / var(--inner) * 100vw ), 500px) !important; width:100% !important;}
.root_daum_roughmap .cont {display:none !important;}

.greeting {margin-top:var(--space-50); display:flex;}
.greeting .col-l {width:44%; color:#242424; font-weight:600; font-size:var(--font-size-40); line-height:1.35em; letter-spacing:-.03em;}
.greeting .col-r {flex:1;}
.greeting .col-r .tt {color:#242424; letter-spacing:-.03em; font-size:var(--font-size-22); font-weight:500; line-height:1.54em;}
.greeting .col-r p {font-size:var(--font-size-17); margin-top:var(--space-30); letter-spacing:-.03em; line-height:1.76em;}

.ci {display:flex; gap:var(--space-80); align-items:center;}
.ci .cnt {flex:1;}
.ci .tit {color:#242424; letter-spacing:-.03em; font-size:var(--font-size-24); font-weight:600; line-height:1.54em;}
.ci p {font-size:var(--font-size-17); margin-top:var(--space-20); letter-spacing:-.03em; line-height:1.76em;}

.history {display:flex;}
.history .col {width:50%;}
.history .col-l {display:flex; flex-direction:column;}
.history .col-l .txt {flex:1;}
.history .col-l .tt {color:#acacac; font-size:var(--font-size-18); font-weight:700; line-height:1.2em; letter-spacing:-.03em;}
.history .col-l p {margin-top:var(--space-25); color:#242424; font-size:var(--font-size-28); font-weight:600; line-height:1.42em; letter-spacing:-.03em;}
.history .col-l .img {flex:1;}
.history .col-r {border-top:1px solid #242424;}
.history .item {padding:var(--space-35) 0; align-items:center; border-bottom:1px solid #ddd; display:flex;}
.history .item .year {width:160px; text-align:center; color:#000; font-size:var(--font-size-28); font-weight:600; line-height:1.2em; letter-spacing:-.03em;}
.history .item ul {flex:1;}
.history .item ul li {padding-left:var(--space-15); position:relative;}
.history .item ul li:before {margin-top:-2px; position:absolute; content:'•'; left:0; color:#686868;}

.policy {display:flex; flex-wrap:wrap; margin:0 -15px -30px; color:#fff;}
.policy .item {padding:0 15px 30px; width:50%;}
.policy .bg {padding:var(--space-35) var(--space-40) var(--space-40); display:flex; flex-direction:column; border-radius:20px; height:300px; background-size:cover; background-position:50% 50%; background-repeat:no-repeat;}
.policy .bg1 {background-image:url('/images/sub/policy1.png');}
.policy .bg2 {background-image:url('/images/sub/policy2.png');}
.policy .bg3 {background-image:url('/images/sub/policy3.png');}
.policy .bg4 {background-image:url('/images/sub/policy4.png');}

.policy .num {font-weight:500; line-height:1.2em; letter-spacing:-.03em;}
.policy .tit {font-size:var(--font-size-28); margin-top:10px; font-weight:700; line-height:1.2em; letter-spacing:-.03em;}
.policy .desc {display:flex; flex-direction:column; justify-content:flex-end; flex:1;}
.policy .desc .tt {font-size:var(--font-size-20); font-weight:600; line-height:1.3em; letter-spacing:-.03em;}
.policy .desc p {font-size:var(--font-size-15); margin-top:10px; font-weight:400; line-height:1.73em; letter-spacing:-.03em;}

.sub-cnt {padding:var(--space-100) 0;}
.sub-cnt.first {padding-top:0;}
.sub-cnt.bg {background-color:#f8f8f8;}
.sub-cnt.bg .sub-title {padding:0 0 var(--space-60);}

.vision {display:flex; text-align:center;}
.vision .item {border-right:1px solid #ddd; width:50%; color:#242424;}
.vision .item:last-child {border-right:0;}
.vision .tt {font-size:var(--font-size-22); margin:25px 0 10px; font-weight:600; line-height:1.35em;}

.core-v {display:grid; gap:var(--space-80);}
.core-v .item {display:flex; gap:var(--space-80); align-items:center;}
.core-v .cnt {flex:1;}
.core-v .tt {color:#242424; margin-bottom:var(--space-25); font-size:var(--font-size-28); font-weight:600; line-height:1.2em;}
.core-v p {line-height:1.6em;}
.core-v .item:nth-child(even) .img {order:2;}

.local {margin-bottom:var(--space-40); display:flex; align-items:center;}
.local .item {gap:var(--space-15); display:flex; align-items:center; color:#242424;}
.local .item1 {margin-right:var(--space-40); border-right:1px solid rgba(221, 221, 221, .4); width:50%;}
.local .item2 {flex:1;}
.local .tt {font-size:var(--font-size-24); font-weight:600; letter-spacing:-.03em; line-height:1.2em;}
.local a {min-width:190px; height:55px; padding:0 10px; font-size:var(--font-size-18); color:#686868; border-radius:60px; border:2px solid #686868; text-align:center; display:flex; justify-content:center; align-items:center; font-weight:600; letter-spacing:-.03em;}
.local a:hover {color:#fff; background-color:#686868;}

.license-list ul {display:flex; flex-wrap:wrap; margin:0 -16px;}
.license-list ul li {width:25%; padding:0 16px; margin-bottom:var(--space-55); text-align:center;}
.license-list ul li.none {width:100%; padding:70px 0; margin:0; text-align:center; color:#767676;}
.license-list ul li a {display:block;}
.license-list ul li .thumb {position:relative; padding-bottom:128.986%; margin-bottom:var(--space-25); overflow:hidden;}
.license-list ul li .thumb img {position:absolute; top:50%; left:0; transition:.4s ease-in-out; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); width:100%; height:auto !important; max-width:100%; min-height:100%; object-fit:cover;}
.license-list ul li .thumb:after {content:""; position:absolute; top:0; left:0; right:0; bottom:0; border:1px solid #ddd;}
.license-list ul li .tit {color:#242424; font-size:var(--font-size-18); line-height:1.4em; font-weight:500; letter-spacing:-.03em;}

.business-top {display:flex; gap:var(--space-80); align-items:center;}
.business-top .tit {color:#242424; margin-bottom:var(--space-20); font-size:var(--font-size-28); font-weight:600; line-height:1.35em; letter-spacing:-.03em;}
.business-top p {font-size:var(--font-size-18); line-height:1.66em; letter-spacing:-.03em;}

.major-business {border:1px solid #ddd; color:#242424; display:flex; text-align:center;}
.major-business .item {height:220px; display:flex; flex-direction:column; justify-content:center; align-items:center; border-right:1px solid #ddd; width:25%; background-color:#fff;}
.major-business .item:last-child {border-right:0;}
.major-business p {margin-top:var(--space-15); font-weight:500; line-height:1.3em;}

.performance-list ul {display:flex; flex-wrap:wrap; margin:0 -15px;}
.performance-list ul li {width:33.3333%; padding:0 15px; margin-bottom:50px; text-align:center;}
.performance-list ul li.none {width:100%; padding:70px 0; margin:0; text-align:center; color:#767676;}
.performance-list ul li a {display:block;}
.performance-list ul li .thumb {position:relative; padding-bottom:100%; margin-bottom:var(--space-25); overflow:hidden;}
.performance-list ul li .thumb img {position:absolute; top:50%; left:0; transition:.4s ease-in-out; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); width:100%; height:auto !important; max-width:100%; min-height:100%; object-fit:cover;}
.performance-list ul li .thumb:after {content:""; position:absolute; top:0; left:0; right:0; bottom:0; border:1px solid #ddd;}
.performance-list ul li .value {color:#242424; font-size:var(--font-size-18); font-weight:500; line-height:1.3em; letter-spacing:-.03em;}
.performance-list ul li .tit {color:#242424; font-size:var(--font-size-22); margin-top:10px; line-height:1.4em; font-weight:500; letter-spacing:-.03em;}

.inquiry-chk {margin-bottom:var(--space-150); justify-content:center; gap:var(--space-30); text-align:center; display:flex; color:#242424;}
.inquiry-chk .item {position:relative;}

.chk-inner {width:154px; display:block; cursor:pointer;}
.chk-inner .box {border:1px solid #ddd; border-radius:10px; aspect-ratio:1 / 1; display:flex; align-items:center; flex-direction:column; justify-content:center;}
.chk-inner input {display:none;}

.chk-inner .ico {width:64px; height:64px; margin:0 auto; background-size:contain; background-repeat:no-repeat; background-position:50% 50%; display:inline-block;}
.chk-inner .ico1 {background-image:url('/images/sub/chk-ico1.png');}
.chk-inner .ico2 {background-image:url('/images/sub/chk-ico2.png');}
.chk-inner .ico3 {background-image:url('/images/sub/chk-ico3.png');}
.chk-inner .ico4 {background-image:url('/images/sub/chk-ico4.png');}
.chk-inner .ico5 {background-image:url('/images/sub/chk-ico5.png');}

.chk-inner .txt {font-size:var(--font-size-18); margin-top:10px; font-weight:500; letter-spacing:-.03em; line-height:1.2em;}
.chk-inner input:checked ~ .box > .ico1 {background-image:url('/images/sub/chk-ico1-on.png');}
.chk-inner input:checked ~ .box > .ico2 {background-image:url('/images/sub/chk-ico2-on.png');}
.chk-inner input:checked ~ .box > .ico3 {background-image:url('/images/sub/chk-ico3-on.png');}
.chk-inner input:checked ~ .box > .ico4 {background-image:url('/images/sub/chk-ico4-on.png');}
.chk-inner input:checked ~ .box > .ico5 {background-image:url('/images/sub/chk-ico5-on.png');}

.chk-inner .custom-checkbox {width:26px; height:26px; bottom:-40px; position:absolute; left:50%; transform:translatex(-50%); display:block; border:1px solid #ddd; border-radius:4px;}
.chk-inner input:checked {background-color:#000;}
.chk-inner input:checked + .custom-checkbox {background:url(/images/sub/checkbox.png) 50% 50% no-repeat; border-color:#1f2020;}

.board-wrap {display:flex; flex-wrap:wrap; gap:var(--space-50) 0; margin:0 -30px;}
.board-wrap dl {width:50%; padding:0 30px;}
.board-wrap dl.wide {width:100%;}
.board-wrap dt {font-size:var(--font-size-18); font-weight:600; margin-bottom:12px; letter-spacing:-.03em; line-height:1.4em; color:#242424;}
.board-wrap .input,
.board-wrap .captcha-wrap {height:55px;}

.form-agree + .buttons .cen .btn-pack {height:60px; line-height:58px; background-color:#1F2020; min-width:230px; border-radius:30px;}

.modal {max-width:820px; padding:0; background:unset; box-shadow: none; border-radius:30px;}
.pop-performance {overflow:hidden; text-align:center;}
.pop-performance .title {padding:var(--space-25) 10px; border-radius:30px 30px 0 0; background-color:#1f2020; color:#fff; font-size:var(--font-size-24); font-weight:600; letter-spacing:-.03em; line-height:1.25em;}
.pop-performance .inner {padding:var(--space-60) var(--space-60) var(--space-50); border-radius: 0 0 30px 30px; background:#fff;}
.pop-performance + a.close-modal {width:20px; height:20px; right:30px; top:30px; background:url('/images/bbs/modal-close.png') 50% 50% / contain no-repeat;}
.pop-performance .img-area {margin-bottom:var(--space-35);}
.pop-performance .img-area .thumb {position:relative; padding-bottom:100%; overflow:hidden;}
.pop-performance .img-area .thumb img {position:absolute; top:50%; left:0; transition:.4s ease-in-out;transform:translateY(-50%); -ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);width:100%;height:auto !important;max-width:100%;min-height:100%;object-fit:cover;}
.pop-performance .tit {color:#242424; font-size:var(--font-size-32); font-weight:600; line-height:1.2em; letter-spacing:-.03em;}
.pop-performance p {color:#242424; font-size:var(--font-size-20); margin-top:12px; font-weight:500; line-height:1.23em; letter-spacing:-.03em;}

.modal-arrow {position: absolute; top:50%; transform:translateY(-50%); cursor: pointer;}
.modal-arrow.prev {left: -125px;}
.modal-arrow.next {right:-125px;}

.layer_popup {display:none; width:100%; position:relative; z-index:100 !important;}