@charset "utf-8";
 /* doc.css는 디자인페이지 스타일을 정의합니다. */

 /* 공통 */
.sub-tab {text-align:center; margin-bottom:var(--space-80);} 
.sub-tab ul {display:flex;} 
.sub-tab ul li {flex:1; position:relative; border-bottom:1px solid #ddd;} 
.sub-tab ul li a {display:block; width:100%; height:100%; padding:15px 10px; color:#999; font-size:var(--font-size-18); line-height:1.3em;}
.sub-tab ul li.active a { color:var(--color-primary); font-weight:700;} 
.sub-tab ul li.active:after {content:""; position:absolute; bottom:-1px; left:0; width:100%; height:3px; background:var(--color-primary);}

.edu-cate {text-align:center; margin-bottom:var(--space-50);}
.edu-cate ul {display:flex;}
.edu-cate ul li {flex:1; padding:0 5px;}
.edu-cate ul li a {display:flex; flex-direction:column; justify-content:center; align-items:center; width:100%; height:var(--lnb-height); padding:0 16px; background:#f4f4f4; border-radius:8px; color:#8f8f8f; font-size:var(--font-size-16); font-weight:600; line-height:1.2em; letter-spacing:-.03em;}
.edu-cate ul li.active a {color:#fff; background:var(--color-primary);}

.sub-top-title {margin-bottom:var(--space-100); text-align:center;}
.sub-top-title .subtitle {margin-bottom:10px; color:var(--color-primary); font-weight:700; line-height:1.3em;}
.sub-top-title h2 {margin-bottom:var(--space-30); font-size:var(--font-size-34); font-weight:800; line-height:1.3em;}
.sub-top-title .description {color:#454545; line-height:1.7em;}

.doc-tit {margin-bottom:15px; font-size:clamp(19px, calc(34 / var(--inner) * 100vw ), 34px); font-weight:700; line-height:1.3em; letter-spacing:-.03em} 

.doc-cnt {margin-bottom:var(--space-140);} 
.doc-cnt:last-child {margin-bottom:0;} 

.doc-sub-cnt {margin-bottom:var(--header-height);} 
.doc-sub-cnt:last-child {margin-bottom:0;} 

.table-style table { width:100%; border-collapse:collapse; border-spacing:0px; border-top:1px solid #1f1f1f; line-height:1.5em; } 
.table-style table th { padding:13px; border:1px solid #ddd; border-top:0; font-weight:600; background:#fafafa; } 
.table-style table td { padding:13px; text-align:center; border:1px solid #ddd; border-top:0; color: #454545; } 
.table-style tr th:first-child,
.table-style tr td:first-child { border-left:0; } 
.table-style tr th:last-child,
.table-style tr td:last-child { border-right:0; } 
.table-style span { display:inline-block; } 
.table-style .normal { font-weight:400; } 

.block { display:block !important; } 

.mr8 { margin-right:8px !important; } 
.mr20 { margin-right:var(--space-20); } 

.mt40 { margin:var(--space-40) 0 0 0 !important; } 
.mt30 { margin:var(--space-30) 0 0 0 !important; } 

.mb8 { margin-bottom:8px !important; } 
.mb7 { margin-bottom:7px !important; } 

.pt0 { padding-top:0 !important; } 
.pb0 { padding-bottom:0 !important; } 

.txt-primary { color: var(--color-primary) !important; } 
.txt-second { color: var(--color-secondary) !important; } 

.txt-grey { color: #888888 !important; } 
.txt-wht { color: #fff !important; } 

.bg-grey { background-color: #f9f9f9; } 

.flex-wrap { display:flex; } 
.flex-wrap .flex { flex: 1 1 auto; width:1%; min-width:0; } 

.dot-list > li { position:relative; padding-left:10px; line-height:1.5em; } 
.dot-list > li:before { content:"·"; position:absolute; top:-2px; left:0; font-size:var(--font-size-24); color:#121212; } 
.dot-list > li strong { font-weight:600; } 

.sub-head { padding-bottom:var(--space-100); text-align:center; } 
.sub-head .bullet { margin:0 auto; } 
.sub-head h2 { margin-top:var(--space-60); font-size: var(--font-size-48); color: var(--color-dark); line-height:1.25em; } 
.sub-head p { margin-top:var(--space-30); font-size: var(--font-size-20); line-height:1.7em; } 

.bg-half-gray {position:relative;}
.bg-half-gray:before {content:''; position:absolute; z-index:-1; bottom:0; left:0; width:100%; height:410px; background:#f8f8f8;}

/* GQA 소개 */
.about-intro {position:relative; padding:var(--space-100) 0 var(--space-140); margin-bottom:var(--space-140); border-bottom:1px solid #ddd; overflow:hidden;}
.about-intro:before {content:''; position:absolute; top:0; left:var(--container-space); width:1px; height:100%; background:#ddd;}
.about-intro .wrap {display:flex; align-items:center; justify-content:space-between; gap:var(--space-80);}
.about-intro .left h2 {margin-bottom:3em; font-size:var(--font-size-80); font-weight:800; line-height:1.3em; letter-spacing:0;}
.about-intro .right {width:100%; max-width:570px; color:#454545;}
.about-intro .right .tt {margin-bottom:2.5em; color:#242424; font-size:var(--font-size-20); font-weight:600; line-height:1.5em; letter-spacing:-.03em; }
.about-intro .right p {margin-bottom:1.4em;}
.about-intro .right p:last-child {margin-bottom:0;}
.about-intro .right p span {display:inline-block;}

.logo-intro {overflow:hidden;}
.logo-intro .heading {display:flex; flex-wrap:wrap; align-items:flex-end; justify-content:space-between; gap:var(--space-80); margin-bottom:var(--space-100);}
.logo-intro .heading h2 {margin-bottom:8px; color:var(--color-primary); font-size:var(--font-size-16); line-height:1.3em;}
.logo-intro .heading p {font-size:var(--font-size-34); font-weight:800; line-height:1.3em; letter-spacing:-.03em;}
.logo-intro .heading .btns {display:flex; flex-wrap:wrap; gap:var(--space-20);}
.logo-intro .heading .btn {display:inline-flex; align-items:center; justify-content:center; text-align:center; gap:10px; width:165px; height:50px; padding:0 16px; background:var(--color-primary); color:#fff; border-radius:5px;}
.logo-intro .heading .btn:after {content:''; width:18px; height:18px; background:url('/images/sub/download-white.png') 50% 50%/contain no-repeat;}
.logo-intro .heading .btn.st2 {background:#f1f1f1; color:#242424;}
.logo-intro .heading .btn.st2:after {background-image:url('/images/sub/download-black.png');}
.logo-intro .content:not(:last-child) {margin-bottom:var(--space-140);}
.logo-intro .content h3 {margin-bottom:var(--space-30); font-size:var(--font-size-34); line-height:1.3em;}
.logo-intro .symbol-type {border:1px solid #333; display:flex; align-items:center; gap:var(--space-40); padding:var(--space-90) var(--space-40);}
.logo-intro .symbol-type .img {width:45%; padding:0 var(--space-40); text-align:center;}
.logo-intro .symbol-type .cnt {flex:1 1 auto; min-width:0; width:1%; color:#454545; font-size:var(--font-size-18); line-height:1.6em; letter-spacing:-.03em;}
.logo-intro .symbol-type .cnt .tt {margin-bottom:1.5em; color:#242424; font-size:var(--font-size-22); font-weight:600; line-height:1.5em; letter-spacing:-.03em; }
.logo-intro .symbol-type .cnt p {margin-bottom:1.2em;}
.logo-intro .symbol-type .cnt p:last-child {margin-bottom:0;}
.logo-intro .symbol-type .cnt .colors {display:flex; flex-wrap:wrap; gap:var(--space-20); margin-top:var(--space-90);}
.logo-intro .symbol-type .cnt .color {display:flex; align-items:flex-end; width:240px; height:80px; padding:18px 20px; color:#fff; font-weight:500; line-height:1em;}
.logo-intro .symbol-type .cnt .color div {display:flex; justify-content:space-between; width:100%;}
.logo-intro .symbol-type .cnt .color.green {background:#178743;}
.logo-intro .symbol-type .cnt .color.black {background:#212222;}
.logo-intro .logo-type {display:grid; grid-template-columns:repeat(3, 1fr); border:1px solid #333; background:url('/images/sub/logo-type-grid.png') center;}
.logo-intro .logo-type .item {position:relative; aspect-ratio:1/1.1; display:flex; align-items:center; justify-content:center; padding:var(--space-40);}
.logo-intro .logo-type .item:not(:first-child) {border-left:1px solid #333;}
.logo-intro .logo-type .item span {position:absolute; bottom:var(--space-30); right:var(--space-30); font-size:var(--font-size-18); font-weight:500; line-height:1em;}

.history {display:flex; align-items:center; gap:var(--space-140);}
.history:not(:last-child) {margin-bottom:var(--space-200);}
.history .img {width:40%; max-width:500px; overflow:hidden; background:#eee;}
.history .cnt {flex:1 1 auto; min-width:0; width:1%;}
.history .cnt h2 {margin-bottom:1.5em; color:#ddd; font-size:var(--font-size-50); line-height:1.2em; letter-spacing:-.03em;}
.history .cnt .list {border-left:1px solid var(--color-primary); padding-left:var(--space-40); color:#454545;}
.history .cnt .list ul li {display:flex;}
.history .cnt .list ul li:not(:last-child) {margin-bottom:var(--space-20);}
.history .cnt .list ul li .year {min-width:80px; font-family:'arial',sans-serif; color:var(--color-primary); font-size:var(--font-size-18); font-weight:700; letter-spacing:0;}
.history.reverse {flex-direction:row-reverse;}

.vda-qmc-intro {display:flex; align-items:center; gap:var(--space-120); margin-bottom:var(--space-200);}
.vda-qmc-intro .cnt {min-width:700px;}
.vda-qmc-intro .cnt h2 {margin-bottom:var(--space-60); font-size:var(--font-size-80); font-weight:800; line-height:1.1em; letter-spacing:0;}
.vda-qmc-intro .cnt p {margin-bottom:1em; color:#454545; font-size:var(--font-size-18); line-height:1.67em;}
.vda-qmc-intro .cnt p:last-child {margin-bottom:0;}
.vda-qmc-intro .img img {max-width:840px;}

.vda-qmc-edu:not(:last-child) {margin-bottom:var(--space-200);}
.vda-qmc-edu .heading {margin-bottom:var(--space-70); text-align:center;}
.vda-qmc-edu .heading p {margin-bottom:10px; color:var(--color-primary); font-weight:700; line-height:1.3em; letter-spacing:0em;}
.vda-qmc-edu .heading h2 {font-size:var(--font-size-50); font-weight:800; line-height:1.3em;}
.vda-qmc-edu .items {display:grid; grid-template-columns:repeat(3, 1fr); gap:var(--space-40); margin-bottom:var(--space-60);}
.vda-qmc-edu .items .item {padding:var(--space-30) var(--space-20) var(--space-40); border-top:2px solid #242424; border-bottom:2px solid #ddd;}
.vda-qmc-edu .items .item .title {display:flex; justify-content:space-between; align-items:center; gap:var(--space-20); margin-bottom:var(--space-20);}
.vda-qmc-edu .items .item .title h3 {flex:1 1 auto; min-width:0; width:1%; font-size:var(--font-size-30); line-height:1.3em;}
.vda-qmc-edu .items .item .title .icon {width:56px;}
.vda-qmc-edu .items .item .content {display:flex; flex-wrap:wrap; gap:var(--space-30) var(--space-100); color:#454545; line-height:1.67em;}
.vda-qmc-edu .modules {display:flex; flex-wrap:wrap; justify-content:center; gap:var(--space-60) var(--space-100);}
.vda-qmc-edu .modules .module {width:calc(50% - var(--space-50)); border-radius:var(--border-radius-30); overflow:hidden; background:#f8f8f8;}
.vda-qmc-edu .modules .module .title {position:relative; padding:50px var(--space-40) 27px; color:#fff; text-align:center; background:#989db8;}
.vda-qmc-edu .modules .module .title .label {position:absolute; top:0; left:var(--space-30); padding:6px 0; width:110px; background:var(--color-primary); border-radius:0 0 8px 8px; line-height:1.5em;}
.vda-qmc-edu .modules .module .title h3 {margin-bottom:20px; font-size:var(--font-size-22); line-height:1.5em;}
.vda-qmc-edu .modules .module .title .btn {display:inline-block; padding:8px 28px; border:1px solid #ddd; line-height:1.5em;}
.vda-qmc-edu .modules .module .title .btn:hover {border-color:var(--color-primary); background:var(--color-primary);}
.vda-qmc-edu .modules .module .content {padding:var(--space-40); color:#454545; line-height:1.5em;}
.vda-qmc-edu .modules .module .content ol li {position:relative; margin-bottom:var(--space-20); padding-left:35px;}
.vda-qmc-edu .modules .module .content ol li .num {position:absolute; top:-1px; left:0; width:25px; height:25px; display:flex; align-items:center; justify-content:center; border-radius:100%; background:#989db8; color:#fff; font-size:var(--font-size-14); font-weight:500;}
.vda-qmc-edu .modules .module .content ol li:last-child {margin-bottom:0;}
.vda-qmc-edu .modules .module .content .help-text {text-align:right; margin-bottom:-1em; margin-top:var(--space-40); font-size:var(--font-size-15); color:#999999;}

.vda-qmc-edu .modules .module.st2 .title {background:#98b8a9;}
.vda-qmc-edu .modules .module.st2 .title .label {background:var(--color-secondary);}
.vda-qmc-edu .modules .module.st2 .content ol li .num {background:#98b8a9;}
.vda-qmc-edu .modules.col-3 {gap:var(--space-60) var(--space-30);}
.vda-qmc-edu .modules.col-3 .module {width:calc(33.33333333% - var(--space-20));}

.loc-title p {margin-bottom:10px; color:var(--color-primary); font-weight:700; line-height:1.3em; letter-spacing:0em;}
.loc-title h2 {font-size:var(--font-size-34); font-weight:800; line-height:1.3em;}

.location-info {margin-bottom:var(--space-120);}
.location-info .loc-title {margin-bottom:var(--space-30);}
.location-info .loc-map .root_daum_roughmap {width:100% !important;}
.location-info .loc-map .root_daum_roughmap .wrap_map {height:clamp(450px, calc( 500 / var(--inner) * 100vw ), 500px) !important;}
.location-info .loc-map .root_daum_roughmap .cont {display:none;}

.traffic-info {display:flex; margin-bottom:var(--space-120); gap:var(--space-70);}
.traffic-info:last-child {margin-bottom:0;}
.traffic-info .loc-title {width:27%; min-width:320px;}
.traffic-info .help-text { margin-top:var(--space-30); }
.traffic-info .help-text p {color:#454545; font-weight:400; line-height:1.6em;}
.traffic-info .help-text .gray {color:#999; padding-left:.7em; text-indent:-.7em;}
.traffic-info .content {flex:1 1 auto; min-width:0; width:1%; display:grid; grid-template-columns:repeat(2, 1fr); gap:var(--space-50) var(--space-70); margin-top:var(--space-30);}
.traffic-info .content .item {display:flex; gap:20px; border-top:2px solid #242424; padding-top:var(--space-30);}
.traffic-info .content .item.wide {grid-column: 1 / -1;}
.traffic-info .content .item .ico {width:56px;}
.traffic-info .content .item .cnt {flex:1 1 auto; min-width:0; width:1%; padding-top:10px;}
.traffic-info .content .item .cnt h3 {margin-bottom:var(--font-size-30); font-size:var(--font-size-30);line-height:1.3em;}
.traffic-info .content .item .cnt p {margin-bottom:1em; color:#454545; line-height:1.7em;}
.traffic-info .content .item .cnt p:last-child {margin-bottom:0;}
.traffic-info .content .item .cnt p span {display:inline-block;}



.reverse-list { display:flex; justify-content: space-between; align-items: center; } 
.reverse-list.only-tablet-mobile { display:none; } 
.reverse-list .cnt { display:flex; } 
.reverse-list .img { width:28%; } 
.reverse-list .txt { width:44%; padding:0 var(--space-60); } 
.reverse-list .tit-wrap { position:relative; padding-bottom:var(--space-40); } 
.reverse-list .tit-wrap.type1 { border-bottom:1px solid #ddd; } 
.reverse-list .tit-wrap.type2 { padding-top:var(--space-50); text-align:right; padding-bottom: 0; } 
.reverse-list .tit-wrap.type1::after { content: ""; position: absolute; left: 0; bottom: -1px; width: var(--space-100); height: 1px; background-color: #2760ad; } 
.reverse-list .tit-wrap.type2::after { content: ""; position: absolute; right: 0; top: -1px; width: var(--space-100); height: 1px; background-color: #1297e6; } 
.reverse-list h2 { font-size: var(--font-size-20); line-height:1em; color: #cccccc; } 
.reverse-list h3 { margin-top:var(--space-20); font-size: var(--font-size-48); letter-spacing: 0.02em; line-height:1em; color: #2760ad; } 
.reverse-list .tit-wrap.type2 h3 { color:#1297e6; } 
.reverse-list p { margin-top:var(--space-40); font-weight:500; font-size: var(--font-size-20); color: #2c2c2c; line-height:1.7em; } 

.strategy-list { display:grid; grid-template-columns: repeat(2, 1fr); gap: var(--space-20); } 
.strategy-list> li { padding:var(--space-50); background-color: rgb(248, 248, 248); border-radius: var(--border-radius-32); border: 1px solid #eee; } 
.strategy-list> li::marker { font-size: 0; } 
.strategy-list h3 { font-size: var(--font-size-28); color: var(--color-dark); line-height:normal; margin-bottom:var(--space-30); text-align:center; } 
.strategy-list .box { min-height: 190px; padding: var(--space-40); border-radius: var(--border-radius-24); border: 1px solid #dfdfdf; background-color: rgb(255, 255, 255); } 

.dot-list2 { position:relative; } 
.dot-list2::after { content: ""; position: absolute; left: 4px; width: 2px; height: 80%; top: 5px; background-color: var(--color-primary); } 
.strategy-list li:last-child .dot-list2::after { height: 66%; } 
.dot-list2>li { position:relative; padding-left:18px; font-weight:500; font-size: var(--font-size-18); color: var(--color-dark); line-height:normal; padding-bottom:var(--space-20); } 
.dot-list2 li::marker { font-size: 0 !important; display:none !important; opacity:0 !important; } 
.dot-list2>li:last-child { padding-bottom:0; } 
.dot-list2>li:before { content:""; position:absolute; top:5px; left:0; width:10px; height:10px; background-color: #fff; border: 2px solid #2760ad; border-radius: 100%; z-index:1; } 
.dot-list2 > li p { margin-top:10px; font-size: var(--font-size-16); color: #505050; } 

.img-list > ul { display:grid; grid-template-columns: repeat(3, 1fr); gap: 0 var(--space-40); } 
.img-list .cate { font-weight:600; color: #a8a8a8; line-height:1em; padding-top:var(--space-40); } 
.img-list h3 { padding:var(--space-20) 0 var(--space-30); font-weight:700; font-size: var(--font-size-28); color: var(--color-dark); line-height:normal; } 

.dash-list > li { position:relative; margin-bottom:8px; padding-left:10px; font-size:var(--font-size-18); line-height:1.56em; letter-spacing: -0.03em; } 
.dash-list > li:last-child { margin-bottom:0; } 
.dash-list > li:before { content:"-"; position:absolute; top:-2px; left:0; } 
.dash-list.none > li { padding-left:0; } 
.dash-list.none > li::before { display: none; } 

.biz-inquiry { background: url(/images/sub/bg-biz.jpg); padding:var(--space-90); text-align:center; } 
.biz-inquiry .t1 { font-weight:700; font-size: var(--font-size-32); color: var(--color-dark); } 
.biz-inquiry .t2 { font-size: var(--font-size-24); margin-top:var(--space-20); } 

.box-list { display:flex; justify-content: center; align-items: center; gap: var(--space-30); padding-top:var(--space-60); } 
.box-list .box { display:flex; flex-direction: column; justify-content: center; align-items: center; width: 50%; padding:var(--space-40); text-align:center; background-color: #fff; border-radius: 50vh; } 
.box-list span { display:block; font-weight:600; line-height:1em; color: var(--color-primary); } 
.box-list a { display:block; margin-top:var(--space-15); font-weight:600; font-size: var(--font-size-28); line-height:normal; color: #000; } 

.edu-list { display:flex; flex-direction: column; gap: var(--space-20) 0; } 
.edu-list li { display:flex; justify-content: space-between; align-items: center; border-radius: var(--border-radius-32); background-color: rgb(248, 248, 248); padding:var(--space-20) var(--space-60); } 
.edu-list li .tit-wrap { display:flex; align-items: center; gap: 0 var(--space-20); padding-right:20px; } 
.edu-list .cate { padding:var(--space-10) var(--space-15); line-height:1em; border: 1px solid #dfdfdf; border-radius: 50vh; background-color: #fff; font-weight:500; color:#2c2c2c; } 
.edu-list .tit { font-size: var(--font-size-28); font-weight:700; color: var(--color-dark); line-height:1.21em; } 
.edu-list .time-wrap { display:flex; align-items: center; gap: 0 var(--space-30); } 
.edu-list .time-wrap p { font-weight:600; font-size: var(--font-size-18); color: #a8a8a8; } 
.edu-list .time-wrap .time { display:flex; align-items: center; justify-content: center; gap: 0 var(--space-15); padding:var(--space-40) var(--space-50); color: #fff; background: linear-gradient(320deg, rgba(39,96,173,1) 0%, rgba(18,151,230,1) 100%); border-radius: 50vh; box-shadow: 0px 2px var(--space-20) 0px rgba(0, 0, 0, 0.1); } 
.edu-list .time-wrap strong { display:inline-block; font-size: var(--font-size-48); line-height:1em; font-family: 'GmarketSans'; font-weight: 500; } 

.find-store-wrap { position:relative; display:flex; height:96vh; border:1px solid #ddd; border-radius: var(--border-radius-32); } 
.find-store-list { display:flex; flex-direction:column; position:relative; z-index:10; width:25.555%; min-width:240px; background:#fff; border-right:1px solid #ddd; overflow:hidden; border-top-left-radius: var(--border-radius-32); border-bottom-left-radius: var(--border-radius-32); } 
.find-store-list .search-wrap { border-bottom:1px solid #ddd; background-color: #fafafa; } 
.find-store-list .tab-area { border-top-left-radius: var(--border-radius-32); } 
.find-store-list .tab-area .tabs { display:flex; border-top-left-radius: var(--border-radius-32); padding:var(--space-50) var(--space-40) 0; } 
.find-store-list .tab-area .tabs li a { display:flex; justify-content:center; align-items:center; width:100%; font-size:20px; font-weight:700; line-height:1.3em; color:#2c2c2c; text-align:left; border-top-left-radius: var(--border-radius-32); } 
.find-store-list .search-area { position:relative; display:flex; gap:10px; margin:var(--space-20) var(--space-40) var(--space-40); } 
.find-store-list .search-area .input { display:block; width:100%; height:clamp(40px, calc( 60 / var(--inner) * 100vw ), 60px );; color:#505050; font-size:var(--font-size-15); border:1px solid #ddd; border-radius:4px; } 
.find-store-list .search-area .input[type=search] { padding-right:var(--space-40); } 
.find-store-list .search-area .submit { position:absolute; top:50%; right:5px; margin-top:-16px; width:32px; height:32px; border:0; background:none; } 
.find-store-list .search-area .submit svg { display:block; width:18px; margin:0 auto; } 
.find-store-list .total { padding:0 var(--space-40) var(--space-20); color:#2c2c2c; line-height:1.3em; } 
.find-store-list .total strong { color:var(--color-secondary); } 

.find-store-list .list-area { position:relative; overflow:auto; flex:1 1 auto; min-height:0; height:1%; } 
.find-store-list .list-area::-webkit-scrollbar { width:5px; height:5px; border-radius:5px; background-color:transparent; } 
.find-store-list .list-area::-webkit-scrollbar-thumb { background:rgba(0,0,0,.2); border-radius:5px; } 
.find-store-list .list-area ul li { display:grid; gap:var(--space-20) 0; padding: var(--space-40); border-bottom:1px solid #ddd; font-size:var(--font-size-15); line-height:1.33em; color:#505050; } 
.find-store-list .list-area ul li:last-child { border-bottom:0; } 
.find-store-list .list-area ul li.active { background:#fafafa; } 
.find-store-list .list-area .name { font-size:var(--font-size-20); font-weight:600; line-height:1.33em; color:#2c2c2c; } 
.find-store-list .list-area .name strong { font-weight:600; } 
.find-store-list .list-area .addr { color: #878787; font-size: var(--font-size-15); margin-top: -10px; line-height:1.47em; } 
.find-store-list .list-area .tel { font-weight:500; color:#a8a8a8; } 

.map-info { display:flex; gap: 0 var(--space-20); } 
.map-info .info { position:relative; padding-left:25px; font-weight:500; font-size: var(--font-size-15); line-height:1.47em; color: #505050; } 
.map-info .info::before { content: ""; position: absolute; top:50%; left:0; transform: translateY(-50%); width:22px; height:22px; background: url(/images/sub/tel.png) no-repeat center/contain; } 
.map-info .info.mail::before { background-image: url(/images/sub/mail.png); } 

.map-cate { display:flex; gap: 6px; } 
.cate2 { width:fit-content; font-weight:600; font-size: var(--font-size-13); line-height:1em; color: var(--color-primary); background: rgba(39,96,173,0.1); border-radius: 50vh; padding:9px 15px; } 

.find-store-map { position:relative; overflow:hidden; flex:1; } 
.find-store-map #map { position:relative; width:100%; height:100%; border-top-right-radius: var(--border-radius-32); border-bottom-right-radius: var(--border-radius-32); } 

.customoverlay { position: absolute; bottom: 75px; left: 50%; transform: translateX(-50%); z-index: 20; width: 410px; padding: 40px; background: #fff; border: 2px solid var(--color-primary); border-radius: var(--border-radius-24); white-space: normal; } 
.customoverlay:after { content:''; position:absolute; top:100%; left:50%; margin-left:-11px; width:21px; height:13px; background:url('/images/bbs/vertex-white.png') 50% 0/contain no-repeat; z-index: 30; } 
.customoverlay .inner { position:relative; display:grid; } 
.customoverlay .name { margin-bottom:8px; font-size:var(--font-size-20); font-weight:600; line-height:1.33em; color:#2c2c2c; } 
.customoverlay .addr { font-size: var(--font-size-14); line-height:1.57em; } 
.customoverlay .close { display:flex; align-items: center; gap: 4px; position:absolute; bottom:0; right:0; color:#505050; font-size:12px; line-height:1.5em; cursor:pointer; } 
.customoverlay .map-cate { margin-top:var(--space-40); } 
.customoverlay .map-info { margin-top:var(--space-15); } 
.customoverlay .map-info .info::before { background-image: url(/images/sub/tel-02.png); } 
.customoverlay .map-info .info.mail::before { background-image: url(/images/sub/mail-02.png); } 

.btn-get-position { position:absolute; bottom:20px; right:20px; z-index:10; width:48px; height:48px; background:#fff; border:1px solid #2c2c2c; border-radius:12px; } 
.btn-get-position svg { display:block; margin:0 auto; width:20px; } 

.btn-view-map { display:none; } 
.btn-view-list { display:none; } 

@media (max-width: 640px){
    .find-store-wrap { height:calc(100vh - 100px); overflow:hidden; } 

    .find-store-list { width:100%; max-width:unset; border:0; } 
    .find-store-list .tab-area .tabs { width:100%; justify-content:space-evenly; padding:5px; } 
    .find-store-list .tab-area .tabs li a { height:44px; font-size:15px; } 
    .find-store-list .list-area { display:none; } 

    .find-store-map { position:absolute; top:152px; left:0; bottom:0; width:100%; height:auto; z-index:10; border-radius:0; } 
    .find-store-map #map { border-top-right-radius: 0; border-bottom-right-radius: 0; } 
    .btn-get-position { bottom:10px; right:10px; width:40px; height:40px; border-radius:8px; } 

    .btn-view-map { position:absolute; bottom:10px; right:10px; z-index:30; width:120px; height:40px; border:0; border-radius:20px; background:#00a3a8; box-shadow:3px 3px 3px rgba(0,0,0,.2); color:#fff; font-size:15px; font-weight:700; line-height:1.3em; } 
    .btn-view-map svg { width:18px; margin:-.2em 4px 0 0; stroke:#00a3a8; vertical-align:middle; } 

    .btn-view-list { display:block; position:absolute; bottom:10px; left:50%; z-index:30; margin-left:-60px; width:120px; height:40px; border:0; border-radius:20px; background:#fff; box-shadow:3px 3px 3px rgba(0,0,0,.2); color:#121212; font-size:15px; font-weight:700; line-height:1.3em; } 
    .btn-view-list svg { width:18px; margin:-.2em 4px 0 0; vertical-align:middle; } 

    .find-store-wrap.view-map .find-store-list .list-area { display:block; } 
    .find-store-wrap.view-map .find-store-map { z-index:-11; } 
    .find-store-wrap.view-map .btn-view-map { display:block; } 
    .find-store-wrap.view-map .btn-view-list { display:none; } 

    .customoverlay { bottom:60px; width:280px; margin-left:-140px; } 
 }


/* 신청상세 상단 */
.apply-summary { display:flex; margin-bottom:var(--space-80); } 

.apply-title {margin-bottom:var(--space-70); padding:var(--space-20) 0; text-align:center; border-bottom: 1px solid #ddd;} 
.apply-title p { color:var(--color-primary); font-weight:600; line-height:1em; margin-bottom:var(--space-20);} 
.apply-title h2 {color:#242424; font-size:var(--font-size-32); font-weight:600; line-height:1.38em;} 

.apply-photo { width:43.214%; margin-right:var(--space-60); } 
.apply-photo img { width:100%; border-radius: var(--border-radius-16); } 

.apply-info { flex:1 1 auto; min-width:0; width:1%; } 
.apply-info .title  {margin-bottom:var(--space-40);}
.apply-info .title p { color:var(--color-primary); font-weight:600; line-height:1.3em; margin-bottom:var(--space-10);} 
.apply-info .title h2 {color:#242424; font-size:var(--font-size-32); font-weight:700; line-height:1.3em;} 
.apply-info .table table { table-layout:fixed; width:100%; border-collapse:collapse; border-spacing:0px; } 
.apply-info .table table tbody th { padding:8px 0; width:130px; font-weight:600; color:#000000; line-height:1.5em; text-align:left; } 
.apply-info .table table tbody td { padding:8px 0; font-weight:400; line-height:1.5em; color:#454545;} 
.apply-info .table table tbody td img { vertical-align:middle; } 
.apply-info .table table tbody td .btn-sky {display:inline-flex;}
.apply-info .table table tbody td .pri {font-size:1.1em; color:#1297e6;}
.apply-info .btns { margin-top:var(--space-40); } 
.apply-info .btns:last-child { margin-bottom:0; } 
.apply-info .btns .row { display:flex; margin:0 -6px; } 
.apply-info .btns .col { width:25%; padding:0 6px; } 
.apply-info .btns .col-x2 { width:50%; } 
.apply-info .btns .col-x4 { width:100%; } 
.apply-info .btns .btn { display:block; text-align:center; font-size:var(--font-size-18); font-weight:600; line-height:62px; border-radius:8px; } 
.apply-info .btns .btn-list { color:var(--color-primary); border:1px solid var(--color-primary); background:#fff; } 
.apply-info .btns .btn-completed { color: #505050; border:1px solid #f4f4f4; background-color: #f4f4f4; } 
.apply-info .btns .btn-apply2 { color:#fff; border:1px solid var(--color-primary); background-color: var(--color-primary); } 

/* 수요조사 */
.bg-survey { text-align:center; background: url(/images/sub/bg-apply.jpg) no-repeat center/cover; padding:var(--space-90) var(--space-30) var(--space-70); border-radius: var(--border-radius-24); } 
.bg-survey p { color: #fff; } 
.bg-survey .t1 { font-weight:700; font-size: var(--font-size-32); line-height:1.19em; } 
.bg-survey .t2 { padding-top:var(--space-15); font-size: var(--font-size-24); line-height:1.58em; } 

.inquiry-form { margin-top:var(--space-80); padding:var(--space-40); background-color: #f4f7fb; border-radius: var(--border-radius-24); } 
.ico-required { display:inline-block; vertical-align:middle; margin:-.3em 0 0 5px; width:6px; height:6px; background-color: var(--color-primary); border-radius: 100%; } 
.inquiry-form .group { margin-bottom:var(--space-20); padding:var(--space-60); background:#fff; border-radius: var(--border-radius-24); box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1); } 
.inquiry-form .group:last-child { margin-bottom: 0; } 
.inquiry-form .form { font-size:15px; line-height:1.5em; letter-spacing:-.03em; } 
.inquiry-form .form .row { display:flex; flex-wrap:wrap; gap: 60px; } 
.inquiry-form .form .col { width: calc(50% - 60px); } 
.inquiry-form .form .col.col-x2 { width:100%; } 
.inquiry-form .form dt { margin-bottom: 15px; font-weight:600; font-size: var(--font-size-24); color: #121212; } 
.inquiry-form .form .input { display:block; width:100%; height: 44px; padding: 10px 0; font-size: var(--font-size-16); color: #878787; line-height:1.5em; border: 0; border-bottom: 1px solid #ddd; } 
.inquiry-form .form select.input { padding-right:30px; background-size:10px auto; background-position:right 10px center; } 
.inquiry-form .form textarea.input { height:120px !important; } 
.inquiry-form .submit-area { margin-top:40px; } 
.inquiry-form .submit-area .submit { margin-top:var(--space-60); margin-bottom:var(--space-40); } 
.inquiry-form .form-agree { margin:0; } 
.inquiry-form .form-agree .check { text-align:left; } 
.inquiry-form .btn-pack.dark { background:#000; border-color:#000; } 
.inquiry-form .form .input::-webkit-input-placeholder { color:#878787; } 
.inquiry-form .form .input:-moz-placeholder { color:#878787; } 
.inquiry-form .form .input::-moz-placeholder { color:#878787; } 
.inquiry-form .form .input:-ms-input-placeholder { color:#878787; } 
.inquiry-form .form .input:placeholder-shown { color:#878787; } 

@media (max-width: 1024px){
    .inquiry-form { width:auto; } 
    .inquiry-form { padding:35px; } 
}

@media (max-width: 640px){
    .inquiry-form { padding:25px 16px; margin:0 -16px; } 
    .inquiry-form .group { margin-bottom:45px; } 
    .inquiry-form .required { font-size:12px; } 
    .inquiry-form .form .row { display:block; margin:-10px 0; } 
    .inquiry-form .form .col { width:100%; padding:10px 0; } 
    .inquiry-form .form .input { height:38px; } 
    .inquiry-form .submit-area { display:block; text-align:center; margin-top:30px; } 
    .inquiry-form .form-agree { margin-bottom:30px; } 
    .inquiry-form .form-agree .check { text-align:center; } 
 }

.faq-tab { position:relative; margin-bottom:var(--space-50); } 
.faq-tab .tab { margin:0 auto; max-width:1400px; } 
.faq-tab .tab ul { display:flex; gap: var(--space-40); } 
.faq-tab .tab ul li { text-align:center; width:auto; } 
.faq-tab .tab ul li a { font-weight:700; color: #cccccc; font-size: var(--font-size-22); } 
.faq-tab .tab ul li.active a { color:var(--color-primary); text-decoration: underline; } 

/* 연간 교육 일정 */
.schedule-information {margin-bottom:var(--space-140); display:grid; grid-template-columns: repeat(3, 1fr); gap: var(--space-20);}
.schedule-information .link-item {display:flex; flex-direction:column; justify-content:center; align-items:center; gap:var(--space-90); aspect-ratio:1/1; padding:var(--space-30); background-position:50% 50%; background-repeat:no-repeat; background-size:cover; color:#fff; text-align:center;}
.schedule-information .link-item.n1 {background-image:url('/images/sub/sch-1.jpg');}
.schedule-information .link-item.n2 {background-image:url('/images/sub/sch-2.jpg');}
.schedule-information .link-item.n3 {background-image:url('/images/sub/sch-3.jpg');}
.schedule-information .link-item h2 {font-size:var(--font-size-34); font-weight:600; line-height:1.3em;}
.schedule-information .link-item a {display:inline-flex; align-items:center; justify-content:center; width:90%; max-width:200px; gap:10px; border:1px solid #fff; padding:12px 25px; line-height:1.5em;}
.schedule-information .link-item a:after {content:''; width:16px; height:16px; background:url('/images/sub/icon-down-w.png') 50% 50%/contain no-repeat;}
.schedule-information .link-item a:hover {background:var(--color-primary); border-color:var(--color-primary); color:#fff;}

/* 초빙교육 */
.invitation-features {margin-bottom:var(--space-140); background:#e7e9f3; border-radius:var(--border-radius-30); padding:var(--space-30) var(--space-40);}
.invitation-features h3 {margin-bottom:var(--space-30); font-size:var(--font-size-24); line-height:1.3em; text-align:center;}
.invitation-features .features-grid {display:grid; grid-template-columns:repeat(2, 1fr); gap:var(--space-50); padding:var(--space-50) var(--space-80); border-radius:var(--border-radius-30); background:#fff;}
.invitation-features .feature-item {display:flex; gap:var(--space-20);}
.invitation-features .feature-item .feature-icon {width:40px;}
.invitation-features .feature-item .feature-text {flex:1 1 auto; min-width:0; width:1%;}
.invitation-features .feature-item h4 {margin-bottom:6px; font-size:var(--font-size-22); line-height:1.3em; margin-top:-.2em;}
.invitation-features .feature-item p {color:#454545; line-height:1.7em;}

.invitation-caution {position:relative; margin-bottom:var(--space-70); background:#f8f8f8; border-radius:var(--border-radius-30); padding:var(--space-60) var(--space-80) var(--space-40);}
.invitation-caution:last-child {margin-bottom:0;}
.invitation-caution h3 {position:absolute; top:0; left:var(--space-50); min-width:120px; -webkit-transform:translateY(-50%); transform:translateY(-50%); background:var(--color-primary); color:#fff; padding:9px 15px; border-radius:50px; font-size:var(--font-size-16); font-weight:600; line-height:1.3em; text-align:center;}
.invitation-caution .caution-list {color:#454545; line-height:1.7em;}
.invitation-caution .caution-list li {position:relative; padding-left:10px; margin-bottom:var(--space-20);}
.invitation-caution .caution-list li:last-child {margin-bottom:0;}
.invitation-caution .caution-list li:before {content:''; position:absolute; top:2px; left:0; width:6px; height:6px; background-color:var(--color-primary); border-radius:100%;}

/* 고객지원 - 수강신청 절차 */
.apply-process {position:relative; margin-bottom:var(--space-100); text-align:center;}  
.apply-process:before {content:''; position:absolute; top:0; left:0; width:100%; height:2px; background:var(--color-primary);}
.apply-process .items {display:flex; margin:0 calc(var(--space-30) * -1);}
.apply-process .item {width:20%; position:relative; display:flex; flex-direction:column; align-items:center; padding:0 var(--space-30);}
.apply-process .item:after {content:''; position:absolute; top:-9px; right:0; margin-right:-10px; width:20px; height:20px; background:url('/images/sub/step-arrow.png') 50% 50%/contain no-repeat;}
.apply-process .item .circle {position:absolute; top:-7px; left:50%; margin-left:-8px; width:16px; height:16px; background-color:#fff; border:2px solid var(--color-primary); border-radius:100%;}
.apply-process .item .title {display:flex; align-items:center; justify-content:center; height:78px; color:var(--color-primary); font-size:var(--font-size-16); line-height:1.5em; font-weight:700;}
.apply-process .item .content {flex:1; display:flex; flex-direction:column; align-items: center; padding:var(--space-40) var(--space-10); background:#fff; border-radius:8px; box-shadow: 0px 3px 16px 0px rgba(0, 0, 0, 0.09);}
.apply-process .item .content .icon {margin-bottom:24px;}
.apply-process .item .content .text {color:#454545; line-height:1.7em;}
.apply-process .item:last-child:after {display:none;}

.btn-go-apply {display:inline-flex; align-items:center; justify-content:center; min-width:190px; min-height:60px; background:var(--color-primary); color:#fff; font-size:var(--font-size-18); line-height:1.3em; font-weight:500; padding:16px 25px; border-radius:50px;}

/* 고객지원 - 입금 안내 */
.deposit-info table {width:100%; border-collapse:collapse; border-spacing:0; border-top:1px solid #242424;}
.deposit-info table th {padding:20px 10px; border-bottom:1px solid #ddd; font-size:var(--font-size-18); line-height:1.5em;}
.deposit-info table td {padding:20px 10px; text-align:center; border-bottom:1px solid #ddd; color: #454545;}
.deposit-info .btn {display:inline-flex; align-items:center; justify-content:center; background:var(--color-primary); color:#fff; font-size:var(--font-size-16); line-height:1.5em; font-weight:500; padding:12px 20px; border-radius:5px;}
.deposit-info .btn.st1 {background:var(--color-primary); color:#fff;}
.deposit-info .btn.st2 {background:#f1f1f1; color:#242424;}

/* 고객지원 - 주변 편의시설 안내 */
.facilities-info {position:relative; margin-bottom:var(--space-120);}
.facilities-info:last-child {margin-bottom:0;}
.facilities-info h2 {margin-bottom:var(--space-30); font-size:var(--font-size-34); font-weight:800; line-height:1.3em;}
.facilities-info .btn-pack.absolute {position:absolute; top:0; right:0;}

.facilities-cards {display:grid; grid-template-columns:repeat(3, 1fr); gap:var(--space-70);}
.facilities-card {display:flex; align-items:flex-start; gap:var(--space-25); padding:var(--space-30); border:1px solid #ddd; border-radius:5px;}
.facilities-card .facilities-icon {display:flex; align-items:center; justify-content:center; width:70px; height:70px; background:#f8f8f8; border-radius:12px;}
.facilities-card .facilities-icon img {width:60%; max-width:40px;}
.facilities-card .facilities-details {flex:1 1 auto; min-width:0; width:1%;}
.facilities-card .facilities-details h3 {display:flex; align-items:center; min-height:70px; margin-bottom:6px; color:var(--color-primary); font-size:var(--font-size-22); line-height:1.3em;}
.facilities-card .facilities-details p {color:#454545; line-height:1.7em; margin-bottom:8px;}
.facilities-card .facilities-details p:last-child {margin-bottom:0;}

.restaurant-table table {width:100%; border-collapse:collapse; border-spacing:0; border-top:1px solid #242424;}
.restaurant-table table th {padding:16px 10px; border-bottom:1px solid #ddd; line-height:1.5em;}
.restaurant-table table td {padding:11px 10px; text-align:center; border-bottom:1px solid #ddd; color: #454545; line-height:1.5em;}
.restaurant-table .cate {display:inline-block; min-width:66px; padding:7px 10px; border-radius:5px; background:#f8f8f8; font-weight:600; color:#fff;}
.restaurant-table .cate.st1 {background:#515270;}
.restaurant-table .cate.st2 {background:#b19c7e;}
.restaurant-table .cate.st3 {background:#b85050;}
.restaurant-table .cate.st4 {background:#8586a4;}
.restaurant-table .cate.st5 {background:#5f7b61;}
.restaurant-table .cate.st6 {background:#7f745b;}
.restaurant-table .cate.st7 {background:#0a1f8f;}

/* 설문조사 */
.survey-wrap {margin-bottom:var(--space-120);}
.survey-wrap h2 {margin-bottom:var(--space-40); font-size:var(--font-size-26); line-height:1.3em;}
.survey-wrap h3 {margin-bottom:var(--space-30); position:relative; padding-left:46px; font-size:var(--font-size-16); font-weight:600; line-height:1.3em;}
.survey-wrap h3 .num {position:absolute; top:-9px; left:0; display:flex; align-items:center; justify-content:center; width:35px; height:35px; border-radius:100%; background:#f1f1f1; font-weight:600; color:var(--color-primary); text-align:center; line-height:1em;}
.survey-wrap h4 {margin-bottom:var(--space-15); font-size:var(--font-size-16); font-weight:500; line-height:1.3em; color:var(--color-primary);}
.survey-group {margin-bottom:var(--space-70);}
.survey-group:last-child {margin-bottom:0;}
.survey-group .content {margin-bottom:var(--space-20); margin-left:46px; color:#454545; line-height:1.5em;}
.survey-group .content:last-child {margin-bottom:0;}
.survey-group .content .items {display:flex; flex-wrap:wrap; gap:var(--space-15) var(--space-40);}
.survey-group .content .items.column {flex-direction:column;}
.survey-group .content .input-etc {margin-left:10px; width:260px;}
.survey-group .content textarea.input {display:block; width:100%; height:140px !important;}
.survey-group .s-cont {margin-bottom:var(--space-30);}
.survey-group .s-cont:last-child {margin-bottom:0;}