@charset "utf-8"; /* CSS Document */
.box1 { width: 1160px; max-width:92%; margin:0 auto; } 
.box2 { width: 1260px; max-width:92%; margin:0 auto; } 
.box3 { width:65em; /*width:70em; */ max-width:94%; margin:0 auto; } 

:root { --siteC: #243786; --siteC2 : #006daf; --color-text-gray: #7f7f7f; --color-back-1: #f2f7fb; --color-black: #1e292d; --color-black-1: #000000; --color-black-2: #111111; --color-black-3: #171717; --color-black-4: #222222; --color-black-5: #333333; --color-black-6: #444444; --color-black-7: #555555; --color-black-8: #666666; --color-black-9: #777777; --color-black-10: #888888; --color-black-11: #999999; --crGrad2: linear-gradient(to bottom, var(--siteC), var(--siteC2)); --gray-line: #d1d1d1; --gray-line-1: #eaeaea; /* ====== html Font-Size 100% 기준 (1rem = 16px) ====== */
 --html-font-size-1 : 100%; --html-font-size-2 : 87.5%; --html-font-size-3 : 75%; --html-font-size-4 : 62.5%; /* 1rem = 16px 기준 */
 --font-size-xxxs: clamp(0.5rem, 0.5vw, 0.625rem); /* 8px ~ 10px */
 --font-size-xxs: clamp(0.625rem, 0.6vw, 0.75rem); /* 10px ~ 12px */
 --font-size-xs: clamp(0.75rem, 0.8vw, 0.875rem); /* 12px ~ 14px */
 --font-size-sm-1: clamp(0.8125rem, 0.9vw, 0.9375rem); /* 13px ~ 15px */
 --font-size-sm: clamp(0.875rem, 1vw, 1rem); /* 14px ~ 16px */
 --font-size-base: clamp(1rem, 1.2vw, 1.125rem); /* 16px ~ 18px */
 --font-size-md-1: clamp(1.0625rem, 1.3vw, 1.25rem); /* 17px ~ 20px */
 --font-size-md: clamp(1.125rem, 1.4vw, 1.375rem); /* 18px ~ 22px */
 --font-size-lg-1: clamp(1.375rem, 1.7vw, 1.625rem); /* 22px ~ 26px */
 --font-size-lg: clamp(1.5rem, 2vw, 1.75rem); /* 24px ~ 28px */
 --font-size-lg-2: clamp(1.75rem, 2.5vw, 2rem); /* 28px ~ 32px */
 --font-size-xl-1: clamp(1.875rem, 2.7vw, 2.25rem); /* 30px ~ 36px */
 --font-size-xl: clamp(2rem, 3vw, 2.5rem); /* 32px ~ 40px */
 --font-size-xxl: clamp(2.5rem, 3.5vw, 2.85rem); /* 40px ~ 45.6px */
 --font-size-xxl-2: clamp(2.9rem, 3.9vw, 3.25rem); /* 46.4px ~ 52px */
 --font-size-xxxl: clamp(3rem, 4vw, 4rem); /* 48px ~ 64px */
 --font-size-xxxxl: clamp(4rem, 6vw, 6rem); /* 64px ~ 96px */

 /* ====== Border Radius ====== */
 --radius-none: 0; --radius-sm: 0.4rem; /* 4px */
 --radius-md: 0.8rem; /* 8px */
 --radius-lg: 1.6rem; /* 16px */
 --radius-xl: 2.4rem; /* 24px */
 --radius-pill: 9999px; /* ====== Gaps (Grid / Flexbox) ====== */
 --gap-xs: var(--space-1); --gap-sm: var(--space-2); --gap-md: var(--space-3); --gap-lg: var(--space-4); --gap-xl: var(--space-5); /* ====== Spacing (margin, padding, gap) - 8px 기반 ====== */
 --space-0: 0; /* 0px */
 --space-1: 0.4rem; /* 4px */
 --space-2: 0.8rem; /* 8px */
 --space-3: 1.2rem; /* 12px */
 --space-4: 1.6rem; /* 16px */
 --space-5: 2.4rem; /* 24px */
 --space-6: 3.2rem; /* 32px */
 --space-7: 4.8rem; /* 48px */
 --space-8: 6.4rem; /* 64px */

/* ====== Line Heights ====== */
 --line-height-tight: 1.2; --line-height-normal: 1.5; --line-height-loose: 1.75; /* ====== Border Radius ====== */
 --radius-none: 0; --radius-sm: 0.4rem; /* 4px */
 --radius-md: 0.8rem; /* 8px */
 --radius-lg: 1.6rem; /* 16px */
 --radius-xl: 2.4rem; /* 24px */
 --radius-pill: 9999px; } 

/* ====== Margin ====== */
.mt-0 { margin-top: var(--space-0) !important } 
.mt-1 { margin-top: var(--space-1) !important } 
.mt-2 { margin-top: var(--space-2) !important } 
.mt-3 { margin-top: var(--space-3) !important } 
.mt-4 { margin-top: var(--space-4) !important } 
.mt-5 { margin-top: var(--space-5) !important } 
.mt-6 { margin-top: var(--space-6) !important } 

.mb-0 { margin-bottom: var(--space-0) !important } 
.mb-1 { margin-bottom: var(--space-1) !important } 
.mb-2 { margin-bottom: var(--space-2) !important } 
.mb-3 { margin-bottom: var(--space-3) !important } 
.mb-4 { margin-bottom: var(--space-4) !important } 
.mb-5 { margin-bottom: var(--space-5) !important } 
.mb-6 { margin-bottom: var(--space-6) !important } 

.mr-0 { margin-right: var(--space-0) !important } 
.mr-1 { margin-right: var(--space-1) !important } 
.mr-2 { margin-right: var(--space-2) !important } 
.mr-3 { margin-right: var(--space-3) !important } 
.mr-4 { margin-right: var(--space-4) !important } 
.mr-5 { margin-right: var(--space-5) !important } 
.mr-6 { margin-right: var(--space-6) !important } 

.ml-0 { margin-left: var(--space-0) !important } 
.ml-1 { margin-left: var(--space-1) !important } 
.ml-2 { margin-left: var(--space-2) !important } 
.ml-3 { margin-left: var(--space-3) !important } 
.ml-4 { margin-left: var(--space-4) !important } 
.ml-5 { margin-left: var(--space-5) !important } 
.ml-6 { margin-left: var(--space-6) !important } 


/* ====== Padding ====== */
.pt-0 { padding-top: var(--space-0) !important } 
.pt-1 { padding-top: var(--space-1) !important } 
.pt-2 { padding-top: var(--space-2) !important } 
.pt-3 { padding-top: var(--space-3) !important } 
.pt-4 { padding-top: var(--space-4) !important } 
.pt-5 { padding-top: var(--space-5) !important } 
.pt-6 { padding-top: var(--space-6) !important } 

.pb-0 { padding-bottom: var(--space-0) !important } 
.pb-1 { padding-bottom: var(--space-1) !important } 
.pb-2 { padding-bottom: var(--space-2) !important } 
.pb-3 { padding-bottom: var(--space-3) !important } 
.pb-4 { padding-bottom: var(--space-4) !important } 
.pb-5 { padding-bottom: var(--space-5) !important } 
.pb-6 { padding-bottom: var(--space-6) !important } 

.pr-0 { padding-right: var(--space-0) !important } 
.pr-1 { padding-right: var(--space-1) !important } 
.pr-2 { padding-right: var(--space-2) !important } 
.pr-3 { padding-right: var(--space-3) !important } 
.pr-4 { padding-right: var(--space-4) !important } 
.pr-5 { padding-right: var(--space-5) !important } 
.pr-6 { padding-right: var(--space-6) !important } 

.pl-0 { padding-left: var(--space-0) !important } 
.pl-1 { padding-left: var(--space-1) !important } 
.pl-2 { padding-left: var(--space-2) !important } 
.pl-3 { padding-left: var(--space-3) !important } 
.pl-4 { padding-left: var(--space-4) !important } 
.pl-5 { padding-left: var(--space-5) !important } 
.pl-6 { padding-left: var(--space-6) !important } 


/* ====== Padding ====== */
.gap-0 { gap: var(--space-0) !important } 
.gap-1 { gap: var(--space-1) !important } 
.gap-2 { gap: var(--space-2) !important } 
.gap-3 { gap: var(--space-3) !important } 
.gap-4 { gap: var(--space-4) !important } 
.gap-5 { gap: var(--space-5) !important } 
.gap-6 { gap: var(--space-6) !important } 


.pcHide { display:none !important; } 
.moHide { } 

.dwrap { position:relative; width:2000px; left:50%; top:0; margin-left:-1000px } 
.dwrap img { display:block } 

.gnb > li.m_search,
.gnb > li.m_mypage,
.gnb > li.m_policy,
.gnb > li.m_member { display:none; } 

/*header*/
#header { position:relative; z-index:888; } 
#header .gnbH,
#header .gnb_wrap .gnb > li .dp1 { height:5em; } 
.fullH { height:calc(100vh - 7.813em); box-sizing:border-box; } 
.main .visualSlider_wrap .fullH { height:calc(100vh - 7.813em - 7.5em); } 
.headT { padding-top:7.813em; } 
.headH { height:7.813em; } 

#header .headWrap { position:fixed; top:0; left:0; right:0; } 
#header .top_wrap { background: var(--siteC); } 
#header .top_wrap .menu { display: flex; align-items: center; } 
#header .top_wrap .menu > li > .in { position:relative; padding:0 .875em; color:#fff; } 
#header .top_wrap .menu > li > .in:after { content:""; display:block; position:absolute; width:1px; height:.75em; top:50%; right:0; background:rgba(255,255,255,.15); transform:translateY(-50%); } 
#header .top_wrap .menu > li:last-child > .in { padding-right:0; } 
#header .top_wrap .menu > li:last-child > .in:after { display:none; } 
#header .top_wrap .menu.link > li > .in { display: flex; align-items: center; justify-content: center; height: 2.5em; padding:0em 1.250em; background: var(--siteC2); } 
#header .top_wrap .menu > li > .in > .xi { font-size:.875em; margin-right: var(--space-1); } 
#header .top_wrap .menu > li > .in > .tt { font-size:.863em; font-weight: 600; } 
#header .top_wrap .menu > li .home { } 
#header .top_wrap .menu > li .home .tt { display: flex; gap: .25em; } 
#header .top_wrap .menu > li .home:first-child > .in > .tt .xi { opacity:1; overflow:visible; } 
#header .top_wrap .menu > li .home .xi { font-size:1em; } 
#header .top_wrap .menu > li .home:first-child > .in:hover > .xi { padding-left:0; transition:none } 

#header .top_wrap .menu > li > .in.exam { padding: 0 0 0 .875em; } 
#header .top_wrap .menu > li > .in.exam > .tt { background: #b97070; display: block; padding: .688em 1.250em; } 

#header .top_wrap .menu > li.font > .in { padding-left:1.625em; } 
#header .top_wrap .menu > li.font > .in > .tt { font-weight:600; } 
#header .top_wrap .menu > li.font .font_btn { margin-left:1.125em; border:1px solid #111; border-radius:4px; overflow:hidden; } 
#header .top_wrap .menu > li.font .font_btn > li .btn { width:1.375em; height:1.25em; background:linear-gradient(0deg,#ddd 0%,#fff 50%,#fff 100%); border-left:1px solid #ddd; color:#000; } 
#header .top_wrap .menu > li.font .font_btn > li:first-child .btn { border-left-width:0; } 
#header .top_wrap .menu > li.font .font_btn > li .btn .xi { font-size:1.063em; line-height:1; } 
#header .top_wrap .menu > li.font .font_btn > li .btn .dot { width:4px; height:4px; background:#000; border-radius:50%; } 
#header .top_wrap .menu > li.font .font_btn > li .btn:hover { background: var(--siteC); border-color: var(--siteC); color:#fff; } 
#header .top_wrap .menu > li.font .font_btn > li .btn:hover .dot { background:#fff; } 

#header .menu_wrap { border-bottom:1px solid rgba(255,255,255,.2) } 
#header .menu_wrap > .inner { } 
#header .menu_wrap .logo > a { display:block; height:4em; overflow:hidden; } 
#header .menu_wrap .logo .in { display:block; height:100%; transform:translateY(-100%); transition:.3s } 
#header .menu_wrap .logo .in img { width:11em; display:block; height:100%; object-fit: contain; } 

#header .gnb_wrap { } 
#header .gnb_wrap > .gnb > li .dp1 { position:relative; z-index:2; padding:0 1.75em; } 
#header .gnb_wrap > .gnb > li .dp1:after { content:""; display:block; position:absolute; bottom:-1px; left:12.5%; width:75%; height:2px; background:#323d8f; opacity:0; transform:scaleX(0); transition:transform .2s; } 
#header .gnb_wrap > .gnb > li .dp1 .tt { font-size:1.15em; color:#fff; font-weight:600; } 
#header .gnb_wrap > .gnb > li.inOpen .dp1,
#header .gnb_wrap > .gnb > li.on .dp1 { color:#323d8f; } 
#header .gnb_wrap > .gnb > li.inOpen .dp1:after,
#header .gnb_wrap > .gnb > li.on .dp1:after { opacity:1; transform:scaleX(1); } 
#header .gnb_wrap > .gnb > li .dp2_wrap { position:absolute; left:50%; width: 1160px; max-width: 92%; transform:translate(-50%, -1px); box-sizing:border-box; display:none; } 
#header .gnb_wrap > .gnb > li .dp2_wrap:before { content:""; position:absolute; top:0; left:50%; width:100vw; height:100%; background:#fff; border-top:1px solid #d4d5d8; transform:translateX(-50vw); box-sizing:border-box; } 
#header .gnb_wrap > .gnb > li .dp2 > a { } 
#header .gnb_wrap > .gnb > li .dp2 { flex-wrap:wrap; padding:2em 0 2em 17vw; overflow:hidden; gap: 1em; } 
#header .gnb_wrap > .gnb > li .dp2:before { content:""; position:absolute; top:0; right:calc(100% - 15vw); width:100vw; height:100%; background: var(--siteC); box-sizing:border-box; } 
#header .gnb_wrap > .gnb > li .dp2:after { content:attr(data-tit); position:absolute; top:0; left:0; padding:1.375em 0 0 2em; box-sizing:border-box; font-size:1.500em; color:#fff; font-weight:700; } 
#header .gnb_wrap > .gnb > li .dp2 > li { width: calc((100% - 3em) / 4); position:relative; } 

#header .gnb_wrap > .gnb > li .dp2 > li > a { display: flex; height: 2.815em; align-items: center; justify-content: center; padding: 0 1em; background: #fff; border: 1px solid #ddd; border-radius: .35em; transition: .3s ease; } 
#header .gnb_wrap > .gnb > li .dp2 > li > a .tt { font-size:1em; font-weight:500; transition: .3s ease; } 
#header .gnb_wrap > .gnb > li .dp2 > li:hover > a { background: var(--siteC2); } 
#header .gnb_wrap > .gnb > li .dp2 > li:hover > a .tt { color: #fff; } 
#header .gnb_wrap > .gnb > li .dp3 { margin-top:1em; padding-top:1em; border-top:1px solid #d4d5d8; } 
#header .gnb_wrap > .gnb > li .dp3 > li { } 
#header .gnb_wrap > .gnb > li .dp3 > li > a { } 
#header .gnb_wrap > .gnb > li .dp3 > li > a .tt { } 
#header .gnb_wrap > .gnb > li .dp3 > li { padding:.25em 0; } 
#header .gnb_wrap > .gnb > li .dp3 > li > a { position:relative; padding-left:.625em; color:#333; } 
#header .gnb_wrap > .gnb > li .dp3 > li > a:before { content:""; position:absolute; left:0; top:.5em; width:4px; height:2px; background:#999; } 
#header .gnb_wrap > .gnb > li .dp3 > li > a .tt { font-size:.938em; } 
#header .gnb_wrap > .gnb > li .dp3 > li:hover > a,
#header .gnb_wrap > .gnb > li .dp3 > li.on > a { color:#000; } 
#header .gnb_wrap > .gnb > li .dp3 > li:hover > a .tt,
#header .gnb_wrap > .gnb > li .dp3 > li.on > a .tt { text-decoration:underline; } 
#header .gnb_wrap > .gnb > li.inOpen .dp2_wrap { display:block; } 

#header .all_wrap { width:3.875em; } 
#header .all_wrap .btn_all { position:relative; } 
#header .all_wrap .btn_all .btn_in { position:relative; display:block; width:1.625em; height:1.25em; } 
#header .all_wrap .btn_all .ham,
#header .all_wrap .btn_all .ham:before,
#header .all_wrap .btn_all .ham:after { display:block; width:100%; height:2px; background:#fff; transition:.2s; } 
#header .all_wrap .btn_all .ham:before,
#header .all_wrap .btn_all .ham:after { content:""; position:absolute; right:0; } 
#header .all_wrap .btn_all .ham:before { top:calc(50% - 1px); } 
#header .all_wrap .btn_all .ham:after { top:calc(100% - 2px); } 
#header .all_wrap .btn_all:hover .ham:before { width:80%; } 
#header .all_wrap .btn_all:hover .ham:after { width:90%; } 

#header.allOpen .all_wrap .btn_all { position:fixed; top:2em; right:3em; z-index:999; background:transparent; border-color:transparent; } 
#header.allOpen .all_wrap .btn_all .btn_in { width:3em; height:3em; } 
#header.allOpen .all_wrap .btn_all .ham { background:transparent; transition:0s; } 
#header.allOpen .all_wrap .btn_all .ham:before,
#header.allOpen .all_wrap .btn_all .ham:after { width:100% !important; top:50% !important; background:#fff; } 
#header.allOpen .all_wrap .btn_all .ham:before { transform:rotate(45deg); } 
#header.allOpen .all_wrap .btn_all .ham:after { transform:rotate(-45deg); } 

#header .all_wrap .all { position:fixed; z-index:-1; top:0; left:0; width:100vw; height:100vh; visibility:hidden; opacity:0; transition:all .3s; } 
#header .all_wrap .all .wrap_bg { position:absolute; top:0; left:0; width:inherit; height:inherit; background:#2b394b; transform:translateX(100%); transition:all .3s; } 
#header .all_wrap .all .wrap_in { position:absolute; top:0; left:0; width:inherit; height:inherit; opacity:0; transition:opacity .3s ease 0s; } 
#header .all_wrap .all .wrap_in .all_scroll { height:inherit; } 
#header .all_wrap .all .allconWrap { padding:8vh 0; color:#fff; opacity:0; transform:translateY(8em); transition:all .8s; } 
#header .all_wrap .all .allconWrap .all_gnb .gnb { flex-wrap:wrap; } 
#header .all_wrap .all .allconWrap .all_gnb .gnb .flex { display:block; text-align:left !important; } 
#header .all_wrap .all .allconWrap .all_gnb .gnb > li { flex:1 1 25%; max-width: 25%; display:block; padding:2em 2.5em; border:solid rgba(255,255,255,.15); border-width:0 1px 0 0; } 
#header .all_wrap .all .allconWrap .all_gnb .gnb > li:nth-child(4n) { border-right: none; } 
#header .all_wrap .all .allconWrap .all_gnb .gnb > li a { position:relative; } 
#header .all_wrap .all .allconWrap .all_gnb .gnb > li ul { padding:1em 0 1.75em; } 
#header .all_wrap .all .allconWrap .all_gnb .gnb > li ul li a { padding:.5em 0; } 
#header .all_wrap .all .allconWrap .all_gnb .gnb > li .dp1 { margin-bottom:1.5em; font-weight:600; } 
#header .all_wrap .all .allconWrap .all_gnb .gnb > li .dp1:before { content:""; display:block; position:absolute; top:0; left:0; width:1.375em; height:.375em; background:var(--siteC2); border-radius:6em; transform:rotate(-45deg) translate(-.5em, -1.125em); } 
#header .all_wrap .all .allconWrap .all_gnb .gnb > li .dp1 .tt { font-size:1.438em; } 
#header .all_wrap .all .allconWrap .all_gnb .gnb > li .dp2 > li > a { font-weight:500; } 
#header .all_wrap .all .allconWrap .all_gnb .gnb > li .dp2 > li > a .tt { font-size:1.063em; } 
#header .all_wrap .all .allconWrap .all_gnb .gnb > li .dp3 > li > a { padding-left:.875em; opacity:.6; } 
#header .all_wrap .all .allconWrap .all_gnb .gnb > li .dp3 > li > a:before { content:""; display:block; position:absolute; left:0; top:.875em; width:5px; height:2px; background:#fff; } 
#header .all_wrap .all .allconWrap .all_gnb .gnb > li .dp3 > li > a .tt { font-size:.938em; } 
#header .all_wrap .all .allconWrap .all_gnb .gnb > li .dp2 > li:hover > a { color: var(--siteC2); font-weight:700; } 
#header .all_wrap .all .allconWrap .all_gnb .gnb > li .dp3 > li:hover > a .tt { text-decoration:underline; } 

#header.allOpen { z-index:999; } 
#header.allOpen .all_wrap .all { visibility:visible; z-index:99; opacity:1; } 
#header.allOpen .all_wrap .all .wrap_bg { transform:translateX(0); } 
#header.allOpen .all_wrap .all .wrap_in { opacity:1; transition-delay:.5s; } 
#header.allOpen .all_wrap .all .allconWrap { opacity:1; transform:translateY(0); transition-delay:.5s; } 

#header.gnbOpen:before { content:""; position:fixed; top:0; bottom:0; left:0; right:0; background:#000; opacity:.3; } 
#header.gnbOpen .menu_wrap { background:#fff } 
#header.gnbOpen .menu_wrap .logo .in { transform:translateY(0) } 
#header.gnbOpen .gnb_wrap > .gnb > li .dp1 .tt { color:#111; } 
#header.gnbOpen .gnb_wrap > .gnb > li .dp1:hover .tt { color:#323d8f } 
#header.gnbOpen .all_wrap .btn_all .ham,
#header.gnbOpen .all_wrap .btn_all .ham:before,
#header.gnbOpen .all_wrap .btn_all .ham:after { background:#111 } 

.scroll #header .headWrap { box-shadow:0 3px .5em rgba(0,0,0,.15); } 
.scroll #header .menu_wrap { background:#fff } 
.scroll #header .menu_wrap .logo .in { transform:translateY(0) } 
.scroll #header .gnb_wrap > .gnb > li .dp1 .tt { color:#111; } 
.scroll #header .all_wrap .btn_all .ham,
.scroll #header .all_wrap .btn_all .ham:before,
.scroll #header .all_wrap .btn_all .ham:after { background:#111 } 

.sub #header .menu_wrap { background:#fff; } 
.sub #header .gnb_wrap > .gnb > li .dp1 .tt { color:#111; } 
.sub #header .menu_wrap .logo .in { transform:translateY(0) } 
.sub #header .gnb_wrap > .gnb > li.inOpen .dp1,
.sub #header .gnb_wrap > .gnb > li.on .dp1 .tt { color:#323d8f; } 
.sub #header:not(.allOpen) .all_wrap .btn_all .ham,
.sub #header:not(.allOpen) .all_wrap .btn_all .ham:before,
.sub #header:not(.allOpen) .all_wrap .btn_all .ham:after { background:#111 } 

/*footer*/
#footer { color:#fff; } 
#footer .menu_wrap { padding:2.5em 0 1.75em 0; background:#101e34; } 
#footer .menu_wrap .menu { } 
#footer .menu_wrap .menu > li > .in { position:relative; padding:.5em 1.5em; } 
#footer .menu_wrap .menu > li > .in:after { content:""; display:block; position:absolute; top:50%; right:0; width:1px; height:.75em; background:rgba(255,255,255,.2); transform:translateY(-50%); } 
#footer .menu_wrap .menu > li:first-child > .in { padding-left:0; } 
#footer .menu_wrap .menu > li:last-child > .in { padding-right:0; } 
#footer .menu_wrap .menu > li:last-child > .in:after { display:none; } 
#footer .menu_wrap .menu > li > .in .tt { font-size:1.063em; font-weight:500; } 
#footer .menu_wrap .menu > li > .in .xi { font-size:1.063em; padding-left:.375em; } 
#footer .menu_wrap .menu > li > .in[href]:hover .tt { text-decoration:underline; } 

#footer .menu_wrap .family { position:relative; } 
#footer .menu_wrap .family .btn { padding:0 1.5em 0 1.75em; height:3.125em; border:1px solid rgba(255,255,255,.3); } 
#footer .menu_wrap .family .btn .tt { font-size:.938em; font-weight:500; } 
#footer .menu_wrap .family .btn .xi { font-size:.938em; margin-left:5em; } 
#footer .menu_wrap .family .btn .xi:before { display:block; transition:.3s; } 
#footer .menu_wrap .family .family_con { position:absolute; left:0; bottom:100%; width:100%; max-height:20em; padding:1em .5em 1em 1em; background:#111; border:solid rgba(255,255,255,.3); border-width:1px 1px 0 1px; box-sizing:border-box; display:none; } 
#footer .menu_wrap .family .family_con .list > li .in { display:block; padding:.5em 0; } 
#footer .menu_wrap .family .family_con .list > li .in .tt { font-size:.875em; } 
#footer .menu_wrap .family .family_con .list > li .in:hover .tt { text-decoration:underline; } 

#footer .menu_wrap .family.on .btn { background:#111; } 
#footer .menu_wrap .family.on .btn .xi:before { transform:rotate(180deg); } 
#footer .menu_wrap .family.on .family_con { display:block; } 

#footer .info_wrap { padding:0 0 4em 0; background:#101e34; } 
#footer .info_wrap .logo img { width:12.5em; opacity:.4; } 
#footer .info_wrap .info { flex:1; } 
#footer .info_wrap .info .list { } 
#footer .info_wrap .info .list > li:not(.br) { padding:.375em 1.75em .375em 0; } 
#footer .info_wrap .info .list > li:nth-child(2) { flex:1 1 100%; } 
#footer .info_wrap .info .list > li .tt { font-size:.938em; opacity:.8; } 
#footer .info_wrap .info .copy { margin-top:2.5em; } 
#footer .info_wrap .info .copy .tt { font-size:.813em; text-transform:uppercase; opacity:.4; } 
#footer .info_wrap .inner .logo { font-size: var(--font-size-lg-2); font-weight: 700; color: rgba(255,255,255, .8); } 

.sub .family_wrap { border-top:1px solid #d4d5d8; } 
.family_wrap { padding:1.8em 0; border-top: 1px solid #e1e1e1; background: #f7f7f7; } 
.family_wrap .control { position:relative; width:10em; } 
.family_wrap .family { flex:1; min-width:0; } 
.family_wrap .control .arrow { } 
.family_wrap .control .arrow > li { display:inline-block; cursor:pointer; } 
.family_wrap .control .arrow > li .xi { color:#222; border:1px solid #d4d5d8; background: #fff; width:2em; line-height:2em; text-align:center; } 
.family_wrap .control .arrow > li:hover .xi { background:var(--siteC); color:#fff; transition:.3s; } 
.family_wrap .control .arrow .slick-hidden { display:inline-block; } 
.family_wrap .family .item > a { display:block; margin:0 .2em; border:1px solid #d4d5d8; padding:0 .813em; background: #fff; } 

/*quick*/
#quick { position: fixed; z-index: 999; top: 45%; right: 0; transform: translateY(-50%); transition: .35s; } 
#quick .quick_wrap { padding: 2rem 1rem 2rem; z-index: 2; border: .1rem solid var(--gray-line); border-right: 0; border-radius: 1rem 0 0 1rem; background: #fff; box-shadow: -.1rem .1rem .2rem #0000000a; } 
#quick .quick_wrap > li { margin-bottom: var(--space-3); } 
#quick .quick_wrap > li:last-of-type { margin-bottom: 0; } 
#quick .quick_wrap .inner { display: flex; flex-direction: column; align-items: center; gap: .435rem 0; width: 2.215rem; font-weight: 600; font-size: var(--font-size-sm-1); color: var(--color-black-3); } 
#quick .quick_wrap .inner.top { gap: .1rem 0; padding-top: var(--space-2); margin-top: var(--space-2); border-top: 1px solid var(--gray-line); } 
#quick .quick_wrap .inner > .icon { width: 1.4rem; height: 1.7rem; } 
#quick .quick_wrap .inner > .icon > img { width: 100%; height: 100%; object-fit: contain; } 
#quick .quick_wrap .inner > .tt { } 


/*contents*/
#contents { min-height:100vh; box-sizing:border-box; } 
.dp1_member #contents { padding-top:7.813em; } 
#contents .sub_page_top { position: relative; } 
#contents .sub_page_top:before { position: absolute; top: 0; left:0; width: 100%; height: 100%; background: rgba(0,0,0, .315); content: ''; z-index: 1; } 
#contents .sub_page_top.bg_introduce { background-image:url(../images/sub/sub_visual_introduce.jpg); } 
#contents .sub_page_top.bg_business { background-image:url(../images/sub/sub_visual_business.jpg); } 
#contents .sub_page_top.bg_award { background-image:url(../images/sub/sub_visual_award.jpg); } 
#contents .sub_page_top.bg_community { background-image:url(../images/sub/sub_visual_community.jpg); } 
#contents .sub_page_top.bg_search { background-image:url(../images/sub/sub_visual_search.jpg); }
#contents .sub_page_top.bg_registration { background-image:url(../images/sub/sub_visual_registration.jpg); } 
#contents .sub_page_top.bg_application { background-image:url(../images/sub/sub_visual_application.jpg); } 
#contents .sub_page_top.bg_board { background-image:url(../images/sub/sub_visual_board.jpg); } 
#contents .sub_page_top.bg_mypage { background-image:url(../images/sub/sub_visual_mypage.jpg); } 
#contents .sub_page_top.bg_policy { background-image:url(../images/sub/sub_visual_policy.jpg); } 

#contents .sub_page_top .sub_tit_wrap { position:relative; height:18em; text-align:center; color:#fff; margin-top: 7.5em; z-index: 2; } 
#contents .sub_page_top .sub_tit_wrap .sub_tit { display:block; } 
#contents .sub_page_top .sub_tit_wrap .sub_tit .tt { font-size:2.500em; font-weight:700; } 
#contents .sub_page_top .sub_tit_wrap .sub_txt { margin-top: 1em; } 
#contents .sub_page_top .sub_tit_wrap .sub_txt .tt { font-size:1.125em; font-weight:500; letter-spacing:.094em; opacity:.5; } 

#contents .sub_page_menu { background:#323d8f; overflow:hidden; } 
#contents .sub_page_menu .gnb > li,
#contents .sub_page_menu .gnb > li .dp1,
#contents .sub_page_menu .gnb > li .dp3 { display:none; } 
#contents .sub_page_menu .gnb,
#contents .sub_page_menu .gnb > li.on { display:block; } 
#contents .sub_page_menu .gnb > li .dp2 { flex-wrap:wrap; padding-right:1px; } 
#contents .sub_page_menu .gnb > li .dp2 > li { flex:1; max-width:50% } 
#contents .sub_page_menu .gnb > li.m_mypage .dp2 > li { flex:1 1 25%; max-width:25%; } 
#contents .sub_page_menu .gnb > li.m_business .dp2 > li { flex:1 1 25%; max-width:25%; } 
#contents .sub_page_menu .gnb > li .dp2 > li > a { height:3.5em; padding:0 .25em; border:solid rgba(255,255,255,.2); border-width:0 1px 1px 1px; margin:0 -1px -1px 0; color:#fff; transition:.2s; } 
#contents .sub_page_menu .gnb > li .dp2 > li > a .tt { font-size:1.063em; font-weight:600; } 
#contents .sub_page_menu .gnb > li .dp2 > li:hover > a { background:#333; } 
#contents .sub_page_menu .gnb > li .dp2 > li.on > a { background:#f3f6f8; color:#000; } 

#contents .sub_con_tit { padding:3em 0 2.25em 0; background:#f3f6f8; } 
#contents .sub_con_tit .con_tit { flex:1; position:relative; padding-left:.75em; } 
#contents .sub_con_tit .con_tit:before { content:""; display:block; position:absolute; top:0; left:0; width:1.375em; height:.5em; background:#323d8f; border-radius:6em; transform:rotate(-45deg) translate(-.375em, -.5em); } 
#contents .sub_con_tit .con_tit .tt { font-size:2.000em; color:#111; font-weight:600; } 
#contents .sub_con_tit .con_nav { padding:0 0 .5em 0; } 
#contents .sub_con_tit .con_nav > li { position:relative; padding:0 .5em 0 1em; color:#333; } 
#contents .sub_con_tit .con_nav > li:before { content:"\e93e"; font-family:xeicon; position:absolute; left:0; top:50%; transform:translateY(-50%); font-size:.750em; color:#aaa; } 
#contents .sub_con_tit .con_nav > li:first-child:before { display:none; } 
#contents .sub_con_tit .con_nav > li:first-child { padding:0 .25em 0 0; } 
#contents .sub_con_tit .con_nav > li:last-child { padding-right:0; } 
#contents .sub_con_tit .con_nav > li:last-child .tt { font-weight:700; } 
#contents .sub_con_tit .con_nav > li > * { display:block; } 
#contents .sub_con_tit .con_nav > li .home { margin-top:-.125em; } 
#contents .sub_con_tit .con_nav > li .home .xi { font-size:1em; color:#323d8f; } 
#contents .sub_con_tit .con_nav > li .home .xi:before { font-size:.938em; } 
#contents .sub_con_tit .con_nav > li .tt { font-size:.938em; } 

#contents .sub_con_tit.center { padding:2.5em 0 2em 0; } 
#contents .sub_con_tit.center .con_tit { margin-left:-.375em; } 
#contents .sub_con_tit.center > .inner { flex-direction:column; justify-content:center; } 
#contents .sub_con_tit.center .con_tit { flex:0 0 auto; } 
#contents .sub_con_tit.center .con_nav { padding:1em 0 0 0; } 

#contents .sub_con_menu { padding:1.875em 0 3.5em 0; } 
#contents .sub_con_menu .gnb > li,
#contents .sub_con_menu .gnb > li .dp1,
#contents .sub_con_menu .gnb > li .dp2 > li,
#contents .sub_con_menu .gnb > li .dp2 > li > a { display:none; } 
#contents .sub_con_menu .gnb,
#contents .sub_con_menu .gnb > li .dp2,
#contents .sub_con_menu .gnb > li.on,
#contents .sub_con_menu .gnb > li .dp2 > li.on { display:block; } 
#contents .sub_con_menu .gnb > li .dp3 { flex-wrap:wrap; margin:0 0 -.625em -.625em; } 
#contents .sub_con_menu .gnb > li .dp3 > li { flex:1 1 25%; max-width:25%; } 
#contents .sub_con_menu .gnb > li .dp3 > li > a { height:3.5em; margin:0 0 .625em .625em; padding:.5em .5em; background:#fff; border:1px solid #d4d5d8; border-radius:6px; color:#111; font-weight:600; transition:.2s; } 
#contents .sub_con_menu .gnb > li .dp3 > li:hover > a,
#contents .sub_con_menu .gnb > li .dp3 > li.on > a { border-color:#323d8f; box-shadow:0 3px .375em rgba(0,0,0,.1); color:#323d8f; } 
#contents .sub_con_menu .gnb > li .dp3 > li.on > a { font-weight:700; } 
#contents .sub_con_menu .gnb > li.m_mypage .dp2 > li.sm_print .dp3 > li,
#contents .sub_con_menu .gnb > li.m_mypage .dp2 > li.sm_eduList .dp3 > li { flex:1 1 33.33%; max-width:33.33%; } 
#contents .sub_con_menu .gnb > li.m_mypage .dp2 > li.sm_eduTime .dp3 > li > a { padding:.5em 1em; } 

#contents .sub_in_tit { } 

#contents .doc { padding:3.5rem 0 8rem 0; } 
#contents .sub_in_tit + .doc { padding-top:2.5rem; } 
#contents .doc.pb0 .page_con:last-child { padding-bottom:8rem; } 

/*SUB PAGE*******************/
/*inc*/
.page_sec { margin-top:3.5em !important; } 
.page_sec0 { margin-top:-1px !important; } 
.page_sec1 { margin-top:.375em !important; } 
.page_sec2 { margin-top:1em !important; } 
.page_sec3 { margin-top:2.5em !important; } 
.page_sec4 { margin-top:6em !important; } 
.page_sec5 { margin-top:3em !important; } 
.page_sec6 { margin-bottom:3em !important; } 

.page_txt_wrap { padding-bottom:1.5em; } 
.page_txt_wrap .tt.bgst { background:#f4f5f9; border:1px solid #eee; border-radius:.4em; padding:.75em; } 
.page_txt_wrap .tt .xi { font-size:1.063em; vertical-align:baseline; padding-right:2px; color:#323d8f } 
.page_txt_wrap .tt .t1 { font-size:.938em; font-weight:500; color:#323d8f } 

.page-wrapper { } 
.page-wrapper .pageCon { padding-bottom: 3.5em; } 
.page-wrapper .pageCon:last-of-type { padding-bottom: 0em; } 

.pageTit { margin-bottom: .75em; } 
.pageTit .date { margin-left: .75rem; font-weight: 500; font-size: var(--font-size-base); color: var(--siteC2); } 
.pageTit > .tt { font-size: 1.715em; font-weight: 700; line-height: 1.4; } 

.ThickLineB { padding: 2em; box-sizing: border-box; border: 8px solid #f1f1f1; border-radius: .25em; background: #fff; } 
.ThickLineB > .txt { font-size: 1.15em; line-height: 1.4; font-weight: 600; margin-bottom: 1em; color: #333; } 
.ThickLineB table { margin-top: 1em; } 

.page_Num_list { counter-reset: item; } 
.page_Num_list > li { position:relative; padding-left: 1.8em; margin-bottom: 1em; font-size: 1.063em; line-height: 1.4; color: #444; } 
.page_Num_list > li:last-of-type { margin-bottom: 0em; } 
.page_Num_list > li:after { position: absolute; top: 0; left: 0; display: flex; align-items: center; z-index: 0; justify-content: center; width: 1.25em; height: 1.25em; border-radius: .2em; background: var(--crGrad2); color: #fff; content: ''; } 
.page_Num_list > li:before { position: absolute; left: 0; width: 1.8em; height: 1.8em; align-items: center; display: flex; justify-content: center; counter-increment: item; color: #fff; content: counter(item); z-index: 1; font-size: .7em; font-weight: 600; } 

.page_txt_list { } 
.page_txt_list > li { margin-bottom: .5em; } 
.page_txt_list > li:last-of-type { margin-bottom: 0em; } 
.page_txt_list > li > .con { display: flex; gap: .75em; } 
.page_txt_list > li > .con > .tNum { width: 4em; min-width: 4em; display: flex; align-items: center; justify-content: center; height: 1.8em; background: var(--siteC); color: #fff; border-radius: .25em; } 
.page_txt_list > li > .con > .tNum > .tt { font-size: .9em; font-weight: 600; } 
.page_txt_list > li > .con > .tt { position:relative; top: 3px; font-size: 1.063em; line-height: 1.4; color: #444; } 

.ThickLineB .Atag { text-decoration: underline; } 
.TopLineB { position:relative; padding: 2em; box-sizing: border-box; border: 1px solid #ddd; border-radius: .5em 0 .5em .5em; } 
.TopLineB:before { position: absolute; top: -1px; right: 0; width: 5%; height: 2px; background: var(--siteC); content: ''; } 
.TopLineB.gray { background: #f7f7f7; } 
.TopLineB.boxInner { padding: 1.5em; margin-top: 10px; } 

.fileList { } 
.fileList > li { } 
.fileList > li > .inner { } 
.fileList > li > .inner > .con { display: flex; align-items: center; gap: .15rem; } 
.fileList > li > .inner > .con > .tt { font-size: var(--font-size-sm); color: var(--siteC2); font-weight: 500; text-decoration: underline; } 
.fileList > li > .inner > .con > .xi { color: #c31d1d; } 

.professorCon { } 
.professorCon > li { margin-bottom: 2rem; } 
.professorCon > li:last-of-type { margin-bottom: 0; } 
.professorCon > li > .inner { } 
.professorCon > li > .inner .professor { color: var(--siteC2); text-decoration: underline; } 
.professorCon > li > .inner .tt,
.professorCon > li > .inner .tx { font-size: var(--font-size-sm); margin-top: 5px; } 

/*MEMBER******************/
.mem_step_wrap { padding:1.5em 2% 0 2%; text-align:center; } 
.mem_step_wrap .mem_step > li .icon_wrap { position:relative; padding:0 2em; } 
.mem_step_wrap .mem_step > li .icon_wrap:after { content:""; display:block; position:absolute; top:50%; right:0; width:4em; height:1px; background:#d4dade; transform:translateX(50%); } 
.mem_step_wrap .mem_step > li:last-child .icon_wrap:after { display:none; } 
.mem_step_wrap .mem_step > li .icon_wrap .icon { width:5.75em; height:5.75em; background:#f5f5f5; border:.25em solid #d4dade; border-radius:100%; } 
.mem_step_wrap .mem_step > li .icon_wrap .icon img { width:2.75em; } 
.mem_step_wrap .mem_step > li .con_wrap { padding-top:.75em; } 
.mem_step_wrap .mem_step > li .con_wrap .tt { color:#ccc; font-weight:500; } 
.mem_step_wrap .mem_step > li .con_wrap .t1 { font-size:1.500em; } 
.mem_step_wrap .mem_step > li .con_wrap .t2 { font-size:1.063em; } 
.mem_step_wrap .mem_step > li.on .icon_wrap:after { background:#323d8f; } 
.mem_step_wrap .mem_step > li.on .icon_wrap .icon { background:#fff; border-color:#323d8f; } 
.mem_step_wrap .mem_step > li.on .con_wrap .t1 { color:#323d8f; font-weight:700; } 
.mem_step_wrap .mem_step > li.on .con_wrap .t2 { color:#000; } 

.mem_login_box { width:40em; max-width:100%; margin:0 auto; } 
.mem_join_box { width:50em; max-width:100%; margin:0 auto; } 

.mem_form_wrap { padding:2.5em 3em; border:1px solid #ddd; padding:.75em 1.5em; border:1px solid #eee; background:#f9f9f9; } 
.mem_form_wrap.st2 { border-top-width:3px; border-top-color:#323d8f; border-top-width:1px; border-top-color:#ddd; } 
.mem_form_wrap.st3 { padding:0; border-top-color:#333; } 
.mem_form_wrap.pd1 { padding:.75em 1.5em; } 
.mem_form_wrap.passSt { border-top-width:3px; border-top-color:#323d8f; background:#f9f9f9; padding:1.5em; } 

.mem_form_inp { } 
.mem_form_inp > li { margin-top:2.25em; } 
.mem_form_inp > li .tit { font-size:1.063em; font-weight:500; font-size:1em !important;; } 
.mem_form_inp > li:not(.inp_wrap) .tit { margin-bottom:.75em; margin-top: 1em !important; } 
.mem_form_inp > li .in_txt { padding:.5em 0 1em 0; border-bottom:1px solid #e1e2e6; font-size:1.063em; color:#333; } 
.mem_form_inp > li .in_inp.flex .in_txt { flex:1; margin-right:.5em; } 
.mem_form_inp > li .in_icon { margin-bottom:2em; } 
.mem_form_inp > li .in_icon:last-child { border-bottom:0; } 
.mem_form_inp > li .in_icon > .icon { width:6em; height:6em; background:#f3f6f8; border-radius:50%; } 
.mem_form_inp > li .in_icon > .icon img { width:3em; } 
.mem_form_inp > li .check { padding-top:1em; border-top:1px dashed #ddd; } 

.mem_form_inp > li.inp_wrap { margin-top:.5em; } 
.mem_form_inp > li.inp_wrap.mg0 { margin-top:0; } 
.mem_form_inp > li.inp_wrap .tit { width:6.5em; width:5em; } 
.mem_form_inp > li.inp_wrap .inp { flex:1; } 
.mem_form_inp > li.inp_wrap > .wrap_in.flex { min-height:3em; } 

.mem_form_inp > li.cer_wrap { text-align:center; } 

.mem_form_inp > li:first-child { margin-top:0; } 

.mem_form_inp.st1 > li { padding-right:.313em; } 
.mem_form_inp.st2 > li { padding-right:.313em; } 

.mem_terms_wrap .all_check { padding:1em 0; border-bottom:1px dashed #bbb; font-size:1.125em; } 
.mem_terms_wrap > li { padding-top:2.5em; } 
.mem_terms_wrap > li:first-child { padding-top:0; } 
.mem_terms_wrap .tit { margin-bottom:.75em; font-size:1.125em; color:#111; } 
.mem_terms_wrap .tit * { vertical-align:baseline; } 

.mem_btn_wrap { margin-left:-.375em; text-align:center; } 
.mem_btn_wrap > li { flex:1; } 
.mem_btn_wrap > li .in { margin-left:.375em; } 

.mem_sns_wrap { margin-top:3.5em; text-align:center; } 
.mem_sns_wrap .mem_sns { } 
.mem_sns_wrap .mem_sns > li { width:20%; } 
.mem_sns_wrap .mem_sns > li .in { display:inline-block; } 
.mem_sns_wrap .mem_sns > li .in .icon { margin-bottom:.75em; width:4em; height:4em; border:1px solid #ddd; border-radius:100%; transition:.2s; } 
.mem_sns_wrap .mem_sns > li .in .icon .xi { font-size:2.250em; } 
.mem_sns_wrap .mem_sns > li .in .tt { font-size:.938em; color:#111; } 
.mem_sns_wrap .mem_sns > li .in.naver { color:#1ec800; } 
.mem_sns_wrap .mem_sns > li .in.kakao { color:#ffb400; } 
.mem_sns_wrap .mem_sns > li .in.google { color:#eb4f42; } 
.mem_sns_wrap .mem_sns > li .in.face { color:#046ee4; } 
.mem_sns_wrap .mem_sns > li .in:hover { color:#fff; } 
.mem_sns_wrap .mem_sns > li .in:hover .icon { background:#2f415b; border-color:#2f415b; } 

.mem_link_wrap { text-align:center; } 
.mem_link_wrap > li .in { position:relative; display:inline-block; padding:.5em 1.25em; } 
.mem_link_wrap > li .in:after { content:""; display:block; position:absolute; top:50%; right:0; width:1px; height:1em; background:#ccc; transform:translateY(-50%); } 
.mem_link_wrap > li:last-child .in:after { display:none; } 
.mem_link_wrap > li .in .tt { font-size:1.125em; } 
.mem_link_wrap > li .in:hover .tt { text-decoration:underline; } 

.mem_agree .agree { padding:2em; border:solid #ddd; border-width:2px 0 1px 0; border-top-color:#333; color:#444; line-height:1.8; } 
.mem_agree .agree.H { padding:.5em .5em; border-top-width:1px; height:12em; overflow-y:scroll; } 
.mem_agree .agree p { padding:.5em 0; } 
.mem_agree .agree * { vertical-align:baseline; } 
.mem_agree .agree strong { } 
.mem_agree .check { padding:1em 0; } 
.dp1_policy .mem_agree .agree strong { color:#fff; background:#323d8f; padding:.5em 1em; border-radius:.5em; text-align:center; display:block; } 

.swiper_control { z-index: 10 } 
.swiper_control.pb { position:absolute; width:100%; left:0; bottom:.5em } 
.swiper_control.pm { position:absolute; width:100%; left:0; top:50% } 
.swiper_control .btn { display:inline-block; width:3em; line-height:3em; text-align:center; cursor:pointer; opacity:.5 } 
.swiper_control .btn:before { font-family:xeicon; font-size:1.5em } 
.swiper_control .btn.prev:before { content:"\e93d" } 
.swiper_control .btn.next:before { content:"\e940" } 
.swiper_control .btn.pause:before { content:"\ea3b" } 
.swiper_control .btn.play:before { content:"\ea3e" } 
.swiper_control .btn.play { display:none } 
.swiper_control .btn.st1 { border:1px solid #ddd; font-size:.875em } 
.swiper_control .btn.st2 { padding:1em } 
.swiper_control .btn.st2:hover { background:#0e2563; color:#fff } 
.swiper_control.white .btn.st1 { border-color:#fff } 
.swiper_control.pause .btn.play { display:block; opacity:1 } 
.swiper_control.pause .btn.pause { display:none } 
.swiper_control .btn:hover { opacity:1 } 
.swiper_control .total { font-size:.938em; padding:0 .5em } 
.swiper_control .total .this { font-weight:500 } 
.swiper_control .total .all { opacity:.5 } 
.swiper_control .total .all:before { content:"/"; margin:0 .25em } 
.swiper_control .paging { position:relative; margin-left: 1em; bottom:0 } 
.swiper_control .paging:first-child { margin-left:0 } 
.swiper_control .paging.swiper-pagination-progressbar { height:.125em; } 
.swiper_control .paging.swiper-pagination-progressbar > span { height:150%; top:auto; bottom:0 } 
.swiper_control .paging.st1 { display:flex; align-items:flex-end } 
.swiper_control .paging.st1 > span { position:relative; background:#aaa; opacity:1; height:2px; width:2em; margin:0; margin-top:2em; border-radius:0; position:relative; counter-increment: mainVIndex; transition:.3s } 
.swiper_control .paging.st1 > span:after { content:""; position:absolute; left:0; bottom:0; width:0; height:100%; background:#fff } 
.swiper_control .paging.st1 > span:before { content:"0" counter(mainVIndex) "."; position:absolute; left:0; top:-2em; font-weight:600; font-size: .863em; opacity:.7 } 
.swiper_control .paging.st1 > span.swiper-pagination-bullet-active { width:6em } 
.swiper_control .paging.st1 > span.swiper-pagination-bullet-active:before { opacity:1 } 
.swiper_control .paging.st1 > span.swiper-pagination-bullet-active:after { width:100%; transition:4s; transition-delay:.5s; transition-timing-function:ease-out } 
.swiper_control.white { color:#fff } 
.swiper_control.white .paging > span { background:none } 

.visualSlider { height: 100%; } 
.visualSlider_wrap.vh70 { height: 70vh; } 
.visualSlider_wrap.vh60 { height: 60vh; } 
.visualSlider_wrap.vh50 { height: 50vh; } 

.visualSlider_wrap.vh50 .slogan_wrap { padding-top: 6vh; } 

.visualSlider .el { position:relative; overflow:hidden; height: 100%; background:#fff; } 
.visualSlider .el:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0, .315); content: ''; z-index: 1; } 
.visualSlider .el .bg { position:absolute; left:0; top:0; width:100%; height:100%; transform:scale(1.03); transition:1s; } 
.visualSlider_wrap { position:relative } 
.visualSlider .el.swiper-slide-active .bg,
.visualSlider .el.swiper-slide-duplicate-active .bg { transform:scale(1); opacity:1; transition:3s; } 
.visualSlider_wrap .control_wrap { position: absolute; bottom: 2rem; left: 0; width: 100%; z-index: 2; } 
.visualSlider_wrap .swiper_control { } 

.slogan_wrap { position:absolute; top: 50%; transform:translateY(-50%); z-index:2; width:100%; } 
.slogan_wrap .inner { } 
.slogan_wrap .inner .tw { color:#fff; } 
.slogan_wrap .inner .tw .t1 { font-weight:500; font-size:0.625em; letter-spacing: .5em; margin-bottom: 1.25em; } 
.slogan_wrap .inner .tw .line { width:40px; height:2px; background:#fff; margin:1.375em auto; } 
.slogan_wrap .inner .tw .t2 { font-weight:700; font-size:2.815em } 
.slogan_wrap .inner .tw .t3 { font-size:1.315em; margin-top: .75em; color: rgba(255,255,255, .815); font-weight: 500; line-height: 1.6; } 
.slogan_wrap .inner .tw .t4 { font-size:1.8125em; font-weight:600; } 

.visualSlider_wrap.st1 .visualSlider .el { height:50vh } 
.visualSlider_wrap.st1 .visualSlider .el .bg:after { content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:#000; opacity:.2 } 
.visualSlider_wrap.st1 .slogan_wrap { top:50%; transform:translate(-50%, -50%) } 
.visualSlider_wrap.st1 .slogan_wrap .inner .tw .t2 { font-size:2.75em } 
.visualSlider_wrap.st1 .slogan_wrap .inner .tw .t3 { font-size:1.375em; line-height:1.5 } 
.visualSlider_wrap.st1 .slogan_wrap .inner .tw .t4 { font-size:1.75em } 
.visualSlider_wrap.st1 .swiper_control { bottom:1em } 
.visualSlider_wrap.st1 .mainScroll { bottom:0 } 

.visualSlider_wrap .swiper_control .btn { width: 2.6em; height: 2.6em; line-height: 2.6em; } 
.visualSlider_wrap .swiper_control .btn:before { font-size: 1.2em; } 

.mainquickMenu_wrap { margin-top:60px; } 
.mainquickMenu_wrap .list { margin:0 0 0 -10px; } 
.mainquickMenu_wrap .list > li { flex:1 1 20%; max-width:20%; } 
.mainquickMenu_wrap .list > li .in { margin:0 0 0 10px; background:#fff; padding:1.5em 3em 1.5em 1.5em; border-radius:.5em; display:block; position:relative; min-height:9.5em; } 
.mainquickMenu_wrap .list > li .in .icon { position:absolute; right:1em; top:1em; content:""; } 
.mainquickMenu_wrap .list > li .in .icon .xi { font-size:1.5em; } 
.mainquickMenu_wrap .list > li .in .t1 { font-weight:700; font-size:1.188em; min-height:2.5em; } 
.mainquickMenu_wrap .list > li .in .t2 { color:#666; font-weight:400; font-size:.875em; padding-top:1.25em; } 
.mainquickMenu_wrap .list > li .in .icon2 { position:absolute; content:""; right:1em; bottom:1em; } 
.mainquickMenu_wrap .list > li .in .icon2 > img { width:3.125em } 
.mainquickMenu_wrap .list > li:hover .in .t1 { color:#323d8f; transition:.3s; } 
.mainquickMenu_wrap .list > li:hover .in .icon2 > img { transform:rotateY(180deg); transition:.3s; } 

.mainScroll { position:absolute; left:50%; bottom:1em; z-index:100; animation-name: downAni; animation-duration: 3s; animation-iteration-count: infinite; color:#fff; transform:translateX(-50%) } 
.mainScroll .xi { font-size:3.5em } 
.mainScroll .box0 { position:relative } 

@keyframes downAni { 70% { margin-bottom:0 } 
90% { margin-bottom:-.5em } 
100% { margin-bottom:0 } 
 }

.main_con { padding: 3em 0; } 

/*flex box*/
.flex_box { } 
.flex_box.s1 { margin: 0 0 -1rem -1rem; } 
.flex_box.s1 li > .in { margin: 0 0 1rem 1rem; } 
.flex_box.s2 { margin: 0 0 -2rem -2rem; } 
.flex_box.s3 { } 
.flex_box.s4 { } 
.flex_box.s5 { } 

.flex_box .fst1 > li { flex: 1 1 100%; max-width: 100%; } 
.flex_box .fst2 > li { flex: 1 1 50%; max-width: 50%; } 
.flex_box .fst3 > li { flex: 1 1 33.33%; max-width: 33.33%; } 
.flex_box .fst4 > li { flex: 1 1 25%; max-width: 25%; } 
.flex_box .fst5 > li { flex: 1 1 20%; max-width: 20%; } 
.flex_box .fst8 > li { flex: 1 1 12.5%; max-width: 12.5%; } 

.flex_box li > a { display: block; } 
.flex_box li > .in.st1 { margin: 0; } 


/*main_btn*/
.main_more { display: inline-block; cursor: pointer; } 
.main_more.pd1 { padding-top:2.5em; } 
.main_more.pd2 { padding-top:4em; } 
.main_more > .more { text-align:center; display: flex; align-items: center; justify-content: center; padding: 0 1em; height: 3em; background:var(--siteC); border:1px solid var(--siteC); border-radius:.4em; font-weight: 600; color:#fff; transition: .2s; } 
.main_more > .more.f-s { font-size: .8em; } 
.main_more > .more > .tt { font-size: var(--font-size-xs); } 
.main_more > .more > .tt ~ .xi { margin-left:.5em; } 
.main_more > .more > .xi { font-size: var(--font-size-sm); transform: rotate(-45deg); position: relative; } 
.main_more.down > .more > .xi { transform: rotate(0); } 

.main_more.white > .more { background: none; border: 1px solid #ddd; color: var(--crBlack); } 
.main_more.white:hover > .more { background: var(--siteC); border: 1px solid var(--siteC); color: #fff; } 
.main_more.bgin > .more { background: none; color: #fff; border: 1px solid #fff; font-weight: 600; } 
.main_more.bgin > .more:hover { background: var(--siteC); border: 1px solid var(--siteC); color: #fff; } 

.main_more.bgC > .more { background: var(--siteC); border: 1px solid var(--siteC); color: #fff; } 
.main_more.bg2 > .more { background: var(--siteC2); } 

.guideBoxT { background: rgb(245, 246, 250); border: 1px solid #ebebeb; padding: 2.5em 4em; border-radius: var(--radius-md); } 
.guideBoxT > .tit { text-align: center; font-size: var(--font-size-lg-1); font-weight: 700; } 
.guideBoxT > .tit > i { color: var(--siteC); } 
.guideBoxT > .infoIcon { text-align: center; margin-bottom: .5em; } 
.guideBoxT > .infoIcon > .xi { font-size: var(--font-size-xl); color: var(--siteC2); } 
.guideBoxT > .line { width: 3vw; height: 2px; background: var(--siteC); margin: 1.5em auto; } 

.chekList { } 
.chekList > li { margin-bottom: 1em; } 
.chekList > li:last-of-type { margin-bottom: 0; } 
.chekList > li > .con { display: flex; gap: .5em; align-items: start; } 
.chekList > li > .con > .tt { font-size: var(--font-size-base); line-height: 1.4; font-weight: 400; } 
.chekList > li > .con > .tt > .rd { color: #db0000; font-weight: 500; } 
.chekList > li > .con > .xi { position:relative; top: 0px; color: var(--siteC); } 

#inquiryForm .formTit { margin-bottom: 1em; } 
#inquiryForm .formTit > .tt { font-size: var(--font-size-lg-2); font-weight: 700; } 
.formWrap { } 
.formWrap .form { display: flex; flex-wrap: wrap; gap:.5em; } 
.formWrap .form > li { position: relative; } 
.formWrap .form > li:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; content: ''; background: #fff; border-radius: 0.25rem; } 
.formWrap .form > li:not(.w100) { width:calc(50% - .25em); } 
.formWrap .form > li .inp_wrap { position:relative; } 
.formWrap .form > li .inp_wrap .tit,
.formWrap .form > li .inp_wrap .input_st:not(textarea) { height:4em; } 
.formWrap .form > li .inp_wrap .input_st[type=file] { padding-top: 1em; } 
.formWrap .form > li .inp_wrap .input_st::placeholder { color: #999; font-size: var(--font-size-sm); } 
.formWrap .form > li .inp_wrap .tit { position:absolute; display: flex; align-items: center; top:0; left:0; padding-left:1em; } 
.formWrap .form > li .inp_wrap .tit .tt { font-size: var(--font-size-sm); font-weight:600; } 
.formWrap .form > li .inp_wrap .input_st:not(textarea) { width:100%; padding-left:9em; } 
.formWrap .form > li .inp_wrap textarea.input_st { padding-top:4em; padding-left:1.5em; height:12em; } 
.formWrap .form > li .inp_wrap .input_st { display: flex; align-items: center; border:none; background: #f9f9f9; border: 1px solid #ddd; border-radius: .15em; outline: 2px solid transparent; transition: all .4s ease-in-out; } 
.formWrap .form > li .inp_wrap .input_st:focus { outline: 2px solid var(--siteC); } 
.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: .5em; flex-wrap: wrap; align-items: center; width: 100%; } 
.formWrap .form > li .inp_wrap .div_field .divC { display: flex; gap: .5em; width: 100%; } 
.formWrap .form > li .inp_wrap .div_field .input_st { flex: 1; } 
.formWrap .form > li .inp_wrap .div_field .input_st.find { padding: 0 1em; border-radius: .15em; } 
.formWrap .form > li .inp_wrap .div_field .input_st.find_input { } 
.formWrap .form > li .inp_wrap .div_field .input_st.inp { padding: 0 1em; } 
.formWrap .form > li .inp_wrap .div_field .find { background: var(--siteC); border: 1px solid var(--siteC); 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 .input_st { flex: unset; } 
.formWrap .form > li .inp_wrap .email_field .select-wrapper { width: 12rem; } 


/**/
.quickMenu_Wrap { display: grid; grid-template-columns: 2fr 3fr; gap: 2rem; } 
.quickMenu_Wrap .quickLeft { } 
.quickMenu_Wrap .quickLeft .quickBg { position: relative; height: 100%; padding: 2em; box-sizing: border-box; border-radius: var(--radius-md); overflow: hidden; } 
.quickMenu_Wrap .quickLeft .quickBg:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0, .0515); content: ''; } 
.quickMenu_Wrap .quickLeft .quickBg > .inner { position:relative; z-index: 2; } 
.quickMenu_Wrap .quickLeft .quickBg > .inner > .tit { font-size: var(--font-size-lg-2); font-weight: 700; color: #fff; } 
.quickMenu_Wrap .quickLeft .quickBg > .inner > .tit > .num { } 
.quickMenu_Wrap .quickLeft .quickBg > .inner > .Dday { font-size: var(--font-size-xl); font-weight: 700; margin-top: .15em; color: #fff; } 
.quickMenu_Wrap .quickRight { display: grid; grid-template-rows: 1fr 2fr; gap: 2em; } 
.quickMenu_Wrap .quickRight .shWrap { } 
.quickMenu_Wrap .quickRight .shWrap .shForm { display: flex; gap: 1em; } 
.quickMenu_Wrap .quickRight .shTit { position: relative; top: .75em; text-align: center; font-size: var(--font-size-md); font-weight: 500; color: var(--siteC); } 
.quickMenu_Wrap .quickRight #mainSerchForm { position: relative; flex: 1; } 
.quickMenu_Wrap .quickRight #mainSerchForm .inp { height: 3.85em; box-sizing: border-box; background: #fff; box-shadow: 0 1em 1em rgba(0, 0, 0, .1); border: 3px solid var(--siteC); width: 100%; padding: 0 4em 0 1.5em; color: #7f7f7f; font-weight: 700; border-radius: .5em; overflow: hidden; } 
.quickMenu_Wrap .quickRight #mainSerchForm .btn { position: absolute; right: 0; top: 0; height: 3.85em; border-radius: 0 .5em .5em 0; width: 3.85em; background: var(--siteC); border: none; display: flex; align-items: center; justify-content: center; color: #fff; } 
.quickMenu_Wrap .quickRight #mainSerchForm .tag_wrap { position: relative; margin-top: 1em; } 
.quickMenu_Wrap .quickRight #mainSerchForm .tag_wrap .tag_list { display: flex; gap: .85em; } 
.quickMenu_Wrap .quickRight #mainSerchForm .tag_wrap .tag_list > li { color: var(--color-text-gray); line-height: 1; font-weight: 400; } 

.quickMenu_Wrap .quickRight .rightItem .quickList { display: flex; height: 100%; flex-wrap: wrap; border-radius: var(--radius-md); box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1); } 
.quickMenu_Wrap .quickRight .rightItem .quickList > li { display: flex; width: 33.33%; } 
.quickMenu_Wrap .quickRight .rightItem .quickList > li > .inner { position:relative; flex: 1; padding: 1.5em; display: flex; align-items: center; gap: 1em; box-sizing: border-box; transition: .3s ease; } 
.quickMenu_Wrap .quickRight .rightItem .quickList > li > .inner:after { position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 1px; height: 50%; background: #ebebeb; content: ''; } 
.quickMenu_Wrap .quickRight .rightItem .quickList > li:nth-child(1) > .inner,
.quickMenu_Wrap .quickRight .rightItem .quickList > li:nth-child(2) > .inner,
.quickMenu_Wrap .quickRight .rightItem .quickList > li:nth-child(3) > .inner { border-bottom: 1px solid #ebebeb; } 
.quickMenu_Wrap .quickRight .rightItem .quickList > li:nth-child(3n) > .inner:after { display: none; } 
.quickMenu_Wrap .quickRight .rightItem .quickList > li > .inner > .icon { width: 4em; text-align: center; } 
.quickMenu_Wrap .quickRight .rightItem .quickList > li > .inner > .icon > img { width: 100%; height: 100%; object-fit: contain; } 
.quickMenu_Wrap .quickRight .rightItem .quickList > li > .inner > .txt { font-size: var(--font-size-base); font-weight: 500; line-height: 1; } 
.quickMenu_Wrap .quickRight .rightItem .quickList > li > .inner:hover { background: var(--color-back-1); } 
.quickMenu_Wrap .quickRight .rightItem .quickList > li > .inner:hover > .txt { text-decoration: underline; color: var(--siteC); } 

.main_tit { margin-bottom: 1.25em; } 
.main_tit.fx { display: flex; gap: 1em; align-items: center; } 
.main_tit .t1 { font-size: var(--font-size-lg-2); font-weight: 700; line-height: 1; } 
.main_tit .t4 { font-size: var(--font-size-sm); color: var(--color-text-gray); } 

/*page tit*/
.page_tit { margin-bottom: var(--space-4); } 
.page_tit.white { color: #fff; } 
.page_tit > .t1 { font-size: var(--font-size-lg-2); font-weight: 600; } 
.page_tit > .t2 { font-size: var(--font-size-xl-1); font-weight: 700; } 
.page_tit > .t3 { font-size: var(--font-size-lg); font-weight: 700; } 


/*desc*/
.descWrap .tt { font-size: var(--font-size-base); line-height: var(--line-height-normal); margin-bottom: .25rem; color: var(--color-black-5); } 
.descWrap.mb2 .tt { margin-bottom: 1.5rem; } 


/*main notice*/
#sec_notice { padding-top: 0; } 
#sec_notice .noticeWrapper { display: flex; gap: 2em; } 
#sec_notice .noticeWrapper .noticeItem { } 
#sec_notice .noticeWrapper .noticeItem.w1 { width: 65%; } 
#sec_notice .noticeWrapper .noticeItem.w2 { width: 35%; } 
#sec_notice .noticeWrapper .noticeItem .noticeBtn { border: 1px solid #e1e1e1; border-radius: .35em; overflow: hidden; } 
#sec_notice .noticeWrapper .noticeItem .noticeBtn > li { display: flex; background: #fff; align-items: center; cursor: pointer; justify-content: center; height: 3em; flex: 1; border-right: 1px solid #e1e1e1; transition: .3s ease; } 
#sec_notice .noticeWrapper .noticeItem .noticeBtn > li:last-of-type { border-right: none; max-width: 3em; } 
#sec_notice .noticeWrapper .noticeItem .noticeBtn > li > .tit { font-size: var(--font-size-sm); font-weight: 600; } 
#sec_notice .noticeWrapper .noticeItem .noticeBtn > li.on { background: var(--siteC); color: #fff; } 
#sec_notice .noticeWrapper .noticeItem .noticeList { display: flex; gap: 2em; flex-wrap: wrap; margin-top: 2.25em; } 
#sec_notice .noticeWrapper .noticeItem .noticeList > li { width: calc((100% - 2em) / 2); } 
#sec_notice .noticeWrapper .noticeItem .noticeList > li > .inner { } 
#sec_notice .noticeWrapper .noticeItem .noticeList > li > .inner > .tit { font-size: var(--font-size-md-1); font-weight: 600; line-height: 1.3; height: 2.5em; } 
#sec_notice .noticeWrapper .noticeItem .noticeList > li > .inner > .txt { font-size: var(--font-size-sm); line-height: 1.4; color: #333; margin-top: 1em; height:2.5em; } 
#sec_notice .noticeWrapper .noticeItem .noticeList > li > .inner > .infoD { display: flex; align-items: center; justify-content: space-between; font-size: var(--font-size-xs); color: var(--color-text-gray); font-weight: 400; margin-top: .5em; padding: 1em; border-top: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; margin-top: 2em; } 
#sec_notice .noticeWrapper .noticeItem .noticeList > li > .inner > .infoD .name_tag { } 
#sec_notice .noticeWrapper .noticeItem .noticeList > li > .inner > .infoD .dateC { display: flex; align-items: center; gap: .15em; } 
#sec_notice .noticeWrapper .noticeItem .noticeList > li > .inner:hover > .tit,
#sec_notice .noticeWrapper .noticeItem .noticeList > li > .inner:hover > .txt { text-decoration: underline; } 
#sec_notice .noticeWrapper .noticeItem .notiTop.fx { display: flex; align-items: center; justify-content: space-between; margin-bottom: 1.25em; } 
#sec_notice .banner_wrap { position:relative; } 
#sec_notice .bannerSlide_wrap { position:relative; height: 100%; } 
#sec_notice .bannerSlide_wrap .bannerSlide { overflow:hidden; border-radius: var(--radius-md); } 
#sec_notice .bannerSlide_wrap .bannerSlide .banner_img { position:relative; height: 14.2vw; display: block; } 
#sec_notice .bannerSlide_wrap .bannerSlide .banner_img > img { width: 100%; height: 100%; object-fit: cover; } 
#sec_notice .cotrol_con { position:relative; top: .5rem; align-items: center; gap: .35rem; } 
#sec_notice .cotrol_con .swiperBtn { width: 1.5em; } 
#sec_notice .cotrol_con .swiperBtn:hover { background: transparent; color: var(--color-black); } 
#sec_notice .cotrol_con .paging { color: #ddd; font-weight: 700; font-size: var(--font-size-sm); margin-right: .5em; display: flex; gap: .35em; width: fit-content; } 
#sec_notice .cotrol_con .paging .swiper-pagination-current { color: var(--color-black); } 

/*main news*/
#sec_photo { background: rgb(245, 246, 250); } 
#sec_photo .newsWrapper { } 
#sec_photo .newsWrapper .newsList { } 
#sec_photo .newsWrapper .newsList > li { } 
#sec_photo .newsWrapper .newsList > li > .in { background: #fff; border-radius: var(--radius-md); overflow: hidden; } 
#sec_photo .newsWrapper .newsList > li > .in > .imgCon { width: 100%; height: 12.5vw; } 
#sec_photo .newsWrapper .newsList > li > .in > .imgCon > img { width: 100%; height:100%; object-fit: cover; } 
#sec_photo .newsWrapper .newsList > li > .in > .info { padding: 1.5em; box-sizing: border-box; } 
#sec_photo .newsWrapper .newsList > li > .in > .info > .tit { font-size: var(--font-size-md-1); font-weight: 600; } 
#sec_photo .newsWrapper .newsList > li > .in > .info > .txt { font-size: var(--font-size-sm); color: var(--color-text-gray); margin-top: 1em; line-height: 1.4; } 
#sec_photo .newsWrapper .newsList > li > .in > .info > .date { font-size: var(--font-size-sm); color: var(--color-text-gray); margin-top: 1em; } 

#sec_photo .newsWrapper .newsList > li > .in:hover > .info > .tit,
#sec_photo .newsWrapper .newsList > li > .in:hover > .info > .txt { text-decoration: underline; } 

.news_tag { display: flex; align-items: center; gap: .25rem; flex-wrap: wrap; margin-top: 1em; } 
.news_tag > li { display: flex; align-items: center; justify-content: center; border: 1px solid #ddd; height: 1.8rem; padding: 0 .5rem; border-radius: var(--radius-sm); box-sizing: border-box; background: #fbffff; } 
.news_tag > li > p { font-size: var(--font-size-xs); color: var(--siteC); font-weight: 500; } 

/*main link*/
#sec_smlink .linkContainer { display: flex; gap: 1em; } 
#sec_smlink .linkContainer > .linkItem { position: relative; width: 50%; border-radius: var(--radius-md); overflow: hidden; padding: 2.5rem; box-sizing: border-box; } 
#sec_smlink .linkContainer > .linkItem .titCon { position: relative; z-index: 2; } 
#sec_smlink .linkContainer > .linkItem .titCon .t1 { font-size: var(--font-size-lg); margin-bottom: .5em; font-weight: 700; color: #fff; } 
#sec_smlink .linkContainer > .linkItem .titCon .txt { font-size: var(--font-size-sm); font-weight: 600; color: #fff; line-height: 1.4; } 
#sec_smlink .linkContainer > .linkItem .titCon .smRound { margin-top: var(--space-3); } 
#sec_smlink .linkContainer > .linkItem .titCon:hover .smRound > .xi { transform: rotate(0); } 
#sec_smlink .linkContainer > .linkItem.b1 { background: var(--siteC); } 
#sec_smlink .linkContainer > .linkItem.b2 { } 
#sec_smlink .linkContainer > .linkItem.st1 { display: flex; align-items: center; justify-content: space-between; gap: var(--gap-xl); } 
#sec_smlink .linkContainer > .linkItem.st1 > .titCon { width: 50%; } 
#sec_smlink .linkContainer > .linkItem.st1 > .imgCon { width: 50%; text-align: center; } 
#sec_smlink .linkContainer > .linkItem.st1 > .imgCon > img { width: 100%; height: 8vw; object-fit: contain; } 
#sec_smlink .linkContainer > .linkItem.st1 > .bgImg { position: absolute; right: 0; bottom: 0; width: 80%; } 
#sec_smlink .linkContainer > .linkItem.st1 > .bgImg > img { width: 100%; height: 100%; object-fit: contain; filter: var(--crWhitefil); opacity: .0315; } 

#sec_smlink .linkContainer > .linkItem.st2:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0, .515); content: ''; } 
#sec_smlink .linkContainer > .linkItem.st2 .smRound { background: var(--siteC); } 

/*gallery*/
.board_gallery { display:flex; flex-wrap:wrap; gap:1em } 
.board_gallery > li { width: calc((100% - 3em) / 4); } 
.board_gallery > li .wrap_in { display:block; border-radius:.5em; overflow:hidden } 
.board_gallery > li .wrap_in .img_wrap { position:relative; display:block; border-radius:.5em; overflow:hidden } 
.board_gallery > li .wrap_in .img_wrap .ab { position:absolute; left:0; top:0; width:100%; height:100%; box-sizing:border-box } 
.board_gallery > li .wrap_in .con_wrap { display:block; padding-bottom: 2em; margin-top: 1.25em; display:flex; flex-direction:column; gap:.5em } 
.board_gallery > li .wrap_in .con_wrap .ten { text-transform: uppercase; font-size: var(--font-size-base); } 
.board_gallery > li .wrap_in .con_wrap .t1 { font-size: var(--font-size-base); font-weight:500 } 
.board_gallery > li .wrap_in .con_wrap .t2 { font-weight:500 } 
.board_gallery > li .wrap_in .con_wrap .date { font-weight: 500; font-size: var(--font-size-xs); color: #888; } 
.board_gallery > li .wrap_in:hover .con_wrap .t1 { text-decoration: underline; } 

/*sub greeting*/
.founding_wrapper { border-radius: var(--radius-lg); overflow: hidden; } 
.founding_wrapper .wideBg { position:relative; width: 100%; height: 50vh; overflow: hidden; } 
.founding_wrapper .wideBg > img { width: 100%; height: 100%; object-fit: cover; transform: scale(1.1); transition: 3s; } 
.load .founding_wrapper .wideBg > img { transform: scale(1); } 
.founding_wrapper .infoCon { position:relative; } 
.founding_wrapper .wideBg .deBox { position: absolute; right: 0em; bottom: 0; border-top-left-radius: 1rem; padding: 2rem; box-sizing: border-box; background: var(--siteC); } 
.founding_wrapper .wideBg .deBox .sname { color: rgba(255,255,255, 1); text-transform: uppercase; font-weight: 700; font-size: var(--font-size-lg); } 
.founding_wrapper .wideBg .deBox .line { display: block; width: 40px; height: 2px; background: rgba(255,255,255, .3); margin: 1em 0; } 
.founding_wrapper .wideBg .deBox .desc { color: rgba(255,255,255, .8); text-transform: uppercase; font-size: var(--font-size-sm); } 
.founding_wrapper .infoCon { background: #f7f7f7; padding: 3.5em; box-sizing: border-box; } 
.founding_wrapper .infoCon > .title { font-size: var(--font-size-lg-2); font-weight: 700; } 
.founding_wrapper .infoCon > .subtit { font-size: var(--font-size-md-1); font-weight: 600; margin-bottom: 1.5em; margin-top: var(--space-2); } 

.formTxt { display: flex; flex-direction: column; align-items: end; margin-top: 2.5rem; } 
.formTxt .name { font-size: var(--font-size-md); font-weight: 700; line-height: 1; } 
.formTxt .name .ceo { font-size: var(--font-size-lg); line-height: 1; margin-left: 10px; } 

/* Greetings */
.greetings-wrap { position: relative; overflow: hidden; } 
.greetings-lay { } 
.greetings-lay > ul { } 
.greetings-lay > ul > li:not(:last-child) { padding-bottom: 3.5rem; } 
.greetings-lay > ul > li .inner { position: relative; /* gap: 3em; */ } 
.greetings-lay > ul > li .inner.reverse { flex-direction: row-reverse; } 
.greetings-lay > ul > li .inner .txt-wrap { flex: 0 0 50%; } 
.greetings-lay > ul > li .inner .txt-wrap > p { color: #333; line-height: 1.5em; text-wrap: pretty; } 
.greetings-lay > ul > li .inner .img-wrap { flex: 1; } 
.greetings-lay > ul > li .inner .img-wrap .imgfix { height: 800px; box-shadow: 0 10px 30px rgba(0, 0, 0, .05); } 
.greetings-lay > ul > li .inner.reverse .img-wrap .imgfix { position: absolute; top: -11rem; left: 0; width: calc(50% - 5em); } 

.greetings-marqueeAni { position: absolute; top: 29%; left: 0; } 

/*history*/
.history-bg { position:relative; height: 25svh; border-radius: 1em; overflow: hidden; } 
.history-bg:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0, .315); content: ''; z-index: 1; } 
.history-bg .txt-wrap > .tt { position:relative; font-size: var(--font-size-lg-2); font-weight: 700; color: #fff; z-index: 2; } 
.history-con { padding: 5rem 0; } 
.history-list { } 
.history-list > li { padding-bottom: 8rem; position: relative; } 
.history-list > li:last-of-type { padding-bottom: 0; } 
.history-list > li::before { content: ''; position: absolute; top: 36px; left: 0; right: 0; margin: auto; width: 1px; height: calc(100% - 2.5rem); background: #ddd; } 
.history-list > li:last-child:before { display: none; } 
.history-list > li > dl { flex-direction: column; padding-left: calc(50% + 60px); } 
.history-list > li:nth-child(odd) > dl { /* flex */padding-left: 0; padding-right: calc(50% + 60px); text-align: right; } 
.history-list > li > dl > dt::before { content: ''; position: absolute; top: 0; right: -5px; bottom: 0; margin: auto; width: 10px; height: 10px; background: #ddd; border-radius: 50%; transition: 0.3s; } 
.history-list > li.active > dl > dt::before { box-shadow: 0 0 0 5px rgba(212, 228, 255, 1); background: var(--siteC); } 
.history-list > li > dl > dt.year { font-size: var(--font-size-xxl); } 
.history-list > li:nth-child(odd) > dl > dt::before { right: auto; left: -5px; } 
.history-list > li > dl > dt { position: absolute; top: -12px; right: 50%; padding-right: 60px; padding-left: 0; font-weight: 700; } 
.history-list > li:nth-child(odd) > dl > dt { left: 50%; right: auto; padding-left: 60px; padding-right: 0; } 
.history-list > li > dl > dd { position: relative; margin-bottom: 0.5em; padding-left: 1em; font-size: 1.125rem; color: #666; } 
.history-list > li:nth-child(odd) > dl > dd { margin-left: auto; } 
.history-list > li > dl > dd > p { } 

/*location*/
.root_daum_roughmap .cont .section.lst,
.mapWrap .root_daum_roughmap .wrap_controllers { display: none; } 
.root_daum_roughmap .wrap_map { height: 50svh !important; } 
.mapInfoWrap { } 
.mapInfoWrap .in { gap:1rem; margin-top: var(--space-4); } 
.mapInfo { flex:1; padding: 2em 2.5em; background: #f4f4f4; border:1px solid #ddd; position: relative; } 
.mapInfo .tit_wrap { margin-bottom: 1.5em; } 
.mapInfo .tit_wrap .tit { font-size: var(--font-size-md); font-weight: 600; } 
.mapInfo .info { } 
.mapInfo .info p + p { margin-top: 0.8em; } 
.mapInfo .info .txt { font-size: var(--font-size-base); } 
.mapInfo .icon { width: 3em; height: 3em; border-radius: 50%; } 
.mapInfo.info01 .icon { background:var(--siteC) } 
.mapInfo.info02 .icon { background:#555 } 
.mapInfo .xi { color:#fff; } 

/**/
.process-list { display: flex; flex-wrap: wrap; gap: 2rem; } 
.process-list > li { counter-increment: box-num; position: relative; background-color: #f7f7f7; border-radius: .5rem; padding: 1.25rem 1.5rem; box-sizing: border-box; flex: 1; } 
.process-list > li:before { position: absolute; right: -1.75rem; top: 50%; transform: translateY(-50%) rotate(90deg); font-size: 1.5rem; font-family: 'xeicon'; content: '\e930'; opacity: .315; } 
.process-list > li:last-of-type:before { display: none; } 
.process-list > li > .con { display: flex; align-items: center; gap: .65rem; } 
.process-list > li > .con > .num { width: 1.5rem; height: 1.5rem; border-radius: .25rem; display: flex; align-items: center; justify-content: center; background: var(--siteC2); color: #fff; } 
.process-list > li > .con > .num > .tt { font-size: var(--font-size-xs); font-weight: 600; } 
.process-list > li > .con > .txt { font-size: var(--font-size-base); line-height: 1; font-weight: 400; } 

/*organization*/
.organization_container{ padding: 3rem; box-sizing: border-box; border-radius: var(--radius-lg); background: #f7f7f7;}
.organization_container .boxItem{ padding-bottom: 4.5rem; display: flex; justify-content: center;}
.organization_container .boxItem:last-of-type{ padding-bottom: 0;}
.organization_container .boxItem.top{ position:relative;}
.organization_container .boxItem.top:before{ position: absolute; top: 10rem; height: 16.8rem; left: 50%; transform: translateX(-50%); width: 1px; background: #ddd; content: '';}
.organization_container .boxItem.top .ceoRound{ width: 10rem; height: 10rem; border-radius: var(--radius-pill); background: #0e1c37; margin: 0 auto; display: flex; align-items: center; justify-content: center;}
.organization_container .boxItem.top .ceoRound > .tt{ font-size: var(--font-size-md-1); font-weight: 700; text-align: center; color: #fff;}
.organization_container .boxItem.mid .midCon{ position:relative; display: flex; }
.organization_container .boxItem.mid .midCon .inner{ width: 10rem; height: 10rem; border-radius: var(--radius-pill); display: flex; align-items: center; justify-content: center; margin: 0 auto; background: #85714c;}
.organization_container .boxItem.mid .midCon .inner > .tt{ font-size: var(--font-size-md-1); font-weight: 700; color: #fff; text-align: center;}
.organization_container .boxItem.mid .midCon.firR{ /* right: 8rem; */}
.organization_container .boxItem.mid .midCon.firR:before{ position: absolute; top: 50%; transform: translateY(-50%); right: -16rem; width: 16rem; height: 1px; background: #ddd; content: '';}
.organization_container .boxItem.mid .midCon.firL{ /* left: 8rem; */ top: -1rem;}
.organization_container .boxItem.btm{ position:relative; justify-content: space-between;}
.organization_container .boxItem.btm:before{ position: absolute; top: -2.25rem; height: 1px; width: calc((100% - 10.3rem)); left: 50%; transform: translateX(-50%); background: #ddd; content: '';}
.organization_container .boxItem.btm .btmCon{}
.organization_container .boxItem.btm .btmCon > .inner{}
.organization_container .boxItem.btm .btmCon > .inner > .innerTop{ position:relative; display: flex; align-items: center; justify-content: center; height: 4rem; padding: 0 1.5rem; min-width: 7.5rem; background: #0d1c39; border-radius: 0 1rem 0 1rem;}
.organization_container .boxItem.btm .btmCon > .inner > .innerTop:before{ position: absolute; top: -2.25rem; left: 50%; transform: translateX(-50%); height: 2.25rem; width: 1px; background: #ddd; content: '';}
.organization_container .boxItem.btm .btmCon > .inner > .innerTop.mid:before{ display: none;}
.organization_container .boxItem.btm .btmCon > .inner > .innerTop > .tt{ font-size: var(--font-size-sm); font-weight: 600; line-height: 1; color: #fff;}
.organization_container .boxItem.btm .btmCon > .inner > .innerList{ margin-top: var(--space-3);}
.organization_container .boxItem.btm .btmCon > .inner > .innerList > li{}
.organization_container .boxItem.btm .btmCon > .inner > .innerList > li > .con{ display: flex; align-items: center; justify-content: center; height: 4rem; padding: 0 1.5rem; min-width: 7.5rem; background: #848d9c; border-radius: 0 1rem 0 1rem;}
.organization_container .boxItem.btm .btmCon > .inner > .innerList > li > .con > .tt{ font-size: var(--font-size-sm); font-weight: 600; line-height: 1; color: #fff;}