@charset "utf-8";
/* CSS Document */
:root{
--headerH : 11vmin;
--headerH1 : 6vmin;
--headerH2 : 11vmin;
--headerH3 : 6vmin;
--headerHbn : 9vmin;
--siteC : #00467e;
--siteC2 : #67747f;
--siteC3 : #4fb1ff;
--siteBg1 : #eef6fd;
}
.boxN0{ padding:0 3vmin; box-sizing:border-box}
.boxN1{ width:1400px; margin:0 auto}
.nMo{ display:none}

a:link, a:visited, a:active, a:hover{color:inherit}

.swiperBtn{ width:2.5em; height:2.5em; position: static; display:flex; align-items:center; justify-content:center; z-index:100; cursor:pointer; font-size:1.125em; opacity:1; transition:.3s}
.swiperBtn:before{font-family:xeicon}
.swiperBtn.prev:before{content:"\e93d"}
.swiperBtn.next:before{content:"\e940"}
.swiperBtn.vertical.prev:before{ transform:rotate(-90deg)}
.swiperBtn.vertical.next:before{ transform:rotate(-90deg)}
.swiperBtn.pause:before{content:"\ea3b"}
.swiperBtn.play:before{content:"\ea3e"}
.swiperBtn.ab{ position:absolute; top:50%;}
.swiperBtn.ab.prev{ left:0; transform:translate(-50%, -50%)}
.swiperBtn.ab.next{ right:0; transform:translate(50%, -50%)}
.swiperBtn.ab.in.prev{ transform:translate(.5em, -50%)}
.swiperBtn.ab.in.next{ transform:translate(-.5em, -50%)}
.swiperBtn.line{ border:1px solid #ddd}
.swiperBtn.round{ border-radius:50%}
.swiperBtn.s1{ font-size:1.5em}
.swiperBtn.ico1.prev:before{ content:"\e908"}
.swiperBtn.ico1.next:before{ content:"\e90b"}
.swiperBtn:hover{ background:#111; color:#fff}
.swiperBtn.white{ color:#fff; border-color:rgba(255,255,255,.5)}
.swiperBtn.c1{ background:#666; color:#fff; border-color:transparent}
.swiperBtn.c1:hover{ background:#333}
.swiperBtn.line.white:hover,
.swiperBtn.line.white.play{ background:#1f5aa7; border-color:rgba(255,255,255,.2)}

.swiperControl{ display:flex; align-items:center; gap:.5em; z-index:10}
.swiperControl.hc{ justify-content:center;}
.swiperControl .paging{ position:relative; width:auto; display:flex; align-items:center}
.swiperControl .paging.grow{ flex:1 1 0%; min-width:0}
.swiperControl .paging.swiper-pagination-progressbar{ flex:1; min-width:0; height:2px;}
.swiperControl .paging.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{ background:#111}
.swiperControl .paging.swiper-pagination-fraction{ line-height:1; bottom:1em }
.swiperControl .paging.swiper-pagination-fraction > span.swiper-pagination-current{ color:var(--siteC); font-size:1.063em; font-weight:700}
.swiperControl .paging.swiper-pagination-fraction > span.swiper-pagination-total{ color:#333; padding-left:.5em; margin-left:.5em; position:relative}
.swiperControl .paging.swiper-pagination-fraction > span.swiper-pagination-total:before{ content:""; position:absolute; left:0; top:0; width:1px; height:100%; background:#333; transform:rotate(30deg)}
.swiperControl .paging .swiper-pagination-bullet{ position:relative; border:1px solid #111; background:none; opacity:1; border-radius:0; width:.5em; height:.5em}
.swiperControl .paging .swiper-pagination-bullet.swiper-pagination-bullet-active{ width:12vmin; height:1px; background:#111; border:none}
.swiperControl .paging.white{ filter:brightness(0) invert(1)}

.swiperPauseWrap .play{ display: none}
.swiperPauseWrap.pause .play{ display: flex; background:#111; color:#fff}
.swiperPauseWrap.pause .pause{ display: none}
.swiperPaging span.swiper-pagination-progressbar-fill{ background:#111}
.slider_wrap{ position:relative}

.ps05{ margin-top:1vmin !important}
.ps1{ margin-top:2vmin !important}
.ps2{ margin-top:4vmin !important}
.ps3{ margin-top:6vmin !important}
.ps4{ margin-top:8vmin !important}
.ps5{ margin-top:10vmin !important}
.ps{ margin-top:8vmin !important}

.soon{background:#fff; border:1px solid transparent; background:#f5f5f5; color:#333; height:50vh; padding:1em}
.soon .img{ width:10em; padding-bottom:120%; margin-right:2em}
.soon .xi{ font-size:16em; opacity:.1}
.soon .tt .t1{ display:block; font-weight:700; font-size:3em}
.soon .tt .t2{ display:block; font-size:1.25em; opacity:.5}

/**/
#header.new2{ top:0}
.headerH{ height:var(--headerH)}
#header.new2 .banner_wrap .wrapF{ display:flex; align-items:center; background:#333; color:#fff; gap:4vmin; box-sizing:border-box; min-height:6vmin}
#header.new2 .topBanner{ display:flex; flex:1; color:#fff; margin-left:-3vmin}
#header.new2 .topBanner .topBannerSlideW{ flex:1; max-width:1000px; position:relative}
#header.new2 .topBanner .topBannerSlideW .resize{ padding-bottom:8.3333%}
#header.new2 .topBanner .topBannerSlideW .topBannerSlide{ position:absolute; left:0; top:0; width:100%; height:100%; border:1px solid rgba(255,255,255,.2); border-top:none; border-bottom:none; box-sizing:border-box;}
#header.new2 .topBanner .topBannerSlideW .topBannerSlide .el{ height:100%}
#header.new2 .topBanner .topBannerSlideW .topBannerSlide .el .bg{ display:block; height:100%; background-size:cover}
#header.new2 .topBanner .swiperControl{ background:#777; gap:1px}
#header.new2 .topBanner .swiperControl .swiperBtn{ height:100%; width:5vmin; box-sizing:border-box}
#header.new2 .sns_wrap{ margin-left:auto; display:flex; align-items:center; gap:1vmin}
#header.new2 .sns_wrap .tit{ font-weight:700; gap:1vmin; display:flex; align-items:center}

#header.new2 .logoWrap .wrapF{ display:flex; gap:0 6vmin; height:var(--headerH); align-items:center; padding-right:0}
#header.new2 .logoWrap .logo img{ display:block; height:4.25vmin}
#header.new2 .logoWrap .gnb_wrap{ flex:1; margin:0 auto}
#header.new2 .logoWrap .gnb_wrap .gnb{ justify-content:space-around}
#header.new2 .logoWrap .gnb_wrap .gnb > li .dp1 .va{ font-weight:700; font-size:1.188em; position:relative}
#header.new2 .logoWrap .gnb_wrap .gnb > li .dp1 .va:after{ content:""; position:absolute; right:0; top:0; width:.5em; height:.5em; background:var(--siteC); border-radius:50%; transform:translate(120%,0); opacity:0}
#header.new2 .logoWrap .gnb_wrap .gnb > li:hover .dp1,
#header.new2 .logoWrap .gnb_wrap .gnb > li.on .dp1{ color:var(--siteC)}
#header.new2 .logoWrap .gnb_wrap .gnb > li.on .dp1 .va:after{ opacity:1}
#header.new2 .logoWrap .gnb_wrap .gnb > li .dp2{ display:none}
#header.new2 .logoWrap .etc_wrap{ display:flex; align-items:center; gap:3vmin}
#header.new2 .logoWrap .etc_wrap .wrapBtn{ display:flex; align-items:center; justify-content:center;}
#header.new2 .logoWrap .etc_wrap .wrapBtn .va{ display:flex; align-items:center; gap:.5vmin}
#header.new2 .mem_wrap{ display:flex; align-items:center; gap:3vmin}
#header.new2 .mem_wrap > li > a{ position:relative; font-size:.938em; opacity:.7; display:flex; align-items:center; gap:.5vmin}
#header.new2 .mem_wrap > li > a .xi{ font-size:1em}
#header.new2 .mem_wrap > li:not(:first-child) > a:before{ content:""; position:absolute; left:-1.5vmin; top:50%; width:1px; height:1em; transform:translateY(-50%); background:#ddd}
#header.new2 .mem_wrap > li > a:hover{ opacity:1}
#header.new2 .logoWrap .etc_wrap .mem_wrap > li > a:hover{ color:var(--siteC)}
#header.new2 .logoWrap .etc_wrap .menu_wrap .all_wrap .wrapBtn{ width:calc(var(--headerH) *.9); background:none; border:none; position:relative; color:var(--siteC)}
#header.new2 .logoWrap .etc_wrap .menu_wrap .all_wrap .wrapBtn:before{ content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:var(--siteC); opacity:.2}
#header.new2 .logoWrap .etc_wrap .menu_wrap .all_wrap .wrapBtn .va{ flex-direction:column; position:relative}
#header.new2 .logoWrap .etc_wrap .menu_wrap .all_wrap .all{ overflow-y:auto; padding-bottom:4vmin; z-index:10}
#header.new2 .logoWrap .etc_wrap .menu_wrap .all_wrap .all .gnb > li .dp2 > li > a{ min-width:12em}
#header.new2 .logoWrap .etc_wrap .lang_wrap{ position:relative}
#header.new2 .logoWrap .etc_wrap .lang_wrap .wrapBtn{ background:#f5f5f5; padding:0 2vmin; height:5vmin; border-radius:5vmin}
#header.new2 .logoWrap .etc_wrap .lang_wrap .wrapBtn .va{ font-size:.875em; color:#333; font-weight:500}
#header.new2 .logoWrap .etc_wrap .lang_wrap .wrapBtn .arrow{ margin-left:1vmin}
#header.new2 .logoWrap .etc_wrap .lang_wrap .wrapBtn .arrow:before{content:"\e936"; transition:.5s; display:block}
#header.new2 .logoWrap .etc_wrap .lang_wrap.on .wrapBtn .arrow:before{ transform:rotate(180deg)}
#header.new2 .logoWrap .etc_wrap .lang_wrap .langList{ position:absolute; left:0; top:100%; width:100%; background:#f5f5f5; border-radius:0 0 2vmin 2vmin; visibility:hidden; opacity:0; transition:.3s}
#header.new2 .logoWrap .etc_wrap .lang_wrap .langList > li > a{ display:flex; align-items:center; gap:1vmin; box-sizing:border-box; padding:0 2vmin; height:4vmin}
#header.new2 .logoWrap .etc_wrap .lang_wrap .langList > li > a:after{ content:"\e907"; font-family:xeicon; margin-left:auto; display:block}
#header.new2 .logoWrap .etc_wrap .lang_wrap .langList > li.on > a:after{ content:"\e928"}
#header.new2 .logoWrap .etc_wrap .lang_wrap .langList > li:not(.on) > a:after{ transform:translateX(100%); opacity:0; transition:.3s}
#header.new2 .logoWrap .etc_wrap .lang_wrap .langList > li:not(.on):hover > a{ background:rgba(0,0,0,.1)}
#header.new2 .logoWrap .etc_wrap .lang_wrap .langList > li:not(.on):hover > a:after{ transform:translateX(0); opacity:1}
#header.new2 .logoWrap .etc_wrap .lang_wrap .langList > li > a img{ height:1em; border:2px solid #fff; display:block; border-radius:50%}
#header.new2 .logoWrap .etc_wrap .lang_wrap.on .wrapBtn{ border-radius:2vmin 2vmin 0 0}
#header.new2 .logoWrap .etc_wrap .lang_wrap.on .langList{ visibility: visible; opacity:1}

#header.new3{ top:0; background:#fff}
#header.new3 .banner_wrap .wrapF{ display:flex; align-items:center; background:#333; color:#fff; gap:4vmin; box-sizing:border-box; min-height:6vmin}
#header.new3 .topBanner{ display:inline-flex; flex:1; color:#fff; margin-left:-3vmin; border:1px solid rgba(255,255,255,.2); border-top:none; border-bottom:none;}
#header.new3 .topBanner .topBannerSlideW{ flex:1; max-width:1000px; position:relative; height:var(--headerHbn)}
#header.new3 .topBanner .topBannerSlideW .topBannerSlide{ height:100%; box-sizing:border-box;}
#header.new3 .topBanner .topBannerSlideW .topBannerSlide .el{ height:100%}
#header.new3 .topBanner .topBannerSlideW .topBannerSlide .el .bg{ display:block; height:100%; background-size:cover}
#header.new3 .topBanner .topBannerSlideW .topBannerSlide .el .bg img{ display:block; height:100%}
#header.new3 .topBanner .swiperControl{ background:#777; gap:1px}
#header.new3 .topBanner .swiperControl .swiperBtn{ height:100%; width:5vmin; box-sizing:border-box}
#header.new3 .sns_wrap{ margin-left:auto; display:flex; align-items:center; gap:1vmin}
#header.new3 .sns_wrap .tit{ font-weight:700; gap:1vmin; display:flex; align-items:center}

#header.new3 .logoWrap .wrapF{ display:flex; gap:0 6vmin; height:var(--headerH2); align-items:center; padding-right:0}
#header.new3 .logoWrap .logo{ margin:0 auto}
#header.new3 .logoWrap .logo img{ display:block; height:5.5vmin}
#header.new3 .gnbWrap{ border-top:1px solid #eee}
#header.new3 .gnbWrap .wrapF,
#header.new3 .gnbWrap .gnb_wrap .gnb > li .dp1{ height:var(--headerH3)}
#header.new3 .gnbWrap .gnb_wrap{ flex:1; margin:0 auto}
#header.new3 .gnbWrap .gnb_wrap .gnb{ justify-content:space-around}
#header.new3 .gnbWrap .gnb_wrap .gnb > li .dp1 .va{ font-weight:700; font-size:1.188em; position:relative}
#header.new3 .gnbWrap .gnb_wrap .gnb > li .dp1 .va:after{ content:""; position:absolute; right:0; top:0; width:.375em; height:.375em; background:var(--siteC); border-radius:50%; transform:translate(120%,0); opacity:0}
#header.new3 .gnbWrap .gnb_wrap .gnb > li:hover .dp1,
#header.new3 .gnbWrap .gnb_wrap .gnb > li.on .dp1{ color:var(--siteC)}
#header.new3 .gnbWrap .gnb_wrap .gnb > li.on .dp1 .va:after{ opacity:1}
#header.new3 .gnbWrap .gnb_wrap .gnb > li .dp2{ display:none}
#header.new3 .homeWrap{ background:#333; border-bottom:1px solid rgba(255,255,255,.2); position:relative; z-index:100}
#header.new3 .homeWrap .wrapF{ display:flex; gap:0 6vmin; height:var(--headerH1); align-items:center; padding-right:0}
#header.new3 .homeWrap .etc_wrap{ display:flex; align-items:center; gap:3vmin; position:relative; z-index:1; margin-left:auto}
#header.new3 .homeWrap .etc_wrap .wrapBtn{ display:flex; align-items:center; justify-content:center;}
#header.new3 .homeWrap .etc_wrap .wrapBtn .va{ display:flex; align-items:center; gap:.5vmin}
#header.new3 .homeWrap .mem_wrap{ display:flex; align-items:center; gap:3vmin; color:#fff}
#header.new3 .homeWrap .mem_wrap > li > a{ position:relative; font-size:.938em; opacity:.7; display:flex; align-items:center; gap:.5vmin}
#header.new3 .homeWrap .mem_wrap > li > a .xi{ font-size:1em}
#header.new3 .homeWrap .mem_wrap > li:not(:first-child) > a:before{ content:""; position:absolute; left:-1.5vmin; top:50%; width:1px; height:1em; transform:translateY(-50%); background:#ddd}
#header.new3 .homeWrap .mem_wrap > li > a:hover{ opacity:1}
#header.new3 .homeWrap .mem_wrap > li > a:hover{ color:var(--siteC)}
#header.new3 .homeWrap .menu_wrap .all_wrap .wrapBtn{ padding:0 3vmin; background:none; border:none; position:relative; color:#fff; height:var(--headerH1); width:auto}
#header.new3 .homeWrap .menu_wrap .all_wrap .wrapBtn:before{ content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:var(--siteC)}
#header.new3 .homeWrap .menu_wrap .all_wrap .wrapBtn .va{ position:relative}
#header.new3 .homeWrap .menu_wrap .all_wrap .wrapBtn .menu_tx{ font-size:1em; font-weight:500}
#header.new3 .homeWrap .menu_wrap .all_wrap .wrapBtn .xi{ font-size:1.5em}
#header.new3 .homeWrap .menu_wrap .all_wrap .all{ overflow-y:auto; padding-bottom:4vmin; z-index:10}
#header.new3 .homeWrap .menu_wrap .all_wrap .all .gnb > li .dp2 > li > a{ min-width:12em}
#header.new3 .menu_wrap .all_wrap .all .all_top .logo > a img{ height:3em}
#header.new3 .homeWrap .lang_wrap{ position:relative}
#header.new3 .homeWrap .lang_wrap .wrapBtn{ background:#f5f5f5; padding:0 2vmin; height:4vmin; border-radius:5vmin}
#header.new3 .homeWrap .lang_wrap .wrapBtn .va{ font-size:.875em; color:#333; font-weight:500}
#header.new3 .homeWrap .lang_wrap .wrapBtn .arrow{ margin-left:1vmin}
#header.new3 .homeWrap .lang_wrap .wrapBtn .arrow:before{content:"\e936"; transition:.5s; display:block}
#header.new3 .homeWrap .lang_wrap.on .wrapBtn .arrow:before{ transform:rotate(180deg)}
#header.new3 .homeWrap .lang_wrap .langList{ position:absolute; left:0; top:100%; width:100%; background:#f5f5f5; border-radius:0 0 2vmin 2vmin; visibility:hidden; opacity:0; transition:.3s}
#header.new3 .homeWrap .lang_wrap .langList > li > a{ display:flex; align-items:center; gap:1vmin; box-sizing:border-box; padding:0 2vmin; height:4vmin; font-size:.938em}
#header.new3 .homeWrap .lang_wrap .langList > li > a:after{ content:"\e907"; font-family:xeicon; margin-left:auto; display:block}
#header.new3 .homeWrap .lang_wrap .langList > li.on > a:after{ content:"\e928"}
#header.new3 .homeWrap .lang_wrap .langList > li:not(.on) > a:after{ transform:translateX(100%); opacity:0; transition:.3s}
#header.new3 .homeWrap .lang_wrap .langList > li:not(.on):hover > a{ background:rgba(0,0,0,.1)}
#header.new3 .homeWrap .lang_wrap .langList > li:not(.on):hover > a:after{ transform:translateX(0); opacity:1}
#header.new3 .homeWrap .lang_wrap .langList > li > a img{ height:1em; border:2px solid #fff; display:block; border-radius:50%}
#header.new3 .homeWrap .lang_wrap.on .wrapBtn{ border-radius:2vmin 2vmin 0 0}
#header.new3 .homeWrap .lang_wrap.on .langList{ visibility: visible; opacity:1}

.fp-enabled #header.new3{ position:absolute; background:#fff}
html.fp-enabled body:not(.fp-viewing-0) #header.new3{ opacity:0; transform:translateY(-100%)}
html.scroll #header.new3{transition:opacity 1s}
.fp-enabled #header.new3 ~ #contents .visualSlide_wrap,
.fp-enabled #header.new3 ~ #contents .visualSlideSlogan_wrap{ padding-top:calc(var(--headerH1) + var(--headerH2) + var(--headerH3) + var(--headerHbn)); height:100%; box-sizing:border-box;}

#header.new4{
--headerH1 : 6vmin;
--headerH2 : 6vmin;
--headerH3 : 7vmin;
top:0; background:#fff; position:absolute; box-shadow:none; max-height:calc(var(--headerH1) + var(--headerH2) + var(--headerH3))}
#header.new4:hover{ max-height:100vh; transition:max-height .5s; box-shadow:0 4vmin 4vmin rgba(0,0,0,.2)}
.sub #header.new4 {border-bottom: 1px solid #ddd;}
#header.new4 .banner_wrap .wrapF{ display:flex; align-items:center; gap:4vmin; box-sizing:border-box; min-height:6vmin}
#header.new4 .sns_wrap{ display:flex; align-items:center; gap:1vmin}
#header.new4 .sns_wrap .tit{ font-weight:700; gap:1vmin; display:flex; align-items:center}
#header.new4 .logoWrap .wrapF{ display:flex; gap:0 6vmin; height:var(--headerH2); padding-right:0}
#header.new4 .logoWrap .logo{ margin:0 auto}
#header.new4 .logoWrap .logo > a{ display:block; height:5vmin; overflow:hidden}
#header.new4 .logoWrap .logo .in,
#header.new4 .logoWrap .logo .in img{ display:block; height:100%}
#header.new4 .gnbWrap .gnb_wrap .gnb > li .dp1{ height:var(--headerH3)}
#header.new4 .gnbWrap .gnb_wrap{ flex:1; margin:0 auto}
#header.new4 .gnbWrap .gnb_wrap .gnb{ justify-content:space-around; gap:2vmin}
#header.new4 .gnbWrap .gnb_wrap .gnb > li{ flex:1; display:flex; flex-direction:column}
#header.new4 .gnbWrap .gnb_wrap .gnb > li .dp1 .va{ font-weight:700; font-size:1.188em; position:relative}
#header.new4 .gnbWrap .gnb_wrap .gnb > li .dp1 .va:after{ content:""; position:absolute; right:0; top:0; width:.375em; height:.375em; background:var(--siteC); border-radius:50%; transform:translate(150%,0); opacity:0}
#header.new4 .gnbWrap .gnb_wrap .gnb > li:hover .dp1,
#header.new4 .gnbWrap .gnb_wrap .gnb > li.on .dp1{ color:var(--siteC)}
#header.new4 .gnbWrap .gnb_wrap .gnb > li:hover .dp1 .va:after,
#header.new4 .gnbWrap .gnb_wrap .gnb > li.on .dp1 .va:after{ opacity:1; transition:.3s}
#header.new4 .gnbWrap .gnb_wrap .gnb > li .dp2{ position:relative; display:flex; flex-direction:column}
#header.new4 .gnbWrap .gnb_wrap .gnb > li.m_centerN .dp2 > li.sm_0000{ display:none}
#header.new4 .gnbWrap .gnb_wrap:hover:after{ content:""; position:absolute; left:0; top:100%; width:100%; height:4vmin; background:#fff; border-radius:0 0 4vmin 4vmin}
#header.new4 .gnbWrap .gnb_wrap .gnb > li .dp2{ position:relative; visibility:hidden; opacity:0; box-sizing:border-box; max-height:0; overflow:hidden; border-radius:2vmin; background:#f7f7f7}
#header.new4 .gnbWrap .gnb_wrap:hover .gnb > li .dp2{ visibility:visible; opacity:1; padding:1vmin 2vmin 2vmin; transition:max-height .6s; max-height:100vh}
#header.new4 .gnbWrap .gnb_wrap .gnb > li .dp2 > li > a{ text-align:left; padding:.3vmin}
#header.new4 .gnbWrap .gnb_wrap .gnb > li .dp2 > li > a .va{ font-size:.938em}
#header.new4 .gnbWrap .gnb_wrap .gnb > li .dp2 > li:hover > a{ color:var(--siteC3)}
#header.new4 .gnbWrap .gnb_wrap .gnb > li .dp2 > li:hover > a .va{ text-decoration:underline }
#header.new4 .gnbWrap .gnb_wrap .gnb > li .dp3{ display:none}
#header.new4 .homeWrap{ position:relative; z-index:100}
#header.new4 .homeWrap .wrapF{ display:flex; gap:0 6vmin; height:var(--headerH1); align-items:center; padding-right:0}
#header.new4 .homeWrap .etc_wrap{ display:flex; align-items:center; gap:3vmin; position:relative; z-index:1; margin-left:auto}
#header.new4 .homeWrap .etc_wrap .wrapBtn{ display:flex; align-items:center; justify-content:center;}
#header.new4 .homeWrap .etc_wrap .wrapBtn .va{ display:flex; align-items:center; gap:.5vmin}
#header.new4 .homeWrap .mem_wrap{ display:flex; align-items:center; gap:3vmin}
#header.new4 .homeWrap .mem_wrap > li > a{ position:relative; font-size:.938em; opacity:.7; display:flex; align-items:center; gap:.5vmin}
#header.new4 .homeWrap .mem_wrap > li > a .xi{ font-size:1em}
#header.new4 .homeWrap .mem_wrap > li:not(:first-child) > a:before{ content:""; position:absolute; left:-1.5vmin; top:50%; width:1px; height:1em; transform:translateY(-50%); background:#ddd}
#header.new4 .homeWrap .mem_wrap > li > a:hover{ opacity:1}
#header.new4 .homeWrap .mem_wrap > li > a:hover{ color:var(--siteC)}
#header.new4 .homeWrap .menu_wrap .all_wrap .wrapBtn{ padding:0 3vmin; background:none; border:none; position:relative; color:#fff; height:var(--headerH1); width:auto; border-left:1px solid var(--headerBorderC)}
#header.new4 .homeWrap .menu_wrap .all_wrap .wrapBtn:before{ content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:var(--siteC)}
#header.new4 .homeWrap .menu_wrap .all_wrap .wrapBtn .va{ position:relative}
#header.new4 .homeWrap .menu_wrap .all_wrap .wrapBtn .menu_tx{ font-size:1em; font-weight:500}
#header.new4 .homeWrap .menu_wrap .all_wrap .wrapBtn .xi{ font-size:1.5em}
#header.new4 .homeWrap .menu_wrap .all_wrap .all{ overflow-y:auto; padding-bottom:4vmin; z-index:10}
#header.new4 .homeWrap .menu_wrap .all_wrap .all .gnb > li .dp2 > li > a{ min-width:12em}
#header.new4 .menu_wrap .all_wrap .all .all_top .logo > a img{ height:3em}
#header.new4 .homeWrap .lang_wrap{ position:relative}
#header.new4 .homeWrap .lang_wrap .wrapBtn{ background:var(--siteBg1); border:1px solid transparent; padding:0 2vmin; height:4vmin; border-radius:5vmin}
#header.new4 .homeWrap .lang_wrap .wrapBtn .va{ font-size:.875em; opacity:.8; font-weight:500}
#header.new4 .homeWrap .lang_wrap .wrapBtn .arrow{ margin-left:1vmin}
#header.new4 .homeWrap .lang_wrap .wrapBtn .arrow:before{content:"\e936"; transition:.5s; display:block}
#header.new4 .homeWrap .lang_wrap.on .wrapBtn .arrow:before{ transform:rotate(180deg)}
#header.new4 .homeWrap .lang_wrap .langList{ position:absolute; left:0; top:100%; width:100%; background:var(--siteBg1); border-radius:0 0 2vmin 2vmin; visibility:hidden; opacity:0; transition:.3s}
#header.new4 .homeWrap .lang_wrap .langList > li > a{ display:flex; align-items:center; gap:1vmin; box-sizing:border-box; padding:0 2vmin; height:4vmin; font-size:.938em}
#header.new4 .homeWrap .lang_wrap .langList > li > a:after{ content:"\e907"; font-family:xeicon; margin-left:auto; display:block}
#header.new4 .homeWrap .lang_wrap .langList > li.on > a:after{ content:"\e928"}
#header.new4 .homeWrap .lang_wrap .langList > li:not(.on) > a:after{ transform:translateX(100%); opacity:0; transition:.3s}
#header.new4 .homeWrap .lang_wrap .langList > li:not(.on):hover > a{ background:rgba(0,0,0,.1)}
#header.new4 .homeWrap .lang_wrap .langList > li:not(.on):hover > a:after{ transform:translateX(0); opacity:1}
#header.new4 .homeWrap .lang_wrap .langList > li > a img{ height:1em; border:2px solid #fff; display:block; border-radius:50%}
#header.new4 .homeWrap .lang_wrap.on .wrapBtn{ border-radius:2vmin 2vmin 0 0}
#header.new4 .homeWrap .lang_wrap.on .langList{ visibility: visible; opacity:1}
.main #header.new4:not(:hover),
.main #header.new4:not(:hover) .homeWrap{ background:none; transition:background .5s}
.main #header.new4:not(:hover) .logoWrap .logo .in{transform:translateY(-100%)}
.main #header.new4:not(:hover) .homeWrap,
.main #header.new4:not(:hover) .gnbWrap .gnb_wrap .gnb > li .dp1{ color:#fff}
.main #header.new4:not(:hover) .homeWrap .menu_wrap .all_wrap .wrapBtn:before{ background:none}
.main #header.new4:not(:hover) .homeWrap .lang_wrap .wrapBtn{ background:none; border-color:rgba(255,255,255,.5)}

html.fp-enabled body:not(.fp-viewing-0) #header.new4{ opacity:0; transform:translateY(-100%)}
html.scroll #header.new4{transition:opacity 1s}

.centerN_gtt {display: none;}
#header.new4 .centerN_gtt {display: block; color: var(--siteC); font-weight: 600; font-size: .96em; padding: .5em 0;}
.menu_wrap .all_wrap .centerN_gtt {display: none !important;}
/* .fp-enabled #header.new4 ~ #contents .visualSlideSlogan_wrap{ padding-top:calc(var(--headerH1) + var(--headerH2) + var(--headerH3)); height:100%; box-sizing:border-box;} */

.sns_st{ display:flex; gap:.5vmin}
.sns_st > li > a{ width:4vmin; height:4vmin; border-radius:50%; color:#fff; display:flex; align-items:center; justify-content:center; position:relative}
.sns_st > li > a:before{ content:""; position:absolute; left:0; top:0; width:100%; height:100%; border-radius:inherit}
.sns_st > li a > *{ position:relative}
.sns_st > li.nv > a:before{ background:#07c63a}
.sns_st > li.fb > a:before{ background:#227bef}
.sns_st > li.ig > a:before{ background: linear-gradient(45deg, #F58529, #DD2A7B, #8134B8, #515BD4);}
.sns_st > li.yt > a:before{ background:#e32a25}

#footer.new2{ background:#0c1c28; color:#fff}
#footer.new2 .menu_wrap .wrapF{ display:flex; height:8vmin; align-items:center; gap:4vmin}
#footer.new2 .menu_wrap .menu{ flex:1; gap:4vmin}
#footer.new2 .menu_wrap .menu > li{ flex:0 0 auto}
#footer.new2 .menu_wrap .menu > li > a{ padding:0}
#footer.new2 .menu_wrap .menu > li.point > a{ font-weight:700; color:var(--siteC3)}
#footer.new2 .info_wrap .wrapF{ display:flex; gap:4vmin}
#footer.new2 .info_wrap .info{ flex:1; margin-left:0; overflow:hidden}
#footer.new2 .info_wrap .info > li{ float:left; margin-right:4vmin; opacity:.7}
#footer.new2 .info_wrap .info > li.br{ clear:left}
#footer.new2 .info_wrap .info > li.point{ opacity:1; font-weight:700}
#footer.new2 .info_wrap .info > li.copyright{ opacity:.4}

#quick{ position:fixed; bottom:0; right:0; width:12vmin; display:flex; flex-direction:column; gap:2vmin; align-items:center; z-index:999; transition:opacity .5s; box-sizing:border-box}
.scroll #quick{ bottom:50%; transform:translate(0, 50%);}
/* html:not(.scroll) .main #quick{ transform:translateY(100%, 50%); opacity:0; } */
html:not(.scroll) .main #quick{ transform:translateY(-25%); opacity:1; }
.main #quick {display: none;}
.scroll .main #quick{ display: flex; }
#quick .wrap{ background:#fff; box-shadow:0 0 1em rgba(0,0,0,.1); overflow:hidden; border-radius:2vmin 0 0 2vmin; box-sizing:border-box; width:100%; border:2px solid var(--siteC3); border-right:none}
#quick .cs{ background:var(--siteC3); color:#fff; padding:4vmin 0; text-align:center}
#quick .cs .t1{ font-size:.938em}
#quick .cs .t2{ font-weight:900; font-size:1.063em}
#quick .menu{ background:#f5f5f5; }
#quick .menu > li > a{ display:flex; align-items:center; justify-content:center; text-align:center; flex-direction:column; padding:1.5vmin 0; box-sizing:border-box; border-top:1px solid rgba(0,0,0,.1); transition:.3s}
#quick .menu > li > a .t1{ font-weight:500; font-size:.875em }
#quick .menu > li > a:hover{ background:#666; color:#fff}
#quick .goTop{ width:6vmin; height:6vmin; border-radius:50%; background:#fff; box-shadow:0 0 1em rgba(0,0,0,.1); display:flex; align-items:center; justify-content:center; text-align:center}

/* .main #contents.new2{ --mainContentsPB : 8vmin; padding-bottom:var(--mainContentsPB)} */
.sub #contents.new2 {padding-top: 19vmin;}
#contents.new2 .subTit{ position:relative}
#contents.new2 .subTit:before{ content:""; position:absolute; left:0; bottom:0; width:100%; height:1px; background:#ddd}
#contents.new2 .subTit .gnb:before{ display:none}
#contents.new2 .subTit .gnb ul > li.on > a:after{ z-index:1}

#contents.new2 .doc.p0{ padding:0}

@media screen and (max-width:640px){
.nPC.n640{ display:none}
.nMO.n640{ display:block}
#header.new2 .topBanner .topBannerSlideW .resize{ padding-bottom:35.8925%}
}

/**/
.radius{ border-radius:2vmin; overflow:hidden}

.mainNav{ position:fixed; top:50%; left:3vmin; z-index:999; transform:translateY(-50%); display:flex; flex-direction:column; align-items:flex-start}
.mainNav > li > a{ position:relative; display:flex; align-items:center; gap:.5vmin; border-radius:4vmin; padding:.5vmin; transition:.3s}
.mainNav > li > a:before{ content:""; display:block; width:1vmin; height:1vmin; background:#fff; border:.5vmin solid rgba(0,0,0,.5); border-radius:50%}
.mainNav > li > a .tt{ opacity:0; font-size:.938em; padding-right:1vmin}
.mainNav > li > a:hover{ background:#fff; box-shadow:0 0 1em rgba(0,0,0,.1)}
.mainNav > li > a:hover:before{ border-color:var(--siteC)}
.mainNav > li > a:hover .tt{ opacity:1}

.vod_wrap{ position:relative; height:100%; background:#000}
.vod_wrap:after{content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.35)}
.vod{position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover}

.visualSlide,
.visualSlide .el{ height:100%; position: relative;}
.visualSlide .el::before { content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.2); z-index:10}
.visualSlide .el .bg{ position:absolute; left:0; top:0; background-size:cover}
.visualSlide .el .bg,
.visualSlide .el .vod_wrap{ position:relative; height:100%;}
/* .visualSlide .el.swiper-slide-active .bg,
.visualSlide .el.swiper-slide-duplicate-active .bg{ transition:5s; transform:scale(1)} */
.visualSlider_wrap .slogan{ color:#fff; z-index:10; position:absolute; width:100%; left:0; bottom:40%; box-sizing:border-box; text-align:left;}

.visualSlideSlogan_wrap{ position:absolute; left:0; bottom:-81%; width:100%; height:100%; box-sizing:border-box; z-index:10; color:#fff}
.visualSlideSlogan_wrap .wrapF{ display:flex; flex-direction:column; box-sizing:border-box;}
.visualSlide_wrap .slogan{ flex:1; min-height:0; color: #fff; z-index: 10; display:flex; flex-direction:column; align-items:flex-start; justify-content:center; gap:2vmin; position: absolute; bottom: 27%; left: 19%;}
.visualSlide_wrap .slogan .t1{ font-weight:700; font-size:2.5em; line-height:1.2}
.visualSlide_wrap .slogan .t2{ font-size:1.125em;line-height:1.5}
.visualSlide_wrap .el .slogan .tt{ transform:translateY(1em); opacity:0}
.visualSlide_wrap .el .slogan .in{ display:block; overflow:hidden}
.visualSlide_wrap .el .slogan .in > i{ display:block; transform:translateY(100%); opacity:0}
.visualSlide_wrap .el.swiper-slide-active .slogan .tt{ transform:translateY(0); opacity:1; transition:1s}
.visualSlide_wrap .el.swiper-slide-active .slogan .in > i{ transform:translateY(0); opacity:1; transition:1s; transition-delay:.2s}
.visualSlide_wrap .el.swiper-slide-active .slogan .tt:nth-child(2),
.visualSlide_wrap .el.swiper-slide-active .slogan .in:nth-child(2) > i{ transition-delay:.4s}
.visualSlide_wrap .el.swiper-slide-active .slogan .in:nth-child(3) > i{ transition-delay:.6s}
.visualSlide_wrap{ position:relative; height: 100vh;}
.visualSlide_control{ padding:.5vmin 2vmin}

.mainTopCon{ box-shadow:0 -1em 1em rgba(0,0,0,.2); position:relative; z-index:1; overflow:hidden; border-radius:2vmin 2vmin 0 0}
.mainInfoWrap{ display:flex;}
.mainInfoWrap .wrap{ background:#0f3553; color:#fff; box-sizing:border-box; padding:5vmin; box-sizing:border-box}
.mainInfoWrap .wrap.w1{ width:16em}
.mainInfoWrap .wrap.bg1{ background:#00a9c7}
.mainInfoWrap .wrap.bg2{ background:#2f6dd4}
.mainInfoWrap .wrap.p1{ padding-top:3vmin; padding-bottom:3vmin}
.mainInfoWrap .col{ display:flex; flex-direction:column; gap:2vmin}
.mainInfoWrap .grow{ flex:1; min-width:0}
.mainInfoWrap .wrap:not(:last-child){ border-right:1px solid rgba(255,255,255,.2)}
.mainInfoWrap .wrapTit{ display:flex; align-items:center; gap:.5vmin}
.mainInfoWrap .wrapTit .ico{ font-size:1.5em}
.mainInfoWrap .wrapTit .t1{ font-size:1.313em; font-weight:700; line-height:1.1}
.mainInfoWrap .wrapTit .t2{ font-size:1.5em; font-weight:700; line-height:1.1; color:var(--siteC3)}
.mainInfoWrap .wrapCon .t1{ font-size:.938em; font-weight:500; opacity:.5}
.mainInfoWrap .wrapCon,
.mainInfoWrap .wrapBtn{ display:flex; margin-top:auto}
.mainInfoWrap .wrapBtn .st{ flex:1; padding:0 2vmin; height:5vmin; display:flex; align-items:center; background:rgba(255,255,255,.3); border:1px solid rgba(255,255,255,.5); border-radius:1vmin; font-weight:700; line-height:1.1; transition:.3s}
.mainInfoWrap .wrapBtn .st .arrow{ margin-left:auto; font-size:1em; transition:.3s}
.mainInfoWrap .wrapBtn .st .arrow:before{content:"\e907"}
.mainInfoWrap .wrapBtn .st:hover{ background:inherit}
.mainInfoWrap .wrapBtn .st:hover .arrow{ transform:translateX(.5em)}
.mainInfoWrap .callW{ display:flex; align-items:center; gap:5vmin; box-sizing:border-box; height:100%}
.mainInfoWrap .callW .wrap1 .t1{ font-weight:700; font-size:1.25em}
.mainInfoWrap .callW .wrap1 .t2{ font-weight:900; color:var(--siteC3); font-size:1.75em}
.mainInfoWrap .callW .wrap2{ padding:1vmin 3vmin; background:rgba(0,0,0,.2); border-radius:1vmin; gap:1vmin}
.mainInfoWrap .callW .wrap2 > li{ display:flex; line-height:1.1; margin:1vmin 0; gap:1vmin}
.mainInfoWrap .callW .wrap2 .tit{ font-size:.938em}
.mainInfoWrap .callW .wrap2 .tt{ font-size:.938em; font-weight:700; text-align:right; flex:1; min-width:0}
.mainInfoWrap.st1 .wrap{ flex:1; padding:2.5vmin 3vmin; padding-bottom:2vmin; gap:1.5vmin}
.mainInfoWrap.st1 .wrap.col{ justify-content:center}
.mainInfoWrap.st1 .wrap .callW{ flex-direction:column; gap:1vmin}
.mainInfoWrap.st1 .wrap .callW > *{ box-sizing:border-box; width:100%}
.mainInfoWrap.st1 .wrap .callW .wrap1{ display:flex; align-items:center; gap:2vmin; justify-content:center}
.mainInfoWrap.st1 .wrap .callW .wrap1 .t2{ font-size:1.5em}
.mainInfoWrap.st1 .wrap .callW .wrap2{}
.mainInfoWrap.st1 .wrap .callW .wrap2 > li{ margin:0; align-items:center}
.mainInfoWrap.st1 .wrap .callW .wrap2 .tit{ font-weight:700; font-size:.875em;}
.mainInfoWrap.st1 .wrap .callW .wrap2 .tt{ font-weight:400; font-size:.813em;}
.mainInfoWrap.st1 .wrapBtn{ margin-top:0}

.mainBox{ padding:8vmin 0}
.mainBox.p0{ padding:0}
.h100{ height:100%; box-sizing:border-box}
.mainBox .wrapF{ display:flex; flex-direction:column; gap:5vmin}
.mainBox .wrapF.vc{ justify-content:center}
.mainBox.bg1{ background:var(--siteBg1)}
.mainBox.bg2{ background:var(--siteC)}
.mainBox.bg3{ background:#f5f5f5}

.main_notice {}
.main_notice .cont_box {}
.main_notice .cont_box .left_tit {width: 20%;}
.main_notice .cont_box .left_tit .t1 {font-size: 2.5em; font-weight: 700; color: #fff; line-height: 1.3;}
.main_notice .cont_box .left_tit .t2 {color: #fff; margin-top: 1.5em; opacity: .7; font-size: 1.05em;}
.main_notice .cont_box .left_tit .btn {border: 1px solid #fff; padding: .5em 1.3em; display: inline-block; color: #fff; font-size: .9em; font-weight: 600; border-radius: .5em; margin-top: 2em;}
.main_notice .cont_box .left_tit .btn .xi {margin-left: 1.3em; font-size: 1.05em; font-weight: 300;}
.main_notice .cont_box .right_list {width: 80%;}

.cateSlideW{}
.cateSlideW .swiper-slide{ height:auto}
.cateSlideW .cateSlideIn{ margin:2vmin; box-sizing:border-box; height:calc(100% - 4vmin)}
.cateSlide1 {width: 50%;}
.cateSlide1 .el{ width: 50%;}
.cateSlide1 .el .in {background: #fff; margin: 1vmin; box-sizing: border-box; padding: 3.5em 1.5em 2.5em; display: block; border-radius: .5em; position: relative; overflow: hidden;}
.cateSlide1 .el .in .cate {position: absolute; top: 0; left: 0; background: #546bf9; color: #fff; padding: .4em 1.2em; font-size: .9em; border-bottom-right-radius: .5em;}
.cateSlide1 .el .in .cate.c1 {background: #546bf9;}
.cateSlide1 .el .in .cate.c2 {background: var(--siteC3);}
.cateSlide1 .el .in .cate.c3 {background: #f954b4;}
.cateSlide1 .el .in .inner_info {}
.cateSlide1 .el .in .inner_info .ca_tt {color: #00467e; font-weight: 600; font-size: .9em;}
.cateSlide1 .el .in .inner_info .tt {font-size: 1.3em; font-weight: bold; margin: 1em 0 1em; line-height: 1.3; min-height: 7em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical;}
.cateSlide1 .el .in .inner_info .tt2 {padding: 1em; font-size: .96em; font-weight: 500; display: -webkit-box;
  -webkit-line-clamp: 2;        /* 2줄까지만 표시 */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all; }
.cateSlide1 .el .in .inner_info .tt3 {margin-bottom: 1.5em; font-size: .96em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.cateSlide1 .el .in .inner_info .data {color: #a6a6a6; font-size: .96em;}
.cateSlide1-pagination {filter: brightness(0) invert(1);}

.cateSlide1 .el.st2 .in {padding: unset;}
.cateSlide1 .el.st2 .in .img {height: 15.75em; overflow: hidden;}

.cateSlide2 {width: 50%;}
.cateSlide2 .el{ width: 50%;}
.cateSlide2 .el .in {background: #fff; margin: 1vmin; box-sizing: border-box; padding: 3.5em 1.5em 2.5em; display: block; border-radius: .5em; position: relative; overflow: hidden;}
.cateSlide2 .el .in .cate {position: absolute; top: 0; left: 0; background: #546bf9; color: #fff; padding: .4em 1.2em; font-size: .9em; border-bottom-right-radius: .5em;}
.cateSlide2 .el .in .cate.c1 {background: #546bf9;}
.cateSlide2 .el .in .cate.c2 {background: var(--siteC3);}
.cateSlide2 .el .in .cate.c3 {background: #f954b4;}
.cateSlide2 .el .in .inner_info {}
.cateSlide2 .el .in .inner_info .ca_tt {color: #00467e; font-weight: 600; font-size: .9em;}
.cateSlide2 .el .in .inner_info .tt {font-size: 1.3em; font-weight: bold; margin: 1em 0 1em; line-height: 1.3; min-height: 7em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical;}
.cateSlide2 .el .in .inner_info .tt2 {padding: 1em; font-size: .96em; font-weight: 500; display: -webkit-box;
  -webkit-line-clamp: 2;        /* 2줄까지만 표시 */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all; }
.cateSlide2 .el .in .inner_info .tt3 {margin-bottom: 1.5em; font-size: .96em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.cateSlide2 .el .in .inner_info .data {color: #a6a6a6; font-size: .96em;}

.main_center {padding: 2em 0;}
.main_center .cont_box {gap: 1.5em;}
.main_center .left_notice {flex: 1;}
.main_center .center_sns {width: 30%;}
.main_center .right_popup {width: 30%;}

.notice_top { position:relative; padding: 1em; background: #fff; box-sizing: border-box; border-radius: .5em;} 
.notice_top > .notice_L { display: flex; gap: 1em; align-items: center; margin-bottom: 1em;} 
.notice_top > .notice_L > .tt { font-size: 1.125em; font-weight: 600; color: #fff;} 
.Plus_B {background: #fff; width: 1.5em; height: 1.5em; text-align: center; line-height: 1.5em; border-radius: 50%;}
.Plus_B .xi {font-size: 1em;}
/* .notice_top > .notice_Slide { width: 80%; }  */
.notice_Slide { position: relative; } 
.noticeSlide_control { position: absolute; right: 0; top: 0; } 
.noticeSlide_control .swiper-button-lock{ display: flex;} 
.noticeSlide_control .prev,
.noticeSlide_control .next { font-size: 1em; }
.noticeSlide_control .next:before { content: '\e944'; } 
.noticeSlide_control .prev:before { content: '\e941'; } 
.notice_Slide > .noticeSlide { height: 1.25em; } 
.notice_Slide > .noticeSlide .Inner { display: flex; align-items: center; justify-content: space-between; gap: 1.5em; } 
.notice_Slide > .noticeSlide .Inner > .Tit_con { width: 80%; } 
.notice_Slide > .noticeSlide .Inner > .Tit_con > p { font-size: .9em; color: #fff; } 
.notice_Slide > .noticeSlide .Inner > .date { width: 20%; font-size: .86em; color: #fff; font-weight: 400; text-align: center; } 

.notice_Slide > .noticeSlide .Inner:hover > .date,
.notice_Slide > .noticeSlide .Inner:hover > .Tit_con > p { text-decoration: underline; } 

.notice_wrap { flex:1; border: 1px solid #ddd; border-radius: 1.5em; background: #fff; overflow: hidden;} 
.notice_wrap .notice_top { padding: 1.5em 1.5em; border-bottom: 1px solid #ddd; } 
.notice_wrap .notice_top .main_tab { gap: 2em; } 
.notice_wrap .notice_top .main_tab>li { position: relative; font-size: 1.125em; font-weight: 600; color: #999; } 
.notice_wrap .notice_top .main_tab>li:before { position: absolute; top: 50%; left: -1em; width: 4px; height: 4px; background: #999; border-radius: 50%; content: ''; } 
.notice_wrap .notice_top .main_tab>li:first-of-type:before { display: none; } 
.notice_wrap .notice_top .main_tab>li>.tab_btn { } 
.notice_wrap .notice_top .main_tab>li.on { color: #111; font-weight: 700; } 
.notice_wrap .plus { position: absolute; right: 2em; top: -2.5em; width: 1.5em; height: 1.5em; background: #a6a4a4; border-radius: 50%; display: flex; align-items: center; justify-content: center; transition: .25s; } 
.notice_wrap .plus>.xi { color: #fff; font-size: 1.125em;} 
.notice_wrap .plus:hover { background: #111; } 
.notice_wrap .notice_list { padding: 1.5em 2em; } 
.notice_wrap .notice_list .list_top { } 
.notice_wrap .notice_list .list_top>.con { gap: 1.5em; align-items: center; padding-bottom: 1em; margin-bottom: 1em; border-bottom: 1px dashed #ddd; } 
.notice_wrap .notice_list .list_top>.con .dcon { display: flex; min-width: 4em; flex-direction: column; color: #fff; text-align: center; padding: .5em .8em; background: var(--siteC); border-radius: .5em; } 
.notice_wrap .notice_list .list_top>.con .dcon>.day { font-size: 1.35em; font-weight: 800; } 
.notice_wrap .notice_list .list_top>.con .dcon>.date { font-size: .875em; font-weight: 400; letter-spacing: -1px; } 
.notice_wrap .notice_list .list_top>.con .tit_con { flex: 1; min-width: 0;} 
.notice_wrap .notice_list .list_top>.con .tit_con .tit { margin-bottom: .25em; font-size: 1.25em; font-weight: 600; color: #111; } 
.notice_wrap .notice_list .list_top>.con .tit_con .txt { font-size: 1em; font-weight: 500; color: #444; } 
.notice_wrap .notice_list .list_top>.con .tit_con .tit,
.notice_wrap .notice_list .list_top>.con .tit_con .txt{display: block; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

.notice_wrap .notice_list .list_top>.con:hover .tit_con .tit { text-decoration: underline; } 
.notice_wrap .notice_list .list_btm { } 
.notice_wrap .notice_list .list_btm .btm_list {min-height: 8.4em;} 
.notice_wrap .notice_list .list_btm .btm_list>li {border-bottom: 1px dashed #ddd; padding-bottom: .5em; margin-bottom: .5em;} 
.notice_wrap .notice_list .list_btm .btm_list>li:last-child {border-bottom: unset; padding-bottom: unset; margin-bottom: unset;}
.notice_wrap .notice_list .list_btm .btm_list>li>a { display: flex; gap: 2em; align-items: center; } 
.notice_wrap .notice_list .list_btm .btm_list>li>a>.tit { width: 80%; font-weight: 500; color: #111; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;   } 
.notice_wrap .notice_list .list_btm .btm_list>li>a:hover .tit { text-decoration: underline; } 
.notice_wrap .notice_list .list_btm .btm_list>li>a>.date { width: auto; font-size: .9em; font-weight: 600; color: #666; } 
.notice_wrap .nocon{ height: 15em; border:none;}

.gallery_list {gap: 1em;}
.gallery_list li {flex: 1;}
.gallery_list li .in {display: block;}
.gallery_list li .in .img_wrap {border-radius: .5em; overflow: hidden; border: 1px solid #ddd; background: #fff;}
.gallery_list li .in .con_wrap {margin-top: .5em;}
.gallery_list li .in .con_wrap .tit {font-size: .9em; font-weight: 500;}

.main_center .center_sns {border-radius: 1em; overflow: hidden; position: relative; box-shadow: 0 0 0.5em rgba(0,0,0,.1);}
.main_center .center_sns .in {display: block;}
.main_center .center_sns .in .img_wrap {padding: .6em 0; background: #fff;}
.main_center .center_sns .in .con_wrap {background: #5a6471; padding: 0.5em 1.5em;}
.main_center .center_sns .in .con_wrap .icon {width: 2em; height: 2em; background: #000; color: #fff; border-radius: 50%; text-align: center; line-height: 2em; font-size: 1.2em; margin-right:.5em;}
.main_center .center_sns .in .con_wrap .icon.c1 {background: #f60002;}
.main_center .center_sns .in .con_wrap .icon.c2 {background: #03c75a;}
.main_center .center_sns .in .con_wrap .tit {color: #fff; font-size: 1.05em; font-weight: 500;}
.main_center .center_sns .in:hover .con_wrap {background: rgba(0, 0, 0, 1);}

.pop_wrap { border: 1px solid #ddd; border-radius: 1em; background: #fff; overflow: hidden; box-sizing: border-box;} 
.pop_wrap .pop_top { padding: .5em 1.5em; } 
.pop_wrap .pop_top>.tit { font-size: 1.05em; font-weight: 600; color: #111;} 
.popSlide_wrap { } 
.popSlide_wrap .popSlide { } 
.popSlide_wrap .popSlide .swiper-slide { } 
.popSlide_wrap .popSlide .swiper-slide.el { } 
.popSlide_wrap .popSlide .swiper-slide.el .img_wrap {border: 10px solid var(--siteC);}
.popSlide_wrap .popSlide .pop_img { width: 100%; height: 15em; display: block;} 
.popSlide_wrap .popSlide .pop_img>img { width: 100%;} 
.popSlide_wrap .pop_control {box-sizing: border-box; display: flex; align-items: center; } 
.popSlide_wrap .pop_control .cotrol_con {gap: .5em;}
.popSlide_wrap .pop_control .current_con { font-size: 1.05em; color: #111; font-weight: 600; }
.popSlide_wrap .pop_control .swiperBtn {width: 1.5em; height: 1.5em; font-size: 1em;}

.main_certi {padding: 2.5em 0;}
.main_certi .certi_list {border: 3px solid #c0c6cb; border-radius: .5em; flex-wrap: wrap; overflow: hidden;}
.main_certi .certi_list li {flex: 1 20%; text-align: center; padding: 1em; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; background: #fff;}
.main_certi .certi_list li:nth-child(4),
.main_certi .certi_list li:nth-child(8),
.main_certi .certi_list li:nth-child(11) {border-right: unset;}
.main_certi .certi_list li:nth-child(9),
.main_certi .certi_list li:nth-child(10),
.main_certi .certi_list li:nth-child(11) {border-bottom: unset;}
.main_certi .certi_list li .mark {margin-bottom: .5em;}
.main_certi .certi_list li .mark img {width: 3em;}
.main_certi .certi_list li .tt {font-size: .86em; min-height: 3em; font-weight: 500;}
.main_certi .certi_list:hover {box-shadow: 0 0 1em rgba(0, 0, 0, .1); border-color: var(--siteC);}
.main_certi .certi_list li:hover {background: #f4f4f4;}

.memBannerSlider_wrap {} 
.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.125em; font-weight:600; } 
.memBannerSlider_wrap .tit_wrap .tit .xi { font-size:1.500em; color:var(--siteC); transition:.2s; } 
.memBannerSlider_wrap .inner .swiperControl {}
.memBannerSlider_wrap .inner .swiperControl .control {border: 1px solid #ddd; border-radius: 3em; overflow: hidden;}
.memBannerSlider {width: 80%; } 
.memBannerSlider .el {text-align: center;}
.memBannerSlider .el .in { height: 4.15em; overflow: hidden; display: flex; align-items: center; padding: 1em; box-sizing: border-box; border: 1px solid #fff; background: #fff;}
.memBannerSlider .el .mark {margin: 1em 0 .5em;}
.memBannerSlider .el .mark img {height: 4.5em;}
.memBannerSlider .el .tt {font-size: .86em; min-height: 3em; font-weight: 500;}

.mainTreatment .tabW{ display:flex; justify-content:center}
.mainTreatment .tabW .swiperControl{ border-radius:5vmin; gap:2vmin}
.mainTreatment .tabW .swiperControl .swiperBtn{ box-sizing:border-box}
.mainTreatment .tabW .swiperControl .swiperBtn:hover{ background:#fff; color:#111; box-shadow:0 0 1em rgba(0,0,0,.1)}
.mainTreatment .tabW .paging{ position:absolute; visibility:hidden; z-index:-1}
.mainTreatment .tabW .tab{--mainTreatmentTabW : 20vmin;
display:flex; height:8vmin; border-radius:4vmin; box-sizing:border-box; box-shadow:0 0 1em rgba(0,0,0,.1); border:.5em solid var(--siteC); background:var(--siteC); position:relative}
.mainTreatment .tabW .tab .li{ width:var(--mainTreatmentTabW); height:100%; line-height:1.2; text-align:center; display:flex; justify-content:center; align-items:center; background:none; border:none; font-size:1.375em; opacity:.4; font-weight:700; margin:0; border-radius:inherit; color:#fff; cursor:pointer; position:relative; z-index:1; transition:.5s}
.mainTreatment .tabW .tab .li.on{ opacity:1; color:var(--siteC)}
.mainTreatment .tabW .tab .bg{ position:absolute; top:0; left:0; width:var(--mainTreatmentTabW); height:100%; border-radius:inherit; background:#fff; transition:.5s}

.treatmentList{ --treatmentListL: 8; --treatmentListG: 1.5vmin;
display:flex; flex-wrap:wrap; gap:var(--treatmentListG)}
.treatmentList > li{ width:calc((100% / var(--treatmentListL)) - (var(--treatmentListG) * (var(--treatmentListL) - 1) / var(--treatmentListL))); padding-bottom:.5em}
.treatmentList > li > a{ display:flex; flex-direction:column; text-align:center; align-items:center; gap:1vmin; background:#fff; box-sizing:border-box; padding:0 1vmin; height:18vmin; border-radius:1vmin; color:#777; box-shadow: 0px .5em 0px 0px rgba(0,0,0,.1); transition:transform .3s; border:1px solid rgba(0,0,0,.1)}
.treatmentList > li > a .ico{ height:60%; display:flex; align-items:flex-end; justify-content:center; opacity:.5}
.treatmentList > li > a .ico img{ height:60%}
.treatmentList > li > a .t1{ font-weight:900; font-size:1.063em; line-height:1.1}
.treatmentList > li > a:hover{ background:var(--siteC2); color:#FFF; box-shadow:inset 0 .5em .5em 0 rgba(0, 0, 0, .2); transform:translateY(.25em)}
.treatmentList > li > a:hover .ico{ filter:brightness(0) invert(1); opacity:1}
.mainTreatment .mainTreatmentSlide .el .treatmentList{ opacity:0; transform:translateY(5vmin)}
.mainTreatment .mainTreatmentSlide .el.swiper-slide-active .treatmentList{ opacity:1; transform:translateY(0); transition:1s}
.subTreatment .treatmentList{ --treatmentListL: 6;}

/**/
.sub_centerN_intro{ background:var(--siteBg1)}
.sub_centerN_intro .wrapBg{ position:absolute; right:-10%; top:0; width:60%; height:100%; background-size:cover}
.sub_centerN_intro .wrapBg:before,
.sub_centerN_intro .wrapBg:after{ content:""; position:absolute; width:100%; height:100%; top:0; background: linear-gradient(90deg, var(--siteBg1) 10%, rgba(255,255,255,0) 50%);}
.sub_centerN_intro .wrapBg:before{ left:0}
.sub_centerN_intro .wrapBg:after{ right:0; transform:rotate(180deg) translateX(-10%)}
.sub_centerN_intro .wrapF{ position:relative; padding:10vmin 0; min-height:40vmin; box-sizing:border-box;}
.sub_centerN_intro .wrapCon{ position:relative; width:55%; box-sizing:border-box}
.sub_centerN_intro .wrapCon .t1{ font-weight:800; font-size:1.875em; color:#111; line-height:1.4}
.sub_centerN_intro .wrapCon .t2{ font-size:1.188em; color:#111}
.sub_centerN_intro .wrapCon .t3{ font-size:1.125em; color:#666}

.sub_centerN_feature{ display:flex; flex-direction:column; gap:6vmin}
.sub_centerN_feature > li{ display:flex; width:100%}
.sub_centerN_feature > li .bg{ width:50%; overflow:hidden; border-radius:2vmin; background-color:#f5f5f5}
.sub_centerN_feature > li .bg .resize{ padding-bottom:56.25%; background-size:cover}
.sub_centerN_feature > li .con{ flex:1; min-width:0; display:flex; flex-direction:column; min-height:100%; box-sizing:border-box; padding:3vmin 6vmin; justify-content:center; gap:2vmin}
.sub_centerN_feature > li .con .tit1{ font-weight:700; font-size:1.625em; line-height:1.2; letter-spacing:-.05em; word-spacing:.1em; color:#333}
.sub_centerN_feature > li .con .tt1{ font-size:1.063em; color:#666}
.sub_centerN_feature:not(.st1) > li:nth-child(even) .con{order:-1; text-align:right}
.sub_centerN_feature.st1{ flex-direction:row; flex-wrap:wrap; align-items:flex-start}
.sub_centerN_feature.st1 > li{ flex:1; flex-direction:column; width:auto}
.sub_centerN_feature.st1 > li .bg{ width:100%}
.sub_centerN_feature.st1 > li .con{ padding:3vmin 1vmin; font-size:.938em}
.sub_centerN_feature.st1 > li:nth-child(even){ margin-top:4vmin}

.sub_centerN_field{ display:flex; flex-wrap:wrap; background:#fff; filter:drop-shadow(0 0 1em rgba(0,0,0,.1)); position:relative; overflow:hidden; border-radius:2vmin;}
.sub_centerN_field:before{ content:""; position:absolute; left:0; top:0; width:100%; height:100%;
background-color: var(--siteC2);
background-image: repeating-linear-gradient(45deg, transparent, transparent 2px, rgba(255,255,255,.2) 4px);}
.sub_centerN_field:after{ content:""; position:absolute; left:0; top:0; width:100%; height:100%; border:1px solid var(--siteC2); box-sizing:border-box; border-radius:inherit}
.sub_centerN_field > li{ width:14.28%; position:relative}
.sub_centerN_field > li .resize{ padding-bottom:80%; position:relative}
.sub_centerN_field > li .resize:after{ content:""; position:absolute; left:0; top:0; width:100%; height:100%; border:1px solid rgba(255,255,255,.2); border-left:none; border-top:none; z-index:1}
.sub_centerN_field > li .resize .re{ display:flex; align-items:center; justify-content:center; text-align:center; background:var(--siteC2); color:#fff; box-sizing:border-box; padding:2vmin}
.sub_centerN_field > li .t1{ font-weight:700; font-size:1.125em; line-height:1.2}

.ulSt > li{ position:relative; margin-bottom:1em}
.ulSt > li.icoW{ padding-left:2em; display:flex;}
.ulSt > li.icoW .ico{ width:1.25em; height:1.25em; display:flex; align-items:center; justify-content:center; border-radius:50%; background:var(--siteC2); position:absolute; left:0; top:0}
.ulSt > li.icoW .ico:before{ content:"\e928"; font-family:xeicon; transform:translate(30%, -10%) scale(1.4); color:#fff}
.ulSt > li .tt1{ font-size:1.063em; color:#666; line-height:1.2}

.sub_centerN_con{ padding:8vmin 0; position:relative}
.sub_centerN_con.bg1{ background:#f5f5f5}
.sub_centerN_con.bg2{ background:var(--siteBg1)}
.sub_centerN_con .ptW{ position:absolute; left:0; top:0; width:100%}
.pt{ height:6px;   background: repeating-linear-gradient(-45deg, #fff, #fff 3px, #ddd 4px, #ddd 5px);}
.sub_centerN_con .wrapF{ display:flex; flex-direction:column; gap:6vmin}
.sub_centerN_con.g1 .wrapF{ gap:2vmin}
.sub_centerN_con .wrapTitF{ display:flex; align-items:center; justify-content:space-between}
.sub_centerN_con .wrapTitF .btn{ height:3em; background:var(--siteC2); border-radius:3em; padding:0 2em; border:none; color:#fff}
.sub_centerN_con .wrapTitF .btn:after{ content:"\e980"; font-family:xeicon; margin-left:1em}
.sub_centerN_con .wrapTit.ico{ position:relative; padding-left:3.5vmin}
.sub_centerN_con .wrapTit.ico:before{ content:""; position:absolute; left:0; top:0; width:4vmin; height:4vmin; box-sizing:border-box; border-radius:50%; border:.7vmin solid var(--siteC); background: linear-gradient(90deg, #fff 0%, #ccc 100%); transform:scale(.6); transform-origin:0 50%}
.sub_centerN_con .wrapTit .t1{ font-size:3.5vmin; font-weight:800; color:var(--siteC); line-height:1.1}
.sub_centerN_con .sub_doctors{ margin-top:-2em}
.sub_centerN_con .sub_doctors .wrap_in{ border-radius:2vmin; overflow:hidden; background:#fff}
.sub_centerN_con .sub_doctors .wrap_in .info_wrap .btn{ border-right:none}

.pageTit{ display:flex; flex-direction:column; gap:3vmin; justify-content:center; text-align:center}
.pageTit.line:after{ content:""; display:block; width:1px; height:4vmin; background:var(--siteC); margin:1vmin auto 0 auto}
.pageTit .tit1{ font-weight:700; font-size:2.375em; letter-spacing:-.05em; word-spacing:.1em; line-height:1.1; color:var(--siteC)}
.pageTit .tt1{ font-size:1.125em; line-height:1.2; opacity:.6}