@charset "utf-8";

.greetings {display:flex; margin-top:60px;}
.greetings .tit {padding:0 50px; width:46%; font-size:var(--font-size-40); font-weight:700; line-height:1.5em; letter-spacing:-.03em; color:#242424;}
.greetings .tit span {color:var(--color-primary);}
.greetings .txt-box {flex:1 1 auto; min-width:0; width:1%; padding-right:clamp(50px, calc( 100 / var(--inner) * 100vw ), 100px);}
.greetings .txt-box p {margin-bottom:20px; font-size:var(--font-size-18); line-height:1.67em; letter-spacing:-.03em; }
.greetings .txt-box p:last-child {margin-bottom:0;}
.greetings .txt-box p br {display: none;}

.history-tit {padding:0 0 35px 0 ;}
.history-tit h2 {font-size:var(--font-size-46); font-weight:800; line-height:1.2em; letter-spacing:0em; color:#242424;}
.history-tit h2 span {color:var(--color-primary);}
.history-tit p {margin-top:15px; font-size:var(--font-size-18); line-height:1.2em; letter-spacing:-.03em; }
.history {position:relative; padding-top:75px; border-top:1px solid #ddd;}
.history::after {content:''; position:absolute; right:0; top:-160px; width:320px; height:320px; background-image:url(/images/sub/history.png); background-repeat:no-repeat; background-size:contain;box-shadow:8.192px 5.736px 30px 0px rgba(201, 201, 201, 0.4); border-radius:100%;}
.history .wrap {display:flex;}
.history .year {width:26.3%; padding:0 50px; font-size:var(--font-size-50); font-weight:800; line-height:1.2em; letter-spacing:0em; color:#242424; }
.history .story {flex:1 1 auto; min-width:0; width:1%;}
.history .story .box {position:relative; padding:0 0 40px 60px;}
.history .story .box:last-child {padding-bottom:95px;}
.history .story .box::before {content:''; position:absolute; left:0; top:10px; width:1px; height:100%; background-color:#ccc;}
.history .story .box h3 {position:relative; margin-bottom:25px; font-size:var(--font-size-28); line-height:1.2em; letter-spacing:0em; color:#242424;}
.history .story .box h3::before {content:''; position:absolute; left:-69px; top:50%; transform:translateY(-50%); width:18px; height:18px; background-image:url(/images/sub/history-ico.png); background-repeat:no-repeat; background-size:contain;}
.history .story .box ul li {display:flex; align-items:center; margin-bottom:10px;}
.history .story .box ul li:last-child {margin-bottom:0;}
.history .story .box ul li .month {margin-right:17px; width:3%; color:var(--color-primary); font-size:var(--font-size-16); font-weight:700; line-height:1.2em; letter-spacing:0em;}
.history .story .box ul li .txt {flex:1 1 auto; min-width:0; width:1%; font-size:var(--font-size-16);  line-height:1.2em; letter-spacing:0em;}
.history .wrap:last-child .story .box::before {display:none;}

.org {text-align:center;}

.directions {margin-top:40px;}
.directions .address-info {margin-bottom:30px; display:flex; align-items:center;}
.directions .address-info .img {margin-right:40px;}
.directions .address-info .addr {color:#242424; font-size:23px; font-weight:600; line-height:1.33em; letter-spacing:-.03em; margin-bottom:5px;}
.directions .address-info .etc {color:#454545;}
.directions .address-info .etc span {display:inline-block; margin-right:16px;}
.directions .address-info .etc span:last-child {margin-right:0;}
.directions .contact-info {border-top:1px solid #ddd; line-height:1.5em;}
.directions .contact-info dl {display:flex; padding:28px 0; border-bottom:1px solid #ddd;}
.directions .contact-info dt {width:180px; padding-left:30px; color:#242424; font-size:1.125em; font-weight:500;}
.directions .contact-info dt svg {vertical-align:middle; margin:-.2em 15px 0 0;}
.directions .contact-info dt path {fill:#ababab;}
.directions .contact-info dd {flex:1 1 auto; min-width:0; width:1%; color:#454545;}

@media (max-width:1024px) {
	.root_daum_roughmap .wrap_map {height:300px !important;}
	.directions .address-info .addr {font-size:20px;}
	.directions .contact-info dl {padding:20px 0;}
	.directions .contact-info dt {padding-left:20px; width:140px;}
}

@media (max-width:640px) {
	.root_daum_roughmap .wrap_map {height:250px !important;}	
	.directions {margin-top:30px;}
	.directions .address-info .addr {font-size:18px;}
	.directions .address-info {margin-bottom:20px;}
	.directions .contact-info dl {padding:16px 0;}
	.directions .contact-info dt {padding-left:5px; width:110px;}
	.directions .contact-info dt svg {margin-right:10px;}
}

.root_daum_roughmap .wrap_controllers,
.root_daum_roughmap .border1,
.root_daum_roughmap .border2,
.root_daum_roughmap .border3,
.root_daum_roughmap .border4 {display:none;}

.business-top {text-align:center;}
.business-top p {margin-bottom:22px; font-size:var(--font-size-18); line-height:1.67em; letter-spacing:-.03em;}
.business-top p:nth-child(2) {margin-bottom:0;}
.business-middle {margin:60px 0; padding:40px 10px; display:flex; flex-direction:column; align-items:center; background-color:#d8efdc; border-radius:20px;}
.business-middle.ty2 {background-color:#dde4f0;}
.business-middle ul {display:flex;}
.business-middle ul li {padding:0 10px;}
.business-middle ul li .img {display:flex; justify-content:center; align-items:center; width:100px; height:100px; padding:10px; background-color:#fff; border-radius:20px; border:3px solid #000;}
.business-middle p {text-align:center; margin-top:15px; font-size:var(--font-size-14); font-weight:700; line-height:1.2em; letter-spacing:-.03em; color:#242424;}
.business-bottom ul {display:flex; margin:0 -15px;}
.business-bottom ul li {padding:0 15px;}
.business-bottom ul li p {text-align:center; margin-top:15px; font-size:var(--font-size-16); font-weight:600; line-height:1.2em; letter-spacing:-.03em; color:#242424}
.business-bottom.ty2 {margin-top:55px;}


.sub-tabs {margin-bottom:72px;}
.sub-tabs.only-desktop ul {display:flex; flex-wrap: wrap;}
.sub-tabs ul li {padding:4px; width:auto;}
.sub-tabs ul li a {display:inline-flex; align-items:center; justify-content:center; padding:0 30px; height:57px; border-radius:28.5px; background-color:#f4f4f4; font-size:var(--font-size-20); font-weight:600; letter-spacing:-.02em; line-height:1.2em; color:#a8a8a8;}
.sub-tabs ul li a.active {color:#fff; background-color:var(--color-primary);}