@charset "utf-8"; /* CSS Document */
.box0 { padding:0 var(--pgPD); box-sizing:border-box } 
.boxSub { box-sizing:border-box; width:1280px; margin:0 auto } 
.box1 { box-sizing:border-box; width:1440px; margin:0 auto } 
.box2 { box-sizing:border-box; width:1560px; margin:0 auto } 

.db820 { display: none; } 

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

#skipNav,
#skipNav a { position:absolute; left:0; top:0; width:100%; z-index:1001; transform:translateY(-200%) } 
#skipNav a { background:var(--siteC); color:#fff; padding:.5em; text-align:center; font-weight:700 } 
#skipNav a:hover,
#skipNav a:focus,
#skipNav a:active { transform:translateY(0) } 

#header { position: fixed; left:0; top:0; width:100%; z-index:1000; background:#fff; box-shadow:0 .5em 1em rgba(0,0,0,.1) } 
#header .top_wrap .wrapF,
#header .top_wrap .logo,
#header .top_wrap .gnb_wrap .gnb > li { height:var(--headerH) } 

#header .top_wrap .wrapF { display:flex; align-items:center } 
#header .top_wrap .logo { height:2.5em } 
#header .top_wrap .logo > a,
#header .top_wrap .logo > a img { display:block; height:100% } 

#header .top_wrap .gnb_wrap { flex:1 1 0%; min-width:0; max-width:100vmin; margin:0 auto } 
#header .top_wrap .gnb_wrap .gnb { justify-content:center } 
#header .top_wrap .gnb_wrap .gnb > li { flex:1 1 auto; min-width:0 } 
#header .top_wrap .gnb_wrap .gnb > li a { display:flex } 
#header .top_wrap .gnb_wrap .gnb > li { box-sizing:border-box; padding:2px 0; max-width:10em } 
#header .top_wrap .gnb_wrap .gnb > li > .dp1 { align-items:center; justify-content:center; text-align:center; box-sizing:border-box; width:100%; height:100% } 
#header .top_wrap .gnb_wrap .gnb > li > .dp1 .va { position:relative } 
#header .top_wrap .gnb_wrap .gnb > li > .dp1 .va:after { content:""; position:absolute; left:100%; top:0; width:.375em; height:.375em; transform:translate(50%, -50%); font-size:0; background:var(--siteCO); border-radius:50%; transition:.3s } 
#header .top_wrap .gnb_wrap .gnb > li > .dp1 .va .tt { font-size:1.1875em; font-weight:500 } 
#header .top_wrap .gnb_wrap .gnb > li > .dp2Wrap { position:absolute; top:100%; box-sizing:border-box; padding-right:20%; left:0; width:100vw; background:#fff; display:flex; gap:.5em; background:url(../images/inc/gnb_bg.svg) no-repeat right bottom #fff; background-size:20vw auto; box-shadow:0 1em 1em rgba(0,0,0,.1) } 
#header .top_wrap .gnb_wrap .gnb > li > .dp2Wrap .titW { width:25%; min-height:15vw; box-sizing:border-box; padding:3em; padding-bottom:1em; background:var(--siteC); border-radius:0 2em 2em 0; color:#fff; display:flex !important; flex-direction:column; align-items:flex-end; text-align:right } 
#header .top_wrap .gnb_wrap .gnb > li > .dp2Wrap .titW .t1 { font-size:1.75em; font-weight:700; font-family:var(--ffT) } 
#header .top_wrap .gnb_wrap .gnb > li > .dp2Wrap .titW .ico { margin-top:auto; font-size:6em; opacity:.1 } 
#header .top_wrap .gnb_wrap .gnb > li > .dp2Wrap .dp2 { flex:1 1 0%; min-width:0; padding:2em 1em; padding-top:1em; gap:1em; flex-wrap:wrap } 
#header .top_wrap .gnb_wrap .gnb > li > .dp2Wrap .dp2 > li { flex:1 1 0%; min-width:0; max-width:calc(33.33% - .6666em) } 
#header .top_wrap .gnb_wrap .gnb > li > .dp2Wrap .dp2 > li a { line-height:1.1 } 
#header .top_wrap .gnb_wrap .gnb > li > .dp2Wrap .dp2 > li a .va { flex:1 1 0%; min-width:0; display:flex; align-items:center } 
#header .top_wrap .gnb_wrap .gnb > li > .dp2Wrap .dp2 > li a .va .tt { flex:1 1 0%; min-width:0; word-break:keep-all } 
#header .top_wrap .gnb_wrap .gnb > li > .dp2Wrap .dp2 > li a .va .arrow { display:flex; font-size:1em; transition:.3s } 
#header .top_wrap .gnb_wrap .gnb > li > .dp2Wrap .dp2 > li a .va .arrow:before { content:"\e93e" } 
#header .top_wrap .gnb_wrap .gnb > li > .dp2Wrap .dp2 > li > a { border:2px solid transparent; border-radius:var(--pgRd); background:#f5f5f5; height:3.5em; align-items:center; padding:0 1.25em; color:#333 } 
#header .top_wrap .gnb_wrap .gnb > li > .dp2Wrap .dp2 > li > a .va .tt { font-weight:500; font-size:1.125em } 
#header .top_wrap .gnb_wrap .gnb > li > .dp2Wrap .dp2 > li > a .va. arrow { transform:translateX(50%) } 
#header .top_wrap .gnb_wrap .gnb > li > .dp2Wrap .dp2 > li.more > a .va .arrow { transform:rotate(90deg) } 
#header .top_wrap .gnb_wrap .gnb > li > .dp2Wrap .dp2 > li:hover > a,
#header .top_wrap .gnb_wrap .gnb > li > .dp2Wrap .dp2 > li:focus-within > a { border-color:var(--siteC); background:#fff; color:var(--siteC) } 
#header .top_wrap .gnb_wrap .gnb > li > .dp2Wrap .dp2 > li .dp3 { flex-direction:column; padding:1em } 
#header .top_wrap .gnb_wrap .gnb > li > .dp2Wrap .dp2 > li .dp3 > li > a { text-align:left; gap:.5em; padding:.375em; color:#666 } 
#header .top_wrap .gnb_wrap .gnb > li > .dp2Wrap .dp2 > li .dp3 > li > a:before { content:"-"; width:auto } 
#header .top_wrap .gnb_wrap .gnb > li > .dp2Wrap .dp2 > li .dp3 > li > a .va .arrow { opacity:0; transform:translateX(100%) } 
#header .top_wrap .gnb_wrap .gnb > li > .dp2Wrap .dp2 > li .dp3 > li > a .va .arrow:before { font-size:.75em } 
#header .top_wrap .gnb_wrap .gnb > li > .dp2Wrap .dp2 > li .dp3 > li:hover > a,
#header .top_wrap .gnb_wrap .gnb > li > .dp2Wrap .dp2 > li .dp3 > li:focus-within > a { color:#111 } 
#header .top_wrap .gnb_wrap .gnb > li > .dp2Wrap .dp2 > li .dp3 > li:hover > a .va .arrow,
#header .top_wrap .gnb_wrap .gnb > li > .dp2Wrap .dp2 > li .dp3 > li:focus-within > a .va .arrow { opacity:1; transform:translateX(0) } 
#header .top_wrap .gnb_wrap .gnb > li > .dp2Wrap .dp2 > li .dp4 { display:none } 
#header .top_wrap .gnb_wrap .gnb > li.on .dp1,
#header .top_wrap .gnb_wrap .gnb > li:hover .dp1,
#header .top_wrap .gnb_wrap .gnb > li:focus-within .dp1 { color:var(--siteC) } 
#header .top_wrap .gnb_wrap .gnb > li.on .dp1 .va:after,
#header .top_wrap .gnb_wrap .gnb > li:hover .dp1 .va:after,
#header .top_wrap .gnb_wrap .gnb > li:focus-within .dp1 .va:after { font-size:1em } 
#header .top_wrap .gnb_wrap .gnb > li > .dp2Wrap { visibility:hidden; opacity:0 } 
#header .top_wrap .gnb_wrap .gnb > li.act > .dp2Wrap { visibility:visible; opacity:1 } 

#header .top_wrap .etc_wrap { display:flex; align-items:center; gap:1.5em } 
#header .top_wrap .etc_wrap .mem_memu { display:flex; background:#fff; border-radius:3em; border:1px solid #ddd } 
#header .top_wrap .etc_wrap .mem_memu > li { border-radius:inherit } 
#header .top_wrap .etc_wrap .mem_memu > li > a { padding:0 1.25em; color:#666; position:relative; height:2.75em; display:flex; align-items:center; gap:.25em; transition:.3s } 
#header .top_wrap .etc_wrap .mem_memu > li > a .t1 { font-size:.938em } 
#header .top_wrap .etc_wrap .mem_memu > li:not(:last-child) > a:after { content:""; position:absolute; right:-1px; top:50%; height:40%; width:1px; transform:translateY(-50%); background:#ddd } 
#header .top_wrap .etc_wrap .mem_memu > li:first-child > a { padding-left:1.5em; border-top-left-radius:inherit; border-bottom-left-radius:inherit } 
#header .top_wrap .etc_wrap .mem_memu > li:last-child > a { padding-right:1.5em; border-top-right-radius:inherit; border-bottom-right-radius:inherit } 
#header .top_wrap .etc_wrap .mem_memu > li > a:focus,
#header .top_wrap .etc_wrap .mem_memu > li > a:hover { background:#f5f5f5; color:#111 } 
#header .top_wrap .etc_wrap .mem_memu > li > a:hover:after { display:none } 

#header .top_wrap .all_wrap .allBtn { width:4em; height:4em; border-radius:.5em; background:var(--siteC); color:#fff; display:flex; align-items:center; justify-content:center; position: relative; z-index: 100; } 
#header .top_wrap .all_wrap .allBtn .ico { font-size:1.5em } 
#header .top_wrap .all_wrap .allBtn .ico:before { content:"\e903" } 

#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:#3c3c3c; 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 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(--siteCG); 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; text-align: left; } 
#header .all_wrap .all .allconWrap .all_gnb .gnb > li .dp3 > li > a:before { content:""; display:block; position:absolute; left:0; top:20px; 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; } 

html:not(.scroll) #header:not(:hover):not(:focus-within) { background:none; box-shadow:none } 

#header.allOpen .top_wrap .all_wrap .allBtn { background: #fff; color: #111; } 
#header.allOpen .top_wrap .all_wrap .allBtn .ico:before { content: "\e921"; } 


#docbar { position: fixed; bottom: 0; left: 0; background: #fff; box-shadow: 0 0 15px rgba(0, 0, 0, 0.1); padding: 1rem 0 1rem 0; width: 100%; z-index: 111; display: none; } 
#docbar .menu-list .list > li { flex: 1; } 
#docbar .menu-list .list > li .icon .xi { color: var(--siteC); line-height: normal; } 
#docbar .menu-list .list > li .text .app_tt { color: var(--siteC); } 
#docbar .menu-list .list > li.on .icon .xi,
#docbar .menu-list .list > li.on .text .app_tt { color: var(--siteC); } 


#footer { z-index:1; color:#fff; background:#162232; padding:4em 0 } 
#footer .goTop { position:fixed; right:1em; bottom:1em; border-radius:1.5em; width:3.5em; line-height:3.5em; text-align:center; background:var(--siteC); color:#fff; box-shadow:0 0 1em rgba(0,0,0,.1); opacity:0; transform:translateY(100%); transition:.5s } 
#footer .goTop .xi { font-size:1.5em; transition:.3s } 
#footer .goTop:hover .xi { transform:translateY(-.25em) } 
#footer .goTop:focus,
.scroll #footer .goTop { opacity:1; transform:translateY(0) } 
#footer .wrapF { display:flex; flex-direction:column; gap:3em } 
#footer .logo_wrap { display:flex; align-items:center; gap:4em } 
#footer .logo { filter:grayscale(1) contrast(.5) } 
#footer .logo img { height:2.25em } 
#footer .menu_wrap { margin-left:auto; display:flex; gap:3em } 
#footer .menu_wrap > li > a { position:relative; font-weight:500; opacity:.8 } 
#footer .menu_wrap > li:not(:first-child) > a:before { content:"·"; position:absolute; left:-1.5em; top:0; transform:translateX(-50%); opacity:.5 } 
#footer .menu_wrap > li.point > a { opacity:1; font-weight:700 } 
#footer .menu_wrap > li:hover > a { text-decoration:underline } 
#footer .info_wrap { display:flex; align-items:center; flex:1; min-width:0 } 
#footer .info { overflow:hidden; flex:1 1 0%; min-width:0 } 
#footer .info > li { float:left; margin-right:2em; margin-bottom:.375em; opacity:.8; position:relative } 
#footer .info > li.point { font-weight:700 } 
#footer .info > li.br { clear:left } 
#footer .info > li.copyright { font-size:.813em; opacity:.5; margin-top:1em; text-transform:uppercase } 
#footer .cs_wrap { display:flex; gap:0 4em; text-align:right } 
#footer .cs_wrap .wrap_in { position:relative } 
#footer .cs_wrap .wrap_in:not(:first-child):after { content:""; position:absolute; left:-2em; top:0; width:1px; height:100%; background:#fff; opacity:.2 } 
#footer .cs_wrap .t1 { opacity:.7; font-weight:500; margin-bottom:.5em } 
#footer .cs_wrap .t2 { font-weight:700; font-size:1.125em } 

.memBannerSlider_wrap { padding: 1em 0em; border-top: 1px solid #ddd; } 
.memBannerSlider_wrap .inner { gap: 1em 2em; } 
.memBannerSlider_wrap .tit_wrap { gap: 0 2em; } 
.memBannerSlider_wrap .tit_wrap .tit { gap: 1em; } 
.memBannerSlider_wrap .tit_wrap .tit .tt { font-size: 1.25em; font-weight: 700; color: #000; } 
.memBannerSlider_wrap .tit_wrap .tit .xi { font-size: 1.500em; color: var(--siteC); transition: .2s; } 
.memBannerSlider_wrap .tit_wrap .tit:hover { color: var(--siteC); } 
.memBannerSlider_wrap .tit_wrap .tit:hover .xi { transform: rotate(180deg); } 
.memBannerSlider { flex: 1; padding-right: 4px; } 
.memBannerSlider .el .in { display: flex; align-items: center; justify-content: center; padding: 1rem; box-sizing: border-box; border: 1px solid #ddd; } 
.memBannerSlider .el .in img { width: 100%; height: 40px; object-fit: contain; } 
.memBannerSlider .el .in { } 

.swiperControl.st1 { gap: 1em; } 
.swiperControl.st1 .total { gap: .5em; font-size: .938em; } 
.swiperControl.st1 .total > span.swiper-pagination-current { font-size: 1.125em; color: var(--siteC); font-weight: 900; } 
.swiperControl.st1 .control { border: 1px solid #ddd; border-radius: 6em; overflow: hidden; } 
.swiperControl.st1 .control .swiperBtn.btn { width: 2em; height: 2em; } 
.swiperControl.st1 .control .swiperBtn.btn:hover { background: var(--siteC); color: #fff; } 


#contents { flex:1 1 0%; min-height:0; box-sizing:border-box; display: flex; flex-direction: column } 

#contents .pageTopWrap { position:relative; padding-top: var(--headerH); } 
.main #contents .pageTopWrap{ padding-top: calc(var(--headerH) + 3rem); padding-bottom: 5rem;}
#contents .pageTopWrap .wBg { position:absolute; left:0; top:0; width:100%; height:100%; background-color:var(--siteC); opacity:.05 } 
#contents .pageTopWrap .wBg.obj { background-color:transparent; background-size:110vw auto } 
#contents .pageTopWrap .wTop { position:relative } 
#contents .pageTopWrap .wTop .wrapF { display:flex; padding:1.25em 0; gap:1em 3em } 
#contents .pageTopWrap.main .wrapF { padding-bottom:4em } 
#contents .pageTopWrap.sub { --subGnbH:4.5em; } 
html:not(.d1) #contents .pageTopWrap.sub .wBg { height:calc(100% - (var(--subGnbH) / 2)) } 
#contents .pageTopWrap.sub .wrapF { flex-wrap:wrap; padding-bottom:0 } 
.d1 #contents .pageTopWrap.sub { flex:1 0 0%; } 

#contents .subTit { flex:1 1 0%; min-width:0; min-height:10em; display:flex; flex-direction:column; justify-content:center; gap:1em; box-sizing:border-box; padding-left:3vw } 
#contents .subTit .tit .t1 { font-family:var(--ffT); font-size:2.5em; color:var(--siteC); font-weight:700; letter-spacing:-.05em; word-spacing:.05em } 
#contents .subNav { display:flex; align-items:center } 
#contents .subNav { display:inline-flex; align-items:center; gap:0 1em } 
#contents .subNav > li:not(.home):before { content:"\e940"; font-family:xeicon; margin-right:.5em; font-size:1em; color:#888 } 
#contents .subNav > li.home > a { width:1.75em; height:1.75em; border-radius:50%; background:#fff; display:flex; align-items:center; justify-content:center; box-shadow:0 0 1em rgba(0,0,0,.1) } 
#contents .subNav > li.home > a .xi { font-size:.875em } 
#contents .subSearchW { width:40%; box-sizing:border-box; padding-right:3vw } 
#contents .subGnb { width:100%; box-sizing:border-box } 
#contents .subGnb .gnb > li.on { width:100% } 
#contents .subGnb .gnb > li.on .dp2 { width:100%; justify-content:center; box-sizing:border-box; padding:0 3vw; background:var(--siteC); border-radius:var(--pgRd) } 
#contents .subGnb .gnb > li.on .dp2 > li { width:16.66%; box-sizing:border-box; padding:0 1px } 
#contents .subGnb .gnb > li.on .dp2 > li > a { display:flex; align-items:center; justify-content:center; text-align:center; box-sizing:border-box; height:var(--subGnbH); color:#fff; position:relative; opacity:.9 } 
#contents .subGnb .gnb > li.on .dp2 > li > a:before { content:""; position:absolute; left:0; bottom:0; width:100%; height:calc(100% - .5em); background:#fff; border-radius:var(--pgRd) var(--pgRd) 0 0; opacity:0 } 
#contents .subGnb .gnb > li.on .dp2 > li:not(:first-child) > a:after { content:""; position:absolute; left:-3px; top:50%; height:30%; transform:translateY(-50%); width:1px; background:#fff; opacity:.2 } 
#contents .subGnb .gnb > li.on .dp2 > li > a .va { position:relative; padding-top:.25em } 
#contents .subGnb .gnb > li.on .dp2 > li > a .va .tt { font-size:1.25em; font-weight:700 } 
#contents .subGnb .gnb > li.on .dp2 > li:hover > a,
#contents .subGnb .gnb > li.on .dp2 > li:focus-within > a { opacity:1 } 
#contents .subGnb .gnb > li.on .dp2 > li.on > a { opacity:1; color:var(--siteC) } 
#contents .subGnb .gnb > li.on .dp2 > li.on > a:before { opacity:1 } 
#contents .subGnb .gnb > li.on .dp2 > li.on > a:after { opacity:0 } 
#contents .subGnb .gnb > li.on .dp3 { display:none } 
#contents .subTab { border-bottom:1px solid #ddd } 
#contents .subTab .gnb li.on { width:100% } 
#contents .subTab .gnb .dp2 > li.on { display:flex !important } 
#contents .subTab .gnb .dp2 > li.on .dp3 { max-width:100%; display:inline-flex; margin:0 auto; padding:1.5em } 
#contents .subTab .gnb .dp2 > li.on .dp3 > li { flex:0 0 auto; width:auto } 
#contents .subTab .gnb .dp2 > li.on .dp3 > li > a { display:flex; height:3em; padding:0 2em; display:flex; align-items:center; text-align:center; justify-content:center; box-sizing:border-box; position:relative; color:#888 } 
#contents .subTab .gnb .dp2 > li.on .dp3 > li:not(:last-child) > a:before { content:""; position:absolute; margin-top:.5em; right:0; top:50%; width:.25em; height:.25em; border-radius:50%; background:#ddd; transform:translate(-50%, -50%) } 
#contents .subTab .gnb .dp2 > li.on .dp3 > li > a .va { position:relative; padding-top:1em } 
#contents .subTab .gnb .dp2 > li.on .dp3 > li > a .va:after { content:""; position:absolute; left:50%; top:0; width:2em; height:1px; background:#111; transform:translate(-50%,0); opacity:0 } 
#contents .subTab .gnb .dp2 > li.on .dp3 > li > a .va .tt { font-weight:700; font-size:1.25em } 
#contents .subTab .gnb .dp2 > li.on .dp3 > li:focus > a,
#contents .subTab .gnb .dp2 > li.on .dp3 > li:hover > a,
#contents .subTab .gnb .dp2 > li.on .dp3 > li.on > a { color:#111 } 
#contents .subTab .gnb .dp2 > li.on .dp3 > li.on > a .va:after { opacity:1 } 

#contents .doc { padding:6vmin 0 12vmin 0; position:relative } 

.dp1on .gnb .dp2 { display:none!important } 
.dp2on .gnb > li,
.dp2on .gnb > li .dp1 { 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 } 

.pgBg { position:relative } 
.pgBg:before { content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:var(--siteC); opacity:.05 } 
.pgBg > * { position:relative } 
.pgLine { height:.5em; margin:3em 0; background: linear-gradient(135deg, #eee 25%, transparent 25%, transparent 50%, #eee 50%, #eee 75%, transparent 75%, transparent); background-size: .5em .5em; } 
.pgLine.m1 { margin:1em 0 } 
.pgLine.m2 { margin:2em 0 } 
.pgLine.m3 { margin:4em 0 } 

.pgSearch { display:flex; flex-direction:column } 
.pgSearch .searchTit { display:flex; align-items:center; gap:1.5em } 
.pgSearch .searchTit img { height:4.5em } 
.pgSearch .searchCon { position:relative } 
.pgSearch .searchCon .inp { border:2px solid var(--siteCO); height:3.5em; border-radius:4em; padding:.5em 1.5em; box-sizing:border-box; width:100%; font-weight:500 } 
.pgSearch .searchCon .btn { position:absolute; right:0; bottom:0; height:4em; width:4em; border-radius:50% 50% 50% 0; background:linear-gradient(45deg, var(--siteCO) 0%, var(--siteCR) 100%); color:#fff } 
.pgSearch .searchCon .btn .xi { font-size:1.5em } 
.pgSearch .searchKey { display:flex; align-items:flex-start; margin:.5em auto; padding:0 1.5em; gap:1.5em } 
.pgSearch .searchKey .tit { position:relative; display:flex; align-items:center; gap:1.5em } 
.pgSearch .searchKey .tit:after { content:""; display:block; width:1px; height:1.25em; background:var(--siteC) } 
.pgSearch .searchKey .tit .t1 { font-weight:700; color:var(--siteC) } 
.pgSearch .searchKey .list { flex:1 1 0%; min-width:0; display:flex; flex-wrap:wrap; gap:0 1.5em; padding:.125em 0 } 
.pgSearch .searchKey .list > li > a { display:flex; align-items:center; gap:.25em; font-size:.938em; color:#666; font-weight:500 } 
.pgSearch .searchKey .list > li > a .t1 { white-space:nowrap } 
.pgSearch .searchKey .list > li > a:before { content:"#"; font-style:italic } 
.pgSearch .searchKey .list > li > a:focus,
.pgSearch .searchKey .list > li > a:hover { color:#111 } 
.pgSearch .searchKey .list > li > a:focus .t1,
.pgSearch .searchKey .list > li > a:hover .t1 { text-decoration:underline } 

.pgTitW { display:flex; align-items:center; margin-bottom:1em } 
.pgTitW.m1 { margin-bottom:.5em } 
.pgTitW .mL { margin-left:auto } 
.pgTit { font-family:var(--ffT); font-weight:700; font-size:1.25em; letter-spacing:-.05em; word-spacing:.1em; } 
.pgTit.s1 { font-size:1.375em } 
.pgTit.s2 { font-size:2em } 
.pgTit2 { font-weight:700; font-size:1.125em; position:relative; padding-left:1.5em; color:var(--siteC) } 
.pgTit2:before { content:""; position:absolute; left:0; top:50%; width:1em; height:1px; background:var(--siteC) } 

.mainVisualSlideWrap { width:61.54%; position:relative } 
.mainVisualSlide { margin:0 -.625em; filter:drop-shadow(0 0 1em rgba(0,0,0,.1)) } 
.mainVisualSlide .el { width:50%; box-sizing:border-box; padding:1px } 
.mainVisualSlide .el .in { display:block; margin:0 .625em } 
.mainVisualSlide .el .bg { display:block; padding-bottom:100%; border-radius:var(--pgRd) } 
.pageTopWrap.main .swiperControl { position:absolute; left:0; top:100%; width:100%; box-sizing:border-box; padding:1em } 

.mainTopCon { flex:1 1 0%; min-width:0; display:flex; flex-direction:column } 
.mainTopCon .conW { display:flex; align-items: center; margin-top:auto; gap:3em } 
.mainTopCon .conW .snsW { width:12em; } 

.mainTopCon .conW .noticeW { flex:1; min-width:0; position:relative } 
.mainTopCon .conW .noticeW .swiper-slide { box-sizing:border-box; padding:2px } 
.noticeSt { border-radius:1em; padding:2em; background:#fff; display:flex; flex-direction:column; gap:1em; align-items:flex-start; border:1px solid #ddd } 
.noticeSt .tCate { padding:.5em 1.5em; border-radius:2em; background:var(--siteC); color:#fff; font-weight:700 } 
.noticeSt .tTit { font-size:1.25em; font-weight:700 } 
.noticeSt .tTxt { color:#666; word-break: break-all;} 
.noticeSt .tDate { color:#888; font-size:.938em } 

.sns_st { display:flex; flex-wrap:wrap; gap:2em 0 } 
.sns_st > li { width:50% } 
.sns_st > li > a { display:flex; flex-direction:column; align-items:center; text-align:center; gap:.5em } 
.sns_st > li > a .ico { width:3.125em; height:3.125em; border-radius:50%; display:flex; align-items:center; justify-content:center; color:#fff } 
.sns_st > li > a .ico .xi { font-size:1.75em } 
.sns_st > li > a .ico img { height:1.875em } 
.sns_st > li > a .tit { font-size:.875em } 
.sns_st > li.nv > a .ico { background:#03C75A } 
.sns_st > li.fb > a .ico { background:#3b5a9a } 
.sns_st > li.ig > a .ico { background:url(../images/inc/sns_ig_bg.svg) no-repeat; background-size:cover } 
.sns_st > li.kc > a .ico { background:#fae100 } 

/* main 공통 */

.main_con { padding: 3.75em 0; } 

.main_title_wrap { margin-bottom: 2em; } 
.main_title_wrap .tit { font-size: 2.25em; font-weight: 700; } 
.main_title_wrap .tit2 { font-size: 2.25em; font-family: var(--ffT); } 
.main_title_wrap .tit2 span { font-weight: 800; } 

.main_btn { border-radius: 50% 50% 50% 0; background: var(--siteC); color: #fff; width: 2.5em; height: 2.5em; line-height: 2.5em; text-align: center; } 

.main_layout { gap: 3em; } 
.main_layout .left { width: 13% } 
.main_layout .left .main_title_wrap { margin: 1em 0 2em; } 
.main_layout .right { flex: 1; } 


/* main1 */
.businessSlide { } 
.businessSlide .swiper-slide { height:auto } 
.businessSlide .el { width: 16.666%; } 
.businessSlide .el .in { display: block; margin: 0 .625em; } 
.businessSlide .el .in .img_box { border: 1px solid #ddd; border-radius: 1em; overflow: hidden; height: 18em; } 
.businessSlide .el .in .img_box img { width: 100%; height: 100%; object-fit: cover; } 
.businessSlide .el .in .tit { font-size: 1.05em; font-weight: 700; text-align: center; width: 90%; margin: 1em auto 0; } 
.businessSlide_control { margin-top: 2em; } 

/* main2 */
.reserve_btn { } 
.reserve_btn li { border: 1px solid #fff; border-radius: 3em; overflow: hidden; margin-bottom: .5em; } 
.reserve_btn li:last-child { margin-bottom: unset; } 
.reserve_btn li .in { padding: .8em 1em; color: #fff; } 
.reserve_btn li .in .xi { font-size: 1.05em; margin-right: .5em; } 
.reserve_btn li .in .tt { font-size: 1.125em; font-weight: 600; } 
.reserve_btn li .in .arrow { font-size: 1.125em; } 

.reserve_list { gap: 1.85em; } 
.reserve_list li { background: #fff; border-radius: 1em; overflow: hidden; } 
.reserve_list li .in { display: block; } 
.reserve_list li .in .img_wrap { height: 13em; overflow: hidden; } 
.reserve_list li .in .img_wrap img { width: 100%; height: 100%; object-fit: cover; } 
.reserve_list li .in .info { padding: 1.25em; } 
.reserve_list li .in .info .tt { text-align: center; font-size: 1.15em; font-weight: 700; } 
.reserve_list li .in .info .btn { display: block; border: 1px solid var(--siteC); border-radius: 0.55em; padding: .5em; text-align: center; margin-top: 0.85em; color: var(--siteC); } 
.reserve_list li .in .info .btn .tx { font-weight: 700; } 
.reserve_list li .in .info .btn .arrow { font-size: 1.05em; font-weight: 500; margin-left: .5em; } 
.reserve_list li .in .info .btn.c2 { border-color: #ddd; background: #ddd; color: #777; } 
.reserve_list li .in .info .btn:hover{ background: var(--siteC); color: #fff;} 

/* main3 */
.main_archive { position: relative; } 
.main_archive .archive_cat { position: absolute; bottom: 5%; left: 14.5%; z-index: 0; } 

.archive_wrap { display: flex; border-radius: 1em; overflow: hidden; box-shadow: 0 .2em 1em rgba(0, 0, 0, .1); z-index: 10; } 
.archive_wrap .tab_wrap { } 
.archive_wrap .archive_tab { background: #76797c; height: 100%; } 
.archive_wrap .archive_tab li { text-align: center; padding: 1.5em; border-bottom: 1px solid #919496; } 
.archive_wrap .archive_tab li:last-child { border-bottom: none; } 
.archive_wrap .archive_tab li .tab_btn { font-weight: 600; color: #fff; } 
.archive_wrap .archive_tab li .tab_btn .xi { display: block; font-size: 1.4em; } 
.archive_wrap .archive_tab li.on { background: #fff; } 
.archive_wrap .archive_tab li.on .tab_btn { color: var(--siteC); } 
.archive_wrap .archive_con { width: 0; flex: 1; min-width: 0; background: #fff; padding: 1.5em; box-sizing: border-box; } 

.archiveSlide { width: 100% !important; max-width: 100%; display: block; position: relative; } 
.archiveSlide .swiper-slide { height:auto } 
.archiveSlide .el { } 
.archiveSlide .el .in { position: relative; display: block; /* box-shadow: 0 .5em 1em rgba(0, 0, 0, .1); */ border: 1px solid #ddd; border-radius: 1em; overflow: hidden; } 
.archiveSlide .el .in .xi { position: absolute; background: var(--siteC); color: #fff; width: 1.7em; height: 1.7em; line-height: 1.7em; top: 0; right: 0; border-bottom-left-radius: .8em; text-align: center; font-size: 1.5em; } 
.archiveSlide .el .in .xi.st1 { background: var(--siteCG); } 
.archiveSlide .el .in .xi.st2 { background: var(--siteCO); } 
.archiveSlide .el .in .xi.st3 { background: var(--siteCR); } 
.archiveSlide .el .in .img_box { overflow: hidden; height: 10em; } 
.archiveSlide .el .in .img_box img { width: 100%; height: 100%; object-fit: cover; } 
.archiveSlide .el .in .tbox { width: 80%; margin: 1em auto; } 
.archiveSlide .el .in .tit { font-weight: 500; margin-bottom: 0.5em; } 
.archiveSlide .el .in .data { font-size: .86em; font-weight: 500; color: #9b9b9b; } 
.archiveSlide .el .in.st2 { } 
.archiveSlide .el .in.st2 .tbox { width: 75%; margin: 2.5em auto 1em; } 
.archiveSlide .el .in.st2 .tbox .tit { font-size: 1.125em; font-weight: 600; } 
.archiveSlide .el .in.st2 .tbox .tt { margin: 1em 0; height: 3em; font-size: .96em; line-height: 1.4; font-weight: 500; color: #666; } 
.archiveSlide_control { justify-content: flex-end; box-sizing: border-box; margin-bottom: 1.2em; } 

/* main4 */
.main_notice { } 
.main_notice .notice_tab { display: flex; flex-direction: column; gap: 1.3em; } 
.main_notice .notice_tab li { color: #888; display: flex; align-items: center; align-items: center; gap: 1em; min-height: 40px; } 
.main_notice .notice_tab li .tab_btn { font-size: 1.4em; font-weight: 800; } 
.main_notice .notice_tab li .plus { position: relative; display: none; } 
.main_notice .notice_tab li .plus::before { position: absolute; content: ''; width: 8em; height: 1px; top: 19px; right: -7em; background: var(--siteC); z-index: -1; } 
.main_notice .notice_tab li.on { color: var(--siteC); } 
.main_notice .notice_tab li.on .plus { display: block; } 

.main_notice .right { gap: 3em; } 
.main_notice .notice_wrap { flex: 1; } 
.main_notice .notice_wrap .idx { display: flex; align-items: center; gap: 2.5em; position: relative; background: #fff; } 
.main_notice .notice_wrap .idx.on { border: 1px solid var(--siteC); border-radius: 1em; overflow: hidden; padding: 1.5em; } 
.notice_wrap .noticepoint { width: 37%; } 
.notice_wrap .noticepoint .in { display: block; } 
.notice_wrap .noticepoint .in .img { border-radius: 1em; overflow: hidden; height: 12em; } 
.notice_wrap .noticepoint .in .img img { width: 100%; height: 100%; object-fit: cover; } 
.notice_wrap .noticepoint .in .cate { border: 1px solid #ddd; width: 4em; text-align: center; border-radius: 3em; padding: 0.3em; font-size: .9em; font-weight: 600; color: var(--siteC); margin: 0.6em 0; } 
.notice_wrap .noticepoint .in .tit { font-size: 1.125em; font-weight: 600; } 
.notice_wrap .noticepoint .in .data { color: #9b9b9b; font-size: .86em; font-weight: 600; margin-top: 1em; } 
.notice_wrap .noticeList { flex: 1; display: flex; flex-direction: column; gap: .6em; } 
.notice_wrap .noticeList li { cursor: pointer; } 
.notice_wrap .noticeList li .in { display: flex; justify-content: space-between; align-items: center; } 
.notice_wrap .noticeList li .in .title { display: flex; align-items: center; } 
.notice_wrap .noticeList li .in .cate { margin-right: 1em; border: 1px solid #ddd; width: 4em; min-width: 4em; text-align: center; border-radius: 3em; padding: 0.3em; font-size: .9em; font-weight: 600; color: var(--siteC); } 
.notice_wrap .noticeList li .in .tit { font-weight: 500; } 
.notice_wrap .noticeList li .in .data { color: #9b9b9b; font-size: .86em; font-weight: 600; width: fit-content; min-width: 6em; text-align: right; } 
.notice_wrap .noticeList li:hover .in .title { color: var(--siteC); } 

.main_notice .news_con { width: 18%; margin-left: 3em; } 
.main_notice .news_con .in { position: relative; padding: 2em 0 0 2em; display: block; } 
.main_notice .news_con .in .data { position: absolute; top: 0; left: 0; background: linear-gradient(-45deg, var(--siteC) 0%, #385bff 100%); border-radius: 50%; width: 5em; height: 5em; color: #fff; } 
.main_notice .news_con .in .data .year { font-size: .8em; } 
.main_notice .news_con .in .data .month { display: block; font-size: 1.7em; font-weight: 800; line-height: 1; } 
.main_notice .news_con .in .news_img { box-shadow: 0 .5em 1em rgba(0, 0, 0, .1); border-radius: 1em; overflow: hidden; height: 16em; } 
.main_notice .news_con .in .title_box { margin-top: 1em; } 
.main_notice .news_con .in .title_box .tit { font-size: 1.4em; font-weight: 800; } 
.main_notice .news_con .in .title_box .more { color: #747474; font-size: .96em; } 
.main_notice .news_con .in .title_box .arrow { margin-left: 0.2em; } 

/**/
.layer_inp { display:block; position:relative } 
.layer_inp .inp { border:1px solid #ddd; margin-bottom:-1px; padding:1em; padding-left:4em; height:4em; box-sizing:border-box; width:100%; position:relative; font-weight:500; font-size:1.188em } 
.layer_inp select.inp { padding-left:3.75em } 
.layer_inp select.inp optgroup,
.layer_inp select.inp option { font-weight:400; font-size:.938em } 
.layer_inp:first-child .inp { border-top-left-radius:.5em; border-top-right-radius:.5em } 
.layer_inp:last-child .inp { border-bottom-left-radius:.5em; border-bottom-right-radius:.5em } 
.layer_inp .tt { position:absolute; left:4em; top:0; width:calc(100% - 4em); height:100%; display:flex; align-items:center; box-sizing:border-box; padding:0 .5em; z-index:2; color:#777; font-weight:500; cursor:text } 
.layer_inp .tt > i { font-size:1.063em } 
.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,
.layer_inp .inp:valid { border-color:var(--siteC); z-index:1; background:#fff } 
.layer_inp .inp:focus ~ .tt,
.layer_inp .inp:valid ~ .tt { width:auto; height:1em; transform:translateY(-50%); background:#fff; color:var(--siteC) } 
.layer_inp .inp:focus ~ .tt > i,
.layer_inp .inp:valid ~ .tt > i { font-size:.875em } 
.layer_inp .inp:-webkit-autofill,
.layer_inp .inp:-webkit-autofill:hover,
.layer_inp .inp:-webkit-autofill:focus,
.layer_inp .inp:-webkit-autofill:active { -webkit-box-shadow: 0 0 0px 1000px white inset !important; -webkit-text-fill-color: #000 !important; box-shadow: 0 0 0px 1000px white inset !important } 

.login_wrap { width:40em; max-width:100%; margin:0 auto; display:flex; flex-direction:column; gap:2em } 
.login_wrap.w1 { width:50em } 
.login_wrap.w100 { width:100% } 
.login_wrap .login_tit { display:flex; justify-content:center; text-align:center; flex-direction:column; align-items:center; gap:1em; text-transform:uppercase } 
.login_wrap .login_tit .t1 { font-weight:700; font-size:2.5em; color:#333 } 
.login_wrap .login_tit .t1.s1 { font-size:2.25em } 
.login_wrap .login_tit .t2 { font-weight:500; color:#777; font-size:1.063em } 
.login_wrap .login_tit.flexR { flex-direction:row; justify-content:space-between; padding:1em; padding-bottom:0 } 
.login_wrap .login { padding:3em; padding-top:2.5em; border-radius:1em; box-shadow:0 0 2em rgba(0,0,0,.1); background:#fff; display:flex; flex-direction:column; gap:1em 0 } 
.login_wrap .login.row { flex-direction:row; gap:5em } 
.login_wrap .login.row > * { flex:1 } 
.login_wrap .login.g1 { gap:.5em 0 } 
.login_wrap .login > * { width:100%; box-sizing:border-box; position:relative; z-index:1 } 
.login_wrap .btn { height:3.5em; border-radius:.5em; border:2px solid transparent; font-weight:700; font-size:1.313em; display:flex; align-items:center; justify-content:center; gap:.25em } 
.login_wrap .btn.s1 { font-size:1.125em } 
.login_wrap .btn .xi { font-size:1.125em } 
.login_wrap .btn.c1 { background:var(--siteC); color:#fff } 
.login_wrap .btn.c2 { background:#333; color:#fff } 
.login_wrap .btn.c2.re { border-color:#333; color:#333; background:#fff } 
.login_wrap .link_wrap { padding:.5em; gap:0 1.5em; display:flex; align-items:center; justify-content:center } 
.login_wrap .link_wrap a { font-weight:500; color:#777; position:relative; display:flex; align-items:center; gap:.25em } 
.login_wrap .link_wrap a:after { content:"\e93f"; font-family:xeicon } 
.login_wrap .link_wrap a.point { font-size:1.063em; font-weight:700; color:#111 } 
.login_wrap .link_wrap a:hover:before { content:""; position:absolute; left:0; top:100%; width:calc(100% - 1em); height:1px; background:#aaa } 
.login_wrap .link_wrap a.point:hover:before { background:#111 } 
.login_wrap .m0 { margin-top:-.5em } 
.login_wrap .m1 { margin-top:1em } 
.login_wrap .tt1 { font-weight:700 } 
.login_tab { display:flex; justify-content:center; gap:2vmin } 
.login_tab > li { width:45vmin; max-width:calc(50% - 1vmin) } 
.login_tab > li > div { height:100%; border-radius:1em } 
.login_tab > li .wrap_in { height:100%; box-sizing:border-box; padding:2em; background-color:#fff; box-shadow:0 0 1em rgba(0,0,0,.2); border-radius:1em; display:flex; flex-direction:column; gap:2em } 
.login_tab > li .wrap_in .icoW { width:50%; margin:0 auto } 
.login_tab > li .wrap_in .icoW .resize { padding-bottom:100%; border-radius:50%; background:#f1f1f1 } 
.login_tab > li .wrap_in .icoW .resize .re { display:flex; align-items:center; justify-content:center } 
.login_tab > li .wrap_in .icoW .resize .xi { font-size:5em; opacity:.2 } 
.login_tab > li .wrap_in .imgW { width:80%; margin:0 auto; position:relative } 
.login_tab > li .wrap_in .imgW:before { content:""; position:absolute; left:50%; top:50%; width:80%; padding-bottom:80%; border-radius:50%; background:#f1f1f1; transform:translate(-50%, -50%) } 
.login_tab > li .wrap_in .imgW .resize { padding-bottom:75% } 
.login_tab > li .wrap_in .conW { display:flex; flex-direction:column; gap:1em; text-align:center } 
.login_tab > li .wrap_in .conW .t1 { font-weight:800; font-size:1.25em } 
.login_tab > li .wrap_in .conW .t2 { font-weight:700; color:#666; line-height:1.5; word-break:keep-all } 
.login_tab > li .wrap_in .btnW { display:flex; margin-top:auto } 
.login_tab > li .wrap_in .btnW .st { flex:1; display:flex; gap:.5em; align-items:center; justify-content:center; height:4em; border-radius:.5em; background:#f5f5f5 } 
.login_tab > li .wrap_in .btnW .st:after { content:"\e93e"; font-family:xeicon; position:absolute; opacity:0; transform:translateX(100%) } 
.login_tab > li .wrap_in:hover .btnW .st { background-image: var(--siteGra); color:#fff } 
.login_tab > li .wrap_in:hover .btnW .st:after { opacity:1; transform:translateX(0); position:inherit; transition:transform .3s } 
.login_tab > li .wrap_in .btnW .st.c1 { background:#ddd } 
.login_tab > li .wrap_in:hover .btnW .st.c1 { background:#111 } 
.login_tab > li .wrap_in .btnW .st .t1 { font-weight:800; font-size:1.063em } 

.agree_box { border-radius:.5em; border:1px solid #ddd; padding:1.5em; color:#666; font-size:.938em; line-height:1.4; background:#fff } 
.agree_box.st1 { border-radius:1em; padding:3em; font-size:1em; line-height:1.5 } 
.agree_box.h1 { height:8em; overflow-y: auto; } 
.agree_box.h2 { height:10em } 
.agree_box strong { color:#111; font-weight:700 } 
.agree_box .nt{ margin: .85em 0 .25em 0; font-weight: 600; color: #222;}

.stepSt { display:flex; justify-content:flex-end; gap:0 4em } 
.stepSt > li { counter-increment: myIndex } 
.stepSt > li .ico { position:relative } 
.stepSt > li:not(:last-child) .ico:before { content:""; position:absolute; left:100%; top:50%; width:4em; height:1px; background:#aaa } 
.stepSt > li .ico .xi { font-size:1em; width:1.5em; height:1.5em; margin:0 auto; display:flex; align-items:center; justify-content:center; color:#fff; background:#888; border-radius:50% } 
.stepSt > li .tt { margin-top:.5em; font-weight:500; text-align:center; color:#888 } 
.stepSt > li .tt:before { content:counter(myIndex) "." } 
.stepSt > li.on { opacity:1 } 
.stepSt > li.on .tt { color:var(--siteC) } 
.stepSt > li.on .ico .xi,
.stepSt > li.on .ico:before { background:var(--siteC) } 
.stepSt > li.on .ico .xi:before { content:"\e928" } 
.stepSt > li:not(.on) .ico .xi { transform:scale(.5) } 

.authList { display:flex; gap:1em; justify-content:center; margin:2em 0 } 
.authList > li { flex:1 1 0; min-width:0; max-width:calc(50% - .5em) } 
.authBtn { padding:2em; border:1px solid #ddd; border-radius:1em; display:flex; flex-direction:column; align-items:center; text-align:center; min-height:8em; gap:1em; box-sizing:border-box; height:100%; background:#f5f5f5 } 
.authBtn .ico { width:8em; height:8em; background:rgba(0,0,0,.05); border-radius:50%; display:flex; flex-direction:column; justify-content:center } 
.authBtn .ico img { height:50% } 
.authBtn .t1 { font-weight:700; font-size:1.25em } 
.authBtn .t2 { color:#666 } 
.authBtn .link { display:flex; width:100%; justify-content:center } 
.authBtn .link .st { margin-top:auto; background:#333; color:#fff; padding:.75em; border-radius:2em; width:100%; max-width:12em; box-sizing:border-box; font-size:1.063em; font-weight:500 } 

.fin_box { border-radius:.5em; border:1px solid transparent; padding:3em; background:#f5f5f5; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; gap:1.5em } 
.fin_box.al { align-items:flex-start; text-align:left } 
.fin_box.p1 { padding:2em; gap:.75em } 
.fin_box.bg1 { background:none; box-shadow:0 0 1em rgba(0,0,0,.1) } 
.fin_box .tit { font-size:1.5em; font-weight:500; color:#111; text-align:center } 
.fin_box .tt1 { line-height:1.5; font-size:1.063em; color:#666; font-weight:500 } 
.fin_box .tt1.s1 { font-size:1em } 
.fin_box .fs:not(:last-child):after { content:"," } 
.fin_box .fin_ico { font-size:4em } 
.fin_box .tit,
.fin_box .tit > i,
.fin_box .tt { word-break:keep-all } 

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

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

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

.dlSt > dt { display:flex; align-items:center; gap:.25em } 
.dlSt > dt:not(:first-child) { margin-top:2em } 
.dlSt > dt .ico { font-size:1.5em } 
.dlSt > dt .t1 { font-size:1.313em; font-weight:600; font-family:var(--ffT); letter-spacing:-.05em; word-spacing:.1em } 
.dlSt > dd { margin-top:.5em; border-radius:.5em; border:1px solid #aaa; background:#fff; padding:2em; line-height:1.5; position:relative } 
.dlSt > dd.p0 { padding:0 } 
.dlSt > dd.p1 { padding:1em } 
.dlSt > dd.p2 { padding:4% } 
.dlSt > dd.bg1 { background:#f5f5f5 } 
.dlSt > dd.bg2 { background:#444; color:#fff; border-color:transparent } 
.dlSt .mgL { margin-left:auto; margin-right:1em; } 
.dlSt.c1 > dt { color:var(--siteC) } 
.dlSt.c1 > dd { border-color:var(--siteC) } 
.dlSt.c2 > dt { color:green } 
.dlSt.c2 > dd { border-color:green } 

.dlSt2 { display:flex; gap:1em } 
.dlSt2 > dt { width:4em } 
.dlSt2 > dt.w1 { width:6em } 
.dlSt2 > dt .t1 { font-weight:700 } 
.dlSt2 > dd { flex:1 1 0%; min-width:0 } 
.dlSt2 > dd .t1 { color:#666; font-weight:500; font-size:.938em } 
.dlSt2 > dd .t2 { font-weight:700 } 

.aSt,
.aSt:hover { font-weight:500; color:#111; text-decoration:underline } 

.memoSt { display:flex; flex-direction:column; gap:1em } 
.memoSt > li { position:relative; display:flex; gap:.5em; line-height:1.2 } 
.memoSt > li:before { content:"•"; transform-origin:0% 0%; height:1em; display:flex; align-items:center } 
.memoSt > li.dotN:before { display: none; } 
.memoSt > li .tt { flex:1 1 0%; min-width:0; font-weight:500; } 
.memoSt > li .tt .point { font-weight:700; color:#111 } 
.memoSt > li .tt .point.c1 { color:var(--siteCerr) } 
.memoSt > li .tt .t1 { font-weight:700; font-size:1.063em } 
.memoSt > li .tt .t1.s1 { font-size:1.125em } 
.memoSt > li .tt .t2 { font-size:.938em; color:#666; font-weight:400; line-height:1.5 } 
.memoSt > li .input_st { display: inline-flex; } 
.memoSt > li .imgDiv { width: 100%; } 
.memoSt > li .imgDiv > img { width: 30%; object-fit: contain; } 
.memoSt.g1 { gap:.5em } 

.memoSt2_tit { font-size: 1.125em; font-weight: 600; margin-bottom: 1em; } 
.memoSt2 { display: flex; flex-direction:column; gap: 0.5em; background: #f4f4f4; padding: 1em; margin-bottom: 2em; } 
.memoSt2 > li { position:relative; line-height:1.2; } 
.memoSt2 > li .tit { font-size: 1.05em; font-weight: 600; margin-bottom: .5em; } 
.memoSt2 > li .tt { } 
.memoSt2 > li .tt2 { position: relative; padding-left:1.5em; } 
.memoSt2 > li .tt2:before { content: ""; position: absolute; left: 7px; top: 7px; width: 5px; height: 5px; border-radius: 50%; background: var(--siteC); } 

/*아이콘 박스*/
.icon_list { position: relative; gap: 1em; margin-bottom: 2em; } 
.icon_list > li { position:relative; flex: 1; } 
.icon_list > li .inner { position:relative; align-items: center; border: 2px solid var(--siteC); border-radius: .35em; width: 100%; } 
.icon_list > li .iconB { position: relative; display: flex; align-items: center; justify-content: center; background: var(--siteC); padding: 1em 0; } 
.icon_list > li .iconB > img { width: 4em; height: 100%; object-fit: contain; transition: .3s; filter: brightness(0) invert(1); } 
.icon_list > li .txtinfo { background: #fff; min-height: 10rem; padding: 1em; box-sizing: border-box; width: 100%; text-align: center; } 
.icon_list > li .txtinfo .tit { font-size: 1em; color: var(--siteC); font-weight: 700; } 
.icon_list > li .txtinfo .txt { font-size: 1.125em; font-weight: 700; margin-top: .25em; margin-bottom: .5em; } 
.icon_list > li .txtinfo .intxt { font-size: .9em; font-weight: 400; min-height: 3em; } 
.icon_list > li .txtinfo.s1 .txt { font-size: 1.15em; } 
.icon_list > li .txtinfo .numT { font-size: 1.15em; font-weight: 700; color: var(--siteC); } 

.icon_list.w2 { display: flex; flex-wrap: wrap; margin: 0 0 -1em -1em; } 
.icon_list.w2 > li { flex: 1 1 50%; max-width: 50%; margin-bottom: 0em; } 
.icon_list.w2 > li > .inner { margin: 0 0 1em 1em; } 
.icon_list.w2 > li .iconB { min-width: 6em; } 
.icon_list.w2 > li .iconB > img { width: 2.75em; } 
.icon_list.w2 > li .iconB:after { left: 1.5em; } 
.icon_list.w2 > li .txtinfo { padding: 0 2.25em; } 

.icon_list > li > .inner .Rarrow { position: absolute; top: 50%; transform: translateY(-50%) rotate(90deg); right: -1.15em; color: var(--siteC); background: #fff; border: 1px solid #ddd; border-radius: 50%; width: 1.5em; height: 1.5em; text-align: center; z-index: 10; } 
.icon_list > li > .inner .Rarrow > .xi { line-height: 1; } 

.snsBtn { display:flex; gap:.75em } 
.snsBtn > li { flex:1 1 0%; min-width:0 } 
.snsBtn > li > a { display:flex; align-items:center; border-radius:.5em; height:4em; box-sizing:border-box; color:#fff } 
.snsBtn > li > a .ico { display:flex; align-items:center; justify-content:center; height:100%; width:3.5em; font-size:1em; position:relative } 
.snsBtn > li > a .ico:before { font-size:1.75em } 
.snsBtn > li > a .ico:after { content:""; position:absolute; right:0; top:0; height:100%; border-left:1px solid rgba(0,0,0,.1); border-right:1px solid rgba(255,255,255,.2) } 
.snsBtn > li > a .tt { flex:1 1 0%; min-width:0; padding:0 1em 0 .5em; text-align:center } 
.snsBtn > li > a .tt .t1 { font-size:1.063em; font-weight:700 } 
.snsBtn > li.kk > a { background:#fae100; color:#111 } 
.snsBtn > li.gg > a { background:#DB4437; } 
.snsBtn > li.nv > a { background:#03C75A } 
.snsBtn > li.kk > a .ico:before { content:"\ebee" } 
.snsBtn > li.gg > a .ico:before { content:"\ebe0" } 
.snsBtn > li.nv > a .ico:before { content:"\ebfa" } 

.tabSt { display:flex; border:1px solid #ddd; border-radius:1em 1em 0 0; border-bottom:none; padding:2px; gap:2px } 
.tabSt > li { flex:1 1 0%; min-width:0 } 
.tabSt .tabIdx { display:flex; align-items:center; text-align:center; justify-content:center; height:4em; border-radius:1em; box-sizing:border-box; width:100%; background:#f5f5f5; border:none; color:#888; position:relative; border:2px solid transparent; position:relative } 
.tabSt .tabIdx .t1 { font-size:1.25em; font-weight:700 } 
.tabSt .tabIdx.on { background:#fff; color:var(--siteC); border-color:var(--siteC); z-index:1; box-shadow:0 0 1em rgba(0,0,0,.1) } 
.tabCon { border:1px solid #ddd; border-radius:0 0 1em 1em; border-top:none } 
.tabCon .editor { padding:4% } 

.sub_tab .tab_idx { flex-wrap: wrap; display:flex; align-items: center; box-sizing: border-box; width: 100%; } 
.sub_tab .tab_idx > li { position: relative; text-align: center; height: 3.68rem; display: flex; align-items: center; justify-content: center; padding: 0 .5rem; box-sizing: border-box; background: #F5F7F9; box-sizing: border-box; cursor:pointer; transition:.3s ease; } 
.sub_tab .tab_idx > li > .tt { font-size: 1.15rem; font-weight: 700; color: #ACB2B7; } 
.sub_tab .tab_idx.t4 > li { width: 25%; min-width: 25%; max-width: 25%; } 
.sub_tab .tab_idx.t5 > li { width: 20%; min-width: 20%; max-width: 20%; } 
.sub_tab .tab_idx.t8 > li { width: 12.5%; min-width: 12.5%; max-width: 12.5%; } 
.sub_tab .tab_idx.h1 > li { height: 4.25rem; } 
.sub_tab .tab_idx > li::before { position: absolute; content: ''; right: 0; top: 50%; transform: translateY(-50%); width: 1px; height: 50%; background: #ddd; transition:.3s ease; } 
.sub_tab .tab_idx > li::after { position: absolute; content: ''; left: 50%; top: 0; transform: translateX(-50%); width: 86%; height: 1px; background: #ddd; transition:.3s ease; } 
.sub_tab .tab_idx > li:last-of-type:before { display: none; } 

.sub_tab .tab_idx.t4 > li:nth-child(-n+4):after { display: none; } 
.sub_tab .tab_idx.t4 > li:nth-child(4n):before { display: none; } 
.sub_tab .tab_idx.t5 > li:nth-child(-n+5):after { display: none; } 
.sub_tab .tab_idx.t5 > li:nth-child(5n):before { display: none; } 
.sub_tab .tab_idx.t8 > li:nth-child(-n+8):after { display: none; } 
.sub_tab .tab_idx.t8 > li:nth-child(8n):before { display: none; } 


/* .sub_tab .tab_idx > li:hover { background:#f9f9fb; } 
.sub_tab .tab_idx > li.on { background: var(--siteC); box-shadow: 0 11px 16px rgba(0, 0, 0, 0.12); } 
.sub_tab .tab_idx > li.on > .tt { color: #fff; } 
.sub_tab .tab_idx > li.on::before,
.sub_tab .tab_idx > li.on::after { background: var(--siteC); }  */

/**/
.processSt { display:flex; gap:2em; padding:1em 3em; border-radius:10em; margin:-1em; margin-left:0; overflow:hidden } 
.processSt .el { position:relative; display:flex; flex-direction:column; align-items:center; gap:.5em; border-color:var(--siteC); color:var(--siteC) } 
.processSt .el .ico { width:5em; height:5em; border-radius:50%; border:1px solid; border-color:inherit; position:relative; display:flex; align-items:center; justify-content:center; background:#fff } 
.processSt .el:nth-child(1) { border-color:var(--siteCB); color:var(--siteCB) } 
.processSt .el:nth-child(2) { border-color:var(--siteCGwai); color:var(--siteCGwai) } 
.processSt .el:nth-child(3) { border-color:var(--siteCOwai); color:var(--siteCOwai) } 
.processSt .el:nth-child(4) { border-color:var(--siteCR); color:var(--siteCR) } 
.processSt .el .ico .xi { font-size:2em } 
.processSt .el:not(:last-child) .ico:before { content:""; position:absolute; left:100%; top:50%; width:2em; border-top:2px dashed var(--siteC); opacity:.2 } 
.processSt .el .tt { width:100%; box-sizing:border-box; text-align:center } 
.processSt .el .tt .t1 { font-weight:700; font-size:.938em } 

.applyWriteW { display:flex; align-items:flex-start; flex-wrap:wrap; gap:3em } 
.applyWriteW .wA { flex:1 1 0%; min-width:0 } 
.applyWriteW .wF { width:100% } 
.applyWriteW .w1 { width:25em } 

.stickyW { position:sticky; top:calc(var(--headerH) + 1em); left:0 } 

.calendarTit { background:#111; border-bottom:1px solid rgba(255,255,255,.2); color:#fff; display:flex; align-items:center; border-radius:.5em .5em 0 0 } 
.calendarTit .btn { width:4em; height:4em; display:flex; align-items:center; justify-content:center; background:none } 
.calendarTit .btn.prev .xi:before { content:"\e93b" } 
.calendarTit .btn.next .xi:before { content:"\e93e" } 
.calendarTit .month { flex:1 1 0%; min-width:0; display:flex; align-items:center; justify-content:center; text-align:center; gap:.5em } 
.calendarTit .month .t1 { font-weight:700; font-size:1.5em; font-family:var(--ffT); letter-spacing:-.05em } 
.calendarSt { display:flex; flex-wrap:wrap; position:relative; border:1px solid #111; border-radius:0 0 .5em .5em } 
.calendarSt .cell { width:14.28%; box-sizing:border-box; padding:0 0 1px 1px; display:flex; align-items:center; justify-content:center } 
.calendarSt .cell:nth-child(7n) { padding-right:1px } 
.calendarSt .cell .in { position:relative; display:flex; flex-direction:column; justify-content:center; align-items:center; box-sizing:border-box; line-height:1; width:100%; height:100% } 
.calendarSt .cell .in .date { position:relative; z-index:1; padding:0 .25em } 
.calendarSt .cell.th { height:2em; background:#111; } 
.calendarSt .cell.th .in { color:#fff } 
.calendarSt .cell.th .in .date .t1 { font-weight:500; font-size:.813em } 
.calendarSt .cell.td { height:3em; background:#eee } 
.calendarSt .cell.td .in { background:#fff } 
.calendarSt .cell.td.sun .in .date { color:red } 
.calendarSt .cell.td.sat .in .date { color: #06C } 
.calendarSt .cell .in .check { width:100%; height:100%; box-sizing:border-box; background:none } 
.calendarSt .cell .in .check .lab { height:100%; } 
.calendarSt .cell .in .check:has(input:disabled) .lab { border-radius:0; border-color:transparent } 
.calendarSt .cell:last-child,
.calendarSt .cell:last-child .in,
.calendarSt .cell:last-child .in .check .lab { border-bottom-right-radius:.5em } 
.calendarSt .cell:nth-last-child(7),
.calendarSt .cell:nth-last-child(7) .in,
.calendarSt .cell:nth-last-child(7) .in .check .lab { border-bottom-left-radius:.5em !important } 

.locWrap { margin-top: 4em; } 
.locWrap .locList { } 
.locWrap .locList > li { } 
.locWrap .locList > li.w100 { flex: 1 1 100%; max-width: 100%; } 
.locWrap .locList > li > .in { margin: 0 0 3em 1em; } 
.locWrap .locList > li > .in > .iconWrap { display: flex; gap: 1em; align-items: center; margin-bottom: 1.5em; border-bottom: 1px solid var(--siteC); } 
.locWrap .locList > li > .in > .iconWrap > .tt { font-size: 1.315em; font-weight: 600; line-height: 1; } 
.locWrap .locList > li > .in .icon { position:relative; top: 1px; display: flex; align-items: center; justify-content: center; width: 3.5em; height: 3.5em; color: #fff; background: var(--siteC); } 
.locWrap .locList > li > .in > .info { padding-left: 4.6em; } 
.locWrap .locList > li > .in > .info > li { margin-bottom: .5em; } 
.locWrap .locList > li > .in > .info > li > .con.div { } 
.locWrap .locList > li > .in > .info > li > .con.div .tt { display: flex; align-items: start; gap: .25rem; } 
.locWrap .locList > li > .in > .info > li .memo { padding: 1.5rem; background: #f7f7f7; display: flex; align-items: start; gap: .25rem; } 
.locWrap .locList > li > .in > .info > li .memo > .xi { position:relative; top: -.2rem; color: var(--siteC); } 
.locWrap .locList > li > .in > .info > li .memo > .desc { font-size: .936em; line-height: 1.4; color: #171717; } 
.locWrap .locList > li > .in > .info > li:last-of-type { margin-bottom: 0; } 
.locWrap .locList > li > .in > .info .con > .tt { font-size: 1.063em; font-weight: 400; line-height: 1.6; } 
.locWrap .locList > li > .in > .info .con > .tt > i,
.locWrap .locList > li > .in > .info .con > .tt > b { vertical-align: baseline; } 
.locWrap .locList > li > .in > .info .con > .tt > .round { display: inline-flex; align-items: center; justify-content: center; height: 1.84em; line-height: 1.6; font-size: .864em; border-radius: 100px; padding: 0 .75em; margin-right: 5px; } 
.locWrap .locList > li > .in > .info .con > .tt > .round.blue { background: #0051a3; color: #fff; } 


.myInfoWrap { background:#f1f1f1; margin-bottom:2em; border-radius:1em; padding:2% 5%; display:flex; align-items:center; gap:4% } 
.myInfoWrap .wrapL { flex:1 1 0%; min-width:0 } 
.myInfoWrap .wrapR { width: 60%; } 
.myInfo { display:flex; flex-direction:column; gap:.5em; align-items:flex-start } 
.myInfo .lv { display:flex; align-items:center; color:var(--siteC); gap:.25em; height:2em; padding:0 1em; background:var(--siteGra); color:#fff; border-radius:2em; font-size:.938em } 
.myInfo .lv .t1 { font-weight:700 } 
.myInfo .name { display:flex; align-items:baseline; font-weight:500 } 
.myInfo .name .point { font-size:1.5em; font-weight:700 } 
.myInfo .btn { display:flex; gap:.25em; font-size:.938em; padding-top:.75em } 
.myInfoList { gap: 0 .5em; } 
.myInfoList > li { flex: 1 49%; max-width: 49%; } 
.myInfoList > li .in { border-bottom:1px solid #ddd; padding:.5em; display:flex; align-items:center; position:relative } 
.myInfoList > li .in:before { content:""; position:absolute; left:50%; top:0; height:100%; width:calc(100% + 2em); transform:translateX(-50%); background:#fff; border-radius:2em; opacity:0 } 
.myInfoList > li .in > * { position:relative } 
.myInfoList > li .in .tit { display:flex; align-items:center; gap:.5em; font-weight:700 } 
.myInfoList > li .in .tit .ico { width:2em; height:2em; background:#333; color:#fff; display:flex; align-items:center; justify-content:center; color:#fff; font-size:1em; border-radius:50% } 
.myInfoList > li .in .tt { flex:1 1 0%; min-width:0; display:flex; justify-content:flex-end; align-items:baseline; color:#666; gap:.5em; font-size:.938em } 
.myInfoList > li .in .tt .point { font-weight:700; font-size:1.25em; color:var(--siteC) } 
.myInfoList > li .in .tt .arrow:before { content:"\e93f" } 
.myInfoList > li .in:hover:before { opacity:1 } 

.volunteerList{ display: flex; gap: 1em; flex-wrap: wrap; margin-top: 2em;}
.volunteerList > li{ width: calc((100% - 1rem) / 2);}
.volunteerList > li > .inner > .tit{ font-size: 1.063em; font-weight: 600; margin-bottom: .5em;}
.volunteerList > li > .inner > .tit > i{ font-weight: 800;}
.volunteerList > li > .inner > .reusultBox{ display: flex; justify-content: center; padding: 1.75em 1em; box-sizing: border-box; background: #fff; border-radius: .25em;}
.volunteerList > li > .inner > .reusultBox .tt{ font-size: 1.063em; font-weight: 600; line-height: 1; color: #444;}
.volunteerList > li > .inner > .reusultBox .num{ font-size: 2.5em; font-weight: 800; line-height: 1; color: var(--siteC);}

.mapW { border-radius:1em; overflow:hidden; position:relative; padding-bottom:40% } 
.mapW iframe { position:absolute; left:0; top:0; width:100%; height:100% } 

/* certification */
.certconBox { position: relative; display: flex; align-items: center; justify-content: space-between; gap: 4rem; padding: 3em; box-sizing: border-box; border-radius: 1em; background: #FCEFE0; } 
.certconBox .midIcon { position: absolute; left: 40%; width: 100%; height: 100%; transform: translateX(-50%); top: 0; } 
.certconBox .midIcon > img { width: 100%; height: 100%; object-fit: contain; opacity: .086; filter: invert(62%) sepia(83%) saturate(747%) hue-rotate(358deg) brightness(101%) contrast(103%); } 
.certconBox:last-of-type { margin-bottom: 0; } 
.certconBox .mjinfo { position: relative; width: 50%; z-index: 2; } 
.certconBox .mjinfo .roundT { display: flex; align-items: center; justify-content: center; padding: 0 1.75rem; box-sizing: border-box; border-radius: 3em; background: var(--siteCO); color: #fff; font-weight: 500; height: 2.85rem; display: inline-flex; margin-bottom: var(--space-3); } 
.certconBox .mjinfo .roundT > p { font-size: 1em; letter-spacing: 0; text-transform: uppercase; } 
.certconBox .mjinfo .tit { font-size: 1.8em; font-weight: 700; } 
.certconBox .mjinfo .txt { font-size: 1.05em; color: #444; line-height: 1.75; margin-top: 2.4rem; } 
.certconBox .mjImg { position: relative; width: 50%; height: 18rem; border-radius: .8em; overflow: hidden; z-index: 2; } 

.certForm { display: none; } 

.btn_wrap { gap: .5em; } 

/* about_intro_vision */
.founding_wrapper { border-radius: 1em; overflow: hidden; } 
.founding_wrapper .wideBg { position:relative; width: 100%; height: 40vh; 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: 1.25em; } 
.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: 1em; } 
.founding_wrapper .infoCon { background: #f7f7f7; padding: 3.5em; box-sizing: border-box; } 
.founding_wrapper .infoCon > .title { font-size: 1.4em; font-weight: 700; line-height: 1.6; } 
.founding_wrapper .infoCon > .subtit { font-size: 1.05em; line-height: 1.6; margin-top: 1em; } 
.founding_wrapper .infoCon > .reson { margin-top: 1.5em; } 
.founding_wrapper .infoCon > .reson > .tit { margin-bottom: .5em; font-size: 1.15em; font-weight: 600; color: var(--siteC); } 
.founding_wrapper .infoCon > .reson > .desc { font-size: 1.05em; line-height: 1.6; margin-top: 1em; } 

.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; } 

.vision_wrap { margin-top: 4em; padding: 3.5em; border-radius: 1em; box-shadow: 0 0 2em rgba(0, 0, 0, .1); background: #fff; } 
.vision_wrap .vision { border: solid 5px #ddd; border-radius: 1em; padding: 40px 45px; position: relative; text-align: center; margin-bottom: 50px } 
.vision_wrap .visionImg { width: 100%; border: 1px solid #ddd; text-align: center; border-radius: 1em; padding: 2em; box-sizing: border-box; } 
.vision_wrap .visionImg > img { width: 50%; object-fit: contain; } 
.vision_wrap .visionImg.st1 > img { width: 70%; } 
.vision_wrap .vision p.tit { color: var(--siteC); font-size: 1.8em; font-weight: 800; position: absolute; z-index: 1; left: 50%; margin-left: -65px; top: -20px; background: #fff; padding: 0 30px; } 
.vision_wrap .vision p.txt { color: #555; font-size: 1.25em; font-weight: 600 } 
.vision_wrap .vision p.txt .point { padding:.125em 1em; background:var(--siteCG); color:#fff; border-radius:2em } 
.vision_wrap .vision p.txt span { color: var(--siteCG); } 
.vision_wrap .vision2 { gap: 1.5em } 
.vision_wrap .vision2 li { flex: 1; } 
.vision_wrap .vision2 li h3 { border-radius: 50px 0px 50px 0; box-shadow: 5px 5px 10px 5px rgba(0, 0, 0, 0.1); text-align: center; font-size: 1.125em; font-weight: 500; padding: 1em; background: var(--siteC); color: #fff; } 
.vision_wrap .vision2 li h3.s1 { padding:.125em; font-size:2em } 
.vision_wrap .vision2 li:nth-child(2) h3 { background: var(--siteCG) } 
.vision_wrap .vision2 li:nth-child(3) h3 { background: var(--siteCO) } 
.vision_wrap .vision2 li:nth-child(4) h3 { background: var(--siteCR) } 
.vision_wrap .vision2 li .tt { position: relative; border-radius: 20px; color: #444; background-color: #f5f5f5; padding: 1.2em; text-align: center; font-size: 1.05em; font-weight: 500; } 
.vision_wrap .vision_arrow { margin-top:3em; } 
.vision_wrap .vision3 { gap: 1.5em; } 
.vision_wrap .vision3 .list-item { width:calc(50% - 5px); border:6px solid #eee; position:relative; padding:30px 34px; } 
.vision_wrap .vision3 .list-item:before { content:""; display:block; width:34px; height:34px; background:url(../images/sub/icon_card_list.png) no-repeat center / 100% auto; position:absolute; left:-6px; top:-6px; } 
.vision_wrap .vision3 .item-num { font-size:1.4em; font-weight:800; color:#222; margin-bottom:0.8em; } 
.vision_wrap .vision3 .item-content { word-break:keep-all; line-height:1.3; font-size:1.125em; font-weight:800; color:#222; text-align: center; } 
.vision_wrap .vision3 .list-item.st1 { display:flex; flex-direction:column; } 
.vision_wrap .vision3 .list-item.st1 .item-content { font-size:1.188em; background:var(--siteC); color:#fff; margin:0 auto; padding:.5em 2em; border-radius:2em } 
.vision_wrap .vision3 .list-item.st1 .memoSt { margin:1em auto 0 auto; font-size:1.125em; gap:.5em } 

.organ_container { } 
.organ_container .imgCon { height: 50dvh; width: 100%; padding: 2rem; border-radius: 1rem; border: 1px solid #ddd; box-sizing: border-box; margin-bottom: 2.5rem; } 
.organ_container .imgCon > img { width: 100%; height: 100%; object-fit: contain; } 

/* intro_objective */
.overviewWrap { padding: 3em 0 8em; position: relative; background-position: center -13%; border-bottom-left-radius: 1em; border-bottom-right-radius: 1em; overflow: hidden; } 
.overviewWrap::after { content: ''; width: 100%; height: 100%; background: linear-gradient(180deg, rgba(255, 255, 255, 1) 30%, rgba(0, 0, 0, 0), rgba(0, 0, 0, .5)); position: absolute; left: 0; bottom: 0; } 
.overviewT { position: relative; z-index: 1; } 
.overview_tit .t1 { font-size: 1.8em; font-weight: 800; color: var(--siteC); letter-spacing: 3px; } 
.overview_tit .t2 { font-size: 1.125em; } 
.tri-circle { display: flex; justify-content: space-between; padding: 0 2vw; padding-top: 2em; box-sizing: border-box; height: 20vw; } 
.tri-circle > li { flex:1; position: relative; } 
.tri-circle > li .in { width: 18vw; height: 18vw; padding: 3em; box-sizing: border-box; border-radius: 50%; border: 1px solid #eee; text-align: center; position: absolute; background: rgba(255, 255, 255, .9); box-shadow: 0 5px 10px rgba(0, 0, 0, .2); } 
.tri-circle > li:nth-child(1) { transform: translateX(7vw); opacity: 0; transition-duration: 1.5s; } 
.tri-circle > li:nth-child(2) { opacity: 0; transition-duration: 1.5s; } 
.tri-circle > li:nth-child(3) { transform: translateX(-7vw); opacity: 0; transition-duration: 1.5s; } 
.load .tri-circle > li:nth-child(1),
.load .tri-circle > li:nth-child(2), 
.load .tri-circle > li:nth-child(3) { opacity: 1; transform: translate(0); } 
.tri-circle > li:nth-child(1) .in { right: -3em; top: 50%; transform: translate(0, -50%); } 
.tri-circle > li:nth-child(2) .in { left: 50%; top: 50%; transform: translate(-50%, -50%); } 
.tri-circle > li:nth-child(3) .in { left: -3em; top: 50%; transform: translate(0, -50%); } 
.tri-circle > li .tt_en { font-weight: 800; font-size: 1.375em; color:var(--siteC);; } 
.tri-circle > li .line { display: block; width: 80%; margin: 1.5em auto 1.5em; border-top: 1px solid rgb(7 8 101 / 50%); } 
.tri-circle > li .t1 { font-weight: 600; font-size: 1.4em; color: var(--siteC);; } 
.tri-circle > li .t2 { font-size: 1.45em; color: #fff; font-weight: 600; } 

/* ci */
.ci_wrap { gap: 2em; } 
.ci_wrap .el { flex: 1; background: #f4f4f4; border: 1px solid #ddd; padding: 1em; border-radius: 1em; } 
.ci_wrap .el .img { background: #fff; height: 15em; display: flex; align-items: center; justify-content: center; border-radius: 1em; overflow: hidden; } 
.ci_wrap .el .img img { width: 450px; } 
.ci_wrap .el .tit { font-size: 1.125em; font-weight: 600; margin-top: 1em; text-align: center; } 

.color_wrap { } 
.color_wrap .system { flex: 1; margin-right: 1em; } 
.color_wrap .system:last-of-type { margin-right: 0; } 
.color_wrap .system .area { width: 100%; padding: 2em; box-sizing: border-box; margin: .5em 0; border-radius: .8em; overflow: hidden; } 
.color_wrap .system .area.green { background: var(--siteCG); } 
.color_wrap .system .area.orange { background: var(--siteCO); } 
.color_wrap .system .area.blue { background: var(--siteC); } 
.color_wrap .system .area .t1 { line-height: 1.6; } 
.color_wrap .system .area .t2 { font-weight: 600; font-size: 1.05em; margin-top: 1em; } 

.sub_title { position: relative; padding-left: .5em; height: fit-content; line-height: 1.4; font-size: 1.8em; font-weight: 800; } 
.sub_title::before { content: ''; position: absolute; left: 0; top: 3px; width: 5px; height: 90%; background: linear-gradient(180deg, var(--siteC) 49%, var(--siteCG) 50%); } 

.ci_layout { background: #fff8ed; padding: 2em; border-radius: 1em; overflow: hidden; gap: 3em; margin-bottom: 2em; } 
.ci_layout.c2 { background: #eef1ff; } 
.ci_layout .img { width: 40%; background: #fff; border-radius: 1em; overflow: hidden; text-align: center; display: flex; align-items: center; justify-content: center; } 
.ci_layout .img.h1 { height: 17em; } 
.ci_layout .tbox { flex: 1; } 
.ci_layout .tbox .t1 { font-size: 1.8em; font-weight: 800; } 
.ci_layout .tbox .t2 { line-height: 1.6; margin-bottom: .5em; } 
.ci_layout .tbox .t2:last-child { margin-bottom: unset } 
.ci_layout .tbox .t2 span { color: var(--siteC); font-size: 1.25em; font-weight: 800; } 
.ci_layout .tbox .t3 { margin-top: 1em; font-size: 1.05em; line-height: 1.6; } 
.ci_layout .tbox .t3 span { color: var(--siteC); font-size: 1.25em; font-weight: 800; } 

.character_point { } 
.character_point .tit { } 
.character_point .list { gap: .5em } 
.character_point .list li { border-radius:50px 20px 20px 20px; background-color: #f5f5f5; display: flex; align-items: center; gap: 1em; } 
.character_point .list li .t1 { border-radius: 50px 0px 50px 0; box-shadow: 5px 5px 10px 5px rgba(0, 0, 0, 0.1); text-align: center; font-size: 1.125em; font-weight: 500; padding: 1em; background: var(--siteC); color: #fff; width: 10em; } 
.character_point .list li .t2 { color: #444; padding: 1.2em; text-align: center; font-size: 1.05em; font-weight: 500; flex: 1; } 

/* intro_parent */
.parent_list { gap: 1em } 
.parent_list li { display: flex; background: #f4f4f4; border: 1px solid #ddd; border-radius: 1em; overflow: hidden; } 
.parent_list li .left_img { display: flex; align-items: center; justify-content: center; width: 30%; background: #fff; text-align: center; } 
.parent_list li .right_t { padding: 2.5em; flex: 1; } 
.parent_list li .right_t .tit { font-size: 1.4em; font-weight: 800; color: #333; } 
.parent_list li .right_t .tit .tag { margin-left: 0.5em; padding: 0.2em 0.6em; border-radius: 1em; font-size: 0.75em; font-weight: 700; vertical-align: bottom; } 
.parent_list li .right_t .tit .tag.c1 { background: var(--siteC); color: #fff; } 
.parent_list li .right_t .tit .tag.c2 { background: var(--siteCG); color: #fff; } 
.parent_list li .right_t .more_btn { border: 1px solid var(--siteC); color: var(--siteC); background: #fff; border-radius: .8em; padding: .5em 1em; font-weight: 500; } 
.parent_list li .right_t .more_btn .xi { font-size: 1em; margin-left: 0.5em; vertical-align: bottom; } 
.parent_list li .right_t .more_btn:hover { background: var(--siteC); color: #fff; } 
.parent_list li .right_t .more_btn:hover .xi { margin-left: 1em; transition: .5s; } 
.parent_list li .right_t .t1 { font-size: 1.05em; margin: 1em 0; font-weight: 500; } 
.parent_list li .right_t .t2 { padding-left: .8em; position: relative; line-height: 1.6; font-size: .96em; } 
.parent_list li .right_t .t2:before { content: ''; width: 5px; height: 5px; border-radius: 50%; background: var(--siteC); position: absolute; left: 0; top: 8px; } 


/* project */
.infographic_wrap { text-align: center; } 
.infographic_wrap h3 { display: inline-block; padding: 2rem 4rem; margin-left: -5rem; margin-right: -5rem; background: var(--siteC); border-radius: 10em; font-size: 1.25em; font-weight: 700; color: #fff; line-height: 1.52; } 
.infographic_wrap .infographic_group { display: flex; position: relative; padding: 1.5rem 1.8rem; width: 90%; margin: 5.6em auto 0; box-sizing: border-box; } 
.infographic_wrap .infographic_group:before,
.infographic_wrap .infographic_group:after { display: block; content: ''; position: absolute; } 
.infographic_wrap .infographic_group:before { bottom: 100%; left: 50%; width: 2px; height: 5.6rem; margin-left: -1px; background: var(--siteC); transform: scale3d(1, 1, 1); transform-origin: top; } 
.infographic_wrap .infographic_group:after { inset: 0; border-radius: 10em; border: 2px solid var(--siteC); clip-path: polygon(50% 50%, 0 0, 0 0, 0 0, 0 0, 0 0); animation: prixClipFix .6s 1.4s ease-in-out forwards; animation-play-state: running; } 

@keyframes prixClipFix { 
 0% { clip-path: polygon(calc(50% + 2px) 50%, calc(50% + 2px) 0, calc(50% + 2px) 0, calc(50% + 2px) 0, calc(50% + 2px) 0, calc(50% + 2px) 0, calc(50% + 2px) 0) } 
10% { clip-path: polygon(calc(50% + 2px) 50%, calc(50% + 2px) 0, 0 0, 0 0, 0 0, 0 0, 0 0) } 
40% { clip-path: polygon(calc(50% + 2px) 50%, calc(50% + 2px) 0, 0 0, 0 100%, 0 100%, 0 100%, 0 100%) } 
60% { clip-path: polygon(calc(50% + 2px) 50%, calc(50% + 2px) 0, 0 0, 0 100%, 100% 100%, 100% 100%, 100% 100%) } 
90% { clip-path: polygon(calc(50% + 2px) 50%, calc(50% + 2px) 0, 0 0, 0 100%, 100% 100%, 100% 0, 100% 0) } 
/* 100% */
100% { clip-path: polygon(calc(50% + 2px) 50%, calc(50% + 2px) 0, 0 0, 0 100%, 100% 100%, 100% 0, 50% 0) } 
/* 100% */ } 

.infographic_wrap .infographic_group li:not(:first-of-type) { position: relative; margin-left: -1.5rem; } 
.infographic_wrap .infographic_group .item { display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 1.6rem; width: 16rem; height: 16rem; padding: 1.2rem; background: rgb(0 123 207 / 15%); border: 1px solid rgb(0 123 207 / 25%); border-radius: 50%; font-size: 1em; opacity: 1; backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); box-sizing: border-box; } 
.infographic_wrap .infographic_group.w2 { width: 100%; } 
.infographic_wrap .infographic_group .item h4 { font-size: 1.125em; font-weight: 700; } 
.infographic_wrap .infographic_group .item p { color: #333; } 

.infographic_wrap.c2 h3 { background: var(--siteCG); } 
.infographic_wrap.c2 .infographic_group:before { background: var(--siteCG); } 
.infographic_wrap.c2 .infographic_group:after { border-color: var(--siteCG); } 
.infographic_wrap.c2 .infographic_group .item { background: rgb(35 181 0 / 15%); border: 1px solid rgb(35 181 0 / 25%); } 

.infographic_wrap.c3 h3 { background: var(--siteCO); } 
.infographic_wrap.c3 .infographic_group:before { background: var(--siteCO); } 
.infographic_wrap.c3 .infographic_group:after { border-color: var(--siteCO); } 
.infographic_wrap.c3 .infographic_group .item { background: rgb(255 162 2 / 15%); border: 1px solid rgb(255 162 2 / 25%); } 

.project_detail { margin-top: 3em; } 
.project_detail li { background: #f4f4f4; border: 1px solid #ddd; margin-bottom: 1em; border-radius: 1em; overflow: hidden; } 
.project_detail li:last-child { margin-bottom: unset; } 
.project_detail li .img { width: 50%; height: 23em; overflow: hidden; } 
.project_detail li .img img { width: 100%; height: 100%; object-fit: cover; } 
.project_detail li .tbox { width: 50%; padding: 3em 3em; box-sizing: border-box; } 
.project_detail li .tit { font-size: 1.25em; font-weight: 800; margin-bottom: .5em; } 
.project_detail li .txt { font-size: 1em; line-height: 1.6; color: #171717; margin-bottom: 1em; } 
.project_detail li .tt { font-weight: 500; line-height: 1.6; padding-left: .8em; position: relative; } 
.project_detail li .tt::before { content: ''; width: 5px; height: 5px; border-radius: 50%; background: var(--siteC); position: absolute; left: 0; top: 8px; } 

/* location */
.map_list { } 
.map_list { gap:1em 1em; margin: 2.5em 0; } 
.map_list > li { flex:1; text-align:center; } 
.map_list > li .in { flex:1; } 
.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 + * { margin-top:1em; } 
.map_list .page_txt > .ico img { width:2.25em; } 

.map_wrap { position: relative; } 
.map_wrap .w100 { width: 100%; } 
.map_wrap .cont { display: none; } 

.loc_park_loc{ display: flex; align-items: start; gap: 1rem; width: 100%; border: 1px solid #ddd; padding: 2rem; box-sizing: border-box;}
.loc_park_loc > .parkImg{ width: calc((100% - 1rem) / 2);}
.loc_park_loc > .parkImg > img{ width: 100%; height: 100%; object-fit: contain;}

/* */
.board_info { border: 5px solid #edf1f2; padding: 1.5em 3em; gap: 3em; } 
.board_info .left_icon { width: 7%; } 
.board_info .right_tbox { flex: 1; } 
.board_info .right_tbox .tit { font-size: 1.125em; font-weight: 600; } 
.board_info .right_tbox .tx { font-size: 1.05em; margin-bottom: 0.5em; } 

/* */
.myCert_list ul { gap: 1em; } 
.myCert_list ul li { border-radius: 1em; box-shadow: 0 0 1em rgba(0, 0, 0, .1); background: #fff; overflow: hidden; padding: 2em; flex: 1 19%; max-width: 20%; } 
.myCert_list ul li .top { margin-bottom: 1em; } 
.myCert_list ul li .top .icon { background: #f1f1f1; width: 2.5em; height: 2.5em; line-height: 2.5em; text-align: center; border-radius: 50%; } 
.myCert_list ul li .top .icon .xi { color: var(--siteC); } 
.myCert_list ul li .middle { margin-bottom: 1em; } 
.myCert_list ul li .middle .tit { font-size: 1.05em; font-weight: 600; margin-bottom: 1em; } 
.myCert_list ul li .middle .data { font-size: .9em; opacity: .7; } 
.myCert_list ul li .bottom { gap: .5em; } 
.myCert_list ul li .bottom button { flex: 1; } 

/*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 { display: flex; align-items: center; justify-content: center; width: 100%; } 
.history-bg .txt-wrap > .tt { position:relative; font-size: 2.15rem; 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: 40%; right: 0; 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(40% + 60px); } 
.history-list > li:nth-child(odd) > dl { /* 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: 2.815rem; } 
.history-list > li:nth-child(odd) > dl > dt::before { /* right: auto; left: -5px; */ } 
.history-list > li > dl > dt { position: absolute; top: -12px; right: 60%; padding-right: 60px; padding-left: 0; font-weight: 800; } 
.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; display: flex; gap: .85rem; margin-bottom: 0.5em; padding-left: 1em; font-size: 1.125rem; color: #666; } 
.history-list > li > dl > dd .month { font-weight: 700; color: var(--siteC); width: 1.5rem; text-align: center; } 
.history-list > li:nth-child(odd) > dl > dd { /* margin-left: auto; flex-direction: row-reverse; */ } 
.history-list > li > dl > dd > p { } 

/* cert print */
.pop .printDiv { border:1px solid #ccc; } 
.pop .pop_page_print { position:relative; background:#fff; letter-spacing:0; width:210mm; max-width:100%; margin:0 auto; font-family:'맑은고딕','Malgun Gothic','ng',sans-serif; } 
.pop .pop_page_print .bg { text-align:center; } 
.pop .pop_page_print .txt_wrap { position:absolute; top:16%; bottom:9.5%; left:15%; right:15%; } 
.pop .pop_page_print .txt_wrap .no { font-size: .9em; text-align: left; } 
.pop .pop_page_print .txt_wrap .tit { text-align:center; padding:.8em 0 .8em; font-size:1.8em; font-weight:bold; letter-spacing:.1em; } 

.pop .pop_page_print .txt_wrap .info { margin-top:0.5em; } 
.pop .pop_page_print .txt_wrap .info > li { padding:.3em 0; overflow:hidden; } 
.pop .pop_page_print .txt_wrap .info > li .tt { display:block; } 
.pop .pop_page_print .txt_wrap .info > li .t1 { float:left; position:relative; width:6em; font-size:1em } 
.pop .pop_page_print .txt_wrap .info > li .t2 { /*margin-left:7em; */font-size:1em } 
.pop .pop_page_print .txt_wrap .info > li .t3 { font-size: 1.25em; } 
.pop .pop_page_print .txt_wrap .info > li .ls2 { letter-spacing:1.25em; } 
.pop .pop_page_print .txt_wrap .info > li .ls3 { letter-spacing:.875em; } 
.pop .pop_page_print .txt_wrap .info > li .ls4 { letter-spacing:.25em; } 
.pop .pop_page_print .txt_wrap .info > li .dot { position:absolute; top:-3px; right:7px; letter-spacing:0; } 
.pop .pop_page_print .txt_wrap .txt { line-height:1.6; } 
.pop .pop_page_print .txt_wrap .txt.t1 { margin-top:2em; font-size:1.05em; text-indent:1em; font-weight: bold; text-align: center; } 
.pop .pop_page_print .txt_wrap .txt.t2 { margin-top:3em; font-size:1em; } 
.pop .pop_page_print .txt_wrap .txt.t1 > i { display:inline; } 
.pop .pop_page_print .txt_wrap .txt.t1 .ls2 { letter-spacing:.125em; } 
.pop .pop_page_print .txt_wrap .sign { position:relative; text-align:center; margin-top: 1em; z-index: 2; } 
.pop .pop_page_print .txt_wrap .sign .tt.t1 { display:inline-block; position:relative; font-size:1.25em; font-weight:bold; } 
.pop .pop_page_print .txt_wrap .sign .stamp { position: absolute; top: 50%; transform: translateY(-50%); right: 1.25rem; z-index: 1; } 
.pop .pop_page_print .txt_wrap .sign .stamp > img { height: 60px; object-fit: contain; } 

@page { size:auto; -webkit-margin-before:0; -webkit-margin-end:0; -webkit-margin-after:0; -webkit-margin-start:0; } 
.printBreak { page-break-before:always; } 

@media print { html,
 body { height:100vh; margin: 0 !important; padding: 0 !important; overflow: hidden; } 
 
.noprint { display:none; } 
.printBreak { display:none; } 

 .pop .printDiv { border: unset; } 
 .pop .pop_page_print { page-break-before:always; position: relative; font-family:"바탕","Batang",serif; background:unset; } 
 .pop .pop_page_print:first-child { page-break-before:avoid; } 

 .pop .pop_page_print .bg { width: 100%; height: 100%; } 
 .pop .pop_page_print .txt_wrap { font-size:1.25em; word-break:keep-all; padding-top: 1em; } 
 .pop .pop_page_print .txt_wrap .info { margin-top:1em; } 
 .pop .pop_page_print .txt_wrap .info > li .t1 { font-size:1.125em; font-weight: bold; } 
 .pop .pop_page_print .txt_wrap .info > li .t2 { font-size:1.05em; } 
 .pop .pop_page_print .txt_wrap .info > li .t3 { font-size:1.05em; } 
 .pop .pop_page_print .txt_wrap .txt { margin-top:1em; } 
 .pop .pop_page_print .txt_wrap .txt.t1 { margin-top:2em; text-indent:1.25em; letter-spacing:.005em; font-size:1.375em; font-weight: bold; } 
 .pop .pop_page_print .txt_wrap .txt.t2 { margin-top:2em; font-size: 1.125em; letter-spacing:.125em; } 
 .pop .pop_page_print .txt_wrap i { display:inline; } 
 .pop .pop_page_print .txt_wrap .sign .tt.t1 { font-weight:bold; letter-spacing:.01em; text-indent:.01em; font-size: 1.25em; } 
 }

/* 서브 공통 */

/* tab */
.sub_tab_2.st1 .tab_idx { background:url(../images/sub2/sub2_2_tabline.jpg) repeat-x left 46px; overflow: hidden; display:flex; align-items: center; justify-content: center; width: 100%; box-sizing: border-box; border-radius: 100px;} 
.sub_tab_2.st1 .tab_idx > li { position: relative; text-align: center; padding:1em 2em; flex: 1; background: #f7f7f7; box-sizing: border-box; font-size:1.19em; font-weight: 600; color:#333; cursor:pointer; transition:.3s; } 
.sub_tab_2.st1 .tab_idx > li.tab1 { padding:14px 28px; } 
.sub_tab_2.st1 .tab_idx > li.tab2 { padding:14px 28px; } 
.sub_tab_2.st1 .tab_idx > li.tab3 { padding:14px 28px; } 
.sub_tab_2.st1 .tab_idx > li.tab4 { padding:14px 28px; } 
.sub_tab_2.st1 .tab_idx > li.tab5 { padding:14px 28px; } 
.sub_tab_2.st1 .tab_idx > li.tab6 { padding:14px 27px 14px 28px; } 
.sub_tab_2.st1 .tab_idx > li::after { display: none; } 

.sub_tab_2.st1 .tab_idx > li.on { color: #fff; background: var(--siteC); font-weight:700; /* box-shadow: 0 11px 16px rgba(0, 0, 0, 0.12); */ } 


/* sub 공통 */
.page_con ~ .sub_top { margin-top: 7em; } 

.sub_tit .page_tt { display: inline; background: linear-gradient(transparent 70%, rgba(56, 71, 155, 0.2) 0); box-decoration-break: clone; -webkit-box-decoration-break: clone; } 

.con_tit { position: relative; } 
.con_tit::after { content: ''; display: inline-block; width: 12px; height: 12px; background-color: var(--siteC); border-radius: 50%; position: relative; top: -30px; left: 3px; } 

.slogan_tit { position: relative; height: 13em; display: flex; justify-content: flex-end; align-items: center; flex-direction: column; gap: 1em; } 
.slogan_tit::before { position: absolute; content: ''; background: url(../images/inc/logoS.svg); background-repeat: no-repeat; width: 100%; height: 13em; background-size: 100% 100%; top: 0; left: 50%; transform: translateX(-50%); z-index: -1; opacity: 0.12; } 

/**/
.page_tt { font-size: 1em; word-break: keep-all; line-height: 1.5; } 
.page_tt > .tt + .tt { margin-top: 1.25em; } 
.page_tt.o1 { opacity: .7; } 
.page_tt.o2 { opacity: .1; } 
.page_tt.s1 { font-size: 0.938em } 
.page_tt.s2 { font-size: 1.063em } 
.page_tt.s3 { font-size: 1.125em } 
.page_tt.s4 { font-size: 1.250em } 
.page_tt.s5 { font-size: 1.313em } 
.page_tt.s6 { font-size: 1.500em } 
.page_tt.s7 { font-size: 1.875em } 
.page_tt.s8 { font-size: 2.250em } 
.page_tt.s9 { font-size: 2.38em } 
.page_tt.s10 { font-size: 2.75em } 
.page_tt.s11 { font-size: 3.500em } 
.page_tt.s12 { font-size: 4.000em; } 
.page_tt.s13 { font-size: 4.500em; } 
.page_tt.s14 { font-size: 5.000em; } 
.page_tt.dotq { position: relative; margin-top: 2em; } 
.page_tt.dotq::before { content: ''; position: absolute; background: url(../images/sub/dott_img01.png); background-repeat: no-repeat; width: 50px; height: 40px; background-size: 100%; top: -1.8em; left: 50%; transform: translateX(-50%); opacity: 0.4; } 

/* 공익활동안내 */
.D_table { position: relative; margin-top: 3em; text-align: center; } 
.D_table .Dtab_top { display: flex; justify-content: space-between; gap: 1em; align-items: center; margin-bottom: 2em; } 
.D_table .Dtab_top .line { width: 20%; height: 1px; background: var(--siteC); } 
.D_table .Dtab_tit { font-size: 1.25em; background: var(--siteC); color: #fff; line-height: 1.5; font-weight: 300; padding: 1em 1.5em; border-radius: 100px; width: 80%; border: 3px solid var(--siteC); display: inline-block; } 
.D_table .Dtab_tit .big { font-size: 1.25em; font-weight: 500; } 
.D_table .Dtab_con { padding: 2em; background: #fff; border: 4px dashed #ddd; border-radius: 2em; } 
.D_table .Dtab_con .D_info { display: flex; gap: .7em .5em; padding: 2em; background: #f7f7f7; flex-wrap: wrap; align-items: center; border-radius: 2em; } 
.D_table .Dtab_con .D_info li { font-weight: 500; font-size: 1.06em; position: relative; flex: 1 1 14%; background: #fff; color: var(--siteC); flex-shrink: 0; padding: .7em 0; border-radius: 100px; } 
/* .D_table .Dtab_con .D_info li::before { content: ''; position: absolute; right: -1.3em; top: 5px; width: 1px; height: 60%; background: #ccc; } */

.safety2_con1 { border: 5px solid #ccc; padding: 1.5em 2em; gap: 2em; } 
.safety2_con1 .left_icon { width: 7%; } 
.safety2_con1 .right_tbox { flex: 1; } 
.safety2_con1 .right_tbox .tit { font-size: 1.125em; font-weight: 600; margin-bottom: 0.5em; } 
.safety2_con1 .right_tbox .tx { font-size: 1.05em; } 

.safety2_con2 { margin-top: 2em } 
.safety2_con2 .in_con { margin-bottom: 1em; } 
.safety2_con2 .in_con .tit { font-size: 1.125em; font-weight: 600; position: relative; padding-left: .7em; } 
.safety2_con2 .in_con .tit::before { position: absolute; content: ''; background: var(--siteC); width: 4px; height: 70%; border-radius: 3em; left: 0; top: 3px; } 

.safety2_con3 { margin-top: 3em } 
.safety2_con3 .con3_list { margin-top: 2em; gap: 2.5em 1.5em; align-items: stretch; flex-wrap: wrap; } 
.safety2_con3 .con3_list > li { flex: 1 1 calc((100% - 1.5em) / 2); max-width: calc((100% - 1.5em) / 2); box-sizing: border-box; position: relative; background: #f7f7f7; padding: 1.5em 1em; text-align: center; border-radius: 1em; } 
.safety2_con3 .con3_list > li.bg1 { background: #eef1ff; } 

.safety2_con3 .con3_list > li.bg2 { background: #fff8ed; } 
.safety2_con3 .con3_list > li.bg3 { background: #ebf7e3; } 
.safety2_con3 .con3_list > li .num { position: absolute; font-family: var(--ffT); color: var(--siteC); width: 2.5em; height: 2.5em; font-weight: 600; font-size: 2.88em; border-radius: 50%; line-height: 2.5em; top: -35%; right: 1em; } 
.safety2_con3 .con3_list > li.bg3 .num { color: var(--siteCG); } 
.safety2_con3 .con3_list > li.bg2 .num { color: var(--siteCO); } 
.safety2_con3 .con3_list > li .arrow { position: absolute; right: -17.4%; top: 50%; transform: translate(-50%, -50%); } 
.safety2_con3 .con3_list > li .tit { font-weight: 600; font-size: 1.5em; margin-top: .4em; } 
.safety2_con3 .con3_list > li .tt { margin-top: 1em; border-top: 1px dashed #ddd; padding-top: 1em; min-height: 2.6em; line-height: 1.4; } 

.CouselDiv { display: flex; flex-direction: column; } 
.CouselDiv .CouselItem { display: flex; gap: 1.3em; flex: 1; } 
.CouselItem ~ .CouselItem { margin-top: 1em; } 
.CouselDiv .CouselItem .csTit { width: 25%; background: var(--siteC); color: #fff; border-radius: .5em; display: flex; justify-content: center; align-items: center; font-size: 1.25em; text-align: center; font-weight: 600; padding: 2em; box-sizing: border-box; } 
.CouselDiv .CouselItem .csTit .tit { line-height: 1.5; } 
.CouselDiv .CouselItem .csTxt { width: 75%; background: #f7f7f7; padding: 2em; box-sizing: border-box; border-radius: 1em; } 
.CouselDiv .CouselItem .csTxt .ttdot + .ttdot { margin-top: 0.45em; } 
.CouselDiv .CouselItem .csTxt .t1 { font-size: 1.25em; font-weight: 700; padding-bottom: .5em; margin-bottom: 0.5em; border-bottom: 1px solid #ddd; } 

/* .CouselDiv .CouselItem .csTxt,
.CouselDiv .CouselItem .csTxt { min-height: 11em; } */
.CouselDiv.h50 .CouselItem .csTxt,
.CouselDiv.h50 .CouselItem .csTxt { min-height: 20em; } 
.memBannerSlider { width: 100%; flex: none; } 

/*공간영상*/
.youtubevod{ }
.youtubevod iframe{ width: 100%; height: 40rem; border-radius: 1rem; overflow: hidden;}