@charset "utf-8";
/* doc.css는 디자인페이지 스타일을 정의합니다. */
.root_daum_roughmap {width:100% !important; height:clamp(250px, calc( 450 / var(--inner) * 100vw ), 450px) !important;}
.root_daum_roughmap .wrap_map {height:clamp(250px, calc( 450 / var(--inner) * 100vw ), 450px) !important;}
.roughmap_lebel_text {line-height:0 !important; font-size:0 !important;}
.roughmap_lebel_text:after {content:"앤케이스테이션"; font-size:12px; line-height:15px;}

.bullet-item .bullet-list {position:relative; padding-left:14px; margin-top:4px; line-height:1.4; font-size: var(--font-size-20); color: var(--color-body);}
.bullet-item .bullet-list:first-child {margin-top:0;}
.bullet-item .bullet-list::before {position:absolute; content:''; left:0; top:clamp(9px, calc( 12 / var(--inner) * 100vw ), 12px); width:4px; height: 4px; background:var(--color-primary); border-radius: 50%;}
.bullet-item .bullet-list.none {padding-left: 0;}
.bullet-item .bullet-list.none::before {display: none;}
.bulletitem2 { padding-left: 0.6em; text-indent: -0.6em;}

.bg-gray {background:#fafafa;}
.overhidden {overflow: hidden;}
.subsec-pd {padding: clamp(50px, calc( 150 / var(--inner) * 100vw ), 150px) 0;}

.radiobx {display: flex; flex-wrap: wrap;}
.radiobx .item {display: flex;align-items: center; min-height: clamp(38px, calc( 44 / var(--inner) * 100vw ), 44px);}
.radiobx .item:not(:last-child) {margin-right: clamp(15px, calc( 40 / var(--inner) * 100vw ), 40px);}

.greeting-wrap {display: flex; flex-wrap: wrap;gap: clamp(25px, calc( 85 / var(--inner) * 100vw ), 85px); overflow: hidden;}
.greeting-wrap .imgbx {width:clamp(300px, calc( 688 / var(--inner) * 100vw ), 688px); }
.greeting-wrap .imgbx img {width:100%;border-radius: 14px; overflow: hidden;}
.greeting-wrap .textbx {flex: 1; letter-spacing: -0.5px;}
.greeting-wrap .title {font-size:var(--font-size-36); font-weight: bold;}
.greeting-wrap .decbx {display: flex;flex-direction: column; gap:var(--padding-25); padding-top:var(--padding-25);}
.greeting-wrap .dec {font-size: var(--font-size-20); line-height: 1.5; color: var(--color-body);}  

.intro-topflx {display: flex;flex-wrap: wrap;justify-content: center; align-items: center; gap:40px; padding-bottom: var(--padding-80); margin-bottom: var(--padding-80); border-bottom: 1px solid #ddd;}
.intro-topflx .logobx {width:clamp(250px, calc( 460 / var(--inner) * 100vw ), 460px); margin-left: var(--padding-50);}
.intro-topflx .logobx img {width:100%;}
.intro-topflx .textbx {flex: 1; letter-spacing: -0.5px;}
.intro-topflx .title {margin-bottom: 8px; font-size:var(--font-size-48); font-weight: bold;}
.intro-topflx .text {font-size: var(--font-size-18); line-height: 1.44; color: var(--color-body);}  

.intro-grid {display: flex;flex-direction: column;gap: var(--padding-90);}
.intro-item {display: flex;flex-wrap: wrap;gap: var(--padding-45);}
.intro-item .imgbx {width:34%;}
.intro-item .imgbx img {width:100%; border-radius: 14px;}
.intro-item .textbx {flex: 1; letter-spacing: -0.5px;}
.intro-item .decbx {display: flex;flex-direction: column; gap: var(--padding-25);}
.intro-item .dec {font-size: var(--font-size-20); line-height: 1.4; color: var(--color-body);}  
.intro-item:nth-child(2) {flex-direction: row-reverse;}

.history-text {margin-bottom:var(--padding-85); font-size: var(--font-size-36); font-weight: bold; letter-spacing: -0.8px; text-align: center;}
.history .item {display:flex; letter-spacing: -0.5px;}
.history .item h3 {margin-bottom:40px; font-size: 48px; font-weight: 700; letter-spacing: -.03em; line-height: 1.4em; color: #314158; text-align:left; width:340px; line-height:1em; margin:-8px 0 0;}
.history .list {flex:1 1 auto; min-width:0; width:1%; padding:0 0 70px 70px; position:relative;}
.history .list:before {position:absolute; content:""; background:var(--color-primary); margin-left:-16px; top:0; left:0; width:32px; height:32px; border-radius:100%; border:8px solid #CCD6FF;}
.history .list:after {position:absolute; content:""; left:0; top:0; width:1px; height:100%; background:#ddd; z-index:-1;}
.history .list li {margin-bottom:24px; display:flex; line-height:1.4em; color: #484848; font-size: 20px;}
.history .list li:last-child {margin-bottom:0;}
.history .list strong {min-width:85px;  font-weight:600;}
.history .item:last-child .list {padding-bottom:0;} 
.history .item:last-child .list:after {display:none;}
.history .bullet {display: block; padding-left:15px; position: relative;}
.history .bullet::before {position:absolute; content:''; left:0; top:12px; width:5px; height: 5px; background:var(--color-primary); border-radius: 50%;}
@media (max-width: 1024px) {
	.history .item h3 {width:200px; font-size: 44px;}
	.history .list li {margin-bottom:18px; font-size: 18px;}
	.history .list:before {width:22px; height:22px; border-width:5px; margin-left:-11px; }
}
@media (max-width: 640px) {
	.history .item {border:0; display:block;}
	.history .item h3 {font-size: 22px; margin-bottom:18px; padding-left:25px; width: 100%;}
	.history .list {padding-bottom:50px; width:100%; padding-left:25px;}
	.history .list li {margin-bottom:15px; font-size: 16px;}
	.history .list:after {display:none;}
	.history .list:before {width:14px; height:14px; top:-35px; margin-left:0; border-width: 4px;}
	.history .list strong {min-width:50px;  line-height:1.2em;}
	.history .bullet {padding-left:10px;}
 	.history .bullet::before {top:9px; width:3px; height: 3px;}
}

.certification-toptext {padding: var(--padding-35); background: #F2F2F2; border-radius: 14px;}
.certification-toptext .flxWrap {display: flex;gap: var(--padding-45); flex-wrap: nowrap; max-width: 855px; margin: 0 auto;}
.certification-toptext .icn {width: clamp(40px, calc( 56 / var(--inner) * 100vw ), 56px);}
.certification-toptext .text {flex: 1; font-size: var(--font-size-20); line-height: 1.40; color: var(--color-body); letter-spacing: -0.4px;}
.certifi-grid {display: grid;grid-template-columns: repeat(4, 1fr);gap:24px var(--padding-24); margin-top: var(--padding-50);}
.certifi-item .images {position: relative; border-radius: 14px; overflow: hidden;}
.certifi-item .images img {width:100%;}
.certifi-item .images:after {content:""; position:absolute; top:0; left:0; right:0; bottom:0; border:1px solid #ddd; border-radius: 14px;}
.certifi-item .name {display: block; padding-top:8px; line-height: 1.5; text-align: center; color: #000;}

.busi-linewrap {margin-bottom: var(--padding-90); padding-bottom: var(--padding-90); border-bottom: 1px solid #ddd;}
.busi-toptext {padding: var(--padding-35); background: #F2F2F2; border-radius: 14px; }
.busi-toptext .flxWrap {gap:var(--padding-30); align-items: center; flex-wrap: nowrap;}
.busi-toptext .icn {width: clamp(45px, calc( 88 / var(--inner) * 100vw ), 88px); box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.10), 0 4px 6px -4px rgba(0, 0, 0, 0.10);}
.busi-toptext .text {flex:1; font-size: var(--font-size-20); line-height: 1.7; color: var(--color-body); letter-spacing: -0.5px; font-weight: 500;}

.maintask-wrap {margin-bottom: var(--padding-90);}
.maintask-wrap .subtit {margin-bottom:15px; font-size: var(--font-size-24); font-weight: bold;}
.maintask-grid {display: flex;flex-direction: column; gap:15px;}
.maintask-item {display: flex; flex-wrap: wrap; gap:var(--padding-50);}
.maintask-item .images  {width: clamp(200px, calc( 360 / var(--inner) * 100vw ), 360px);}
.maintask-item .images  img {width: 100%; border-radius: 14px;}
.maintask-item .textbx {flex:1; letter-spacing: -0.5px;}
.maintask-item .tit {margin-bottom: 15px; font-size: var(--font-size-22); font-weight: bold; line-height: 1.36;}
.maintask-item .text {font-size: var(--font-size-20); line-height: 1.40; color: var(--color-body);}
.maintask-wrap .last-text {margin-top: var(--padding-40); font-size: var(--font-size-20); line-height: 1.40; color: var(--color-body); letter-spacing: -0.4px;}

.why-wrap .badge {display: inline-flex;align-items: center;justify-content: center; padding:0 30px; height:clamp(42px, calc( 64 / var(--inner) * 100vw ), 64px); border-radius: 32px; background: var(--color-primary); color: #fff; font-size:var(--font-size-24); font-weight: bold; line-height: 1;}
.why-wrap .bullet-item {margin: clamp(20px, calc( 32 / var(--inner) * 100vw ), 32px) 0; padding-left:var(--padding-24);} 
.why-wrap .last-text {font-size: var(--font-size-20); line-height: 1.40; color: var(--color-body); letter-spacing: -0.4px;}