@charset "utf-8"; /* CSS Document */
.box0 { width: var(--container-ultra-xxxxxl); margin: 0 auto; max-width: 94%; } 
.box1 { width: var(--container-ultra-xxl); margin: 0 auto; max-width: 92%; } 
.box2 { width: var(--container-xxxl); margin: 0 auto; max-width: 92%; } 
.box3 { width: var(--container-lg); margin: 0 auto; max-width: 92%; } 
.box4 { width: var(--container-xl); margin: 0 auto; max-width: 92%; } 
.box5 { width: var(--container-xxl); margin: 0 auto; max-width: 92%; } 
.box_full {width:100vw;}

.PC { display:block } 
.PHONE { display:none; } 

.gnb li.m_hide { display:none !important; } 
.gnb .layer { display:none !important; } 
body:not(.pop) { display:flex; flex-direction:column; min-height:100dvh; min-height:calc(var(--vh, 1dvh) * 100) } 

#header { position:fixed; top:0; left:0; width:100%; background: #fff; border-radius: 0 0 1.5rem 1.5rem; transition: transform .5s, background-color .5s var(--ani-1); will-change: transform; z-index:999; } 
.sub.scroll #header,
.dp1_member #header,
.main #header{ box-shadow: 0 0 16px rgba(0, 0, 0, .08);} 
#header:before { position: absolute; top: var(--headH); width: 100%; height: 1px; background: rgba(0,0,0, .1); opacity: 0; transition: .3s ease; content: ''; z-index: 1; } 
#header .top_wrap { position:relative; overflow: hidden; } 
#header .top_wrap .gnb_wrap { position: relative; height: var(--headH); transition: height .45s var(--ani-2); overflow: hidden; } 
#header .top_wrap .logo { height: var(--headH); display: flex; align-items: center; } 
#header .top_wrap .logo > a { display:block; position:relative; top: .25rem; } 
#header .top_wrap .logo > a img { height: 35px; object-fit: contain; } 
#header .top_wrap .gnb_wrap { } 
#header .top_wrap .gnb > li { overflow:hidden; width: 8rem; box-sizing: border-box; transition: width 0.5s, background-color 0.5s, height .3s var(--ani-1); } 
#header .top_wrap .gnb > li:hover { background: var(--color-gray-2); } 
#header .top_wrap .gnb > li .dp1 { position:relative; display: flex; align-items: center; justify-content: center; height: var(--headH); } 
#header .top_wrap .gnb > li .dp1 .tt { font-size: 1.063rem; text-align: center; font-weight:700; text-transform:uppercase; transition: .3s; } 
#header .top_wrap .gnb > li .dp1:after { content:""; display:block; position:absolute; left:0; bottom: 0; width:100%; height:3px; background: var(--color-point2); opacity:0; transform:scaleX(0); transition:transform .3s var(--ani-1); } 
#header .top_wrap .gnb > li.act .dp1:after,
#header .top_wrap .gnb > li.on .dp1:after { opacity:1; transform:scaleX(1); } 
#header .top_wrap .gnb > li.act .dp1:after { background: var(--color-point2) !important; } 

#header .top_wrap .gnbImg { position: absolute; top: var(--headH); right: 3.5rem; margin-top: var(--space-4); width: 22.4rem; height: 11.4rem; border-radius: var(--radius-md); overflow: hidden; } 
#header .top_wrap .gnbImg:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0, .415); content: ''; z-index: 1; } 
#header .top_wrap .gnbImg > img { width: 100%; height: 100%; object-fit: cover; transition: .3s var(--ani-1); } 
#header .top_wrap .gnbImg .info { position: absolute; width: 100%; padding: 0 1.75rem; box-sizing: border-box; bottom: 1.75rem; z-index: 2; } 
#header .top_wrap .gnbImg .info > .tt { font-size: var(--font-size-sm); color: #fff; font-weight: 500; margin-bottom: var(--space-1); } 
#header .top_wrap .gnbImg .info > .tit { font-size: var(--font-size-md); color: #fff; font-weight: 700; } 

#header .top_wrap .gnbImg:hover > img { transform: scale(1.05); } 

#header .top_wrap .gnb > li .dp2 { display: block;  padding: 1.6rem .5rem 1.6rem .5rem; } 
#header .top_wrap .gnb > li .dp2 > li:first-child { } 
#header .top_wrap .gnb > li .dp2 > li { position: relative; padding: .5rem .25rem; text-align: left; } 

#header .top_wrap .gnb > li .dp2 > li > a { position:relative; display: inline-block; } 
#header .top_wrap .gnb > li .dp2 > li > a > .va > .tt { position:relative; font-weight: 400; font-size: var(--font-size-sm-1); color: rgba(0,0,0, .715); transition: .3s; } 
#header .top_wrap .gnb > li.on .dp2 > li.on > a > .va > .tt,
#header .top_wrap .gnb > li .dp2 > li > a > .va > .tt:hover { color: var(--color-point2); text-decoration: underline; } 

#header .top_wrap .etc_wrap { display: flex; align-items: center; gap: var(--gap-sm); height: var(--headH); } 

#header .menu_wrap { display: flex; align-items: center; gap: var(--gap-xl); } 
#header .menu_wrap .menu { display: flex; align-items: center; gap: 1.4rem; justify-content: center; height: 2.5rem; /* padding: 0 .75rem; box-sizing: border-box; border-radius: var(--radius-sm); background: var(--color-gray-2); border: 1px solid var(--gray-line); */ } 
#header .menu_wrap .menu > li { position:relative; display: flex; align-items: center; justify-content: center; } 
#header .menu_wrap .menu > li:before { position: absolute; right: -.8rem; top: 50%; transform: translateY(-50%); width: 1px; height: 12px; background: var(--gray-line); content: ''; } 
#header .menu_wrap .menu > li:last-of-type:before { display: none; } 
#header .menu_wrap .menu > li.allB { } 
#header .menu_wrap .menu > li > a { display: flex; align-items: center; gap: .25rem; color: var(--color-black-4) } 
#header .menu_wrap .menu > li > a > .xi { font-size: var(--font-size-sm-1); } 
#header .menu_wrap .menu > li > a > .tt { font-size: var(--font-size-xs); } 
#header .menu_wrap .menu > li > a:hover > .tt { text-decoration: underline; } 
#header .menu_wrap .menu > li > .all .all_btn { position:relative; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; } 

/* #header .all { width: 100%; height: 100%; } 
#header .all_btn { } 
#header .all_btn > .in { position:relative; width: 1.45rem; height: 1.8rem; display: block; } 
#header .all_btn .ham,
#header .all_btn .ham:before,
#header .all_btn .ham:after { display:block; width: 3px; height: 100%; background: var(--color-black); transition:.2s, background 0s; border-radius: 5px; } 
#header .all_btn .ham:before,
#header .all_btn .ham:after { content:""; position:absolute; right:0; } 
#header .all_btn .ham:before { left: calc(50% - 2px); top: 50%; transform: translateY(-50%); height: 70%; } 
#header .all_btn .ham:after { height:100%; } 
#header .all_btn:hover .ham:before { height: 100%; }  */

/* all_wrap */
/* html.hidden, body.hidden {
    overflow: hidden !important;
    height: 100% !important;
    width: 100% !important;
    position: fixed; 
} */

#header .top_wrap .all { } 
#header .top_wrap .all_btn { height:var(--headH) } 
#header .top_wrap .all_btn .in { position: relative; display: block; width: 1.6rem; height: 1.225rem;} 
#header .top_wrap .all_btn .ham,
#header .top_wrap .all_btn .ham:before,
#header .top_wrap .all_btn .ham:after { display: block; width: 100%; height: 2px; background: #111; transition: .2s, background 0s; } 
#header .top_wrap .all_btn .ham:before,
#header .top_wrap .all_btn .ham:after { content: ""; position: absolute; right: 0; } 
#header .top_wrap .all_btn .ham { width: 100%; } 
#header .top_wrap .all_btn .ham:before { top: calc(50% - 1px); width: 100%; } 
#header .top_wrap .all_btn .ham:after { top: calc(100% - 1px); width: 100%; } 
#header .top_wrap .all_btn:hover .ham,
#header .top_wrap .all_btn:hover .ham:before { width: 100%; } 
#header .top_wrap .all_btn:hover .ham:after { width: 100%; } 

/*  */

.scroll:not(.allGnbOn) #header { transform: translateY(-100%); } 
.scroll.up:not(.allGnbOn) #header { transform: translateY(0); } 
html.allGnbOn #header {background-color:#fff!important; filter:none;}


#header .all_wrap .all_layer { position:fixed; top:0; left:0; width:100%; height: calc(var(--vh, 1vh) * 100); opacity:0; visibility:hidden; overflow: hidden; z-index: 99999999; } 
#header .all_wrap .siteBg { display: block; width: 50px; height: 50px; background: #fff; border-radius: 50%; position: absolute; left: calc(95% - 20px); top: 50px; z-index: 999999; transform: translate(-50%,-50%) scale(0); transition: all 0.7s ease-in-out } 
#header .all_wrap .all_layer .sns_st { flex-wrap: wrap; width: 90%; } 
#header .all_wrap .all_layer .sns_st > li { } 
#header .all_wrap .all_layer .sns_st > li > a { width: 3rem; height: 3rem; color: #fff; background: transparent; border: 1px solid rgba(255,255,255, .515); } 
#header .all_wrap .all_layer .sns_st > li > a > .xi { opacity: 1; } 
#header .all_wrap .all_layer .sns_st > li > a:hover { color: #fff; } 
#header .all_wrap .all_layer .sns_st > li > a > img,
#header .all_wrap .all_layer .sns_st > li > a:hover > img { filter: var(--crWhitefil); opacity: 1; } 
#header .all_wrap .all_layer .sns_st > li > a:hover > * { background: transparent; } 
#header .all_wrap .all_layer .all_shape { position:fixed; bottom:-7em; right:-2vw; width:25vw; opacity:.15; } 
#header .all_wrap .all_layer .all_inner { width: 100%; min-height: 100%; overflow: hidden; position: relative;  background-color:#fff;} 
#header .all_wrap .all_layer .all_inner .innerCon { position:relative; flex: 1; } 
#header .all_wrap .all_layer .all_inner .innerGuide { position: relative; display: flex; width: 21%; height: calc(var(--vh, 1vh) * 100); padding: 3rem; box-sizing: border-box; opacity: 0; transition: .6s .8s ease; } 
#header .all_wrap .all_layer .all_inner .innerGuide:before { position: absolute; top: 0; left:0; width: 100%; height: 100%; background: rgba(0,0,0, .615); content: ''; } 
#header .all_wrap .all_layer .all_inner .innerGuide .logoImg { position: absolute; top: 2.5rem; left: 2.5rem; } 
#header .all_wrap .all_layer .all_inner .innerGuide .logoImg a > img { filter: var(--crWhitefil); height: 40px; object-fit: contain; } 
#header .all_wrap .all_layer .all_inner .innerGuide .guideItemWrap { position:relative; margin-top: auto; } 
#header .all_wrap .all_layer .all_inner .innerGuide .guideItemWrap .item { margin-bottom: 2.5rem; } 
#header .all_wrap .all_layer .all_inner .innerGuide .guideItemWrap .item:last-of-type { margin-bottom: 0; } 
#header .all_wrap .all_layer .all_inner .innerGuide .guideItemWrap .item .add { } 
#header .all_wrap .all_layer .all_inner .innerGuide .guideItemWrap .item .add > .tit { font-size: var(--font-size-md); font-weight: 600; color: #fff; margin-bottom: .75rem; } 
#header .all_wrap .all_layer .all_inner .innerGuide .guideItemWrap .item .add > .addtxt { font-size: var(--font-size-base); line-height: 1.4; font-weight: 400; color: rgba(255,255,255, .915); } 
#header .all_wrap .all_layer .all_inner .innerGuide .guideItemWrap .item .contact { } 
#header .all_wrap .all_layer .all_inner .innerGuide .guideItemWrap .item .contact > .mnum { font-size: var(--font-size-xl); font-weight: 800; color: #fff; margin-bottom: .5rem; } 
#header .all_wrap .all_layer .all_inner .innerGuide .guideItemWrap .item .contact > .conList { } 
#header .all_wrap .all_layer .all_inner .innerGuide .guideItemWrap .item .contact > .conList > li { font-size: var(--font-size-base); color: #fff; font-weight: 400; margin-bottom: .35rem; } 
#header .all_wrap .all_layer .all_inner .innerGuide .guideItemWrap .item .contact > .conList > li:last-of-type { margin-bottom: 0rem; } 
#header .all_wrap .all_layer .all_inner .innerGuide .guideItemWrap .item .contact > .copyright { } 
#header .all_wrap .all_layer .all_inner .innerGuide .guideItemWrap .item .copyright > .tt { font-size: var(--font-size-sm); font-weight: 400; color: rgba(255,255,255, .315); } 

#header .all_wrap .all_layer .all_inner .innerLink { position:relative; height: calc(var(--vh, 1vh) * 80); align-items: center; flex: 1; padding: 4vw 8vw 5vw 8vw; box-sizing: border-box;} 
#header .all_wrap .all_layer .all_inner .innerLink .markBg { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } 
#header .all_wrap .all_layer .all_inner .innerLink .markBg > img { height: calc(var(--vh, 1vh) * 40); object-fit: contain; opacity: .03; } 
#header .all_wrap .all_layer .all_inner .innerLink .title { font-size: 3.5vmin; font-weight: 700; text-align: center; color: var(--color-black-3); margin-bottom: 2rem; } 
#header .all_wrap .all_layer .all_inner .innerLink .linkContainer { width: 100%; height: 100%; overflow-y: scroll; transform: translateY(4rem); opacity: 0; transition-property: transform, opacity; transition-duration: .6s; transition-delay: 1s; transition-timing-function: ease; } 
#header .all_wrap .all_layer .all_inner .innerLink .linkContainer::-webkit-scrollbar { width: 4px; } 
#header .all_wrap .all_layer .all_inner .innerLink .linkContainer::-webkit-scrollbar-thumb { background-color: var(--color-point); } 
#header .all_wrap .all_layer .all_inner .innerLink .linkContainer::-webkit-scrollbar-track { background: #fff; } 
#header .all_wrap .all_layer .all_inner .innerLink .linkContainer .gnb { flex-wrap: wrap;} 
#header .all_wrap .all_layer .all_inner .innerLink .linkContainer .gnb > li .dp2 {display:flex; flex-direction:row}
#header .all_wrap .all_layer .all_inner .innerLink .linkContainer .gnb > li .dp1 .tt {font-size:var(--font-size-md-1); color:#000!important;}
#header .all_wrap .all_layer .all_inner .innerLink .linkContainer .gnb > li .dp2 > li > a > .va > .tt {font-size:var(--font-size-base);}
#header .all_wrap .all_layer .all_inner .innerLink .linkContainer .gnb > li.on .dp2 > li.on > a > .va > .tt {color: rgba(0,0,0, .715);  text-decoration:none;} 
#header .all_wrap .all_layer .all_inner .innerLink .linkContainer .gnb > li .dp2 > li > a > .va > .tt:hover {color: var(--color-point2);  text-decoration:none;}

#header .all_wrap .all_layer .all_inner .innerLink .gnb > li { position:relative; display: flex; align-items: center; box-sizing: border-box; border-bottom: 1px solid #e8e8e8; width: 100%; } 
#header .all_wrap .all_layer .all_inner .innerLink .gnb > li:before { position: absolute; top: -1px; left: 0; width: 10vw; height: 2px; background: var(--crBlack); content: ''; } 
#header .all_wrap .all_layer .all_inner .innerLink .gnb > li:first-of-type { border-top: 1px solid #e8e8e8; } 
#header .all_wrap .all_layer .all_inner .innerLink .gnb > li:last-of-type:after { position: absolute; bottom: -1px; left: 0; width: 10vw; height: 2px; background: var(--crBlack); content: ''; } 
#header .all_wrap .all_layer .all_inner .innerLink .gnb > li > .dp1 { min-width: 10vw; max-width: 10vw; justify-content:start!important;} 
#header .all_wrap .all_layer .all_inner .innerLink .gnb > li .dp1:after {display:none;} 
#header .all_wrap .all_layer .all_inner .innerLink .gnb > li > .dp1 > .in { } 
#header .all_wrap .all_layer .all_inner .innerLink .gnb > li > .dp1 > .in > .tt { text-align: left; font-size: var(--font-size-md); font-weight: 700; color: var(--color-black-3); } 
#header .all_wrap .all_layer .all_inner .innerLink .gnb > li .dp2 { flex-wrap: wrap; gap: 2rem; } 
#header .all_wrap .all_layer .all_inner .innerLink .gnb > li .dp2 > li { position:relative; } 
#header .all_wrap .all_layer .all_inner .innerLink .gnb > li .dp2 > li.on .va .tt { color:var(--color-point2)!important } 
#header .all_wrap .all_layer .all_inner .innerLink .gnb > li .dp2 > li:before { position: absolute; top: 50%; transform: translateY(-50%); right: -1rem; width: 1px; height: 10px; background: #ddd; content: ''; } 
#header .all_wrap .all_layer .all_inner .innerLink .gnb > li .dp2 > li:last-of-type:before { display: none; } 
#header .all_wrap .all_layer .all_inner .innerLink .gnb > li .dp2 > li:first-of-type { } 
#header .all_wrap .all_layer .all_inner .innerLink .gnb > li .dp2 > li .in { } 
#header .all_wrap .all_layer .all_inner .innerLink .gnb > li .dp2 > li .in > .tt { font-size: var(--font-size-base); font-weight: 600; color: rgba(0,0,0, .315); transition: .3s ease; } 
#header .all_wrap .all_layer .all_inner .innerLink .gnb > li .dp2 > li .in > .tt:hover { color: var(--color-point); } 

#header .all_wrap .all_layer .all_inner .innerBg { position:relative; height: calc(var(--vh, 1vh) * 20); background: var(--color-point2); transform: translateY(-4rem); opacity: 0; transition-property: transform, opacity; transition-duration: .6s; transition-delay: 1s; transition-timing-function: ease; } 
#header .all_wrap .all_layer .all_inner .innerBg .Bginner { position:relative; overflow: hidden; display: flex; align-items: center; justify-content: space-between; height: 100%; padding-left: 8svw; box-sizing: border-box; } 
#header .all_wrap .all_layer .all_inner .innerBg .Bginner > .title { position:relative; font-size: var(--font-size-lg-2); color: #fff; font-weight: 700; opacity: 0; transform: translateX(-2rem); transition-property: transform, opacity; transition-duration: .6s; transition-delay: 1.7s; transition-timing-function: ease; opacity: 0; z-index: 99; } 
#header .all_wrap .all_layer .all_inner .innerBg .Bginner .bgLink { padding: 1.5rem 2.5rem; background: #fff; border-radius: .5rem; } 
#header .all_wrap .all_layer .all_inner .innerBg .Bginner .bgLink .title { font-size: var(--font-size-md); font-weight: 700; margin-bottom: 1rem; } 
#header .all_wrap .all_layer .all_inner .innerBg .Bginner .bgLink .txt { font-size: var(--font-size-base); line-height: 1.4; } 
#header .all_wrap .all_layer .all_inner .innerBg .Bginner .bgImg { position: absolute; right: 0; top: 0; width: 65%; height: 100%; clip-path: polygon(25% 0, 100% 0, 100% 100%, 0 100%); } 
#header .all_wrap .all_layer .all_inner .innerBg .Bginner .bgImg:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0, .1); content: ''; } 
#header .all_wrap .all_layer .all_inner .innerBg .Bginner .bgImg > img { width: 100%; height: 100%; object-fit: cover; } 

#header .top_wrap .all.on .all_btn .in { width:2.5rem; height:2.5rem; z-index:999999999; } 
#header .top_wrap .all.on .all_btn .ham { background:transparent!important; transition:0s; } 
#header .top_wrap .all.on .all_btn .ham:before,
#header .top_wrap .all.on .all_btn .ham:after { width:100% !important; top:50% !important; margin-top:auto; background: #fff!important; } 
#header .top_wrap .all.on .all_btn .ham:before { transform:rotate(45deg); } 
#header .top_wrap .all.on .all_btn .ham:after { transform:rotate(-45deg); } 
#header .top_wrap .all.on .siteBg { transform: translate(-50%,-50%) scale(100) } 

.allGnbOn { overflow-y:hidden } 
.allGnbOn body { overflow-y:scroll } 
.allGnbOn #header .all_wrap .all_layer { transform:translateY(0); opacity:1; visibility:visible; } 
.allGnbOn #header .all_wrap .all_layer .all_inner { opacity:1; transition-delay:.4s; } 
.allGnbOn #header .all_wrap .all_layer .all_inner .innerGuide { opacity: 1; } 
.allGnbOn #header .all_wrap .all_layer .all_inner .innerLink .linkContainer,
.allGnbOn #header .all_wrap .all_layer .all_inner .innerBg { opacity: 1; transform: translateY(0); } 
.allGnbOn #header .all_wrap .all_layer .all_inner .innerBg .Bginner > .title { opacity: 1; transform: translateX(0); } 





/*  */

#header .lang_wrap .lang { position: relative; } 
#header .lang_wrap .lang .lang_btn { display: flex; align-items: center; justify-content: center; height: 36px; border: 1px solid #fff; border-radius: 100px; padding: 0 1rem; color: #fff; } 
#header .lang_wrap .lang .lang_btn .tt { font-size: var(--font-size-xs); } 
#header .lang_wrap .lang .lang_btn .xi { font-size: var(--font-size-sm); margin-left: var(--space-1); } 
#header .lang_wrap .lang .drop { position: absolute; top: calc(100% + 0.5rem); left: 0; width: 100%; height: 0; transition: 0.3s; overflow: hidden; background: rgba(255, 255, 255, .2); border-radius: 5px; } 
#header.active .lang_wrap.on .lang .drop,
#header.gnbOpen .lang_wrap.on .lang .drop { background: var(--crWhite); border: 1px solid #eee; } 
#header .lang_wrap.on .lang .drop { height: fit-content; } 
#header .lang_wrap .lang .drop > li { border-top: 1px solid rgba(0,0,0, .0615); } 
#header .lang_wrap .lang .drop > li:first-of-type { border-top: none; } 
#header .lang_wrap .lang .drop > li > a { padding: 0.5rem; display: block; transition: .3s ease; } 
#header .lang_wrap .lang .drop > li > a:hover { color: var(--color-point2); } 
#header .lang_wrap .lang .drop > li > a .tt { font-size: var(--font-size-xs); } 

#header.gnbOpen:before { opacity: 1; } 
#header.gnbOpen .top_wrap .gnb > li { width: 8.5rem; } 

.scroll:not(.up) #header { transform: translate3d(0, -100%, 0); } 

.dp1on .gnb .dp2 { display:none!important } 
.dp2on .gnb > li,
.dp2on .gnb > li .dp1,
.dp2on .gnb > li .dp3 { display:none!important } 
.dp2on .gnb > li.on { display:block!important } 
.dp3on .gnb > li,
.dp3on .gnb > li .dp1,
.dp3on .gnb > li .dp2 > li,
.dp3on .gnb > li .dp2 > li > a { display:none!important } 
.dp3on .gnb > li.on,
.dp3on .gnb > li .dp2 > li.on { display:block!important } 


/*quick*/
#quick_new { position:fixed; z-index:100; bottom:2rem; right:1.5vw; text-align:right; overflow: hidden; transform: translateY(0); transition: .5s var(--ani-1); filter: drop-shadow(0 3.2px 19.2px rgba(0, 0, 0, 0.16)); -webkit-filter: drop-shadow(0 3.2px 19.2px rgba(0, 0, 0, 0.16)); } 
html.main:not(.scroll) #quick_new { opacity: 0; } 
html:not(.scroll) #quick_new > li { transform: translateY(4rem); } 
#quick_new .quick_wrap { position:relative; display: inline-flex; width:4.85rem; min-height: 4rem; box-sizing:border-box; transition:width .3s; padding: .85rem 0 .75rem 0; border-radius: var(--radius-sm); box-sizing: border-box; } 
#quick_new .quick_wrap > .in { position:relative; display: flex; flex-direction: column; } 
#quick_new .quick_wrap > .in .tt { font-weight: 800; font-size: var(--font-size-xs); line-height: 1; letter-spacing: -1px; } 
#quick_new > li { margin-bottom: .5rem; transition: .5s var(--ani-1); } 
#quick_new > li:last-of-type { margin-bottom: 0; } 
#quick_new > li .quick_wrap .quick_icon { text-align:center; font-size: var(--font-size-xxxs); margin-bottom: .0876rem; } 
#quick_new > li .quick_wrap .quick_icon > .xi { line-height: 1; } 
#quick_new > li .quick_wrap .icon { } 
#quick_new > li .quick_wrap .icon > img { width: 30px; height: 35px; object-fit: contain; } 
#quick_new > li .quick_wrap.inquiry .icon { filter: var(--crWhitefil); } 
#quick_new.top { bottom: 320px; padding-bottom: .5em; } 

#quick_new > li .goTop { color:#fff; background: var(--color-black-2); transition: .5s var(--ani-1); } 
#quick_new > li .inquiry { color: #fff; background: var(--color-point2); } 
#quick_new > li .faq { background: #fff; color: var(--color-black); } 

/*all*/
.vod_wrap { position:relative; width: 100%; height: 100%; } 
.vod_wrap .vod { position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover } 

.smRound { width: 2rem; height: 2rem; border-radius: 50%; background: var(--color-point); display: flex; align-items: center; justify-content: center; } 
.smRound > .xi { transform: rotate(-45deg); font-size: var(--font-size-sm); color: #fff; transition: .3s ease; } 

.smRound.s1 { width: 2.5rem; height: 2.5rem; } 

.vod_wrap { position:relative; width: 100%; height: 100%; } 
.vod_wrap .vod { position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover } 

.nocon_notice {width:100%; min-height:15rem; background-color:#fafafa; display:flex; align-items: center; justify-content:center; padding:2rem; box-sizing:border-box;}
.nocon_notice p {font-size:2rem; font-weight:600; color:#ccc;}
.imgCon.b1 {border:1px solid #ddd;}
.imgCon a:hover {transform: scale(1.05); transition: .3s ease;}

.visualSlide_wrap { position: relative; height: calc((var(--vh, 1vh) * 100) - 6.75rem); padding: 0 1.25rem 1.25rem 1.25rem; margin-top: var(--headH); box-sizing: border-box; background: #fff; } 
.visualSlide { position: relative; height: 100%; border-radius: var(--radius-md); overflow: hidden; } 
.visualSlide .swiper-wrapper > .el { background: #000; } 
.visualSlide .swiper-wrapper > .el .bg { position:absolute; left:0; top:0; width:100%; height:100%; transform: scale(1.15); } 
.visualSlide .swiper-wrapper > .el .bg:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0, .35); content: ''; } 
.visualSlide .swiper-wrapper > .el .bg > img { height: 100%; object-fit: cover; width: 100%; } 
.visualSlide .swiper-wrapper > .el .vod_wrap { position: relative; } 
.visualSlide .swiper-wrapper > .el .vod_wrap:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0, .0367); content: ''; z-index: 1; } 
.visualSlide .slogan_wrap { position: absolute; bottom: 4rem; left: 2rem; color: #fff; width: 60%; text-align: left; z-index: 2; } 
.visualSlide .slogan_wrap .slogan .title { } 
.visualSlide .slogan_wrap .slogan .title > .t1 { font-size: var(--font-size-xxxl); line-height: 1.1; font-weight: 600; color: #fff; } 
.visualSlide .slogan_wrap .slogan .txt_wrap { } 
.visualSlide .slogan_wrap .slogan .txt_wrap .desc { font-size: var(--font-size-md); margin-top: var(--space-4); font-weight: 400; } 
.visualSlide .slogan_wrap .slogan .btn_Wrap { transform: translateX(4rem); opacity: 0; filter: blur(5px); transition: 1s all 1s; } 
.visualSlide .el .slogan_wrap .slogan .title > .t1 > i { transform: translateX(4rem); opacity: 0; filter: blur(5px); transition: 1.4s all; } 
.visualSlide .el.swiper-slide-active .slogan_wrap .slogan .title > .t1 > i.d2 { transition-delay: .15s; } 
.visualSlide .el.swiper-slide-active .slogan_wrap .slogan .title > .t1 > i.d3 { transition-delay: .3s; } 
.visualSlide .el.swiper-slide-active .slogan_wrap .slogan .title > .t1 > i.d4 { transition-delay: .45s; } 
.visualSlide .el.swiper-slide-active .slogan_wrap .slogan .title > .t1 > i.d5 { transition-delay: .6s; } 
.visualSlide .el.swiper-slide-active .slogan_wrap .slogan .title > .t1 > i.d6 { transition-delay: .75s; } 
.visualSlide .el.swiper-slide-active .slogan_wrap .slogan .title > .t1 > i.d7 { transition-delay: .9s; } 
.visualSlide .el.swiper-slide-active .slogan_wrap .slogan .title > .t1 > i { transform: translateX(0); filter: blur(0); opacity: 1; } 
.visualSlide .el.swiper-slide-active .slogan_wrap .slogan .txt_wrap .desc { transition-delay: .75s; } 
.visualSlide .el.swiper-slide-active .slogan_wrap .slogan .btn_Wrap { transform: translateX(0); opacity: 1; filter: blur(0) } 
.visualSlide .swiper-wrapper .el.swiper-slide-active .bg { transform: scale(1); transition: 5s var(--ani-1); } 

.visualSlide_wrap .visualControl { position: absolute; top: 65%; transform: translateY(-50%); left: 0; width: 100%; z-index: 2; } 
.visualSlide_wrap .swiperControl .paging.dot { display: flex; align-items: center; gap: var(--gap-xs); } 
.visualSlide_wrap .swiperControl .paging.dot span { width: 20px; background: transparent; opacity: 1; } 

.circle-chart-container { position: relative; display: inline-block; } 
.circle-chart { transform: rotate(-90deg); } 
.circle-chart circle { transition: stroke-dashoffset 1s ease; } 
.circle-chart circle:first-child { stroke: #e6e6e6; } 

.circle-progress { stroke: #fff; stroke-dasharray: 75.398; stroke-dashoffset: 75.398; } 
.swiper-pagination-bullet-active .circle-progress { animation: fillCircle 8s linear forwards; } 

@keyframes fillCircle { 
 0% { stroke-dashoffset: 75.398; } 
100% { stroke-dashoffset: 0; } 
 }


.visualRight_container { position:absolute; right: 0rem; top: 0rem; padding: 1.5rem 1.5rem 1.5rem 0; box-sizing: border-box; z-index: 2; width: 35rem; height: 100%; display: grid; grid-template-rows: 2fr 1fr; row-gap: 1rem; transition: .6s var(--ani-1); } 
.visualRight_container.on { transform: translateX(100%); } 
.visualRight_container .toggleBtn { position: absolute; right: 100%; top: 23%; width: 3rem; display: flex; align-items: center; justify-content: center; } 
.visualRight_container .toggleBtn .twrap { transform: translateY(50%) rotate(90deg); position: absolute; right: 50%; bottom: 0; transform-origin: 100% 50%; display: flex; justify-content: center; background: var(--color-point); padding: 1rem .8rem; min-width: 6rem; clip-path: polygon( 0 0, 100% 0, 100% 66%,84% 100%,16% 100%,0 66%); } 
.visualRight_container .toggleBtn .twrap .tt { font-size: var(--font-size-sm); letter-spacing: .063rem; font-weight: 500; color: #fff; } 
.visualRight_container .toggleBtn .twrap .tt:before { content: "CLOSE"; } 
.visualRight_container.on .toggleBtn .twrap .tt:before { content: "OPEN"; } 
.visualRight_container .contentBox { display: flex; flex-direction: column; padding: 2rem; box-sizing: border-box; border-radius: var(--radius-md); background: rgba(255, 255, 255, 0.2); backdrop-filter: blur(15px); } 
.visualRight_container .contentBox .contentTop { margin-bottom: var(--space-3); flex-shrink: 0; } 
.visualRight_container .contentBox .contentTop > .tit { font-size: var(--font-size-lg-1); color: #fff; font-weight: 600; } 
.visualRight_container .contentBox .commuList { display: grid; grid-template-rows: 1fr 1fr 1fr; row-gap: 1rem; flex: 1; min-height: 0; } 
.visualRight_container .contentBox .commuList > li { } 
.visualRight_container .contentBox .commuList > li > .inner { display: flex; align-items: center; gap: var(--gap-sm); height: 100%; } 
.visualRight_container .contentBox .commuList > li > .inner > .imgCon { width: 11.5rem; min-width: 11.5rem; max-width: 11.5rem; height: 7rem; border-radius: var(--radius-sm); overflow: hidden; } 
.visualRight_container .contentBox .commuList > li > .inner > .imgCon > img { width: 100%; height: 100%; object-fit: cover; transition: .3s var(--ani-1); } 
.visualRight_container .contentBox .commuList > li > .inner .info { } 
.visualRight_container .contentBox .commuList > li > .inner .info > .cate { font-size: var(--font-size-xs); line-height: 1; font-weight: 600; color: var(--color-point2); margin-bottom: var(--space-1); } 
.visualRight_container .contentBox .commuList > li > .inner .info > .tit { font-size: var(--font-size-md-1); font-weight: 400; height: 3rem; line-height: var(--line-height-tight); color: #fff; } 
.visualRight_container .contentBox .commuList > li > .inner .info > .date { font-size: var(--font-size-sm); color: rgba(255,255,255, .815); font-weight: 400; margin-top: var(--space-1); } 

.visualRight_container .contentBox .commuList > li > .inner:hover > .imgCon > img { transform: scale(1.05); } 
.visualRight_container .contentBox .commuList > li > .inner:hover .info > .tit { text-decoration: underline; } 

.visualRight_container .contentBox .dataList { display: grid; grid-template-rows: 1fr 1fr; flex: 1; min-height: 0; } 
.visualRight_container .contentBox .dataList > li:first-of-type { border-top: 1px solid rgba(255, 255, 255, .815); } 
.visualRight_container .contentBox .dataList > li { border-bottom: 1px solid rgba(255,255,255, .815); } 
.visualRight_container .contentBox .dataList > li > .inner { display: flex; align-items: center; justify-content: space-between; gap: var(--gap-sm); padding: 0 .5rem; box-sizing: border-box; height: 100%; transition: .3s var(--ani-1); } 
.visualRight_container .contentBox .dataList > li > .inner > .tit { width:75%; font-size: var(--font-size-sm); font-weight: 400; color: #fff; line-height: 1; } 
.visualRight_container .contentBox .dataList > li > .inner > .date { width: fit-content; font-size: var(--font-size-sm); color: rgba(255,255,255, .815); font-weight: 400; } 

.visualRight_container .contentBox .dataList > li > .inner:hover { background: rgba(0,0,0, .1); } 
.visualRight_container .contentBox .dataList > li > .inner:hover > .tit { text-decoration: underline; } 


/*main tit*/
.main_tit { margin-bottom: var(--space-6); } 
.main_tit.white { color: #fff; } 
.main_tit.mb0 { margin-bottom: 0; } 
.main_tit .cate { font-size: var(--font-size-md); font-weight: 500; margin-bottom: var(--space-4); color: var(--color-point2); } 
.main_tit.white .cate { color: #fff; } 
.main_tit .t1 { font-size: var(--font-size-xxl-2); font-weight: 700; } 
.main_tit .t1.en { font-size: var(--font-size-xxxl); } 
.main_tit .t2 { font-size: var(--font-size-xxl); font-weight: 600; } 
.main_tit .t3 { margin-bottom: var(--space-2); font-size: var(--font-size-base); font-weight: 700; color: var(--color-point); } 
.main_tit .t4 { font-size: var(--font-size-md); line-height: var(--line-height-loose); margin-top: var(--space-4); } 
.main_tit .t5 { font-size: var(--font-size-md-1); line-height: var(--line-height-loose); color: var(--color-black-6); margin-top: var(--space-3) } 

/*main box*/
.main_topCon { margin-bottom: var(--space-6); align-items: end; } 
.main_box { padding: 6rem 0; } 
.main_box.pt { padding-top: 0; } 
.main_box.pb { padding-bottom: 0; } 
.main_box.pN { padding: 0; } 

/*roundmore*/
.roundMore { display: flex; align-items: center; justify-content: center; width: 3.75rem; height: 3.75rem; border-radius: var(--radius-pill); background: var(--color-point); color: #fff; } 
.roundMore > .xi { transform: rotate(-45deg); } 

/*linemore*/
.lineMore { position:relative; } 
.lineMore:before { position: absolute; bottom: 0; width: 100%; height: 2px; content: ''; transition: .3s var(--ani-1); } 
.lineMore > .tt { font-size: var(--font-size-base); font-weight: 700; padding-bottom: .75rem; transition: .3s var(--ani-1); } 
.lineMore.btn_white { color: #fff; } 
.lineMore.btn_white:before { background: #fff; } 
.lineMore.btn_white:hover { color: var(--color-point2); } 
.lineMore.btn_white:hover:before { background: var(--color-point2); } 

/*blur more*/
.blurBoxArrow { display: flex; align-items: center; justify-content: center; width: 2.75rem; height: 2.75rem; border-radius: var(--radius-pill); background: #fff; transition: .3s var(--ani-1); } 
.blurBoxArrow > .xi { transform: rotate(-45deg); } 
.blurBoxArrow:hover { background: var(--color-point); color: #fff; } 

.mainTop { display: flex; align-items: end; justify-content: space-between; gap: 10rem; margin-bottom: var(--space-6); } 

/*sec_partner*/
#sec_partner { position:relative; padding: 2.5rem 0; } 
#sec_partner:before { position: absolute; top: 0; left: 0; height: 100%; background: linear-gradient(90deg, 
rgba(255, 255, 255, 1) 0%, 
rgba(255, 255, 255, 1) 35%, 
rgba(255, 255, 255, 0) 100%
); width: 10rem; content: ''; z-index: 2; } 
#sec_partner:after { position: absolute; top: 0; right: 0; height: 100%; background: linear-gradient(270deg, 
rgba(255, 255, 255, 1) 0%, 
rgba(255, 255, 255, 1) 35%, 
rgba(255, 255, 255, 0) 100%
); width: 10rem; content: ''; z-index: 2; } 
#sec_partner .mainPartnerSlide { display: flex; align-items: center; gap: 2rem; overflow: hidden;} 
#sec_partner .mainPartnerSlide .logoList { display: flex; flex-shrink: 0; align-items: center; gap: 2rem; animation: 35s linear 0s infinite normal none running marquee; } 
#sec_partner .mainPartnerSlide .logoList.reverse{animation: 35s linear 0s infinite reverse none running marquee;}
#sec_partner .mainPartnerSlide .logoList > li { } 
#sec_partner .mainPartnerSlide .logoList > li > .wrap_in { width: 14.8rem; height: 7rem; display: flex; align-items: center; justify-content: center; padding: 1.5rem; box-sizing: border-box; } 
#sec_partner .mainPartnerSlide .logoList > li > .wrap_in > img { width: 100%; height: 100%; object-fit: contain; filter: grayscale(1); opacity: .615; transition: .3s var(--ani-1); } 

#sec_partner .mainPartnerSlide .logoList > li > .wrap_in:hover > img { filter: grayscale(0); opacity: 1; } 

@keyframes marquee { 
 0% { transform: translateX(0px); } 
100% { transform: translateX(-100%); } 
 }

/*sec_consulting*/
#sec_consulting { padding-top: 4.85rem; } 
.consulting_container { display: flex; gap: 4.5rem; } 
.consulting_container > .conImg { width: 30%; border-radius: var(--radius-md); overflow: hidden; } 
.consulting_container > .conImg > img { width: 100%; height: 100%; object-fit: cover; } 
.consulting_container > .conSlide_wrap { position:relative; width: 70%; } 
.consulting_container > .conSlide_wrap .conTop { margin-bottom: var(--space-3); padding-bottom: var(--space-3); /* border-bottom: 1px solid var(--gray-line); */ } 
.consulting_container > .conSlide_wrap .conTop .tit { font-size: var(--font-size-xxl); font-weight: 600; line-height: 1; } 
.consulting_container > .conSlide_wrap .consulBox { padding: 1.5rem; box-sizing: border-box; background: var(--color-gray-2); border-radius: var(--radius-md); transition: .3s var(--ani-1); } 
.consulting_container > .conSlide_wrap .consulBox > .imgCon { width: 100%; height: 15rem; border-radius: var(--radius-md); overflow: hidden; } 
.consulting_container > .conSlide_wrap .consulBox > .imgCon > img { width: 100%; height: 100%; object-fit: cover; transition: .3s var(--ani-1) } 
.consulting_container > .conSlide_wrap .consulBox > .info { margin-top: var(--space-5); } 
.consulting_container > .conSlide_wrap .consulBox > .info > .tit { font-size: var(--font-size-md); font-weight: 600; transition: .3s var(--ani-1) } 
.consulting_container > .conSlide_wrap .consulBox > .info > .desc { font-size: var(--font-size-base); line-height: var(--line-height-normal); color: var(--color-black-8); margin-top: var(--space-1); margin-bottom: var(--space-2); transition: .3s var(--ani-1) } 

.consulting_container > .conSlide_wrap .consulBox:hover { background: var(--color-point); } 
.consulting_container > .conSlide_wrap .consulBox:hover > .info > .tit { color: #fff; } 
.consulting_container > .conSlide_wrap .consulBox:hover > .info > .desc { color: rgba(255,255,255, .8); } 
.consulting_container > .conSlide_wrap .consulBox:hover > .imgCon > img { transform: scale(1.05); } 

.conSlide_wrap .swiperControl { display: flex; gap: var(--gap-lg); align-items: center; margin-top: var(--space-5); } 
.conSlide_wrap .swiperControl .swiper-pagination { position: relative; background: rgba(0,0,0, .15); height: 2px; border-radius: var(--radius-pill); } 
.conSlide_wrap .swiperControl .swiper-pagination .swiper-pagination-progressbar-fill { background: var(--color-point); } 

/*sec_value*/
#sec_value { position:relative; padding-bottom: 0; } 
#sec_value .con_bg { position: absolute; left: 0; top: 0; width: 100%; height: 30rem; } 
#sec_value .con_bg:before { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: linear-gradient(90deg,rgba(0, 0, 0, 0.45) 20%, rgba(255, 255, 255, 0) 100%); content: ''; z-index: 1; } 
#sec_value .valueInner { position:relative; padding-top: 6rem; padding-bottom: 8rem; border-radius: 4rem 4rem 0 0; background: var(--color-point); z-index: 2; } 
#sec_value .boxIn { position:relative; z-index: 2; padding-top: 3rem; padding-bottom: var(--space-3); } 

#sec_value .valueInner .valueSlide_wrap { } 
#sec_value .valueInner .valueSlide_wrap .value_paging { } 
#sec_value .valueInner .valueSlide_wrap .value_paging .paging { bottom: -3.5rem; } 
#sec_value .valueInner .valueSlide_wrap .value_paging .swiper-pagination-bullet { background: rgba(255,255,255, 1); border-radius: 10px; transition: .3s var(--ani-1); } 
#sec_value .valueInner .valueSlide_wrap .value_paging .swiper-pagination-bullet.swiper-pagination-bullet-active { width: 2.5rem; background: #fff; } 
#sec_value .valueInner .valueSlide_wrap .valueTop { margin-bottom: var(--space-5); padding-bottom: var(--space-3); border-bottom: 1px solid rgba(255,255,255, .315); } 
#sec_value .valueInner .valueSlide_wrap .valueTop > .tit { font-size: var(--font-size-xxl); color: #fff; font-weight: 600; line-height: 1; } 
#sec_value .valueInner .valueSlide { } 
#sec_value .valueInner .valueSlide .valueInnerBox { background: #fff; border-radius: var(--radius-md); } 
#sec_value .valueInner .valueSlide .valueInnerBox .infoCon { padding: 1.5rem; box-sizing: border-box; } 
#sec_value .valueInner .valueSlide .valueInnerBox .infoCon > .num { display: inline-flex; align-items: center; justify-content: center; background: #fff; padding: 0 1rem; border-radius: var(--radius-pill); height: 2.5rem; border: 1px solid var(--gray-line); transition: .3s var(--ani-1); } 
#sec_value .valueInner .valueSlide .valueInnerBox .infoCon > .num > i { font-size: var(--font-size-sm); line-height: 1; font-weight: 600; color: var(--color-point2); transition: .3s var(--ani-1); } 
#sec_value .valueInner .valueSlide .valueInnerBox .infoCon > .tit { margin: 1.5rem 0; font-size: var(--font-size-md); font-weight: 600; transition: .3s var(--ani-1); } 
#sec_value .valueInner .valueSlide .valueInnerBox .infoCon > .desc { font-size: var(--font-size-base); color: var(--color-black-8); line-height: var(--line-height-normal); } 
#sec_value .valueInner .valueSlide .valueInnerBox .imgCon { width: 100%; border-radius: var(--radius-md); height: 15rem; overflow: hidden; margin-top: var(--space-2); } 
#sec_value .valueInner .valueSlide .valueInnerBox .imgCon > img { width: 100%; height: 100%; object-fit: cover; transition: .3s var(--ani-1); } 

#sec_value .valueInner .valueSlide .valueInnerBox:hover .imgCon > img { transform: scale(1.05); } 
#sec_value .valueInner .valueSlide .valueInnerBox:hover .infoCon > .num { background: var(--color-point2); border: 1px solid var(--color-point2); } 
#sec_value .valueInner .valueSlide .valueInnerBox:hover .infoCon > .num > i { color: #fff; } 
#sec_value .valueInner .valueSlide .valueInnerBox:hover .infoCon > .tit { color: var(--color-point2); } 

/*sec_process*/
#sec_process { /* padding-bottom: 0; */ } 
#sec_process .process_container2 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; align-items: stretch; } 
#sec_process .process_container2 .proBox { position:relative; background: var(--color-gray-2); padding: 2rem; box-sizing: border-box; border-radius: var(--radius-md); overflow: hidden; height: 18.5rem; } 
#sec_process .process_container2 .proBox:first-of-type { grid-column: 1 / 3; } 
#sec_process .process_container2 .proBox .vod_wrap { position: absolute; top: 0; left: 0; } 
#sec_process .process_container2 .proBox.imgBox { padding: 0; } 
#sec_process .process_container2 .proBox.imgBox > .imgCon { position: relative; width: 100%; height: 100%; } 
#sec_process .process_container2 .proBox.imgBox > .imgCon > img { width: 100%; height: 100%; object-fit: cover; } 
#sec_process .process_container2 .proBox .innerBox { display: flex; flex-direction: column; justify-content: space-between; height: 100%; width: 100%; } 
#sec_process .process_container2 .proBox .innerBox .iconImg { display: inline-flex; margin-left: auto; width: 4.5rem; height: 4.5rem; border-radius: var(--radius-sm); background: var(--color-point); display: flex; align-items: center; justify-content: center; } 
#sec_process .process_container2 .proBox .innerBox .iconImg > img { height: 40px; object-fit: contain; filter: var(--crWhitefil); } 
#sec_process .process_container2 .proBox .innerBox .infoW { } 
#sec_process .process_container2 .proBox .innerBox .infoW .tit { font-size: var(--font-size-lg); font-weight: 700; } 
#sec_process .process_container2 .proBox .innerBox .infoW .desc { font-size: var(--font-size-md-1); font-weight: 400; line-height: var(--line-height-normal); color: var(--color-black-8); margin-top: var(--space-2); } 
#sec_process .process_container2 .proBox.bc .innerBox .infoW .desc { color: rgba(255,255,255, .815); } 
#sec_process .process_container2 .proBox.bc .innerBox .infoW .tit { color: #fff; } 
#sec_process .process_container2 .proBox.bc .innerBox .iconImg { background: #fff; } 
#sec_process .process_container2 .proBox.bc .innerBox .iconImg > img { filter: none; } 
#sec_process .process_container2 .proBox.bc.bg1 { background: var(--color-point); } 
#sec_process .process_container2 .proBox.bc.bg2 { background: var(--color-point3); } 

/*sec_link*/
#sec_link { position:relative; padding-bottom: 0; } 
#sec_link:before { position: absolute; left: 0; bottom: 0; width: 100%; height: 60dvh; background: #000; content: ''; } 
#sec_link .consulting_submitWide { position:relative; padding: 4rem 5.5rem; box-sizing: border-box; border-radius: var(--radius-md); overflow: hidden; height: 47.5dvh; } 
#sec_link .consulting_submitWide:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0, .35); content: ''; z-index: 1; } 
#sec_link .consulting_submitWide .innerCon { position:relative; height: 100%; display: flex; flex-direction: column; justify-content: space-between; z-index: 2; } 
#sec_link .consulting_submitWide .innerCon .topT { } 
#sec_link .consulting_submitWide .innerCon .topT > .tt { font-size:var(--font-size-sm); color: rgba(255,255,255, .915); font-weight: 400; } 
#sec_link .consulting_submitWide .innerCon .btnT { display: flex; align-items: end; justify-content: space-between; } 
#sec_link .consulting_submitWide .innerCon .btnT > .leftInfo { } 
#sec_link .consulting_submitWide .innerCon .btnT > .leftInfo > .tit { font-size: var(--font-size-xxl); font-weight: 700; color: #fff; } 
#sec_link .consulting_submitWide .innerCon .btnT > .leftInfo > .desc { font-size: var(--font-size-base); font-weight: 500; color: rgba(255,255,255, .815); margin-top: var(--space-2); } 
#sec_link .consulting_submitWide .innerCon .btnT > .leftInfo > .rightBtn { } 
#sec_link .consulting_submitWide .innerCon .btnT > .rightBtn { margin-right: 8vw; } 

#sec_link .etcBox_container { position:relative; display: flex; gap: 1.5rem; margin-top: 1.5rem; } 
#sec_link .etcBox_container .itemBox { display: flex; flex-direction: column; justify-content: space-between; gap: 1rem; width: calc((100% - 2rem) / 2); padding: 3rem; border-radius: var(--radius-md); overflow: hidden; box-sizing: border-box; height: 21.5rem; } 
#sec_link .etcBox_container .itemBox.imgBox { padding: 0rem; } 
#sec_link .etcBox_container .itemBox.imgBox .imgCon { width: 100%; height: 100%; } 
#sec_link .etcBox_container .itemBox.imgBox .imgCon > img { width: 100%; height: 100%; object-fit: cover; } 
#sec_link .etcBox_container .itemBox.bg1 { background: #fff; } 
#sec_link .etcBox_container .itemBox.bg2 { background: var(--color-black); } 
#sec_link .etcBox_container .itemBox .itemT { } 
#sec_link .etcBox_container .itemBox .itemT .smT { font-size: var(--font-size-sm-1); font-weight: 600; color: var(--color-point2); margin-bottom: var(--space-3); } 
#sec_link .etcBox_container .itemBox .itemT .tit { font-size: var(--font-size-lg-1); font-weight: 700; } 
#sec_link .etcBox_container .itemBox.bg2 .itemT .tit { color: #fff; } 
#sec_link .etcBox_container .itemBox .snsList { display: flex; gap: var(--gap-lg); align-items: center; justify-content: end; } 
#sec_link .etcBox_container .itemBox .snsList > li { } 
#sec_link .etcBox_container .itemBox .snsList > li > .snsIn { max-width: 65px; height: 60px; transition: .3s var(--ani-1) } 
#sec_link .etcBox_container .itemBox .snsList > li > .snsIn > img { width: 100%; height: 100%; object-fit: contain; } 

#sec_link .etcBox_container .itemBox .linkList { display: flex; flex-direction: column; gap: .45rem; align-items: end; } 
#sec_link .etcBox_container .itemBox .linkList > li { } 
#sec_link .etcBox_container .itemBox .linkList > li > .linkIn { display: flex; align-items: center; gap: var(--gap-xs); } 
#sec_link .etcBox_container .itemBox .linkList > li > .linkIn > .tit { font-size: var(--font-size-md-1); font-weight: 700; color: rgba(255,255,255, .415); transition: .3s var(--ani-1); } 
#sec_link .etcBox_container .itemBox .linkList > li > .linkIn > .xi { font-size: var(--font-size-md-1); color: rgba(255,255,255, .415); transform: rotate(-45deg); transition: .3s var(--ani-1); } 

#sec_link .etcBox_container .itemBox .linkList > li > .linkIn:hover > .xi,
#sec_link .etcBox_container .itemBox .linkList > li > .linkIn:hover > .tit { color: #fff; } 
#sec_link .etcBox_container .itemBox .snsList > li > .snsIn:hover { transform: translateY(-.35rem); } 

/*sec_about*/
#sec_about { position: relative; overflow: hidden; clip-path: inset(0px 83px round 24px); width: 100%; } 
#sec_about .box1 { position:relative; height: 100%; } 
#sec_about .wideImg-inner { position: relative; width: 100%; height: 36rem; } 
#sec_about .wideImg-inner:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0, .315); content: ''; z-index: 1; } 
#sec_about .wideImg-cover { position:relative; width: 100%; height: 100%; } 
#sec_about .wideImg-cover:before { } 
#sec_about .wideImg-cover .wideImg-thumb { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } 
#sec_about .wideImg-cover .wideImg-thumb > img { width: 100%; height: 100%; object-fit: cover; transform-origin: center center; } 
#sec_about .wideImg-cover .wideImg-thumb:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0, .1); content: ''; } 
#sec_about .infoInner { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 2; } 
#sec_about .innerContainer { display: flex; flex-direction: column; justify-content: space-between; height: 100%; padding: 8rem 0; box-sizing: border-box; } 
#sec_about .innerContainer .infoWrap { margin-left: auto; padding-right: 7vw; } 
#sec_about .innerContainer .infoWrap > .desc { font-size: var(--font-size-md); color: rgba(255,255,255, .915); font-weight: 400; line-height: var(--line-height-normal); } 

/*footer*/
#footer { background: #000; padding: 4.5rem 0; } 
#footer .footerWrapper { } 
#footer .footerWrapper .footerTop { display: flex; align-items: center; justify-content: space-between; margin-bottom: var(--space-3); padding-bottom: var(--space-3); border-bottom: 1px solid rgba(255,255,255, .2); } 
#footer .footerWrapper .footerTop .wrapCon { display: flex; align-items: center; gap: 3rem; } 
#footer .footerWrapper .footerTop .logo { } 
#footer .footerWrapper .footerTop .logo > i { font-size: var(--font-size-lg-2); font-weight: 700; color: #fff; } 
#footer .footerWrapper .footerTop .logo > img { height: 46px; object-fit: contain; filter: var(--crWhitefil); } 
#footer .footerWrapper .footerTop .menu { display: flex; gap: 2rem; } 
#footer .footerWrapper .footerTop .menu > li { position: relative; } 
#footer .footerWrapper .footerTop .menu > li:before { position: absolute; right: -1rem; top: 50%; transform: translateY(-50%); width: 1px; height: 10px; background: rgba(255,255,255, .2); content: ''; } 
#footer .footerWrapper .footerTop .menu > li:last-of-type:before { display: none; } 
#footer .footerWrapper .footerTop .menu > li > a { font-size: var(--font-size-sm); color: #fff; } 
#footer .footerWrapper .footerTop .menu > li > a.point { font-weight: 600; } 
#footer .footerWrapper .footerTop .menu > li > a:hover { text-decoration: underline; } 
#footer .footerWrapper .footerMid { display: flex; gap: 2rem; } 
#footer .footerWrapper .footerMid .leftInfo { } 
#footer .footerWrapper .footerMid .leftInfo > .info { display: flex; gap: .25rem 1rem; flex-wrap: wrap; } 
#footer .footerWrapper .footerMid .leftInfo > .info > li { position: relative; font-size: var(--font-size-sm-1); color: rgba(255,255,255, .815); } 
#footer .footerWrapper .footerMid .leftInfo > .info > li.br { flex: 1 1 100%; } 


/*contents*/
.sub:not(.scroll) #header:not(.gnbOpen) { background: transparent; } 
.sub:not(.scroll):not(.dp1_member) #header:not(.gnbOpen) .top_wrap .logo > a img { filter: var(--crWhitefil); } 
.sub:not(.scroll):not(.dp1_member) #header:not(.gnbOpen) .top_wrap { color: #fff; } 
.sub:not(.scroll):not(.dp1_member) #header:not(.gnbOpen) .all_btn .ham,
.sub:not(.scroll):not(.dp1_member) #header:not(.gnbOpen) .all_btn .ham:before,
.sub:not(.scroll):not(.dp1_member) #header:not(.gnbOpen) .all_btn .ham:after { background: #fff; } 
.sub:not(.scroll):not(.dp1_member) #header:not(.gnbOpen) .menu_wrap .menu > li > a { color: #fff; } 

.sub.dp2_login:not(.scroll) #header:not(.gnbOpen) .top_wrap .logo > a img{ filter: var(--crWhitefil);}
.sub.dp2_login:not(.scroll) #header:not(.gnbOpen) .top_wrap { color: #fff; } 
.sub.dp2_login:not(.scroll) #header:not(.gnbOpen) .all_btn .ham,
.sub.dp2_login:not(.scroll) #header:not(.gnbOpen) .all_btn .ham:before,
.sub.dp2_login:not(.scroll) #header:not(.gnbOpen) .all_btn .ham:after { background: #fff; } 
.sub.dp2_login:not(.scroll) #header:not(.gnbOpen) .menu_wrap .menu > li > a { color: #fff; } 



#contents { width: 100%; } 
.main #contents{ overflow: hidden;}
#contents .doc { padding: 4rem 0 10rem 0 } 
.dp2_overview #contents .doc{padding-bottom: 0;}
.dp1_member #contents .doc { padding-top: calc(var(--headH) + 6rem); } 
.pageT #contents .doc { padding: 4rem 0 10rem 0; } 
#contents .doc.pb0 { padding-bottom: 0rem; } 
#contents .doc.pt0 { padding-top: 0rem; } 
#contents .doc.pN { padding: 0rem; } 
#contents .subToptitle { display: flex; align-items: center; justify-content: space-between; padding-bottom: var(--space-3);} 
#contents .subToptitle .t1 { font-size: var(--font-size-xl); font-weight: 700; } 
#contents .sub_top_wrap { height:33rem; position:relative; margin: 0 auto; padding: .5rem .6rem; box-sizing: border-box; transition: 1s ease; } 
#contents .sub_top_wrap .wrapBg { position:relative; width:100%; height:100%; background-color:#f1f1f1; overflow:hidden; border-radius: var(--radius-lg); } 
#contents .sub_top_wrap .wrapBg .bg { height:100%; background-size: cover; transform: scale(1.1); transition: transform 3.8s ease; } 
.load #contents .sub_top_wrap .wrapBg .bg { transform: scale(1); } 
#contents .sub_top_wrap .wrapBg:after { content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:#000; opacity:.215; } 
#contents .sub_top_wrap .subTit { position: absolute; top: 58%; transform: translateY(-50%); left: 0; width: 100%; } 
#contents .sub_top_wrap .subTit .t1 { font-size: var(--font-size-xxl-2); text-align: center; line-height: 1; font-weight:700; color: #fff; opacity: 0; letter-spacing: .515rem; } 
#contents .sub_top_wrap .subTit .t2 { font-size: var(--font-size-md); font-weight: 400; margin-top: 1.5rem; color: rgba(255,255,255, .915); opacity: 0; letter-spacing: .165rem; } 
#contents .sub_top_wrap .subTit .subSlogan { text-align: center; font-size: var(--font-size-base); color: rgba(255,255,255, .915); margin-bottom: var(--space-5); transform: translateX(-3rem); opacity: 0; transition: 1.4s var(--ani-1) } 
.load #contents .sub_top_wrap .subTit .t2 { letter-spacing: 0; opacity: 1; transition: 1.4s .4s ease; } 
.load #contents .sub_top_wrap .subTit .t1 { letter-spacing: 0; opacity: 1; transition: 1.8s .4s ease; } 
.load #contents .sub_top_wrap .subTit .subSlogan { transform: translateX(0); opacity: 1; } 
#contents .sub_top_wrap .subTab { width: 100%; flex: 1; } 
#contents .sub_top_wrap .subTab { width: 100%; flex: 1; } 
#contents .sub_top_wrap .subTab .gnb { } 
#contents .sub_top_wrap .subTab .gnb > li { } 
#contents .sub_top_wrap .subTab .gnb > li.on { display: flex; } 
#contents .sub_top_wrap .subTab .gnb > li > .dp2 { display:inline-flex; flex-wrap:wrap; width: 100%; } 
#contents .sub_top_wrap .subTab .gnb > li > .dp2 > li { position:relative; flex:1; min-width:0; max-width: 10vw; } 
#contents .sub_top_wrap .subTab .gnb > li > .dp2 > li:before { position: absolute; top: 0; left: 0; height: 2px; width: 100%; transform: scaleX(0); background: #fff; opacity: 0; visibility: hidden; transition: .5s ease; content: ''; } 
#contents .sub_top_wrap .subTab .gnb > li > .dp2 > li > a { height:5.25rem; display:flex; align-items:center; justify-content:center; color:#fff; box-sizing:border-box; position:relative } 
#contents .sub_top_wrap .subTab .gnb > li > .dp2 > li > a:before { content:""; position:absolute; right:0; top:50%; height:30%; transform:translateY(-50%); background:#fff; width:1px; opacity:.2; display: none; } 
#contents .sub_top_wrap .subTab .gnb > li > .dp2 > li > a .va { display:flex; align-items:center; line-height:1.1; position:relative; transition:.3s ease; word-break:keep-all; text-align:center } 
#contents .sub_top_wrap .subTab .gnb > li > .dp2 > li > a .va .tt { font-weight:700; font-size: var(--font-size-base); color: rgba(255,255,255, .715); transition: .3s ease; } 

#contents .sub_top_wrap .subTab .gnb > li > .dp2 > li:hover:before,
#contents .sub_top_wrap .subTab .gnb > li > .dp2 > li.on:before { opacity: 1; visibility: visible; transform: scaleX(1); } 
#contents .sub_top_wrap .subTab .gnb > li > .dp2 > li:hover a .va .tt,
#contents .sub_top_wrap .subTab .gnb > li > .dp2 > li.on a .va .tt { color: #fff; } 

#contents .sub_page_menu { margin-top: var(--space-5) } 
#contents .sub_page_menu .gnb { padding: 6px; background: rgba(255, 255, 255, 0.2); border-radius: 100px; box-shadow: 0 0 0px 1px rgba(24, 24, 24, .11); -webkit-backdrop-filter: saturate(150%) blur(25px); backdrop-filter: saturate(150%) blur(25px); } 
#contents .sub_page_menu .gnb .dp2 { } 
#contents .sub_page_menu .gnb .dp2 > li { } 
#contents .sub_page_menu .gnb .dp2 > li > a { display: block; position: relative; padding: 0 25px; height: 43px; line-height: 43px; color: #fff; font-weight: 600; border-radius: 45px; transition: .3s ease; } 
#contents .sub_page_menu .gnb .dp2 > li > a .tt { font-size: var(--font-size-sm); font-weight: 600; } 
#contents .sub_page_menu .gnb .dp2 > li > a .in { position:relative; padding:0 .5em; } 
#contents .sub_page_menu .gnb .dp2 > li > a .in:after { content:""; position:absolute; left:0; bottom:-.875em; width:100%; height:3px; background:#042d5c; transform:scaleX(0); transition:transform .3s; } 
#contents .sub_page_menu .gnb .dp2 > li.on > a,
#contents .sub_page_menu .gnb .dp2 > li.on > a { background: var(--color-point2); color: #fff; } 

#contents .nav { align-items: center; justify-content: center; display: flex;} 
#contents .nav > li { position:relative; padding:0 1rem; font-size: var(--font-size-sm);} 
#contents .nav > li:before { position:absolute; width: 1rem; left: -.5rem; top:50%; transform:translateY(-50%); color: var(--color-black-13); font-family: 'xeicon'; content: '\e940'; } 
#contents .nav > li:first-child:before { display:none; } 
#contents .nav > li:last-child{padding-right: 0;}
#contents .nav > li { color: var(--color-black-11); font-weight:500; } 
#contents .nav > li > * { display:block; } 
#contents .nav > li.home { padding-left: 0; } 
#contents .nav > li.home .xi { font-size:1.125rem; } 
#contents .nav > li .tt { font-size: var(--font-size-base); } 

#contents .subpageTit { padding-top: 3rem; } 
#contents .subpageTit .sub_tit { font-size: 2.815rem; text-align: center; font-weight: 700; color: var(--color-point); } 

#contents .login_Container { position:relative; display: flex; align-items: center; min-height: calc(var(--vh, 1vh) * 100); justify-content: center; } 
#contents .login_Container:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: var(--color-black); opacity: .25; content: ''; z-index: 1; } 


/* sub 공통 */
.pageCon.p1{padding: 3.5rem 0;}
.pageCon.p2{padding: 4rem 0 6rem;}
.pageCon.p3{padding: 5.3rem 0 5.3rem;}
.pageCon.p4{padding: 1.5rem 0 5.3rem;}
.pageCon.bg1{background: var(--color-bg-4); }

.pageConBox + .pageConBox{ margin-top: var(--space-7);}

.page_tit{margin-bottom: var(--space-5);}
.page_tit .tt + .tt{margin-top: var(--space-2);}
.page_tit .tt{ font-size: var(--font-size-base); line-height: var(--line-height-normal);}
.page_tit .t1{ font-size: var(--font-size-xl-1); line-height: 1.4; font-weight: 700;}
.page_tit .t1.bg {font-size:10em; color:#eee; margin-bottom:-5rem;}
.page_tit .t2{ font-size: var(--font-size-lg);}
.page_tit .t3{font-size: var(--font-size-base); font-weight: 600; color: var(--color-point2);}
.page_tit .t4{font-size: var(--font-size-md-1); }
.page_tit .t5{font-size: var(--font-size-lg-2); }
.page_tit .dot { padding-left: 1rem; position: relative; line-height: var(--line-height-normal); }
.page_tit .dot::before { content: ''; position: absolute; width: 5px; height: 70%; left: 0; top: 50%; transform: translateY(-48%); background: var(--color-point3);}
.page_tit .dot.st2{padding-left: 1.7rem;}
.page_tit .dot.st2::before { position: absolute; font-size: 1.45rem; left: 0px; top: -2px; color: var(--color-point); content: '\e92d'; font-family: 'xeicon'; background: none; height: auto; transform: translateY(0);}
.page_tit .small{font-size: var(--font-size-md-1); color: var(--color-black-7); font-weight: 600;}

.page_sub_tit{}
.page_sub_tit .t4{ font-size: var(--font-size-md-1);}
.page_sub_tit .dot.st3{padding-left: 2.5rem; position: relative;}
.page_sub_tit .dot.st3::before { position: absolute; font-size: 1.45rem; left: 0px; top: 7px; color: var(--color-point); content: '\e933';  font-family: 'xeicon'; background: none; height: auto; transform: translate(0.7rem, -.6rem) rotate(90deg);}


.dotList { } 
.dotList + .dotList,
.dotList + .inner{margin-top: var(--space-1);}
.dotList > li { position: relative; padding-left: 1rem; font-size: var(--font-size-sm); margin-bottom: .5rem; line-height: var(--line-height-normal); } 
.dotList.s1 > li{font-size: var(--font-size-base);}
.dotList > li:before { position: absolute; top: 12px; left: 0; width: 6px; height: 1px; background: var(--color-black-4); content: ''; } 
.dotList.dot2 > li:before{position: absolute; left: 0; width: 5px; height: 5px; border-radius: 100px; background: var(--color-black-6); content: ''; }
.dotList.dot2.s2 > li:before{top: 8px;}
.dotList > li:last-of-type{ margin-bottom: 0;}
.dotList.s1 > li{ font-size: var(--font-size-base);} 
.dotList.c1 > li { color: var(--color-black-6); } 

.page_btn_wrap{ gap: 0.5rem;}
.page_btn_wrap .btn{ width: 5.2rem; height:5.2rem;  border-radius: var(--radius-sm);  display: flex; flex-direction: column; justify-content: center; align-items: center; border: 2px solid;}
.page_btn_wrap .btn .icon{font-size: var(--font-size-md);}
.page_btn_wrap .btn .tt{font-size: var(--font-size-xs);}
.page_btn_wrap .c1{ background: #fff; color: var(--color-point3); border-color: #ddd; }
.page_btn_wrap .c2{ background: var(--color-point3); color: #fff; border-color: var(--color-point3); }

.page_btn_wrap2 {display:flex; flex-direction:row; justify-content: center;  }
.page_btn_wrap .btn



/*inquiry*/
#inquiryForm { } 
#inquiryForm .ess:before { font-size: var(--font-size-md); } 
#inquiryForm .inquiryTop { display: flex; align-items: end; justify-content: space-between; margin-bottom: var(--space-6); } 
#inquiryForm .inquiryTop .inTit { font-size: var(--font-size-lg-2); font-weight: 600; line-height: var(--line-height-normal); } 
#inquiryForm .inquiryTop .inTit > i { color: var(--color-point2); } 
#inquiryForm .inquiryTop .rq { font-size: var(--font-size-sm); color: var(--color-black-8); line-height: 1; } 
#inquiryForm .inquiryTop .rq > i { color: var(--color-point) } 

.formWrap { } 
.formWrap .form { display: flex; flex-wrap: wrap; /*  gap: var(--gap-sm); */ } 
.formWrap .form > li { position: relative; width: 100%; box-sizing:border-box } 
.formWrap .form > li .select-wrapper { width: 100%; } 
.formWrap .form > li .inp_wrap { position:relative; } 
.formWrap .form > li .inp_wrap .input_st:not(textarea) { height:4rem; } 
.formWrap .form > li .inp_wrap .input_st[type=file] { padding-top: 1rem; } 
.formWrap .form > li .inp_wrap .input_st::placeholder { color: var(--color-black-10); font-weight: 300; font-size: var(--font-size-base); } 
.formWrap .form > li .inp_wrap .tit { display: flex; align-items: center; margin-bottom: var(--space-2); margin-top: var(--space-2); font-size:var(--font-size-sm)} 
.formWrap .form > li .inp_wrap .tit .tt { font-size: var(--font-size-md); font-weight:600; } 
.formWrap .form > li .inp_wrap textarea.input_st { width: 100%; padding-top: var(--space-3); height:15rem; } 
.formWrap .form > li .inp_wrap .input_st { position: relative; font-size: var(--font-size-base); font-weight: 400; display: flex; align-items: center; border:none; border: 1px solid var(--gray-line-1); border-radius: var(--radius-sm); padding: .5rem 1.5rem; outline: 1px solid transparent; transition: all .4s ease-in-out; background: #fff; } 
.formWrap .form > li .inp_wrap .input_st:focus { outline: 1px solid var(--color-point2); } 
.formWrap .form > li .inp_wrap input:-webkit-autofill { box-shadow: 0 0 0 1000px rgba(255,255,255, .5) inset !important; background-color: transparent !important; } 
.formWrap .form > li .inp_wrap .div_field { display: flex; gap: var(--gap-sm); flex-wrap: wrap; align-items: center; width: 100%; } 
.formWrap .form > li .inp_wrap .div_field .divC { display: flex; gap: var(--gap-sm); } 
.formWrap .form > li .inp_wrap .div_field .input_st { flex: 1; } 
.formWrap .form > li .inp_wrap .div_field .find { background: var(--color-point); color: #fff; width: fit-content; } 
.formWrap .form > li .inp_wrap .div_field .hypen { text-align:center; font-weight: 600; font-size: var(--font-size-base); } 
.formWrap .form > li .inp_wrap .address_field {flex:unset}
.formWrap .form > li .inp_wrap .address_field .input_st {margin-bottom:var(--gap-sm)} 
.formWrap .form > li .inp_wrap .c4 {background-color:var(--color-point);} 
.formWrap .form > li .inp_wrap .email_field .select-wrapper { width: 12rem; } 
.select-wrapper { position:relative; } 
.select-wrapper:before { position: absolute; top: 50%; right: 1.5rem; transform: translateY(-50%); font-size: 1.5rem; transition: all .4s ease-in-out; font-family: 'xeicon'; z-index: 2; color: var(--color-point); content: '\e936' } 
.select-wrapper:focus-within::before { content: '\e930'; } 

/*** sub_member ***/
/**/
.step_tit { text-align:center; } 
.step_tit .t1 { font-size: var(--font-size-lg-2); font-weight:800; } 
.step_tit .t2 { font-size: var(--font-size-base); margin-top:1.25em; } 

.step_st { display:flex; justify-content:center; gap:0 5rem; margin:2.5rem 0 3rem 0; word-break:keep-all; counter-reset:stepIdx; } 
.step_st:first-child { margin-top:0; } 
.step_st > li { width:6.5em; counter-increment:stepIdx; } 
.step_st > li .ico { position:relative } 
.step_st > li:not(:last-child) .ico:before { content:""; position:absolute; left:100%; top:50%; width:5em; height:1px; background:#ddd } 
.step_st > li .ico .xi { position:relative; font-size:1em; width:1.875em; height:1.875em; margin:0 auto; display:flex; align-items:center; justify-content:center; color:#fff; background:#ccc; border-radius:50% } 
.step_st > li .ico .xi:before { content:counter(stepIdx); } 
.step_st > li .tt { margin-top:.75em; text-align:center; font-size:1.063em; color:#666; font-weight:500; line-height:1.3; } 
.step_st > li.on .tt { font-weight:600; color:var(--color-point2) } 
.step_st > li.on .ico .xi,
.step_st > li.on .ico:before { background:var(--color-point2); } 
.step_st > li.on .ico .xi:before { content:"\e928" } 
.step_st > li.on .ico .xi:after { content:""; position:absolute; top:-.25em; bottom:-.25em; left:-.25em; right:-.25em; border:2px dotted var(--color-point2); border-radius:50%; opacity:.4; } 
.step_st > li:not(.on) .ico .xi:before { font-family:var(--fontBase); font-size:.875em; font-weight:700; } 

/*member style*/
.login_wrap { position: relative; width:540px; max-width: 92%; margin:0 auto; box-sizing:border-box; z-index: 2; } 
.login_wrap.w1 { width:600px; max-width: 85%; margin: 0 auto; } 
.login_wrap.w2 { width:780px; max-width: 94%; margin: 0 auto; } 
.login_wrap.w3 { width:1000px; max-width: 94%; margin: 0 auto; } 
.login_wrap.st1 { padding:3rem 2.5rem; background: #fff; border-radius: var(--radius-md); } 
.login_wrap.st1.gray{ background: var(--color-gray-1);}
.login_wrap .join_sec { display:flex; justify-content:space-between; flex-wrap:wrap } 
.login_wrap .join_sec > li { width: 100%; } 
.login_wrap .join_sec > li.w100 { width:100% } 
.login_wrap .join_sec .table_form > li { padding-top:0; } 

.login_tab { display:flex; padding:0 1px 0 0; margin-bottom:2em; } 
.login_tab > li { flex:1 1 1%; } 
.login_tab > li > a { display:flex; align-items:center; justify-content:center; box-sizing:border-box; position:relative; height:3.5em; border:1px solid rgba(0,0,0,.1); color:rgba(0,0,0,.7); background:#fff; margin:0 -1px -1px 0 } 
.login_tab > li:first-child > a { border-radius:.35rem 0 0 .35rem; } 
.login_tab > li:last-child > a { border-radius:0 .35rem .35rem 0; } 
.login_tab > li > a .t1 { font-weight:500; font-size: var(--font-size-md-1); } 
.login_tab > li > a.on { background:var(--color-point3); border-color:transparent; color:#fff } 
.login_tab > li > a.on:after { content:""; position:absolute; left:50%; transform:translate(-50%, 50%) rotate(45deg); bottom:-1px; width:.75em; height:.75em; background:#fff } 

.layer_inp { display:block; position:relative } 
.layer_inp .inp:focus { z-index:1 } 
.layer_inp .inp { border:1px solid #ddd; margin-bottom:-1px; padding:1rem; padding-left:4rem; height:3.5em; box-sizing:border-box; width:100%; position:relative; font-weight:500; font-size:1.188em } 
.layer_inp select.inp { padding-left:3.75rem } 
.layer_inp select.inp optgroup,
.layer_inp select.inp option { font-weight:400; } 
.layer_inp:first-of-type .inp { border-top-left-radius:.35rem; border-top-right-radius:.35rem } 
.layer_inp:last-of-type .inp { border-bottom-left-radius:.35rem; border-bottom-right-radius:.35rem } 
.layer_inp .tt { position:absolute; left:4.25em; right:0; top:0; height:100%; display:flex; align-items:center; box-sizing:border-box; padding:0 .5em; z-index:2; color:#666; font-weight:500 } 
.layer_inp .tt > i { font-size: var(--font-size-sm); } 
.layer_inp .ico { font-size:1em; position:absolute; left:0; top:0; width:4.5em; height:100%; display:flex; align-items:center; justify-content:center; z-index:2 } 
.layer_inp .ico:before { font-size:1.5em } 
.layer_inp .inp:focus { border-color:var(--color-point2); outline:none } 
.layer_inp .inp:valid ~ .tt,
.layer_inp .inp:focus ~ .tt { right:auto; width:auto; height:1em; transform:translateY(-50%); backdrop-filter:blur(1em); color:var(--color-point2) } 
.layer_inp .inp:valid ~ .tt > i,
.layer_inp .inp:focus ~ .tt > i { font-size:.875em } 

.login_wrap .logoMark { display: flex; align-items: center; justify-content: center; margin-bottom: var(--space-5); } 
.login_wrap .logoMark > img { height: 2.6rem; object-fit: contain; } 
.login_wrap .login { display:flex; flex-direction:column } 
.login_wrap .login > * { width:100%; box-sizing:border-box } 
.login_wrap .btn { height: 3.5rem; border-radius: var(--radius-sm); border:1px solid transparent; font-weight:600; font-size: var(--font-size-base); } 
.login_wrap .btn .xi { font-size:1em; margin-right:.25em } 
.login_wrap .btn.c1 { background:var(--color-point2); color:#fff } 
.login_wrap .btn.c2 { background:#000; color:#fff } 
.login_wrap .btn.c3 { background:var(--color-point); border:none; color:#fff } 
.login_wrap .btn.s1 { font-size:1.063em } 
.login_wrap .check_wrap { padding:1.5em .25em; } 
.login_wrap .check_wrap .label_st { font-size:1.063em; } 
.login_wrap .check_wrap + .page_btn { margin-top:0; } 
.login_wrap .page_btn { margin-top:2em; gap:.5em; } 
.login_wrap .inp_flex { display:flex; gap:1em; } 
.login_wrap .inp_flex .inp_wrap { flex:1 1 0%; min-width:0; } 
.login_wrap .inp_flex .page_btn { width:9em; margin-top:0 } 
.login_wrap .inp_flex .page_btn .btn { height:100% } 
.login_wrap .link_wrap { padding:2em 0; } 
.login_wrap .link_wrap:last-child { padding-bottom:0; } 
.login_wrap .link_wrap a { position:relative; padding:0 1.5em; font-size:1.063em; color:#666; font-weight:500; } 
.login_wrap .link_wrap a + a:before { content:""; position:absolute; left:0; top:50%; width:1px; height:1em; background:#000; opacity:.15; transform:translateY(-50%); } 
.login_wrap .link_wrap a.point { font-size:1.063em; color:#111; font-weight:600; } 
.login_wrap .link_wrap a:hover { text-decoration:underline; } 
.login_wrap .sns_tit { overflow:hidden; margin:2em 0; text-align:center; } 
.login_wrap .sns_tit .in { position:relative; display:inline-block; padding:0 1em; font-size:1.1em; font-weight:600; color:#777 } 
.login_wrap .sns_tit .in:before,
.login_wrap .sns_tit .in:after { content:""; position:absolute; top:50%; width:1000px; height:1px; background:#ddd; } 
.login_wrap .sns_tit .in:before { right:100%; } 
.login_wrap .sns_tit .in:after { left:100%; } 
.login_wrap .sns_login { display:flex; flex-wrap:wrap; align-items:center; gap:.5em; padding: 0 5em; } 
.login_wrap .sns_login > li { flex:1; } 
.login_wrap .sns_login > li .in { height:3.5em; gap:.75em; } 
.login_wrap .sns_login > li .in .ico { font-size:1.500em; } 
.login_wrap .sns_login > li .in .tt { font-size:1.063em; font-weight:500; } 
.login_wrap .sns_login > li.nv .in { background:var(--snsNv); color:#fff; } 
.login_wrap .sns_login > li.ka .in { background:var(--snsKa); } 

.fin_box { background:var(--color-gray-1); border-radius: var(--radius-sm); padding:3rem; text-align:center; word-break:keep-all; } 
.fin_box .fin { display:inline-flex; align-items:center; gap:1rem; margin:.5rem 0; } 
.fin_box .fin * { line-height:normal !important; } 
.fin_box .xIco { margin-bottom:1em; color: var(--color-point2);} 
.fin_box .xIco .xi { font-size:1.750rem; } 
.fin_box .tit { font-size:1.75rem; font-weight:600; margin-bottom: var(--space-1); } 
.fin_box .tit.s1 { font-size:1.375rem } 
.fin_box .tt1 { line-height:1.5; font-size: var(--font-size-base); color: var(--color-black-6); } 
.fin_box .tt2 { font-size:1.250em; font-weight:500; } 
.fin_box .tt_point { font-size:1.750rem; color:var(--color-point3); font-weight:700; } 
.fin_box .tt_no { display:inline-flex; align-items:center; gap:1rem; margin-top:1rem; height:3rem; padding:0 2em; background:var(--color-point3); border-radius:6em; color:#fff; } 
.fin_box .tt_no .no { font-size:1.250rem; font-weight:600; } 
.fin_box .fs:not(:last-child):after { content:"," } 
.fin_box .finTop{ margin-bottom: var(--space-4);}

.agree_box:not(.page_box) { border-radius:.5em; border:1px solid #ddd; padding:1.5em 1.75em; } 
.agree_box p { padding:.375em 0; } 
.agree_box strong,
.agree_box b { font-weight:600; color:#000; } 
.agree_box.tt1 { color:#555; line-height:1.5 } 
.agree_box.tt2 { color:#555; font-size:1.063em; line-height:1.5 } 
.agree_box.tt2 strong,
.agree_box.tt2 b { font-size:1.125em; } 
.agree_box.h1 { height:18em; } 

.agree_box ol { padding:.375em 0; } 
.agree_box ol > li { padding-left:.875em; text-indent:-.875em; } 

.btn_vf { padding:2em; border:1px solid #ddd; border-radius:.5em; display:flex; flex-direction:column; justify-content:center; align-items:center; text-align:center; min-height:8em; transition:.3s } 
.btn_vf .ico { width:8em; height:8em; border:3px dotted var(--crGray); border-radius:50%; display:flex; flex-direction:column; justify-content:center; margin-bottom:1.5em } 
.btn_vf .ico img { height:45% } 
.btn_vf .t1 { font-weight:700; font-size:1.25em } 
.btn_vf .t2 { color:#666; margin-top:.5em } 
.btn_vf .st { padding:.75em .5em; background:var(--crGrad1); width:100%; max-width:12em; border-radius:.5em; box-sizing:border-box; font-size:1.125em; font-weight:500; color:#fff; margin-top:1.5em } 
.btn_vf:hover,
.btn_vf:focus { border-color:var(--color-point2); box-shadow:0 0 1em rgba(0,0,0,.1) } 

.newTag { position: relative; } 
.newTag::before { content: 'N'; display: flex; justify-content: center; align-items: center; width: 1rem; height: 1rem; padding: .3em; border-radius: 50%; background: tomato; font-weight: 600; font-size: .875em; color:#fff; position: absolute; right: -.6rem; top: -.6rem; zoom: .8; } 




/*member table*/
.table_form_wrap{}
.table_form_wrap .form_tit{}
.table_form_wrap .form_tit .t1{ font-weight:700; font-size:1.375em}
.table_form_wrap .form_tit .t2{ font-weight:700; font-size:1.625em}
.table_form_wrap .form_tit .t3{ font-weight:500; font-size:1.125em}
.table_form > li{ border-bottom:1px solid #ddd; padding:.75em 0}
.table_form > li:first-child{ border-top:1px solid #111}
.table_form > li.bd0{ border-bottom:none !important}
.table_form > li.bd1{ border-top:none !important}
.table_form > li.p1{ padding:1.5em 0;}
.table_form .wrap_in{ display:flex; align-items:center}
.table_form .wrap_in .tit_wrap,
.table_form .wrap_in .con_wrap{ min-height:3em; box-sizing:border-box; display:flex; flex-wrap:wrap; align-items:center;}
.table_form .wrap_in .tit_wrap{ width:10rem; gap:.5em 0; padding:0 1.25em;}
.table_form .wrap_in .tit1{ font-size:1.125em; font-weight:600;}
.table_form .wrap_in .tit2{ font-size:1.063em; font-weight:600;}
.table_form .wrap_in .tit3{ font-size:1.000em; font-weight:500; line-height:1.2;}
.table_form .wrap_in .con_wrap{ flex:1 1 0%; min-width:0; gap:.25em; font-size:1.063em;}
.table_form .wrap_in .con_wrap > *{ flex:1 1 0%; min-width:0}
.table_form .wrap_in .con_wrap .inp_tt{ flex:0 0 auto; font-size:.938em; color:#666;}
.table_form .wrap_in .con_wrap .input_st{ width:100%}
.table_form .wrap_in .con_wrap .input_st[type=radio] {width: auto; height: auto;}
.table_form .wrap_in .con_wrap .line{ padding-top:.75em; margin-top:.75em; border-top:1px solid #ddd}
.table_form .wrap_in .con_wrap .w1{ flex:0 0 auto; width:3em}
.table_form .wrap_in .con_wrap .w2{ flex:0 0 auto; width:9em}
.table_form .wrap_in .con_wrap .w50{ flex:0 0 auto; width:50%}
.table_form .wrap_in .con_wrap .w100{ flex:0 0 auto; width:100%}
.table_form .wrap_in .con_wrap .w_auto{ flex:0 0 auto}
.table_form .wrap_in .con_wrap .max1{ max-width:27em}
.table_form .wrap_in .con_wrap .max2{ max-width:8.375em}
.table_form .wrap_in .con_wrap .max3{ max-width:23.5em}
.table_form .wrap_in .con_wrap .min1{ min-width:23.5em}

.table_form .wrap_in.col{ flex-direction:column}
.table_form .wrap_in.col > *{ flex:0 0 auto; width:100%}
.table_form .wrap_in.col .tit_wrap{ padding:0 0;}

/* -------- 회사연혁 -------- */
/* 컨텐츠01 :: 타이틀박스 */
/* 컨텐츠02 :: 연혁 */

.history-con-wrap{ scroll-behavior: smooth;}
.history-con .sub-tab-list-style.top-fixed{top: 0}
.history-con .sub-tab-wrapper-style{margin-bottom: 70px}
.history-con .sub-tab-list-style ul li{position: relativ;}
.history-con .sub-tab-list-style ul li:after{content:""; position: absolute; top: 50%; margin-top: -7px; right: 0; width: 1px; height: 15px; background-color: #ccc} 
.history-con .sub-tab-list-style ul li:last-child:after{content:none}
.history-con .sub-tab-list-style ul li.selected:after{content:none}
/* History :: Layout */
.company-history {position:relative;}
.company-history-wrapper {position:relative; /* padding-bottom:50px; */ padding :25px 0; *zoom:1;}
.company-history-wrapper:after{clear:both; display:block; content:"";}
.company-history-wrapper:before{position:absolute; top:30px; height:100%; width:1px; left:50%; background-color:#ddd; content:"";}
.none-line-stl:before{content: none}
.company-history-info-box {position:relative; width:50%; }
.company-history-info-box::before{ position:absolute; top:0; width:23px; height:23px;  background-color:#eee; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; content:""; }
.company-history-info-box::after{ position:absolute; top:6px; width:6px; height:6px; background-color:#fff; border: 2px solid var(--color-point2); -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; content:""; }
/* History :: 정보 */
.company-history-info .history-item.tit {font-size:18px; font-weight: 600; color:var(--color-point2)}
.company-history-info .history-item.tit .history-txt::before {display:none;}
.company-history-info .history-item{position:relative; font-size:16px; line-height: 1.6; letter-spacing: -0.65px; font-weight:400; color:#555; margin-bottom:10px; word-break:keep-all}
.company-history-info .history-txt{position:relative; display:inline-block;}
.company-history-info .history-txt:before{content:""; position:absolute; top:10px; width: 3px; height: 3px; background-color: #5c5c5c}
.company-history-year {position:absolute; top:-5px; text-align:center; font-size:32px; letter-spacing: -0.25px; color:#333; font-weight: 600; }
/* History :: 이미지 */
.company-history-img-box{width:50%; margin-top:50px;}
.company-history-img-box span{display:inline-block;  border:1px solid #ddd;}
.company-history-img-box span img{max-width:100%;}

/* -------- 회사연혁 -------- */
@media all and (min-width:801px){
	/* History :: 왼쪽 */
	.history-left .company-history-info-box{float:left;}
	.history-left .company-history-info-box::before,
	.history-left .company-history-info-box::after {left:100%; transform:translatex(-50%)}
	.history-left .company-history-info {text-align:right; padding-right: 40px;}
	.history-left .company-history-info .history-item{padding-right: 30px; }
	.history-left .company-history-info .history-month{right:0;}
	.history-left .company-history-info .history-txt{padding-right:15px; }
	.history-left .company-history-info .history-txt::before{right:0;}
  .history-left .company-history-info .history-item.tit .history-txt{padding-right:0 }
	.history-left .company-history-year {left:100%; padding-left:60px;}
	.history-left .company-history-year:before{left:0}
	.history-left .company-history-img-box{float:right;}
	.history-left .company-history-img-box span{margin-left:60px}
	/* History :: 오른쪽 */
	.history-right .company-history-info-box{float:right; }
	.history-right .company-history-info-box::before,
	.history-right .company-history-info-box::after {right:100%; transform:translatex(50%)}
	.history-right .company-history-info {padding-left: 40px;}
	.history-right .company-history-info .history-item{padding-left: 22px;}
	.history-right .company-history-info .history-month{left:0;}
	.history-right .company-history-info .history-item.tit .history-txt{padding-left:0 }
	.history-right .company-history-info .history-txt{padding-left:15px; }
	.history-right .company-history-info .history-txt::before{left:0;}
	.history-right .company-history-list-wrap .company-history-year {right:100%; padding-right:60px;}
	.history-right .company-history-img-box{float:left; text-align:right;}
	.history-right .company-history-img-box span{margin-right:60px}
}


/* ========== 260306 css - new ============== */

/* 공통 */
.pageDiv_tit { padding-bottom: var(--space-2); border-bottom: 1px solid #ddd; }
.pageDiv_tit .tit { font-size: var(--font-size-lg-1); line-height: var(--line-height-normal); font-weight: 500; }
.pageDiv_tit .tit.dot { padding-left: 1.1rem; position: relative; line-height: var(--line-height-normal); }
.pageDiv_tit .tit.dot::before { content: ''; position: absolute; width: 5px; height: 100%; left: 0; top: 50%; transform: translateY(-48%); background: var(--color-point3);}

.pageDiv_flex .pageDiv_con{flex: 1;}

.pageDiv_con{ padding: 2rem; border: 1px solid #ddd; border-radius: var(--radius-md); border-top-width: 4px; border-top-color: var(--color-point3); background: #fff;}
.pageDiv_con .inner{padding: 0 1rem;}
.pageDiv_con .InBox{padding-bottom: 1.5rem;  }
.pageDiv_con .InBox:last-child{padding-bottom: 0;}
.pageDiv_con .InBox + .InBox{border-top: 1px dotted #ddd; padding-top: 1.5rem;}
.pageDiv_con .img_box{padding: 1.5rem; box-sizing: border-box; border: 1px solid #ddd; border-radius: 1rem; margin-bottom: 1rem;}
.pageDiv_con .img_box.s1{max-height: 100%; height: 32rem;}

.pageDiv_flex{gap: 3rem;}
.pageDiv_flex .pageConBox{width: 70%; display: flex; flex-direction: column; gap: 1rem 0;}
.pageDiv_flex .pageConBox .pageDiv_in{}
.pageDiv_flex .pageConBox .pageDiv_in + .pageDiv_in{padding-top: 1rem; border-top: 1px dotted #ccc; }

.pageDiv_wrap .ImgWrap{width: 45%;}
.pageDiv_wrap .ImgWrap.stickyT{height: 36rem;}
.pageDiv_wrap .wrap_img{ overflow:hidden; border: 1px solid #ddd; border-radius: var(--radius-md); max-height: 36rem;}

.pageDiv_wrap .wrap_img.h1{max-height: 104rem;}
.pageCon.bg1 .pageDiv_wrap .wrap_img{ background: #fff; }

.pageDiv_wrap .ImgWrap.w50 .wrap_img{flex: 1;}

/**/
.pageImg_top{gap: 4rem; align-items: center;}
.pageImg_top .img_wrap{width: 33%; position: relative;}
.pageImg_top .img_wrap::before{content: ''; position: absolute; right: -1.7rem; bottom: -1.7rem; width: 100%; height: 100%; background: var(--color-point2); z-index: -1; border-radius: var(--radius-md);}
.pageImg_top .img_wrap::after{content: ''; position: absolute; right: -1.7em; bottom: -1.7em; background-image: url(../images/sub/pattern01.png); width: 50%; height: 100%; background-position: bottom; background-size: 100%; background-repeat: no-repeat; z-index: -1; opacity: 0.3; filter: brightness(0) invert(1); /* rotate: 180deg; */ border-radius: var(--radius-md); }
.pageImg_top .img_wrap img{width: 100%; height: 100%; display: block; border-radius: var(--radius-md);  box-shadow: 0 0 30px rgba(17, 17, 17, 0.2);}
.pageImg_top .page_txt .tt{font-size:var(--font-size-base); line-height: var(--line-height-normal);}


/* 공통 탭 메뉴 스타일 */
.con_idx { position: relative }
.con_idx > .idx { position: absolute; left: 0; top: 0; width: 100%; visibility: hidden; filter: alpha(opacity=0); opacity: 0; }
.con_idx > .idx.on { position: relative; visibility: visible; filter: alpha(opacity=100); opacity: 1; }

.sub_tab{}
.sub_tab .tab_btn{ background: var(--color-bg-2); border-radius: 100rem;  padding: 0.5rem; box-sizing: border-box; gap: 0.5em; width: fit-content; margin: 0 auto;}
.sub_tab .tab_btn li{cursor: pointer;}
.sub_tab .tab_btn li.on .tt{background: var(--color-point2); color: #fff;}
.sub_tab .tab_btn li .tt{ padding: .7rem 2rem; background: #fff; color: var(--color-point2); font-weight: 700; font-size: var(--font-size-md-1); border-radius: 100rem;}

.page_tab .tab_idx{display:flex;align-items: center;width: 100%;box-sizing: border-box;}
.page_tab .tab_idx > li{position: relative; text-align: center; padding: 1rem 2rem; box-sizing: border-box; font-size: var(--font-size-base); font-weight: 600; color: #666; cursor: pointer; flex: 1; transition: .3s; background: #f1f1f1;}
.page_tab .tab_idx > li:hover{background:#f9f9fb;}
.page_tab .tab_idx > li::before{position: absolute; content: ''; left: 0; top: 50%; transform: translateY(-50%); height: 50%; width: 1px; background: #ccc;}
.page_tab .tab_idx > li.on{ color: #fff; font-weight: 700; background: #fff; background: var(--color-point3);}
.page_tab .tab_idx > li.on::before,
.page_tab .tab_idx > li:first-child::before{display: none;}


/* 아이콘 박스 */
.boxIconList{}
.boxIconList > li{ display: flex;}
.boxIconList.fff > li > .in {background: #fff!important;}
.boxIconList > li > .in{ flex: 1; border: 1px solid #ddd; background: #fbfbfb; border-radius: .5rem; padding: 1.5rem 2rem; box-sizing: border-box;}
.boxIconList > li > .in > .icon{ display: flex; align-items: center; justify-content: center; margin: 0 auto; width:5rem; height: 5rem; border-radius: 50%; background: var(--color-point3);}
.boxIconList > li > .in > .icon.iconS {width:3rem; height:3rem;}
.boxIconList > li > .in > .icon > img{ height: 45px; object-fit: contain;}
.boxIconList > li > .in > .icon.iconS > img{ height: 25px; object-fit: contain;}
.boxIconList > li > .in > .tit{ font-size: var(--font-size-md-1); font-weight: 700; text-align: center; margin-top: 1rem;}
.boxIconList > li > .in > .inner > .tit{ font-size: var(--font-size-md-1); font-weight: 700; text-align: center; margin-top: 1rem;}
.boxIconList > li > .in > .t1{text-align: center; font-size: var(--font-size-sm);}
.boxIconList > li > .in > .tt{ font-size: var(--font-size-sm); text-align: center; margin-top: 1rem; color: var(--color-black-7);}
.boxIconList > li > .in > .inner >  .tt{ font-size: var(--font-size-sm); text-align: center; margin-top: 1rem; color: var(--color-black-7);}
.boxIconList > li > .in > .tit + .tt{margin-top: 0.5rem;}
.boxIconList > li > .in > .inner > .tit + .tt{margin-top: 0.5rem;}
.boxIconList.boxIconList_ecovadis > li > .in {display:flex; flex-direction:column; justify-content: center;}


.boxIconList.num_list{}
.boxIconList.num_list > li > .in {border-width: 1px;}
.boxIconList.num_list > li > .in > .tit,
.boxIconList.num_list > li > .in > .tt{text-align: left;}
.boxIconList.num_list > li > .in > .tit{margin-top: 2rem; font-size: var(--font-size-md);}
.boxIconList.num_list > li > .in > .tt{margin-top: 0.5rem;}
.boxIconList.num_list > li > .in .num{width: 2.8rem; height: 2.8rem; font-size: var(--font-size-sm); color: #fff; background: linear-gradient(149deg,rgba(25, 62, 44, 1) 0%, rgba(25, 167, 120, 1) 100%); border-radius: 100rem; text-align: center; font-weight: 600; line-height: 2.9rem;}


/* 인사말 */
.greet_wrap { } 
.greet_wrap .greet-top { margin-bottom: 1rem; } 
.greet_wrap .greet-top .t1 {font-size: var(--font-size-xl-1); line-height: var(--line-height-normal); font-weight: 500;} 
.greet_wrap .greet-top .cp-2{font-weight: 700;}
.greet_wrap .greet-con { gap:7rem; /* padding: 0 3em; */ } 
.greet_wrap .greet-con .img_wrap { width: 38%; margin-right: 4rem;} 
.greet_wrap .greet-con .img_wrap .img {width: 100%; margin-top: -8em; padding-bottom: 115%; position: relative; border-radius: 15rem 0 15rem 0; box-shadow: 0px 0px 56px rgb(17 17 17 / 17%);}
.greet_wrap .greet-con .img_wrap .img::before{content: ''; position: absolute; right: -4em; bottom: -3em; width: 50%; background: var(--color-point3); height: 100%; z-index: -1;}
.greet_wrap .greet-con .img_wrap .img::after{content: ''; position: absolute; right: -4em; bottom: -3em; background-image: url(../images/sub/pattern01.png); width: 50%; height: 100%; background-position: bottom; background-size: 100%; background-repeat: no-repeat; z-index: -1; opacity: 0.4; filter: invert(48%) sepia(68%) saturate(513%) hue-rotate(47deg) brightness(126%) contrast(86%); }
/* .greet_wrap .greet-con .img_wrap .img { width: 100%; margin-top: -4em; padding-bottom: 120%; border:1px solid #ddd; border-radius: 1em; box-shadow: -3px 3px 15px rgba(0,0,0,.1); }  */
.greet_wrap .greet-con .txt_wrap { order: -1; flex:1; padding-top: 1rem; }
.greet_wrap .greet-con .txt_wrap .t1{color: #333; font-size: var(--font-size-base); line-height: var(--line-height-normal);} 
.greet_wrap .greet-con .txt_wrap .t1 + .t1 { margin-top: 1.2rem; } 
.greet_wrap .greet-con .txt_wrap p.ceo { margin-top: 2.5rem; padding-right: 3em; font-size: var(--font-size-base); text-align: right; } 
.greet_wrap .greet-con .txt_wrap p.ceo strong { padding-left: 1rem; font-weight: 600; font-size: var(--font-size-md); } 
.greet_wrap .greet-con .txt_wrap p.ceo .sign{ position:relative; top: 1rem;}
.greet_wrap .greet-con .txt_wrap p.ceo .sign > img{ width: 100%; height: 50px; object-fit: contain;}


/* 조직도 */

.orgWrapper { text-align: center; position: relative; padding: 3rem 1.5rem; box-sizing: border-box; border: 1px solid #ddd; border-radius: 1rem; max-width: 100%; }
.topInner { position: relative; padding-bottom: 2rem; }
.orgTop_wrap { position: relative; display: flex; flex-direction: column; align-items: center; }
.orgTop_wrap .orgBox { background: #fff; border: 1px solid var(--color-point3, #5ba556); border-radius: 5px; text-align: center; display: flex; flex-direction: column; justify-content: center; width: 100%; max-width: 22rem; margin: 0 auto; padding: 1rem; box-sizing: border-box; position: relative; z-index: 2; }
.orgTop_wrap .orgBox.ceo { border-radius: 100%; width: 8rem; height: 8rem; background: var(--color-point3, #5ba556); border: 22px solid rgb(221 239 220); box-sizing: content-box; }
.orgTop_wrap .orgBox.ceo .tit { color: #fff; }
.orgTop_wrap .tit { color: var(--color-point3, #5ba556); font-size: var(--font-size-md-1, 16px); line-height: 1.6em; font-weight: 600; }
.orgTop_wrap .t1 { font-size: var(--font-size-sm, 13px); line-height: var(--line-height-normal); font-weight: 500; color: #fff; padding: 0.7rem 1rem 0; border-top: 1px solid rgba(255,255,255,0.1); }
.orgGroup { position: relative; display: inline-block; width: 100%; text-align: center; font-size: var(--font-size-base, 14px); line-height: var(--line-height-normal); font-weight: 700; border-radius: 5px; background-color: rgb(91 165 86 / 19%); padding: 0.9rem 0.5rem; box-sizing: border-box; z-index: 2; }
.orgGroup .duty { font-weight: 500; font-size: 0.9em; opacity: 0.9; display: inline-block; margin-top: 4px; }
.orgIn { position: relative; background-color: #f5f5f5; margin-top: 1rem; text-align: center; padding: .6rem .2rem; border-radius: 5px; box-sizing: border-box; z-index: 2; }
.orgIn .tit { font-size: var(--font-size-sm, 12px); line-height: var(--line-height-normal, 1.3); color: var(--color-black-7, #333); font-weight: 500; padding: 0 0.2rem; margin: 0; white-space: normal; word-break: keep-all; overflow-wrap: break-word; }
.middleInner_custom { display: flex; gap: 4rem; justify-content: center; width: 100%; margin-top: 2rem; position: relative; }
.orgIn.branchTitle { background-color: #ffffff; border: 1px solid #ddd; font-weight: bold; margin-top: 1rem; }
.orgIn.branchTitle .tit { font-weight: 700; }
.orgIn.regionalBox { padding: 1rem 0; text-align: left; }
.orgIn.regionalBox .font-bold { font-weight: 700; border-bottom: 1px solid #ddd; padding-bottom: 0.5rem; margin-bottom: 0.5rem; text-align: center; }
.orgIn.regionalBox .subtext { font-size: 0.95em; color: #555; padding-left: 0.5rem; margin-top: 0.3rem; }
.bottomInner { overflow: hidden; width: 100%; }
.mainLayoutContainer { display: flex; justify-content: space-between; align-items: flex-start; gap: 1.5rem; width: 100%; padding-top: 2rem; box-sizing: border-box; position: relative; }
.sideSection { display: flex; gap: 0.8rem; width: 30%; position: relative; }
.gridColumn { flex: 1; display: flex; flex-direction: column; min-width: 0; position: relative; }
.centerHQSection { display: flex; flex-direction: column; width: 37%; position: relative; }
.hqMainHeader { width: 12rem; margin: 0 auto 2rem auto; position: relative; }
.hqSubBranches { display: flex; gap: 0.5rem; justify-content: space-between; position: relative; }
.subColumn { flex: 1; display: flex; flex-direction: column; min-width: 0; position: relative; }

.orgTop_wrap::after { content: ""; position: absolute; top: 13rem; left: 50%; transform: translateX(-50%); width: 1px; height: 8rem; background-color: #ddd; z-index: 1; }
.middleInner_custom::before { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 30rem; height: 1px; background-color: #ddd; z-index: 1; }
.mainLayoutContainer::before { content: ""; position: absolute; top: 0; left: 4.5%; width: 91%; height: 1px; background-color: #ddd; z-index: 1; }
.gridColumn::after, .hqMainHeader::after { content: ""; position: absolute; top: -2rem; left: 50%; transform: translateX(-50%); width: 1px; height: 2rem; background-color: #ddd; z-index: 1; }
.hqMainHeader::before { content: ""; position: absolute; bottom: -2rem; left: 50%; transform: translateX(-50%); width: 1px; height: 2rem; background-color: #ddd; z-index: 1; }
.hqSubBranches::before { content: ""; position: absolute; top: 0; left: 10%; width: 80%; height: 1px; background-color: #ddd; z-index: 1; }
.subColumn::before { content: ""; position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 1px; height: 1rem; background-color: #ddd; z-index: 1; }
.gridColumn .orgIn:not(:first-of-type)::before, .subColumn .orgIn:not(:first-of-type)::before { content: ""; position: absolute; top: -1rem; left: 50%; transform: translateX(-50%); width: 1px; height: 1rem; background-color: #ddd; z-index: 1; }
.gridColumn .orgIn:first-of-type::before, .subColumn .orgIn:first-of-type::before { content: ""; position: absolute; top: -1rem; left: 50%; transform: translateX(-50%); width: 1px; height: 1rem; background-color: #ddd; z-index: 1; }


.orgGroup:after { display: block; content:""; position:absolute; left: 50%; transform:translateX(calc(-50% + 0.5px)); width: 1px; height: 2.5rem; background: rgba(0, 0, 0, 0.1); top: -2.5rem; z-index: -1; }



 /**/
/* 회사 개요 */
.divInfoCon{}
.divInfoCon > li{ margin-bottom: var(--space-7);}
.divInfoCon > li:last-of-type{ margin-bottom: 0;}
.divInfoCon > li > .inner{ display: flex; align-items: center;}
.divInfoCon > li:nth-child(2n) > .inner{ flex-direction: row-reverse;}
.divInfoCon > li > .inner > .imgCon{ width: 50%; height: 27.5rem; border-radius: var(--radius-md); overflow: hidden;}
.divInfoCon > li > .inner > .imgCon > img{ width: 100%; height: 100%; object-fit: cover;}
.divInfoCon > li > .inner > .infoCon{ width: 50%; padding: 0 6.75rem; box-sizing: border-box;}
.divInfoCon > li > .inner > .infoCon .subT{ font-size: var(--font-size-md); font-weight: 600; color: var(--color-point2);}
.divInfoCon > li > .inner > .infoCon .tit{ font-size: var(--font-size-lg-2); line-height: var(--line-height-normal); font-weight: 700; margin: 1.25rem 0;}
.divInfoCon > li > .inner > .infoCon .desc{ font-size: var(--font-size-md-1); line-height: var(--line-height-loose); color: var(--color-black-6);}

.boxTxtList{ display: flex; flex-wrap: wrap; gap: 1rem;}
.boxTxtList > li{ width: calc((100% - 3rem) / 4); display:flex; flex-direction: column; border-radius: var(--radius-sm); overflow: hidden; }
.boxTxtList > li > .inner{ position:relative; display: flex; flex-direction: column; justify-content: end; align-items: center; height: 15em; width: 100%; text-align: left;}
/* .boxTxtList > li > .inner:before{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0, .15); content: '';} */
.boxTxtList > li .txt_wrap .tit{ position:relative; font-size: var(--font-size-md-1); font-weight: 600; margin-bottom: var(--space-3); color: #fff;}
.boxTxtList > li .txt_wrap .desc{ position:relative; font-size: var(--font-size-sm); color: rgba(255,255,255, .915); line-height: var(--line-height-normal); box-sizing: border-box;}
.boxTxtList > li .txt_wrap { background-color:rgb(36, 90, 64) ; height:37%; padding:1.5em 2em;  transition: height 0.3s ease, background-color 0.3s ease;}
.boxTxtList > li:hover .txt_wrap{background-color:var(--color-point);}

.company_wrap{ gap: 4em; }
.company_wrap .info_table { width: 50%; align-items: center;} 
.company_wrap .info_table>li { padding: 1.2em 0 1.2em 1.2em; box-sizing: border-box; border-bottom: 1px solid #111; } 
.company_wrap .info_table>li:first-child{border-top: 1px solid #111;}
.company_wrap .info_table>li>.con { display: flex; align-items: center; } 
.company_wrap .info_table>li>.con>.tit { color: #555; font-weight: 600; font-size: var(--font-size-base); min-width: 10em; } 
.company_wrap .info_table>li>.con>.tt { font-size: 1em; font-weight: 600; color: #000; width: 100%; } 
.company_wrap .info_table>li.w2 { display: flex; gap: 1em; align-items: center; } 
.company_wrap .info_table>li.w2>.con { width: 100%; } 

.company_wrap .img_box{overflow: hidden; background: #fff; box-sizing: border-box; padding: 4em 6em; border: 1px solid rgba(0,0,0,.1); border-radius: 1em;  text-align: center; justify-content: center;}
.company_wrap .img_box.list{height: 12em;}
.company_wrap > .img_box{width: 42%; height: 20em; padding: 0; border: none;}
.company_wrap > .img_box img{ width: 100%; height: 100%; object-fit: cover; object-position: top;}
.company_wrap .company{width: 50%;}
.company_wrap .company.st1{position: relative;}
.company_wrap .company.st1:before{ content: ''; position: absolute; background: #f4f6f9; left: 50%; top: 50%; width: 100%; height: 100%; border: 1px solid var(--color-point2); box-shadow: 0 0 1em rgba(0, 0, 0, .1); padding: 1em; border-radius: 1em; transform: translate(-50%, -50%); z-index: -1;}
.company_info .tit{margin: 1em 0;  width: 100%; height: 3em; line-height: 3em; color: #fff; font-weight: 700; border-radius: .5em; text-align: center; background: var(--color-point2);}
.company_info .tit.bg_green{background: var(--color-point22);}
.company_info .info_box{}

.company_info .info_box .tt{padding: 0 0.6em 0 1.6em; position: relative; margin-bottom: .3em; }
.company_info .info_box .tt:last-child{margin-bottom: 0em;}

.company_info .info_box .tt:before{position: absolute; content: '-'; position: absolute; left: 10px; top: 0;}


/* 오시는길 */
.map_list { }
.map_list { gap:1em 1em; margin: 2.5em 0 3em;}
.map_list  > li{ flex:1; text-align:center;}
.map_list  > li .in{ flex:1; background: var(--color-bg-3); padding: 2rem; box-sizing: border-box; border-radius: var(--radius-sm); border: 1px solid #ddd;}
/* .map_list  > li + li .in{ padding-left:1em; border-left:1px solid #ddd;} */

.map_list .page_txt .mark{ margin-bottom:3em;}
.map_list .page_txt .mark img{ width:5em;}

.map_list .page_txt .tit {font-size: 1.125em; font-weight: 700;}
.map_list .page_txt > .ico{ color: var(--color-point3);}
.map_list .page_txt > .ico + *{ margin-top:1em; }
.map_list .page_txt > .ico.fs26{ font-size: var(--font-size-md);}
.map_list .page_txt > .ico img{ width:2.25em;}

.map_wrap {/* z-index: -1; */ position: relative; }
.map_wrap .cont {display: none;}
.root_daum_roughmap{width: 100% !important;}
.root_daum_roughmap .wrap_map{}
.root_daum_roughmap .wrap_controllers{display: none;}


.location_info { padding-top: 1.5rem; } 
.location_info .info_con { gap: 8rem; padding-bottom: 4rem; } 
.location_info .info_con:last-of-type { padding-bottom: 0rem; } 
.location_info .info_con .left { width: 25%; } 
.location_info .info_con .left h2 { font-size: var(--font-size-lg-1); font-weight: 800; color: var(--color-black-2); padding-left: .8rem; position: relative;} 
.location_info .info_con .left h2::before { position: absolute; content: ''; left: 0; top: 4px; width: 4px; height: 75%; background: var(--color-point3);} 
.location_info .info_con .right { width: 75%; } 
.location_info .info_con .right ul { } 
.location_info .info_con .right ul > li { } 
.location_info .info_con .right ul > li > .top { align-items: center; gap: 2rem; padding-bottom: 1.5rem; margin-bottom: 1.5rem; border-bottom: 1px solid #ddd; } 
.location_info .info_con .right ul > li > .top .btn { pointer-events: none; } 
.location_info .info_con .right ul > li > .top > .tt { font-size: var(--font-size-md-1); font-weight: 700; color: var(--color-black-2); } 
.location_info .info_con .right ul > li > .btm { } 
.location_info .info_con .right ul > li > .btm > li { display: flex; align-items: center; margin-bottom: 1rem; gap:1rem;} 
.location_info .info_con .right ul > li > .btm > li:last-of-type { margin-bottom: 0rem; } 
.location_info .info_con .right ul > li > .btm > li > .tit {  } 
.location_info .info_con .right ul > li > .btm > li > .tit > span { font-size: var(--font-size-base); font-weight: 700; color: var(--color-black-2); text-align: left; } 
.location_info .info_con .right ul > li > .btm > li > .txt { font-size: var(--font-size-base); font-weight: 500; text-align: left; color: var(--color-black-8);} 

.map_btn { gap: 1em; } 
.map_btn > li { } 
.map_btn > li .btn { padding: .3rem 1rem; border: 1px solid #ddd; font-size: var(--font-size-base); border-radius: 8rem; font-weight: 600; text-align: center; transition: .25s; } 
.map_btn > li .btn.btn1 { border: 1px solid #ccc; color: var(--color-point3); } 
.map_btn > li .btn.btn1:hover { background: var(--color-point3); color: #fff; } 
.map_btn > li .btn.btn2 { background: var(--color-point3); color: #fff; } 
.map_btn > li .btn.btn2:hover { border: 1px solid var(--color-point3); color: var(--color-point3); background: #fff; } 


/* 컨설턴트 */
.overflow_inner{overflow-y:auto; overscroll-behavior: contain;}

.consultantTop{}
.consultantTop .consultantCeo{ display: flex; gap: 4rem; }
.consultantTop .consultantCeo + .consultantCeo{margin-top: var(--space-7); padding-top: var(--space-7); border-top: 1px dotted #ccc;}
.consultantTop .consultantCeo .leftWrap{position: relative; width: 25%;}
.consultantTop .consultantCeo .leftWrap .Img{position: relative;}
.consultantTop .consultantCeo .leftWrap .imgBox{border-radius: 1em; overflow: hidden; background: var(--color-bg-2);}
.consultantTop .consultantCeo .leftWrap .imgBox img{display: block;}
.consultantTop .consultantCeo .leftWrap .txtBox{position: absolute; left: -2rem; bottom: 0; background: var(--color-point3); padding: 1.2rem 0; width: 15rem; box-sizing: border-box; border-radius: 0 1em 0 1em; }
.consultantTop .consultantCeo .rightWrap{width: 75%; }
.consultantTop .consultantCeo .rightWrap .txtBox .name{font-size: var(--font-size-xl);font-weight: 700; display: flex; align-items: flex-end; gap: 0.3em; margin-bottom: var(--space-1);}
.consultantTop .consultantCeo .rightWrap .txtBox .name strong{letter-spacing: 6px;}
.consultantTop .consultantCeo .rightWrap .txtBox .name .grade{font-size: var(--font-size-md); margin-bottom: .5rem; font-weight: 500; opacity: 0.7;}
.consultantTop .consultantCeo .rightWrap .bailiwick{}
.consultantTop .consultantCeo .rightWrap .bailiwick .t1{font-size: var(--font-size-md); font-weight: 700;}
.consultantTop .consultantCeo .rightWrap .bailiwick .tt{font-size: var(--font-size-base); color: var(--color-black-3); box-sizing: border-box; border-radius: var(--radius-md); color: var(--color-black-7); margin-left: var(--space-4);}
.consultantTop .consultantCeo .rightWrap .profile_list{display: flex; flex-wrap: wrap; gap: 1.6rem 3rem; margin-top:var(--space-5) ;}
.consultantTop .consultantCeo .rightWrap .profile_list > li{width: calc((100% - 3rem) / 2);}
.consultantTop .consultantCeo .rightWrap .profile_list > li .tit{font-size: var(--font-size-md-1); font-weight: 700; margin-bottom: var(--space-1);}
.consultantTop .consultantCeo .rightWrap .profile_list .career{ background: var(--color-bg-2); padding: 1.5rem; border-radius: var(--radius-md); height: 10rem; overflow-y: auto; box-sizing: border-box;  }
.consultantTop .consultantCeo .rightWrap .profile_list .career::-webkit-scrollbar{width: 3px;}
.consultantTop .consultantCeo .rightWrap .profile_list .career::-webkit-scrollbar-thumb{background-color: #ddd; border-radius: 10px;}
.consultantTop .consultantCeo .rightWrap .profile_list .career > li{color: var(--color-black-6);}
.consultantTop .consultantCeo .rightWrap .profile_list .dotList > li{margin-bottom: 0.2rem;}
.consultantTop .consultantCeo .rightWrap .profile_list .career.st1{ height: 13rem;}

.consultantBottom{ margin-top: var(--space-8);}
.consultantBottom .consultantList{padding-top: var(--space-3); display: flex; flex-wrap: wrap; gap: 4rem 1.3rem;}
.consultantBottom .consultantList .consultant{width: calc((100% - 3.9rem) / 4);}
.consultantBottom .consultantList .consultant .in{display: block;}
.consultantBottom .consultantList .consultant .in .img_wrap {background: var(--color-bg-2);}
.consultantBottom .consultantList .consultant .in .img_wrap img{display: block; overflow: hidden; border-radius: var(--radius-md);}
.consultantBottom .consultantList .consultant .in .txt_wrap{background: #fbf8ee; padding: 2rem; min-height: 6rem;}
.consultantBottom .consultantList .consultant .in .txt_wrap .name{font-size: var(--font-size-lg-1); font-weight: 700;}
.consultantBottom .consultantList .consultant .in .txt_wrap .name .grade{margin-left: 0.2rem; font-size: var(--font-size-base); font-weight: 500;}
.consultantBottom .consultantList .consultant .in .txt_wrap .info{ margin-top: var(--space-2);}
.consultantBottom .consultantList .consultant .in .txt_wrap .info .tt span{display: inline;}
.consultantBottom .consultantList .consultant .in .txt_wrap .info .tt .t1{ font-weight: 700;}

.consultantView .consultantTop .consultantCeo .leftWrap{width: 31%;}
.consultantView .dotList > li{font-size: var(--font-size-base);}

.consultantView .viewTab_wrapper{margin-top: var(--space-4); padding-top: var(--space-4); border-top: 1px dotted #ccc;}
.consultantView .viewTab_wrapper .career{padding: .6rem 1rem;}
.consultantView .viewTab_wrapper .nocon{height: 18rem;}

/* 컨설팅 */
.pageNum_list{display: flex; flex-wrap: wrap; gap: 1rem;}
.pageDiv_con + .pageNum_list{margin-top: var(--space-3);}
.pageNum_list > li { counter-increment: section; padding: .4rem 1rem; border-radius: 10px; background: var(--color-bg-2); flex: 1 1 20%; display: flex;}
.pageNum_list.w2 li{ flex: 1 1 43%;}
.pageNum_list > li > .tt { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: center; gap: 1rem; font-weight: 600; font-size: var(--font-size-sm); }
.pageNum_list > li > .tt:before { content: counter(section, decimal-leading-zero); -ms-flex-negative: 0; flex-shrink: 0; width: 2.2rem; height: 2.2rem; border-radius: 8px; background: var(--color-point); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: .8rem; color: #fff; font-weight: 800; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: .25rem 0 }
.pageNum_list > li > .tt.st1{gap: 0.2rem;}
.pageNum_list > li > .tt.st1:before {content: '\e92d'; font-family: 'xeicon'; background: none; color: var(--color-point); font-size: 1.5rem;}
.pageNum_list > li > div > div { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; min-width: 0; font-size: .9rem; -ms-flex-item-align: center; align-self: center; word-break: keep-all }

.pageNum_list.st1 > li{background: #fff; border: 2px solid var(--color-point2);/*  box-shadow: 0px 0px 20px rgb(25 167 120 / 15%); */}

.pageNum_list .dotList{padding: 0.7rem;}


/**/
.WideImgList{}
.WideImgList.pad li .in{background: var(--color-bg-2); padding: 2rem; box-sizing: border-box; text-align: center; border-radius: var(--radius-md);}
.WideImgList li .in{/* background: var(--color-bg-2); padding: 2rem;  */box-sizing: border-box; text-align: center; border-radius: var(--radius-md);}
.WideImgList li .in .dotList{margin-top: var(--space-2);}
.WideImgList li .in .tit{margin-top: var(--space-3); font-size: var(--font-size-md-1); font-weight: 700; }
.WideImgList li .in .tt{font-size: var(--font-size-base); font-weight: 500; margin-top: var(--space-2);}
.WideImgList li .in .img_wrap{overflow: hidden; border-radius: var(--radius-md);}
.WideImgList li .in .img_wrap img{display: block;}
.WideImgList.WhiteList li .in {border: 1px solid #ddd; border-radius: var(--radius-md); border-top-width: 4px; border-top-color: var(--color-point3); background: #fff!important;}


/*  */
.standard_info { display: flex; gap: 2rem; flex-wrap: wrap; justify-content: center; margin: 0 auto; }
.standard_info .in { width: calc((100% - 4rem) / 3);  }
.standard_info .in .standardBox { padding: 1rem; background: var(--color-bg-2); text-align: center; box-sizing: border-box;}
.standard_info .in .standardBox .img_wrap { padding: 1rem 0; background: #fff; border-radius: .5rem; text-align: center; }
.standard_info .in .standardBox .img_wrap img { height: 5.5rem; object-fit: contain; display: block; margin: 0 auto; }
.standard_info .in .txt_box{text-align: center;}
.standard_info .in .tit { font-size: var(--font-size-md-1); font-weight: 600; margin-top: 1rem; }
.standard_info .in .t1 { font-size: var(--font-size-sm); margin-top: var(--space-2); color: var(--color-black-6);}

.pageCon.bg1 .standard_info .in .standardBox{background: #fff;}

.standard_info.w5{gap: 1rem;}
.standard_info.w5 .in { width: calc((100% - 4rem) / 5);  }
.standard_info.w5 .in .standardBox .img_wrap{padding: 0;}
.standard_info.w5 .in .standardBox .img_wrap img{height: 4.3rem;}

/*process*/
.processArrow{}
.processArrow .ArrowList{ display: flex; flex-wrap: wrap; gap: 4rem 0rem;}
.processArrow .ArrowList > li{ display: flex;}
.processArrow .ArrowList > li > .con{ flex: 1; display: flex; flex-direction: column;}
.processArrow .ArrowList > li > .con > .Cbox{ position:relative; padding: .5rem; box-sizing: border-box; padding: 0 1rem; display: flex; align-items: center; justify-content: center; min-height: 6vh; clip-path: polygon(0 0, 92% 0, 100% 50%, 92% 100%, 0 100%, 8% 50%);}
.processArrow .ArrowList > li > .con > .Cbox > .num{ position: absolute; display: flex; align-items: center; justify-content: center; left: 1.75rem; width: 2.5rem; height: 2.5rem; border-radius: 50%; background: #fff;}
.processArrow .ArrowList.w3 > li > .con > .Cbox > .num{left: 3.15rem;}
.processArrow .ArrowList > li > .con > .Cbox > .num > .tt{ font-size: var(--font-size-sm); font-weight: 600; line-height: 1;}
.processArrow .ArrowList > li > .con > .Cbox > .tit{ font-size: var(--font-size-base); font-weight: 700; color: #fff; text-align: center;}
.processArrow .ArrowList > li > .con > .btmCon{ width: 94%; margin: 0 auto; margin-top: 1rem; flex: 1; border-radius: .5rem; border: 1px solid #e8e8e8; padding: 1.5rem 1.75rem; box-sizing: border-box; background: var(--color-bg-3);}
.pageCon.bg1 .processArrow .ArrowList > li > .con > .btmCon{background: #fff;}
.processArrow .ArrowList > li > .con > .btmCon > .tit{  color: var(--color-point); text-align: center; margin-bottom: .75rem;}
.processArrow .ArrowList > li > .con > .btmCon > .grayBox{ border-radius: .5rem; padding: 2rem;}

.processArrow .ArrowList.w3 > li{ width: 33.33%;}
.processArrow .ArrowList.w4 > li{ width: 25%;}
.processArrow .ArrowList.w5 > li{ width: 20%;}
.processArrow .ArrowList > li > .con > .Cbox.c1{ background: rgba(27,53,81, .475);}
.processArrow .ArrowList > li > .con > .Cbox.c2{ background: rgb(70 111 66);}
.processArrow .ArrowList > li > .con > .Cbox.c3{ background: rgb(46 97 47);}
.processArrow .ArrowList > li > .con > .Cbox.c4{ background: rgb(29 75 30);}
.processArrow .ArrowList > li > .con > .Cbox.cb{ background: var(--color-point2);}
.processArrow .ArrowList.w4 > li > .con > .Cbox > .num{ left: 2.25rem;}
.processArrow .ArrowList > li:first-of-type > .con > .Cbox > .num{ left: .5rem;}  
.processArrow .ArrowList > li:first-of-type > .con > .Cbox{ clip-path: polygon(0 0, 92% 0, 100% 50%, 92% 100%, 0 100%, 0% 50%); border-radius: 100px;}

.pageEsg_list{display: flex;  gap: 1.5rem; }
.pageEsg_list .item{ flex: 1; border: 1px solid var(--color-point3); border-radius: var(--radius-sm); /* padding: 0.4rem;  */box-sizing: border-box; overflow:hidden;}
.pageEsg_list .item .tit{ font-size: var(--font-size-md-1); text-align: center; padding: .8rem 0; background: var(--color-point3); box-sizing: border-box; /* border-radius: var(--radius-sm); */ color: #fff;}
.pageEsg_list .item .dotList{padding: 1rem;}

.cenItemContainer { }
.cenItemContainer > .item { display: flex; gap: 1.5rem; margin-bottom: 1.5rem; }
.cenItemContainer > .item:last-of-type { margin-bottom: 0rem; }
.cenItemContainer > .item > .imgCon { width: 26%; border-radius: 1rem; overflow: hidden; background: #f5f5f5;}
.cenItemContainer > .item > .imgCon > img { width: 100%; height: 100%; object-fit: cover; }
.cenItemContainer > .item > .titBox { position: relative; width: 73%; padding: 3.5rem; box-sizing: border-box; background: #f5f5f5; border-radius: 1rem; transition: .3s ease; }
.cenItemContainer > .item > .titBox .tit { font-size: var(--font-size-lg); font-weight: 700; color: var(--color-point); transition: .3s ease; }
.cenItemContainer > .item > .titBox .txt { font-size: var(--font-size-base); line-height: 1.6; color: #444; transition: .3s ease; }
.cenItemContainer > .item > .titBox .titTop { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin-bottom: 1.5rem; }
.cenItemContainer > .item > .titBox .titTop .roundArrow { transform: translateX(-2rem); opacity: 0; }
/* .cenItemContainer > .item > .titBox:hover { background: var(--color-point); }
.cenItemContainer > .item > .titBox:hover .tit { color: #fff; } .cenItemContainer > .item > .titBox:hover .txt { color: rgba(255,255,255, .815); }
.cenItemContainer > .item > .titBox:hover .roundArrow { background: #fff; transform: translateX(0); opacity: 1; } */


/* iso */
.subTopBanner_wrap{  margin-bottom: var(--space-5);  padding-bottom: var(--space-5); border-bottom: 1px dotted #ccc;}
.subTopBanner{display: flex; align-items: center; gap: 3rem; background: var(--color-gradient-3); border-radius: var(--radius-md); padding: 1.5rem; box-sizing: border-box; position: relative; overflow: hidden;}
.subTopBanner::before{content: ''; position: absolute; right: -4em; bottom: -3em; background-image: url(../images/sub/pattern01.png); z-index: 1; width: 26%; height: 100%; background-position: bottom; background-size: 100%; background-repeat: no-repeat;  opacity: 0.4; filter: invert(48%) sepia(68%) saturate(513%) hue-rotate(47deg) brightness(126%) contrast(86%);}
.subTopBanner .imgCon{position: relative; z-index: 1; background: #fff; width: 30%; border-radius: var(--radius-md); overflow:hidden;}
.subTopBanner .titBox{width: 73%;}
.subTopBanner .titBox .tit{font-size: var(--font-size-lg-1); font-weight: 700; color: #fff;}
.subTopBanner .titBox .txt { font-size: var(--font-size-sm); line-height: 1.6; transition: .3s ease; color: #fff; opacity: 0.8; margin-top: var(--space-3);}
.subTopBanner .titBox .txt + .txt{ margin-top: var(--space-2);}

.pointList{display: flex; gap: 2rem; flex-wrap: wrap;}
.pointList li{width: calc((100% - 4rem) / 3); background: var(--color-bg-4); padding: 2.5rem; box-sizing: border-box; border-radius: var(--radius-md);}
.pointList li .point_tit{display: flex; justify-content: space-between;}
.pointList li .point_tit .tit{font-size: var(--font-size-md-1); font-weight: 700;}
.pointList li .icon img{height: 53px;}
.pointList li .txt{font-size: var(--font-size-base); margin-top: var(--space-5); line-height: var(--line-height-normal); color: #333;}

#page2 {display:none;}
#page1, #page2 {padding-top:2em;}

.autoH {height:auto!important;}
.autoW {width:auto!important;}
.centerItem {margin: 0 auto!important;}

.subTopBanner_wrap.history .subTopBanner .titBox {width:63%}
.subTopBanner_wrap.history .subTopBanner .imgCon {width:40%}
.subTopBanner_wrap.history .subTopBanner {background:#fafafa!important; border:1px solid #ddd!important;}
.subTopBanner_wrap.history .subTopBanner::before {display:none}
.subTopBanner_wrap.history .subTopBanner .titBox .tit,.subTopBanner_wrap.history .subTopBanner .titBox .txt{color: #000!important;}


/* .dp2_man08 #contents .subToptitle .t1,
.dp1_carbon #contents .subToptitle .t1,
.dp1_export #contents .subToptitle .t1 {visibility:hidden;} */

/* sub_esgedu */
.esgedu_page {  position: relative; height: 18em; border-radius: var(--radius-md); overflow: hidden;}
.esgedu_page .imgCon { width: 100%; height: 100%;}
.esgedu_page .imgCon img { width: 100%; height: 100%; object-fit: cover; object-position: center; }
.esgedu_page .infoCon { position: absolute; top: 50%; left: 0; width: 100%; transform: translateY(-50%); color: #fff; text-align: center; padding: 0 2em; box-sizing: border-box;}
.esgedu_page .infoCon .tt { font-size: 1.3em; margin-bottom: 16px; font-weight: 500; line-height: var(--line-height-normal); color: #333;}
.esgedu_page .infoCon .tt:last-of-type { margin-bottom: 0; }
.card_con { display: flex; gap: 5.5em;}
.card_con .intro { flex: 1; background: #f7f7f9; border-radius: var(--radius-md); padding: 3.125em 1.875em; text-align: center; display: flex; flex-direction: column; justify-content: flex-start;}
.intro .img_con { width: 5em; height: 5em; margin: 0 auto 1.25em; border-radius: 50%; background: var(--color-point2); display: flex; align-items: center; justify-content: center;}
.intro .img_con img { width: 2.5em;}

.intro-cont { display: flex; flex-direction: column; gap: 3em; padding: 4em 0;}
.intro-cont .intro-box { display: flex; align-items: center; margin: 0 10em auto;}
.intro-cont .intro-box:last-of-type { margin-bottom: 0; }
.intro-cont .intro-box > .img-area { width: 50%; height: 25em; border-radius: 1em; overflow: hidden;}
.intro-cont .intro-box > div> img { width: 100%; height: 100%; object-fit: cover;}
.intro-cont .intro-box .desc-area { width: 50%; padding: 0 2em; box-sizing: border-box;}
.intro-cont .intro-box .desc-area .title { color: #222; font-size: 1.6875em; font-weight: 700; margin-bottom: 1.5625em;}
.intro-cont .intro-box .desc-area ul li { margin-bottom: 1.5625em; position: relative; line-height: 1.4;}
.intro-cont .intro-box .desc-area ul li .tt { font-size: 1.25em; color: #6B6B6B; font-weight: 500;}
.intro-cont .intro-box .desc-area .chk-desc li { padding-left: 1.5em;}
.intro-cont .intro-box .desc-area .chk-desc li:before { position: absolute; left: 0; top: 2px; content: '\e928'; font-family: 'xeicon'; color: var(--color-point2);}


/* inquiry_btn 문의하기 버튼 공통 디자인 */
.inquiry_box {}
.inquiry_box .bgimg_wrap { background:url(../images/sub/inquiry_box_bg.png) no-repeat center center; background-size:cover; padding: 6em 0; margin-bottom:-10rem;}
.inquiry_box .bgimg_wrap.edu { background:url(../images/sub/inquiry_edu_box_bg.png) no-repeat center center; }
.inquiryCon {}
.inquiryCon .tit {color:#fff; font-size:var(--font-size-base)}
.inquiryCon .txt {color:#fff; font-size:var(--font-size-xl-1)}
.inquiryBtn_wrap {}
.inquiryBtn_wrap ul {}
.inquiryBtn_wrap ul li {}
.inquiryBtn_wrap ul li .page_btn {}
.inquiryBtn_wrap ul li .page_btn a {}
.inquiry_box .t1 {color:#ddd; font-size:var(--font-size-sm); line-height:1.5; font-weight:400}

/* 프로그램 일정 */
.calendartop{gap: var(--space-6); }
.calendartop .scheduleList .el .in{padding: 2rem 1.5rem; box-sizing: border-box; border: 1px solid #ddd; border-top: 4px solid #ccc; background: #fff;}

#schedule{width: 36%;}
#schedule .t6 { font-size: var(--font-size-md-1);}
.sche_day{ display: flex; flex-direction: column; gap: 1rem; padding: 0 .7rem; position: relative;}
.sche_day .bt{ display: flex; justify-content: space-between; align-items: center;}


.sche_day .left{ display: flex; flex-direction: column; gap: 4px;}
.sche_day .right{ flex-shrink: 0;}
.sche_day .txt{ background: #6a7081; color: #fff; border-radius: var(--radius-sm); padding: 0.2rem .5rem; width: max-content;}
.sche_day .date{ color: #555;}
.sche_day .tit{margin-bottom: var(--space-2); font-size: var(--font-size-md-1); width: 63%;}
.sche_day .tit a:hover{text-decoration: underline;}

.sche_day + .sche_day{border-top: 1px dashed #ccc; margin-top: 1.5rem; padding-top: 1.5rem;}

.calendarBox{ flex: 1;}

button.fc-month-button{position: relative; }
button.fc-month-button:hover::after{opacity: 1;}
button.fc-month-button::after{opacity: 0; transition: 0.1s ease-in-out; position: absolute; content: '달력으로 보기'; left: 50%; top: -3rem; background: #fff; padding: 0.5rem 1rem; box-sizing: border-box; color: #333; font-size: var(--font-size-sm); border: 1px solid #ddd; transform: translateX(-50%);}

button.fc-listMonth-button{position: relative; }
button.fc-listMonth-button:hover::after{opacity: 1;}
button.fc-listMonth-button::after{opacity: 0; transition: 0.1s ease-in-out; position: absolute; content: '목록으로 보기'; left: 50%; top: -3rem; background: #fff; padding: 0.5rem 1rem; box-sizing: border-box; color: #333; font-size: var(--font-size-sm); border: 1px solid #ddd; transform: translateX(-50%);}

button.fc-today-button{position: relative;}
button.fc-today-button:hover::after{opacity: 1;}
button.fc-today-button::after{opacity: 0; transition: 0.1s ease-in-out; position: absolute; content: '현재 월 표시'; left: 50%; top: -3rem; background: #fff; padding: 0.5rem 1rem; box-sizing: border-box; color: #333; font-size: var(--font-size-sm); border: 1px solid #ddd; transform: translateX(-50%);}


.scheduleList_control{}
.scheduleList_control .swiperBtn{border: 1px solid #ddd; border-radius: 100px; background: linear-gradient(180deg,rgba(255, 255, 255, 1) 0%, rgb(240, 240, 240) 100%);}
.scheduleList_control .swiperBtn:hover{color: #111;}
.scheduleList_control .swiperBtn.prev:before{font-size: var(--font-size-md-1);}
.scheduleList_control .swiperBtn.next:before{font-size: var(--font-size-md-1);}    

.meta { display: flex; align-items: center; gap: 6px; margin-top: 4px; font-size: 13px;}

.dOt { width: 8px; height: 8px; border-radius: 50%; display: inline-block;}

.dOt[data-status="접수중"] { background: var(--color-point2); }
.dOt[data-status="마감"] { background: #888; }
.dOt[data-status="교육완료"] { background: #BA7517; }

.status[data-status="접수중"] { color: var(--color-point2); }
.status[data-status="마감"] { color: #888; }
.status[data-status="교육완료"] { color: #BA7517; }

.bTn,.bTn2 { display: flex; padding: 5px 12px; border-radius: 4px; white-space: nowrap; width: 3rem; height: 2rem; align-items: center; justify-content: center; gap: .5em;}

.bTn[data-status="접수중"] { background: var(--color-point2); color: #fff; cursor: pointer;}
.bTn[data-status="마감"] { background: #999; color: #fff; pointer-events: none; cursor: default; display: flex; align-items: center;}


.bTn .btn { flex: 1; text-align: center; padding: .6em 1em; border-radius: 6px; font-size: 0.9em;}
.btn_wrap {
  display: flex;
  flex-direction: column;
  gap: .5em;
}
.btn_wrap .bTn2 { background: var(--color-point);}
.btn_wrap .bTn2 .btn{ color: #fff;}


/* 교육 상세 - 테이블 디자인 */

.edu-info-table_wrap { border: 1px solid #ddd; border-radius: var(--radius-md); border-top-width: 4px; border-top-color: var(--color-point3);  overflow: hidden;}
.edu-info-table { width: 100%; border-collapse: collapse; line-height: 1.6;}
.edu-row { border-bottom: 1px solid #eee;}
.edu-header { width: 25%; background-color: #f9f9f9; color: #444; font-weight: 600; padding: 0 var(--space-5); text-align: left; vertical-align: middle; font-size: var(--font-size-base); }
.edu-data { padding: 15px 20px; color: #666; vertical-align: middle; }
.discount-info { display: block; margin-top: 5px; color: #e74c3c; font-size: var(--font-size-sm); }
.icon_wrap {width:65px; height:65px; border-radius:999px; background-color:var(--color-point3); display:flex; justify-content: center; align-items: center;}
.icon_wrap svg {height:70%; width:auto;}
.icon_wrap svg path {fill:#fff}
.icon_wrap svg polygon {fill:#fff}


/* 마이페이지 */
.board_st.inquiry {font-size:var(--font-size-sm)}
.board_st.inquiry .cate.pro {color:#fff; border-radius:999px;  padding: 0.25rem 0.25rem; font-size:var(--font-size-xs);}
.board_st.inquiry .cate.pro.esg {background-color: #537D5D;}
.board_st.inquiry .cate.pro.car {background-color: #73946B;}
.board_st.inquiry .cate.pro.man {background-color: #9EBC8A;}
.board_st.inquiry .cate.pro.iso {background-color: #A79277;}
.board_st.inquiry .cate.pro.ex {background-color: #D1BB9E;}
.board_st.inquiry .cate.pro.ax {background-color: #ddd8a4;}
.board_st.inquiry .num.pro {}
.board_st.inquiry td {color:#000;}


/*main inquiry*/
.sec_inquiry_wrap { margin-bottom:-7rem!important;}
#sec_inquiry { padding: 0;} 
#sec_inquiry .inquiryBox_container { } 
#sec_inquiry .inquiryBox_container .inquiry_bg { position:relative; padding: 4.5rem; box-sizing: border-box; border-radius: var(--radius-lg); overflow: hidden; background:url(../images/sub/inquiry_mypage_bg.png) no-repeat center center; background-size: cover; } 
#sec_inquiry .inquiryBox_container .inquiry_bg .markImg { position: absolute; right: 0; top: 0; } 
#sec_inquiry .inquiryBox_container .inquiry_bg .markImg > img { filter: var(--crWhitefil); opacity: .0215; width: 12vw; } 
#sec_inquiry .inquiryBox_container .info_container { display: flex; align-items: end; gap: var(--gap-lg); } 
#sec_inquiry .inquiryBox_container .rightItem { width: 45%; } 
#sec_inquiry .inquiryBox_container .leftItem { width: 55%; } 
#sec_inquiry .inquiryBox_container .leftItem > .main_tit { } 
#sec_inquiry .inquiryBox_container .leftItem > .main_tit > .t2 { color: #fff; } 

#sec_inquiry .inquiryBox_container .rightItem > .tit { font-size: var(--font-size-md); font-weight: 600; color: #fff; } 
#sec_inquiry .inquiryBox_container .rightItem > .txt { font-size: var(--font-size-base); margin-top: var(--space-2); color: #fff; line-height: var(--line-height-normal); } 


/* 교육신청내역 */
.detail_btn.gray {background-color:#888!important; height:100%!important; line-height:1.4!important; padding:0.5em 1em!important }
.detail_btn.gray:hover {background-color:#000!important;}
.detail_btn {background-color:var(--color-point2)!important; font-size:var(--font-size-sm-1)!important; font-weight:400!important; padding:0.5em!important; align-items:center; height:auto!important;border-color:transparent!important;}
.detail_btn:hover {background-color:var(--color-point3)!important}
.cert_btn {background-color:var(--color-point)!important; font-size:var(--font-size-sm-1)!important; font-weight:400!important; padding:0.5em!important; align-items:center; height:auto!important;border-color:transparent!important;}
.cert_btn:hover {background-color:var(--color-point3)!important}
.cert_btn.gray {background-color:#888!important}




/* view */
.board_inquiry{ padding: 5rem; border: 1px solid var(--gray-line); border-radius: var(--radius-lg);}
.board_inquiry .formCon{ margin-bottom: var(--space-8);}
.board_inquiry .formCon:last-of-type{ margin: 0;}
.board_inquiry .formCon .formTit{}
.board_inquiry .formCon .formTit > .tt{ font-size: var(--font-size-xl-1); font-weight: 700; margin-bottom: var(--space-3);}

.board_st .bg1 { background:#f5f5f5; border-right:1px solid #ddd } 
.board_st .w_form_tit{ width: 12rem;}



.formWrap { } 
.board_inquiry .formWrap .form { display: flex; flex-wrap: wrap; gap: var(--gap-sm); } 
.board_inquiry .formWrap .form > li { position: relative; width: 100%; } 
.board_inquiry .formWrap .form > li .select-wrapper { width: 100%; } 
.board_inquiry .formWrap .form > li .inp_wrap { position:relative; display: flex; gap: var(--gap-lg); } 
.board_inquiry .formWrap .form > li .inp_wrap .input_st:not(textarea) { height:4rem; } 
.board_inquiry .formWrap .form > li .inp_wrap .input_st[type=file] { padding-top: 1rem; } 
.board_inquiry .formWrap .form > li .inp_wrap .input_st::placeholder { color: var(--color-black-9); font-weight: 500; font-size: var(--font-size-sm); } 
.board_inquiry .formWrap .form > li .inp_wrap .tit { width: 10rem; height: 4rem; display: flex; align-items: center; margin-bottom: 0; margin-top: 0;} 
.board_inquiry .formWrap .form > li .inp_wrap .tit .tt { font-size: var(--font-size-base); font-weight:600; } 
.board_inquiry .formWrap .form > li .inp_wrap .input_st:not(textarea) { width:100%; } 
.board_inquiry .formWrap .form > li .inp_wrap textarea.input_st { width: 100%; padding-top: var(--space-3); height:12rem; } 
.board_inquiry .formWrap .form > li .inp_wrap .input_st { position: relative; display: flex; align-items: center; border:none; background: var(--color-gray); border-radius: var(--radius-sm); padding: .5rem 1.25rem; outline: 2px solid transparent; transition: all .4s ease-in-out; } 
.board_inquiry .formWrap .form > li .inp_wrap .input_st:focus { outline: 2px solid var(--color-point2); } 
.board_inquiry .formWrap .form > li .inp_wrap input:-webkit-autofill { box-shadow: 0 0 0 1000px rgba(255,255,255, .5) inset !important; background-color: transparent !important; } 

.board_inquiry .formWrap .form > li .inp_wrap .div_field { display: flex; gap: var(--gap-sm); align-items: center; width: 100%; } 
.board_inquiry .formWrap .form > li .inp_wrap .div_field .input_st { flex: 1; } 
.board_inquiry .formWrap .form > li .inp_wrap .div_field .hypen { text-align:center; font-weight: 600; font-size: var(--font-size-base); } 
.board_inquiry .formWrap .form > li .inp_wrap .email_field .select-wrapper { width: 12rem; } 

.select-wrapper { position:relative; } 
.select-wrapper:before { position: absolute; top: 50%; right: 1.5rem; transform: translateY(-50%); font-size: 1.5rem; transition: all .4s ease-in-out; font-family: 'xeicon'; z-index: 2; color: var(--color-point2); content: '\e936' } 
.select-wrapper:focus-within::before { content: '\e930'; } 

/* 공통 */
.wideH {height:12em;.login_wrap.w1}
.w12 {width:12%!important;}
.w15 {width:15%!important;}
.lab_tit.lab_tit2 {width:9em!important;}
.applicationForm .form_lab.vt {align-items: start!important;}
.inquiry.board_st .tit:hover {color:var(--color-point2)}
.edu_order .tit {color:#000;}
.pd-0 {padding:0!important;}
.pd-1 {padding:1rem!important;}
.pd-2 {padding:2rem!important;}
.checkList {border:2px solid var(--color-point2)!important; }
.fff li .in {background-color:#fff!important}
.noFlex > li {flex:none!important;}
.blogLink {display: block; transition:transform 0.3s ease; overflow:hidden;}
.blogLink:hover {transform:scale(1.05)}
.blogTopBanner {background:var(--color-gradient-4)}
.blogTopBanner::before {filter:brightness(0) invert(1);}
.blogLink img {width:auto; height:100%; transform:scale(1.2)}
/* 컨설팅 신청내역 - 세부 */
.dp1_guest #contents .subToptitle,
.dp1_mypage #contents .subToptitle {max-width:92%; width:var(--container-lg); margin:0 auto;}

/* 교육 일정 및 신청 */
.capacity { font-size: 0.9em; color: #333; margin-top: .3em; display: flex; align-items: center; gap: .2em; }
.capacity .total {  font-weight: 500; }
.capacity .remain { color: var(--color-error);  font-weight: 700;}
.board_st.edu_order .status.fwB {color:var(--color-point2)}
.board_st.edu_order .status.fwB.ing {color:#f70000}
.subToptitle.dotTitle {}
.subToptitle.dotTitle .dot::before {content:""; display:inline-block; width:5px; height:1em; background-color:var(--color-point2); margin-right:8px; margin-right:0.3em;}
.subToptitle.dotTitle .dot {display:flex; flex-flow:row nowrap; align-items:center;}
.applicationForm .form_lab.chk {flex-direction:column; align-items:flex-start;}
.applicationForm .form_lab.chk .lab_tit:before {display:none;}
.applicationForm .form_lab.chk .label_st {padding-right:1em;}
.applicationForm .form_lab.chk .label_st .xi {font-size:1.2em; margin-right:0.5em;}
.applicationForm .form_lab.chk .lab_con {padding:0 1em; gap:0.7em; flex-flow: row wrap ;}
/* 가격 부분 */
.price_wrap {/*  background-color:#f5f5f5; */ border:1px solid var(--color-point2); border-radius:var(--radius-md); margin-top:3rem; padding:2rem; box-sizing:border-box; box-shadow: 0 0 5px rgba(0,0,0,0.2);}
.price_wrap ul  { font-weight:600;}
.price_wrap ul .t1 {font-size:var(--font-size-base); }
.price_wrap ul .t2 {font-size:var(--font-size-md);}
.price_wrap ul > li {margin:0.25em 0;}
.price_wrap ul .price_ori {}
.price_wrap ul .price_ori .t1 {}
.price_wrap ul .price_ori .t2 {color:#555}
.price_wrap ul .price_sale {color:#e74c3c}
.price_wrap ul .price_sale .t1 {}
.price_wrap ul .price_sale .t2 {}
.price_wrap ul .price_note {color:#aaa;font-weight:400; }
.price_wrap ul .price_note .t1 {font-size:var(--font-size-sm-1);visibility: hidden;}
.price_wrap ul .price_note .t2 {font-size:var(--font-size-sm-1);  }
.price_wrap ul .price_main {border-top:1px solid var(--color-point2);}
.price_wrap ul .price_main .t1 {}
.price_wrap ul .price_main .t2 {font-size:var(--font-size-lg); color:var(--color-point2)}


/* 수료증 pop */
/* .pop_wrap { text-align: center; background: #f8f8f8; }
.cert_area { background: #fff; border: 1px solid #ddd; box-shadow: 0 0 10px rgba(0,0,0,0.1); display: inline-block;}
.cert_content ul {display:flex; flex-flow: column nowrap; gap:var(--space-2)}
.cert_content ul > li {display:flex; flex-flow: row nowrap; gap:var(--space-3); box-sizing: border-box; align-items: center; justify-items: start;}
.cert_content p {font-size:var(--font-size-base); }
.cert_content p.t1 {font-weight:600}
.cert_content p.t1::after {content:":"; margin-left:1rem;}
 */

.empty {display:flex; flex-flow:column nowrap; align-items:center; gap:var(--space-3); padding:4rem 0;}
.empty p {text-align: center;}

/* ci 소개 */
.ci_download_btn_wrap {align-items: center;}
.ci_download_btn { background-color:var(--color-point2)!important; color:#fff!important;}
.ci_download_btn:hover { background-color:var(--color-point)!important;}
.ci_img_wrap {border:1px solid #ddd; border-radius:var(--radius-sm); padding:8rem; background:url(../images/sub/ci_grid_bg/grid_04.png) no-repeat center center; background-size:cover; overflow:hidden;}
.ci_tt {border-radius:var(--radius-md); background:#fff; border:1px solid var(--color-point); color:var(--color-point); font-size:var(--font-size-md); font-weight: 600; padding: 0.5rem 1rem; display:inline-block;}
.ci_tt:hover{background:var(--color-point); color:#fff;}
.ci_min_wrap {display:flex; flex-direction:row; gap:var(--space-8); justify-content: center; align-items: start;}

.copy_btn {position:relative; z-index:0; display:flex; align-items:center; gap:0.5em; }
.ci_wrap2 {margin-bottom:-10em;}

.img_bgS {width:20rem; height:15rem;}
.color_bg {background-color:var(--color-point); border-radius: 999px;}