@charset "utf-8";
/* CSS Document */
.box0{ width:var(--fullWidth); margin:0 auto;}
.box1{ width:var(--baseWidth); margin:0 auto; max-width:var(--fullWidth);}
.box2{ width: 90%; margin:0 auto;}

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

.gnb li.m_hide{ display:none}
.gnb .layer{ display:none !important;}
.gnb .blank .arrow:before{ content:"\e980";}

.sns_st{ gap:.5em;}
.sns_st > li .in{ width:2.75em; height:2.75em; border-radius:50%; color:#000; transition:.3s;}
.sns_st > li .in .tt{ display:none;}
.sns_st > li .in .xi{ font-size:1.125em;}
.sns_st > li .in:hover{ background:var(--siteC); color:#fff;}
.cw > .sns_st > li .in{ background:transparent; color:#fff;}
.cw > .sns_st > li .in:hover{ background:#fff; color:#000;}

.fullH{ height:var(--fullHeight); box-sizing:border-box;}
.fullMH{ min-height:var(--fullHeight) !important;}

.filW{ filter:var(--crWhitefil);}/*화이트*/
.filB{ filter:var(--crBlackfil);}/*블랙*/
.filRE{ filter:var(--crfilRE);}  /*색상반전*/


/*header*/
.stickyT{ position:sticky !important; top:var(--headHS);}
.stickyT.h1{ height:var(--maxHeight);}

.headT{ padding-top:var(--headH);}
.headH,
#header .gnb_wrap .gnb > li,
#header .gnb_wrap .gnb > li .dp1{ height:var(--headH); box-sizing:border-box; transition:height .2s, background .2s;}

#header{ z-index:999; position:fixed; top:0; left:0; width:100%; background:#fff; transition:background .2s;}
#header .inner{ gap:0 1vw; }


#header .logo{ padding-left: 4vw;}
#header .logo > .in{ transform-origin:left center; transition:.2s;}
#header .logo > .in img{ width:13.5em;}

/* #header .menu_wrap{ gap:0 1.5vw;}
#header .gnb_wrap{}
#header .gnb_wrap .gnb{}
#header .gnb_wrap .gnb > li{ position:relative; overflow:hidden;}
#header .gnb_wrap .gnb > li .arrow,
#header .gnb_wrap .gnb > li .dp3{ display:none;}
#header .gnb_wrap .gnb > li .dp1{ position:relative; padding:0 2vw;}
#header .gnb_wrap .gnb > li .dp1 .tt{ position:relative; font-size:1.125em; font-weight:600; text-transform:uppercase;}
#header .gnb_wrap .gnb > li .dp1 .in{ position:relative}
#header .gnb_wrap .gnb > li.on .dp1 .in:before{ content:""; position:absolute; left:100%; bottom:0; transform:translate(.25em, -.063em); width:.5em; height:.5em; background:var(--siteC); border-radius:50%}
#header .gnb_wrap .gnb > li.on .dp1{ color:var(--siteC)} */

/* #header:before {content: ''; position: absolute; top:var(--headT); left: 0; width: 100%;height: 1px; background: #ddd;opacity: 0;transition: .2s;}
#header.gnbOpen:before {opacity: 1; } */

#header .menu_wrap{ gap:0 1.5vw;}

/* 개별 dp2 */
#header .gnb_wrap .gnb > li{ position:relative; overflow:hidden;}
#header .gnb_wrap .gnb > li .dp3{ display:none;}
#header .gnb_wrap .gnb > li .dp1{ position:relative; padding:0 1.5vw;}
#header .gnb_wrap .gnb > li .dp1 .tt{ position:relative; font-size:1.0625em; font-weight:600; text-transform:uppercase; white-space: nowrap;}
#header .gnb_wrap .gnb > li.act{ z-index:2; overflow:visible;}
#header .gnb_wrap .gnb > li .dp1 .in{ position:relative}
#header .gnb_wrap .gnb > li .dp1 .in .xi.arrow{ display: none;}
#header .gnb_wrap .gnb > li.on .dp1 .in:before{ content:""; position:absolute; right:-1.25em; top:-.5em; /* transform:translate(.25em, -.063em) */; width:.5em; height:.5em; background:var(--siteC); border-radius:50%}
#header .gnb_wrap .gnb > li.on .dp1{ color:var(--siteC)}

#header .gnb_wrap .gnb > li.m_eng{ display: none;}

#header .gnb_wrap .gnb > li .dp2{ display:block; position:absolute; top:100%; left:50%; width:12.5em; padding:0 1em; margin-top:-.875em; background-image:var(--crGrad2); border-radius:1em; color:#fff; transform:translateX(-50%); opacity:0; visibility:hidden; transition:padding .2s;}
#header .gnb_wrap .gnb > li .dp2 > li > a{ padding:.625em 0; transition:.2s;}
#header .gnb_wrap .gnb > li .dp2 > li > a .tt{ font-size:1.063em; font-weight:500;}
#header .gnb_wrap .gnb > li.act .dp2{ padding-top:1em; padding-bottom:1em; opacity:1; visibility:visible;}
#header .gnb_wrap .gnb > li .dp2 > li.act > a{ background:#fff; border-radius:.5em; color:var(--siteC);}
/*  */

/* 전체 */
/* #header .menu_wrap{ gap:0 1.5vw;}
#header .gnb_wrap .gnb{}
#header .gnb_wrap .gnb > li{ overflow:hidden;}
#header .gnb_wrap .gnb > li .dp1{ padding:0 1.8vw;}
#header .gnb_wrap .gnb > li .dp1 .in{ position:relative; display:inline-block; padding:.625em 0;}
#header .gnb_wrap .gnb > li .dp1 .in:after{ content:""; position:absolute; left:0; bottom:0; width:100%; height:3px; background:var(--siteC); opacity:0; transform:scaleX(0); transition:transform .3s;}
#header .gnb_wrap .gnb > li .dp1 .tt{ font-size:1.125em; font-weight:600;}
#header .gnb_wrap .gnb > li.act .dp1 .in:after,
#header .gnb_wrap .gnb > li.on .dp1 .in:after{ opacity:1; transform:scaleX(1);}
#header:not(.active) .gnb_wrap .gnb > li .dp1 .in:after{ filter:var(--crWhitefil);}
#header .gnb_wrap .gnb > li .dp2{ display:block; max-width:9.25em; margin:0 auto; transition:.2s;}
#header .gnb_wrap .gnb > li .dp2 > li > a{ display:block; padding:.5em 1em; font-weight:300;}
#header .gnb_wrap .gnb > li .dp2 > li > a .tt{ font-size:1em;}
#header .gnb_wrap .gnb > li .dp3{ display:none;}
#header .gnb_wrap .gnb > li.act{ background:#f3feff;}
#header .gnb_wrap .gnb > li.act .dp1:after,
#header .gnb_wrap .gnb > li.on .dp1:after{ opacity:1;}
#header .gnb_wrap .gnb > li .dp2 > li.act > a,
#header .gnb_wrap .gnb > li .dp2 > li.on > a{ font-weight:400;} */
/*  */


#header .util_wrap .lang {
  position: relative;
  margin-right: 1em;
}
#header .util_wrap .lang .lang_btn {
  height: 2.5em;
  padding: 0 1em;
  gap: 0 .5em;
  border: 1px solid rgba(0, 0, 0, .15);
  border-radius: 3em;
  transition: .35s;
  position: relative;
  background: #fff;
  z-index: 10;
}
#header .util_wrap .lang .lang_btn .tt {
  font-size: .938em;
  font-weight: 500;
}
#header .util_wrap .lang .lang_btn .arrow {
  font-size: 1.125em;
  transition: transform .2s;
}
#header .util_wrap .lang .lang_btn .arrow:before {
  content: "\e942";
}
#header .util_wrap .lang .drop {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  top: 100%;
  left: 0;
  padding: 1.5em .5em .5em .5em;
  width: 100%;
  background: #fff;
  border: 1px solid rgba(0, 0, 0, .15);
  border-radius: 0 0 1em 1em;
  box-sizing: border-box;
  text-align: center;
  color: #000;
  transition: .35s;
  margin-top: -1em;
}
#header .util_wrap .lang .drop > li > a {
  display: block;
  padding: .25em .25em;
  transition: .2s;
}
#header .util_wrap .lang .drop > li > a .tt {
  font-size: .875em;
}
#header .util_wrap .lang .drop > li > a:hover {
  background: #f5f5f5;
}
#header .util_wrap .lang.on .drop {
  opacity: 1;
  visibility: visible;
  box-shadow: 5px 5px 10px rgba(0, 0, 0, .1);
}
#header .util_wrap .lang.on .lang_btn .arrow {
  transform: rotate(-180deg);
}



#header .lang_wrap{ background:var(--crGray); border:1px solid #e9e9e9; border-radius:6em;}
#header .lang_wrap:not(:last-child){ margin-right:1.5em;}
#header .lang_wrap > li{}
#header .lang_wrap > li .in{ position:relative; height:1.875em; padding:0 1em; color:#888;}
#header .lang_wrap > li .in .tt{ position:relative; font-size:.750em; font-weight:800;}
#header .lang_wrap > li.on .in{ color:#000;}
#header .lang_wrap > li.on .in:before{ content:""; position:absolute; top:-1px; left:-1px; width:100%; height:100%; background:#fff; border:1px solid #333; border-radius:6em; transition: all ease-in-out .3s;}
#header .lang_wrap > li:hover .in{ color:#000;}
#header .lang_wrap:hover > li.on .in:before{ left:calc(100% - 1px)}

#header .util_wrap{ /* gap:0 .375em; */}
#header .util_wrap .in_btn{ width:3.25em; height:3.25em; border-radius:1em;}
#header .util_wrap .in_btn .xi{ font-size:1.500em;}
#header .util_wrap .in_btn.c1{ background:var(--crGray4);}
#header .util_wrap .in_btn.c2{ background:var(--siteC);}
#header .util_wrap .in_btn.c3{ background:var(--crGray); color:#777;}

#header .util_wrap .mem_wrap { border-radius:3em; overflow:hidden; display:flex; align-items:center; height: 2.5em; padding:0 1em; gap:1.5em; background:#f5f5f5; border:1px solid transparent } 
#header .util_wrap .mem_wrap > li > a { display:flex; align-items:center; position:relative; gap:.25em; color:#666 } 
#header .util_wrap .mem_wrap > li:not(:first-child) > a:after { content:""; position:absolute; left:-1em; top:50%; transform:translateY(-50%); width:1px; height:1em; background:#ddd } 
#header .util_wrap .mem_wrap > li > a .tt { font-size:.875em; font-weight:500 } 
#header .util_wrap .mem_wrap > li > a .ico { font-size:1em; } 

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

#header .all_wrap .all_layer{ position:fixed; top:0; left:0; width:100%; height:100vh; opacity:0; visibility:hidden;}
#header .all_wrap .all_layer .all_close{ position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.5); opacity:0; backdrop-filter:blur(.75em);}
#header .all_wrap .all_layer .all_inner{ position:absolute; top:0; right:0; width:30em; max-width:100%; height:100%; background:#fff; box-shadow:-1em 0 1em rgba(0,0,0,.1); transform:translateX(100%);}
#header .all_wrap .all_layer .all_inner > .wrap_in{ gap:2em; padding:3em 3em;}

#header .all_wrap .all_layer .wrap_top a{ transition:.2s;}
#header .all_wrap .all_layer .wrap_top .all_logo{}
#header .all_wrap .all_layer .wrap_top .all_logo .in{ gap:0 1em; width:15em;}
#header .all_wrap .all_layer .wrap_top .all_logo .in img{ width:14em;}
#header .all_wrap .all_layer .wrap_top .all_mem{ gap:.25em; padding:1em 0;}
#header .all_wrap .all_layer .wrap_top .all_mem > li .in{ height:2.25em; padding:0 1em; border:1px solid #ddd; border-radius:.25em; line-height:normal;}
#header .all_wrap .all_layer .wrap_top .all_mem > li .in .tt{ font-size:.938em; font-weight:500;}
#header .all_wrap .all_layer .wrap_top .all_mem > li .in:hover{ background:var(--siteC); border-color:var(--siteC); color:#fff;}

#header .all_wrap .all_layer .wrap_middle{}
#header .all_wrap .all_layer .wrap_middle .gnb{ flex-wrap:wrap;}
#header .all_wrap .all_layer .wrap_middle .gnb > li{ flex:1 1 100%;}
#header .all_wrap .all_layer .wrap_middle .gnb > li.m_mypage{ display:none;}
#header .all_wrap .all_layer .wrap_middle .gnb ul.flex{ display:block;}
#header .all_wrap .all_layer .wrap_middle .gnb a{ position:relative; justify-content:flex-start; text-align:left !important; font-weight:500; transition:.2s;}
#header .all_wrap .all_layer .wrap_middle .gnb li.more{}
#header .all_wrap .all_layer .wrap_middle .gnb li.more > a.link{ display:none;}
#header .all_wrap .all_layer .wrap_middle .gnb li.more > a.layer{ display:flex !important; padding-right:2.5em;}
#header .all_wrap .all_layer .wrap_middle .gnb li.more > a .arrow{ position:absolute; right:1em; top:50%; transform:translateY(-50%); font-size:1em;}
#header .all_wrap .all_layer .wrap_middle .gnb li.more > a .arrow:before{ content:"\e943"; font-size:1.250em; display:block; transition:.2s;}
#header .all_wrap .all_layer .wrap_middle .gnb li.more > ul{ display:none;}
#header .all_wrap .all_layer .wrap_middle .gnb li.more.on > a .arrow:before{ transform:rotate(-180deg);}
#header .all_wrap .all_layer .wrap_middle .gnb li.more.on > ul{ display:block;}
#header .all_wrap .all_layer .wrap_middle .gnb ul{ padding:1em 1em;}
#header .all_wrap .all_layer .wrap_middle .gnb ul li > a{ padding:.875em .5em;}
#header .all_wrap .all_layer .wrap_middle .gnb ul li.more .arrow{ right:.5em;}
#header .all_wrap .all_layer .wrap_middle .gnb > li{}
#header .all_wrap .all_layer .wrap_middle .gnb > li .dp1{ height:4em; padding:0 1.5em; border:solid var(--crGray); border-width:1px 0; margin-bottom:-1px;}
#header .all_wrap .all_layer .wrap_middle .gnb > li .dp1 .tt{ font-size:1.188em;}
#header .all_wrap .all_layer .wrap_middle .gnb > li.act .dp1,
#header .all_wrap .all_layer .wrap_middle .gnb > li.on .dp1{ background-image:var(--crGrad1); color:#fff;}
#header .all_wrap .all_layer .wrap_middle .gnb .dp2 > li > a{ padding-left:1.5em;}
#header .all_wrap .all_layer .wrap_middle .gnb .dp2 > li > a:before{ content:""; position:absolute; left:.75em; top:50%; width:.313em; height:.313em; background:var(--siteC2); border-radius:50%; transform:translateY(-50%);}
#header .all_wrap .all_layer .wrap_middle .gnb .dp2 > li > a .tt{ font-size:1.063em;}
#header .all_wrap .all_layer .wrap_middle .gnb .dp2 > li.act > a{ background:var(--crGray)}
#header .all_wrap .all_layer .wrap_middle .gnb .dp2 > li.on > a{ color:var(--siteC); font-weight:600;}
#header .all_wrap .all_layer .wrap_middle .gnb .dp3{ background:var(--crGray2);}
#header .all_wrap .all_layer .wrap_middle .gnb .dp3 > li > a{ color:#444;}
#header .all_wrap .all_layer .wrap_middle .gnb .dp3 > li + li > a{ border-top:1px dashed #ddd;}
#header .all_wrap .all_layer .wrap_middle .gnb .dp3 > li.act > a .tt,
#header .all_wrap .all_layer .wrap_middle .gnb .dp3 > li.on > a .tt{ text-decoration:underline;}
#header .all_wrap .all_layer .wrap_middle .gnb .dp4{ display:none!important} 

.allGnbOn{ overflow-y:hidden} 
.allGnbOn body{ overflow-y:scroll}
.allGnbOn #header .all_wrap .all_btn{ z-index:999; position:fixed; top:1em; right:1vw; width:3em; height:3em; filter:var(--crBlackfil) !important;}
.allGnbOn #header .all_wrap .all_btn .ham{ background:transparent !important; transition:0s;}
.allGnbOn #header .all_wrap .all_btn .ham:before,
.allGnbOn #header .all_wrap .all_btn .ham:after { width:100% !important; top:50% !important; height:2px;}
.allGnbOn #header .all_wrap .all_btn .ham:before{ transform:rotate(45deg);}
.allGnbOn #header .all_wrap .all_btn .ham:after { transform:rotate(-45deg);}
.allGnbOn #header .all_wrap .all_layer{ z-index:99; opacity:1; visibility:visible;}
.allGnbOn #header .all_wrap .all_layer .all_close{ opacity:1; transition:.4s;}
.allGnbOn #header .all_wrap .all_layer .all_inner{ transform:translateX(0); transition:.4s;}

.wrapHide,
.scroll .headH,
.scroll #header .gnb_wrap .gnb > li,
.scroll #header .gnb_wrap .gnb > li .dp1{ height:var(--headHS);}
.scroll #header .logo > .in{ transform:scale(.85,.85);}

#header.active{ /* height: 50vh;  */background:#fff;}  
#header.active .inner{ color:#000;}
#header.active .gnb_wrap .gnb > li.act .dp1,
#header.active .gnb_wrap .gnb > li.on .dp1{ color:var(--siteC);}
#header.active .logo > .in .logoA{ display:none;}
#header.active .logo > .in .logoB{ display:block;}

/* #header.gnbOpen{ box-shadow:0 4px 1em rgba(0,0,0,.15);} */
/* #header.gnbOpen:before{ background:#8198c9; opacity:.6;} */
#header.gnbOpen .gnb_wrap .gnb > li{ height:auto;}
/* #header.gnbOpen .gnb_wrap .gnb .dp2{ padding:2em 0;} */


/*footer*/
#footer{ background:var(--siteBg5);}
#footer .inner{ padding:4.25em 0 5.5em; gap:2vw; color:#fff;}
#footer .info_wrap{ flex:1; gap:1.5em;}
#footer .info_wrap .menu{}
#footer .info_wrap .menu > li > .in{ padding:.5em 0;}
#footer .info_wrap .menu > li:not(:last-child) > .in:after{ content:""; margin:0 1.25em; width:1px; height:1em; background:#fff; opacity:.2;}
#footer .info_wrap .menu > li > .in .tt{ font-size:1.063em;}
#footer .info_wrap .menu > li > .in.point{ color:#4ec4ba; font-weight:600;}
#footer .info_wrap .menu > li > .in:hover{ text-decoration:underline;}
#footer .info_wrap .info{gap: 2em;}
#footer .info_wrap .info .f_logo{ filter: grayscale(1) invert(1) brightness(2) opacity(0.3);}
#footer .info_wrap .info .f_logo a{}
#footer .info_wrap .info .f_logo a img{ width: 12em;}
#footer .info_wrap .info_list{ overflow:hidden; line-height:1.3;}
#footer .info_wrap .info_list > li{ float:left; margin:.375em 2em .375em 0;}
#footer .info_wrap .info_list > li.br{ clear:left;}
#footer .info_wrap .info_list > li .tt{ font-size:.875em; font-weight:400;}
#footer .info_wrap .info_list > li:not(.tit) .tt{ opacity:.8;}
#footer .info_wrap .copyright{ font-size:.750em; font-weight:300; text-transform:uppercase; opacity:.5;}

#footer .side_wrap{ gap:1em;}
#footer .side_wrap > *{ width:auto;}
#footer .side_wrap .family{ position: relative;}
#footer .side_wrap .family .btn{ gap:0 5.5em; height:3.5em; padding:0 1.5em; border:1px solid rgba(255,255,255,.3); border-radius:.25em;}
#footer .side_wrap .family .btn .tt{ font-size:.813em;}
#footer .side_wrap .family .btn .xi{ font-size:1.125em;}
#footer .side_wrap .family .list{ display:none; position:absolute; left:0; bottom: calc(100% + 2px);width:100%; max-height: 16em; margin-bottom:-1px; padding:1em 1em; background: #f8f8f8; border-bottom:1px solid rgba(255,255,255,.2); border-radius: .25em; box-sizing:border-box; border: 1px solid #ddd;}
#footer .side_wrap .family .list > li > a{ display:block; padding:.5em 0; font-size:.938em; color:#777;}
#footer .side_wrap .family .list > li > a:hover{ text-decoration:underline;}
#footer .side_wrap .family.on .in{ opacity:1;}
#footer .side_wrap .family.on .in .arrow{ transform:rotate(180deg);}
#footer .side_wrap .family.on .list{ display:block}

/* #footer .side_wrap .f_logo{ filter: grayscale(1) invert(1) brightness(2) opacity(0.3);}
#footer .side_wrap .f_logo a{ }
#footer .side_wrap .f_logo a img{ width: 14em;} */

#footer .side_wrap .sns{ gap:2em;}
#footer .side_wrap .sns .sns_tit{ font-size:.875em;}
#footer .side_wrap .sns_st > li .in{ border:1px solid rgba(255,255,255,.1);}

#footer .goTop{ z-index:998; position:fixed; right:0; bottom:0; width:3.5em; height:3.5em; text-align:center; background:var(--siteC3); 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.250em; transition:.3s}
#footer .goTop:hover .xi{ transform:translateY(-.25em)}
.scroll #footer .goTop{ opacity:1; transform:translateY(0)}


#footer .quickFix{ z-index:99; position:fixed; right:1em; bottom:1em; text-align:right; transform:translateY(5em); transition:.3s;}
#footer .quickFix > li{ padding:.5em 0;}
#footer .quickFix > li .wrap_in{ position:relative; width:4.5em; height:4.5em; box-sizing:border-box; transition:.3s;}
#footer .quickFix > li .goLink{ color:#fff; animation-name: updownAni; animation-duration: 3s; animation-iteration-count: infinite;}
#footer .quickFix > li .goLink:before{ content:""; position:absolute; top:0; right:0; width:100%; height:100%; background:var(--siteC); border-radius:50%;}
#footer .quickFix > li .goLink > .in{ position:relative; white-space:nowrap;}
#footer .quickFix > li .goLink > .in .icon,
#footer .quickFix > li .goLink > .in .icon img{ width:2.5em;}
#footer .quickFix > li .goLink > .in .tt{ font-size:1.063em; font-weight:600; width:0; opacity:0; overflow:hidden;}

@media (hover: hover) {
#footer .quickFix > li .goLink:hover{ width:100%; padding:0 1.75em 0 1.25em;}
#footer .quickFix > li .goLink:hover:before{ border-radius:10em;}
#footer .quickFix > li .goLink:hover > .in .tt{ flex:1; width:100%; opacity:1; padding-left:.75em;}
}

#footer .quickFix > li .goTop{ background:var(--siteC2); border:3px solid transparent; border-radius:50%; color:#fff; opacity:0;}
#footer .quickFix > li .goTop > .in .xi{ display:block;}
#footer .quickFix > li .goTop > .in .tt{ display:block; font-size:.750em;}
#footer .quickFix > li .goTop:hover{ background:#fff; border-color:var(--siteC2); color:var(--siteC2);}
.scroll #footer .quickFix{ transform:translateY(0);}
.scroll #footer .quickFix > li .goTop{ opacity:1;}

@keyframes updownAni{
0% { transform:translateY(.5em);}
50% { transform:translateY(-.5em);}
100% { transform:translateY(.5em);}
}


/*Top btn*/
.topQuick{ position: fixed; right:1em; bottom:1em; z-index:9; opacity:0; transform:translateY(100%); transition:.5s}
.topQuick .snsInner,
.topQuick .btn{ position:relative; width:3.5em; height:3.5em; border-radius:100%;}
.topQuick .top_btn{ margin-top:1em; background:#fff; border:2px solid var(--siteC); color:var(--siteC); transition:.2s;} 
.topQuick .top_btn .tt{ display:block; font-size:.688em; font-weight:700;}
.topQuick .top_btn:hover{ background:var(--siteC); color:#fff;}

.topQuick .donaInner{ position: relative;}
.topQuick .dona_btn{ background-color: var(--siteC);}
.topQuick .dona_btn .xi{ font-size:1.75em; color:#fff} 
.topQuick .dona_btn .tt{ position:absolute; top:50%; right:calc(100% + .5em); padding:.375em 1em; background:#222; border-radius:6em; font-size:.813em; color:#fff; white-space:nowrap; transform:translateY(-50%); display:none;}


@media (hover: hover) {
.topQuick .dona_btn:hover .tt{ display:block;}
}

.scroll #footer .topQuick{ opacity: 1; transform:translateY(0);}

.circleAni{ position:absolute; width:100%; height:100%; border:1px solid var(--siteC); left:-1px; top:-1px; opacity:0; border-radius:100%; animation-duration: 3s; animation-iteration-count: infinite}
.circleAni.c1{ animation-name: circleAni}
.circleAni.c2{ animation-name: circleAni; animation-delay: 1s}
.circleAni.c3{ animation-name: circleAni; animation-delay: 2s}
@keyframes circleAni{
0%  { opacity:.7}
100%{ opacity:0; transform:scale(1.8,1.8)}
}


/*===============================================font======================================================*/


.main_txt { } 
.main_txt:last-child { margin-bottom: 0; } 
.main_txt.m1 { margin-bottom: 1.5em; } 
a.main_txt { display: block; } 
.main_txt .tit { margin-top: 1em; } 
.main_txt .txt { margin-top: 2em; line-height: 1.6; } 
.main_txt > div:first-child { margin-top: 0; } 
.main_txt .line { display: inline-block; width: 1px; height: 2px; background: #3c9a8c; } 
.main_txt .line.w { width: 2.25em; margin: 1.75em 0; } 
.main_txt .line.h { height: 1.5em; margin: 1.5em .125em; } 
.main_txt .line:first-child { margin-top: 0; } 
.main_txt .line + .tit,
.main_txt .line + .txt { margin-top: 0; } 
.main_txt .t1 { font-size: 1.000em; } 
.main_txt .t2 { font-size: 1.250em; } 
.main_txt .t3 { font-size: 1.375em; } 
.main_txt .t4 { font-size: 1.500em; } 
.main_txt .t5 { font-size: 1.875em; } 
.main_txt .t6 { font-size: 2.250em; } 
.main_txt .t7 { font-size: 2.625em; } 
.main_txt .t8 { font-size: 3.500em; line-height: 1.4; } 
.main_txt .t9 { font-size: 7.750em; } 
.main_txt .t10 { font-size: 3.000em; } 

.main_txt .gray { opacity: .85; } 

.main_txt .fw400 { font-weight: 400; } 
.main_txt .fw500 { font-weight: 500; } 
.main_txt .fw600 { font-weight: 600; } 
.main_txt .fw700 { font-weight: 700; } 
.main_txt .fw800 { font-weight: 800; } 

.main_txt.cw .tt { color: #fff; } 
.main_txt.cw .line { background: #fff; } 
.main_txt .nw { white-space: nowrap; } 


.page_sec2 { padding-top: 2em; } 
.page_sec3 { padding-top: 3em; } 
.page_sec4 { padding-top: 4em; } 
.page_sec5 { padding-top: 5em; } 
.page_sec6 { padding-top: 6em; } 
.page_sec7 { padding-top: 7em; } 
.page_sec8 { padding-top: 8em; } 

.page_secb2 { padding-bottom: 2em; } 
.page_secb3 { padding-bottom: 3em; } 
.page_secb4 { padding-bottom: 4em; } 
.page_secb5 { padding-bottom: 5em; } 
.page_secb6 { padding-bottom: 6em; } 
.page_secb7 { padding-bottom: 7em; } 
.page_secb8 { padding-bottom: 8em; } 

.page_txt .tit + .tit { margin-top: 1em; } 
.page_txt .tit + .txt { margin-top: 2em; } 
.page_txt > .txt { margin-top: 2em; } 
.page_txt > .txt:first-child { margin-top: 0; } 


/*inc*/
.page_secmt1 { margin-top: 1em !important}
.page_secmt2 { margin-top: 2em !important}
.page_secmt3 { margin-top: 3em !important}
.page_secmt4 { margin-top: 4em !important}
.page_secmt { margin-top: 5em !important; } 
.page_secmt6 { margin-top: 6em !important; } 
.page_secmt7 { margin-top: 7em !important; } 
.page_secmt8 { margin-top: 8em !important; } 
.page_secmt9 { margin-top: 9em !important; } 
.page_secmt10 { margin-top: 10em !important; } 

.page_secmb { margin-bottom: 5em !important; } 
.page_secmb6 { margin-bottom: 6em !important; } 
.page_secmb7 { margin-bottom: 7em !important; } 
.page_secmb8 { margin-bottom: 8em !important; } 
.page_secmb9 { margin-bottom: 9em !important; } 
.page_secmb10 { margin-bottom: 10em !important; } 

.fw400 { font-weight: 400; } 
.fw500 { font-weight: 500; } 
.fw600 { font-weight: 600; } 
.fw700 { font-weight: 700; } 
.fw800 { font-weight: 800; } 
.fw900 { font-weight: 900; } 


/*contents*/
#contents .sub_visual{ position:relative; height:12vw}
#contents .sub_visual .bg{ position:absolute; right:0; width:100vw; top:0; height:100%; border-radius:0; transition: all .3s;}
#contents .sub_visual .slogan{ height:100%; display:flex; align-items:center; color:#fff; }
#contents .sub_visual .slogan > .box1{ padding-left: 1em; box-sizing: border-box;}
#contents .sub_visual .slogan .t1{ padding-bottom: 1em; font-weight:700; letter-spacing:.25em; opacity:.7; position: relative;}
#contents .sub_visual .slogan .t1::before{ content:""; width:.6em; height:.6em; background:#fff; border-radius:50%; position: absolute; left: -1em; top: -1em;}
#contents .sub_visual .slogan .t2{ padding-bottom: .5em; font-weight:700; font-size:2.875em}
/* #contents .sub_visual{ position:relative; height:24vw}
#contents .sub_visual .bg{ position:absolute; right:0; width:96vw; top:0; height:100%; border-radius:14em 0 0 2em; transition: all .3s;}
#contents .sub_visual .slogan{ height:100%; display:flex; align-items:center; text-align:center; color:#fff}
#contents .sub_visual .slogan .t1{ font-weight:700; letter-spacing:.25em; opacity:.7}
#contents .sub_visual .slogan .t2{ font-weight:700; font-size:2.75em}
#contents .sub_visual .slogan .t2:before{ content:""; display:block; width:1em; height:1em; background:#fff; border-radius:50%; font-size:.25em; margin:2em auto} */ /* sub_visual ori */

/* .scroll #contents .sub_visual .bg{ width: 100vw; border-radius: 0;} */

#contents .sub_con_wrap{ margin-top:3em; align-items:flex-start}
#contents .sub_con_wrap .sub_lnb{ width:14em; margin-right:3.5em; padding-bottom: 2em;}
#contents .sub_con_wrap .sub_lnb .tit{ height:9em; padding:0 1em; border-radius: .5em; background:var(--siteC3); color:#fff; word-break: keep-all; line-height: 1.4; position:relative; overflow:hidden}
#contents .sub_con_wrap .sub_lnb .tit .t1{ font-weight:800; font-size:1.5em; position:relative}
#contents .sub_con_wrap .sub_lnb .gnb > li{ width:100%}
#contents .sub_con_wrap .sub_lnb .gnb .dp2{ display:block; margin-top: .625em;}
#contents .sub_con_wrap .sub_lnb .gnb .dp2 a{ text-align:left; line-height:1.2}
#contents .sub_con_wrap .sub_lnb .gnb .dp2 > li{ position:relative}
#contents .sub_con_wrap .sub_lnb .gnb .dp2 > li + li{ margin-top: 0.25em;}
#contents .sub_con_wrap .sub_lnb .gnb .dp2 > li > a{ justify-content: flex-start; height: 3.25em; padding:0 1.25em; border:1px solid #f5f5f5; border-radius: .5em; background-color: #f5f5f5;  position:relative; transition: all .3s;}
#contents .sub_con_wrap .sub_lnb .gnb .dp2 > li > a .in{ display: flex; justify-content: space-between; align-items: center; width: 100%; text-align-last: left;}
#contents .sub_con_wrap .sub_lnb .gnb .dp2 > li.more > a.link{ display:none}
#contents .sub_con_wrap .sub_lnb .gnb .dp2 > li.on > a,
#contents .sub_con_wrap .sub_lnb .gnb .dp2 > li.act > a{ border-color:var(--siteC3); background-color:#fff;}
#contents .sub_con_wrap .sub_lnb .gnb .dp2 > li > a:before{ display:none}
#contents .sub_con_wrap .sub_lnb .gnb .dp2 > li a:before{ display:none}
#contents .sub_con_wrap .sub_lnb .gnb .dp2 > li .va{ display:flex}
#contents .sub_con_wrap .sub_lnb .gnb .dp2 > li .arrow{/*  width:1.5em;  */ padding-top:.125em; margin-left:auto; text-align:center; font-size:.875em; color:var(--siteC3); opacity:.5}
#contents .sub_con_wrap .sub_lnb .gnb .dp2 > li > a .va{ padding:1em .25em}
#contents .sub_con_wrap .sub_lnb .gnb .dp2 > li > a .tt{ flex:1 1 0%; min-width:0; font-weight: 600; color:#555; text-align: left;}
#contents .sub_con_wrap .sub_lnb .gnb .dp2 > li.on > a .tt{ color:var(--siteC3)}
#contents .sub_con_wrap .sub_lnb .gnb .dp2 > li.more > .layer{ display:flex!important}
#contents .sub_con_wrap .sub_lnb .gnb .dp2 > li.more > a .arrow:before{ content:"\e913"}
#contents .sub_con_wrap .sub_lnb .gnb .dp2 > li.on > a .arrow:before{content:"\ea3e";}
#contents .sub_con_wrap .sub_lnb .gnb .dp2 > li.on.more > a .arrow{ transform: rotate(90deg);}
/* #contents .sub_con_wrap .sub_lnb .gnb .dp2 > li.on.more > a .arrow:before{content:"\e941"} */
#contents .sub_con_wrap .sub_lnb .gnb .dp2 > li > a.layer .close{ display:none}
#contents .sub_con_wrap .sub_lnb .gnb .dp2 > li.on > a.layer .open{ display:none}
#contents .sub_con_wrap .sub_lnb .gnb .dp2 > li.on > a.layer .close{ display:inline-block}
#contents .sub_con_wrap .sub_lnb .gnb .dp2 li.act > a .arrow,
#contents .sub_con_wrap .sub_lnb .gnb .dp2 li.on > a .arrow{ opacity:1}
#contents .sub_con_wrap .sub_lnb .gnb .dp2 > li .dp3{ display:none; margin-top: 0.2em; padding:.5em 0; border-bottom:1px solid #ddd; border-radius: .5em; background:var(--crGray4);}
#contents .sub_con_wrap .sub_lnb .gnb .dp2 > li .dp3 > li > a{ padding: .5em .8em .5em .8em; color:#555}
#contents .sub_con_wrap .sub_lnb .gnb .dp2 > li .dp3 > li > a .in{ display: flex; justify-content: space-between; width: 100%; padding-left: 0.8em; text-align: left; position: relative;}
#contents .sub_con_wrap .sub_lnb .gnb .dp2 > li .dp3 > li > a .in::before{content:'';width:5px;height:5px;border-radius:50%;background:var(--siteC2);position:absolute;left:0;top: 6px;opacity: .5; }
#contents .sub_con_wrap .sub_lnb .gnb .dp2 > li .dp3 > li.on > a .in::before{ opacity:1}
#contents .sub_con_wrap .sub_lnb .gnb .dp2 > li .dp3 > li > a .in .tt{ width: calc( 100% - 1em); letter-spacing: -1px; word-break: keep-all;}
#contents .sub_con_wrap .sub_lnb .gnb .dp2 > li .dp3 > li.act > a,
#contents .sub_con_wrap .sub_lnb .gnb .dp2 > li .dp3 > li.on > a{ color:#111; font-weight:500}
#contents .sub_con_wrap .sub_lnb .gnb .dp2 > li .dp3 > li.act > a .tt,
#contents .sub_con_wrap .sub_lnb .gnb .dp2 > li .dp3 > li.on > a .tt{ font-weight: 700; text-decoration:underline}
#contents .sub_con_wrap .sub_lnb .gnb .dp2 > li .dp3 > li > a .va{ padding:.375em 1em; padding-right:.5em}
#contents .sub_con_wrap .sub_lnb .gnb .dp2 > li .dp3 > li.act > a .arrow:before{ content:"\e907"}
#contents .sub_con_wrap .sub_lnb .gnb .dp2 > li .dp3 > li.on > a .arrow:before{ content:"\e907"}
#contents .sub_con_wrap .sub_lnb .gnb .dp2 > li.on .dp3{ display:block !important}
#contents .sub_con_wrap .sub_lnb .gnb .dp2 > li > a .va{ font-weight:500; font-size:1.125em}
#contents .sub_con_wrap .sub_lnb .gnb .dp4{ display:none;}

#contents .sub_tit{ border-bottom:1px solid #ddd; /* margin-bottom:3.75em; */ padding:1.5em 0.5em 1.5em 0}
#contents .sub_tit .t1{ font-weight:800; font-size:2.125em}
#contents .sub_tit .nav{}
#contents .sub_tit .nav{ color:#666;}
#contents .sub_tit .nav > li{ max-width: 8em; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
#contents .sub_tit .nav > li .xi{ width:1.5em; height:1.5em; background:transparent; border-radius:50%; font-size:1em; color:var(--siteC);}
#contents .sub_tit .nav > li .tt{ vertical-align:middle; font-size:.938em; font-weight:500;}
#contents .sub_tit .nav > li + li:before{ content:"\e940"; font-family:xeicon; padding:0 .5em; vertical-align:middle; opacity:.8;}
#contents .sub_tit .nav > li:last-child .tt{ font-weight:600; text-decoration:underline;}

#contents .con_menu{}



.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}
.dp4on .gnb > li,
.dp4on .gnb > li .dp1,
.dp4on .gnb > li .dp2 > li,
.dp4on .gnb > li .dp2 > li > a,
.dp4on .gnb > li .dp3 > li,
.dp4on .gnb > li .dp3 > li > a{ display:none!important}
.dp4on .gnb > li.on,
.dp4on .gnb > li .dp2 > li.on,
.dp4on .gnb > li .dp3 > li.on{ display:block!important}


/**/
#contents .doc{ padding:3em 0 10em;}

.page_twrap:not(:first-child){ margin-top:5em}
.page_twrap .wrap_box{ border:1px solid #ddd; padding:2em 2em; border-radius:.5em}
.page_twrap .wrap_box .img{}
.page_twrap .wrap_box .txt{ color:#333;}
.page_twrap .wrap_box.noline{ border:none; padding:1em 1em 0; }
.page_twrap.bor { position:relative;}
.page_twrap.bor:before { position:absolute; top:-5.5%; left:0; content:''; width:100%; height:1px; background-color:var(--siteC);}

.page_twrap .wrap_box .desc_wrap{ width: 90%; margin:0 auto;}
.page_twrap .wrap_box .desc_wrap .page_tt + .page_tt{ margin-top: 0.5em;}
.page_twrap .wrap_box .img_wrap{ display: flex; flex-wrap: wrap; justify-content: center; gap: 1.5em;}
.page_twrap .wrap_box .img_wrap .img{ width: calc((100% - 1.5em) / 2); max-height: 30em; }
.page_twrap .wrap_box .img_wrap .img.rnd{ border-radius: .8em; overflow: hidden;}
.page_twrap .wrap_box .img_wrap .img img{ width: 100%; height: 100%; object-fit: cover;}
.page_twrap .wrap_box .img_wrap .img.posT img{ object-position: center 0;}
.page_twrap .wrap_box .img_wrap.d1 .img{ width: 70%;}


.page_tt.dot1{ padding-left: 1em; font-weight: 600; font-size: 1.125em; color:#111; position: relative;}
.page_tt.dot1::before{ content: ''; width: 5px; height: 5px; border-radius: 50%; background: var(--siteC2); position: absolute; left: 0; top: 8px;}
.page_tt.dot1 + .dot1{ margin-top: .5em;}
.page_tt.dot2{ padding-left: 1em; position: relative;}
.page_tt.dot2::before{ content: ''; width: 6px; height: 1px; background: #555; position: absolute; left: 0; top: 6px;}

.txt_box{ padding: 1.5em; border-radius: .8em; background: #f8f8f8; }
.txt_box.ml{ margin-left: 1em;}

.num_list{padding-left: 1em;}
.num_list li{ padding-left: 1.5em; position: relative;}
.num_list li + li{ margin-top: 0.5em;}
.num_list li .num{ position: absolute; left: 0; top: 0;}

.page_tit{ font-size:1.5em; font-weight:800; margin-bottom:.5em}
.page_tit.s1{ font-size:1.688em}
.page_tit.s2{ font-size:1.813em}
.page_tit.s3{ font-size:2em}

.tit_ico1{ padding-top: 0.5em; padding-left: 0.375em; font-weight: 600; font-size: 1.625em; position:relative}
.tit_ico1 > *{ position:relative}
.tit_ico1:before{ content:""; width:1em; height:1em; border-radius:100%; background:var(--siteC); position:absolute; left:0; top: 0; opacity:.2}

.tit_ico2{ margin-bottom:1.5em; padding-bottom:1em; font-size: 1.375em; color:#555; position:relative;}
.tit_ico2:before,
.tit_ico2:after{ content:""; position:absolute; left:0; bottom:0; width:1em; height:1px; background:#999}
.tit_ico2:after{ left:1em; background:#0060ae}
.tit_ico2.ac:before{ left:auto; right:50%}
.tit_ico2.ac:after{ left:50%;}

.page_tt_point{ max-width: 62%; margin:0 auto;}
.page_tt_point .in{ display:inline-block; position:relative; padding:1em 0}
.page_tt_point .in:before,
.page_tt_point .in:after{ content:""; position:absolute; width:3em; height:100%; right:calc(100% + 3em); top:50%; transform:translateY(-50%); background:url(../images/sub/page_tt_point.svg) no-repeat left center; background-size: auto 100%}
.page_tt_point .in:before{ right:auto; left:calc(100% + 3em); transform:translateY(-50%) rotate(180deg)}

.page_arrow{ padding-bottom:4%; background:url(../images/sub/page_arrow.svg) no-repeat; background-size:100% 100%; margin:3.5em 0 3em 0}
.page_arrowUp{ padding-bottom:6%; background:url(../images/sub/page_arrowup.png) no-repeat; background-size:100% 100%; margin:3.5em 0 3em 0}

.page_arrow {}
.page_arrow2{ padding-bottom:4%; background:url(../images/sub/vision_line.png) no-repeat; background-size:100% 100%; margin:1em 0 0em;}


.page_twrap_img{ position:relative; padding-bottom:7em}
.page_twrap_img.st3{ position:relative; padding-bottom:7em; min-height: 40em;}
.page_twrap_img .wrap_con{ width:85%; /* min-height: 11em; */ background:#fff; position:relative;  z-index:1; box-sizing:border-box; padding:2.5em; padding-bottom:3em}
/* .page_twrap_img .wrap_con:before{ content:""; position:absolute; left:0; top:0; width:2em; height:2em; border:.25em solid #0060ae; border-right:none; border-bottom:none} */ /* original */
.page_twrap_img .wrap_con:before{ content:""; position:absolute; left:0; top:0; width:5em; height:2.5em;  border:1px solid #0060ae; border-right:none; border-bottom:none}
.page_twrap_img .wrap_img{ position:absolute; left:0; bottom:0; width:100%; height:70%}
.page_twrap_img .wrap_img .img{ height:100%; /* background-position: 100% 100%; */}
.page_twrap_img.st1{ padding-bottom:5em}
.page_twrap_img.st1 .wrap_con{ width:80%; margin:0 auto; text-align:center; padding:3em; border-top:1px solid #111}
.page_twrap_img.st1 .wrap_con:before{ display:none}
.page_twrap_img.st1 .wrap_img{ height:85%}
.page_twrap_img.st2 .wrap_con{ width:85%; margin:0 auto 0 0; text-align:left; padding: 2em 2em 2em; box-shadow: 3px 5px 5px rgba(0, 0, 0, .1);}
.page_twrap_img.st2 .wrap_img{ width: calc(100% - 3px); height: 90%;}
.page_twrap_img.st3 .wrap_con{ width:100%; margin:0 auto 0 0; text-align:left; padding: 2em 2em 2em; box-shadow: 3px 5px 5px rgba(0, 0, 0, .1);}
.page_twrap_img.st3 .wrap_img{ height:100%}

.business_tit {padding: 5em 4em 4em; min-height: 14em; background-position: 80% 50%;}
.business_tit > .tt { font-size:2.2em; color:#fff; font-weight:600;}
.business_tx {padding: 0 30% 0 0; color:#fff}
.business_tx .tt{ font-size:1.125em; margin-top:1em; line-height: 1.6; word-break: keep-all;}
.business_tx .tt:first-child {margin-top:2em;}



.memo_box {background: #f4f4f4; padding: 2em; border-radius: 1em; margin-top: 1em;}
.memo_box.st2 { background:#2a6bb6; color:#fff;}

/*SUB PAGE*******************/
/*inc*/
.page_mq{ overflow:hidden;}
.page_mq .mqTT{ display:flex; flex-shrink:0; white-space:nowrap;}
.page_mq .mqTT > *{ margin:0 .375em;}

.page_tab{}

.page_tab2{ margin-bottom: 3em;}
.page_tab2 .tabList{}
.page_tab2 .tabList > li{ flex:0 0 25%; height: 3.5em; border: 1px solid #ddd; position: relative;}
.page_tab2 .tabList > li + li{ border-left: none;}
.page_tab2 .tabList > li:first-child{ border-radius: .5em 0 0 .5em;}
.page_tab2 .tabList > li:last-child{ border-radius: 0 .5em .5em 0 ;}
.page_tab2 .tabList > li.on{ background:var(--siteC)}
.page_tab2 .tabList > li .tab-tt{ font-weight: 700; font-size: 1.125em; color:#777;}
.page_tab2 .tabList > li.on .tab-tt{ color:#fff;}
.page_tab2 .tabList > li.on::after{ content: ''; width: .8em; height: .8em; background-color: var(--siteC); position: absolute; bottom: -.5em; left: 50%; transform: rotate(45deg) translateX(-50%);}
.page_tab2 .tabList > li:hover .tab-tt{ text-decoration: underline;}

.page_tab3{ margin-bottom: 2em;}
.page_tab3 .tabList{ gap:.25em;}
.page_tab3 .tabList > li{}
.page_tab3 .tabList > li button{ min-width: 5em; padding: .5em 1em; border:1px solid #eee; border-radius: 3em; background: var(--siteBg4); transition: all .2s;}
.page_tab3 .tabList > li:hover button,
.page_tab3 .tabList > li.on button{ background: var(--siteC); border-color:var(--siteC);}
.page_tab3 .tabList > li button .tt{ font-weight: 600; color:#999;}
.page_tab3 .tabList > li:hover button .tt ,
.page_tab3 .tabList > li.on button .tt{ color:#fff;}


.con_menu.dp4on{margin-top: 3em; border-bottom:1px solid #38495c}
.con_menu.dp4on .gnb{ }
.con_menu.dp4on .gnb li.on{ width: 100%;}
.con_menu.dp4on .gnb .dp4{ }
.con_menu.dp4on .gnb .dp4 > li{flex:1;}
.con_menu.dp4on .gnb .dp4 > li a{ }
.con_menu.dp4on .gnb .dp4 > li .in{ width: 100%; padding: 1em 1.25em; border:1px solid #ddd;}
.con_menu.dp4on .gnb .dp4 > li .tt{ font-weight: 600; font-size: 1.125em; color:#999; position: relative;}
.con_menu.dp4on .gnb .dp4 > li.on a .in{ border-color:#38495c; background:#38495c;}
.con_menu.dp4on .gnb .dp4 > li.on .tt{ color:#fff;}
.con_menu.dp4on .gnb .dp4 > li.on .tt:after{ content:""; position:absolute; right:-.75em; top:0; width:.375em; height:.375em; background:#fff; border-radius:50%}
.con_menu.dp4on .gnb .dp4 > li:not(.on):hover .tt{ color:#555;}

.brds{ border-radius: 1em;}

/*  */
.stepsListWrap .stepList{display: flex; gap:40px;}
.stepsListWrap .stepList > li{ flex:1; padding:1.5em 1.5em 2em; box-sizing:border-box; border:1px solid #ddd; border-top: 2px solid var(--siteC); background: #fff; text-align: center; position: relative;}
.stepsListWrap .stepList > li:before{position: absolute; left: -40px; top:0;height: 100%; content: ''; background: url('../images/inc/steps.gif') center center no-repeat; width: 40px} 
.stepsListWrap .stepList > li:first-child:before{background: none}
.stepsListWrap .ico{width: 9em; height: 9em; margin:0 auto; padding:1.5em; box-sizing: border-box; border-radius: 50%; background: #f8f8f8;}
.stepsListWrap .ico img{ opacity: .85;}
.stepsListWrap .txt{flex:1; color: #333}
.stepsListWrap .cont{margin-top: 20px;}
.stepsListWrap .t{display: block; font-weight: 800; color: #aaa}
.stepsListWrap .c{margin-top: 10px; padding:0 1em; font-weight: 800; font-size: 1.25em; word-break: keep-all; color:var(--siteC)}
.stepsListWrap .small{ margin-top: 1.5em; color: #333; line-height: 1.5; word-break: keep-all;}

/*  */
.sec_vision li{ gap:4em;}
.sec_vision li + li{ margin-top:1.5em;}
.sec_vision li .tit {display: flex;justify-content: center;align-items: center;padding: 1.5em;text-align:center;background-color:#0060ae;color:#fff;border-radius:50%;width: 11em;height: 11em;position:relative;}
.sec_vision li:nth-child(even) .tit {background-color:#002144;}
.sec_vision li .tit:before { content:''; width:5em; height:1px; background-color:#0060ae; position:absolute; top:50%; right:-3em; transform: translateY(-50%);}
.sec_vision li:nth-child(even) .tit::before {background-color:#002144;}
.sec_vision li .txt{ flex:1;}
.sec_vision li .txt.st1 {flex: 1; background-color: rgba(0,96,174,.1); padding: 2em; border-radius: 0.5em;}
.sec_vision li .txt.st2 {}



/* sub_about ***/
/* 기념사 */
.letter_wrap{margin-top: 1em;}
.letter_wrap .greet .txt_wrap{ }
.letter_wrap .greet .txt_wrap .top_tit{ margin-bottom: 2em; font-weight: 800; color:var(--siteC2); text-transform: uppercase;}
.letter_wrap .greet .txt_wrap .top_tit .t1{ padding-right: .5em; position: relative;}
.letter_wrap .greet .txt_wrap .top_tit .t1::before{ content:''; width: 8em; height:1px; background:var(--siteC2); position: absolute; left: 100%; bottom: 0;}
.letter_wrap .greet .txt_wrap .page_tt{line-height: 1.5;color:#333; word-break: keep-all; text-align: justify;}
.letter_wrap .greet .txt_wrap .page_tt.s3:not(:last-child){ margin-bottom: 0.8em;}
.letter_wrap .greet{ gap:4em; }
.letter_wrap .greet .txt_wrap{ flex:1;}
.letter_wrap .greet .img_wrap{float: right;width: 35%;margin-top: -4em;padding: 0 0 4em 4em;}
.letter_wrap .greet .img_wrap .img{ width: 100%; /* height: 28em;  */position: relative;}
.letter_wrap .greet .img_wrap .img img{ width: 100%; height: 100%; border-radius: 1em;  object-fit: cover; position: relative; z-index: 1;}
.letter_wrap .greet .img_wrap .img::before,
.letter_wrap .greet .img_wrap .img::after{ content:''; position: absolute;}
.letter_wrap .greet .img_wrap .img::before{ width: 100%; height: 100%; border-radius: 1em; border:1px dashed var(--siteC); opacity: .8; left: -.5em; bottom: -.5em; }
.letter_wrap .greet .img_wrap .img::after{width: 4em;height: 4em;border-radius: 50%;background:var(--siteC2);opacity: .3;position: absolute;left: -1.5em;bottom: -1.5em;}
.letter_wrap .greet .img_wrap2{width: 35%; padding: 2em 2em 1em 0;}
.letter_wrap .greet .img_wrap2 .img img{ border-radius:1em; box-shadow: 5px 5px 10px rgba(0, 0, 0, .1)}
.letter_wrap .greet .img_wrap2.left{ float:left}
.letter_wrap .greet .img_wrap2.right{ float:right}
.letter_wrap .ceo_name{margin-top: 3em; padding-right: 2em;text-align: right;}
.letter_wrap .ceo_name .t1{ padding-top: 1em; font-weight: 600; font-size: 1.25em; }
.letter_wrap .ceo_name .sign{display: inline-block; width: 13em; margin-left: 2em;padding-bottom: 8%; background-position: 100% 100%;}


/* 총괄이사 */
.greet_wrap{}
.greet_wrap .greet .txt_wrap{ }
.greet_wrap .greet .txt_wrap .top_tit{ margin-bottom: 3em; font-weight: 800;}
.greet_wrap .greet .txt_wrap .top_tit .t1{ padding-right: .5em; position: relative;}
.greet_wrap .greet .txt_wrap .top_tit .t1::before{ content:''; width: 8em; height:1px; background:var(--siteC2); position: absolute; left: 100%; bottom: 0;}
.greet_wrap .greet .txt_wrap .page_tt{ line-height: 1.5; color:#333;}
.greet_wrap .greet .txt_wrap .page_tt.s3:not(:last-child){ margin-bottom: 0.8em;}
.greet_wrap .greet.kr{ gap:4em; margin-bottom: 4em;}
.greet_wrap .greet.kr .txt_wrap{ flex:1;}
.greet_wrap .greet.kr .img_wrap{ width: 35%; padding-top: 3em;}
.greet_wrap .greet.kr .img_wrap img{ width: 100%; height: 100%; object-fit: cover;}
.greet_wrap .greet.en{ padding:2em 1em; border:1px solid #ddd; background:#f6f6f6; }
.greet_wrap .ceo_name{ margin-top: 2em; padding-right: 2em; text-align: right;}
.greet_wrap .ceo_name .sign{ display: inline-block; width: 18em; height: 6em; margin-bottom: 0.8em; background-position: 100% 100%;} 

/* 인사말 */
.greet_wrap2{ color:#333}
.greet_wrap2 .greet_top{gap:4em; position: relative;}
/* .greet_wrap2 .greet_top::after{ content: ''; width: 2em; height: 2em; border-width: 3px 3px 0 0; border-style: solid; border-color: var(--siteC); position: absolute; right: 0; top: 0;  } */
.greet_wrap2 .greet_top .txt_wrap{flex:1;padding-top:2em; position:relative;}
.greet_wrap2 .greet_top .txt_wrap::before{ content:''; width:2.5em; height:2px; background:var(--siteC2); position:absolute; left:0; top:.5em; opacity:.5}
.greet_wrap2 .greet_top .txt_wrap .t1{margin-bottom: 1em;/* padding-bottom: .5em; *//* border-bottom: 2px solid var(--gradC1); */}
.greet_wrap2 .greet_top .txt_wrap .page_tt.s10{position: relative;}
.greet_wrap2 .greet_top .txt_wrap .page_tt.s10::before{content: '';width: 1.25em;height: 1.25em;border-radius: 50%;background:var(--siteC2);position: absolute;left: -20px;top: -12px;z-index: -1;opacity: .2;}
.greet_wrap2 .greet_top .txt_wrap .page_tt.greet{font-weight: 600; font-size: 1.25em; line-height:1.5; color:#555}
.greet_wrap2 .greet_top .img_wrap{order: -1; width: 14em; position: relative;}
.greet_wrap2 .greet_top .img_wrap::before{ content: ''; width: 3em; height: 3em; border-radius: 50%; background:var(--siteC2); position: absolute; right: -2em; bottom: -1.25em; z-index: -1; opacity: .2;}
.greet_wrap2 .greet_top .img_wrap .ceo_img{ position: relative;}
.greet_wrap2 .greet_top .img_wrap .ceo_img img{ display: block; height: 100%; border-radius: .5em; object-fit: cover;}
.greet_wrap2 .greet_top .img_wrap .ceo_img::after{ content: ''; width: 100%; height: 100%; border:2px dotted var(--siteC2); border-radius: .5em; position: absolute; right: -0.5em; bottom: -0.5em; z-index: -1; opacity: .4;}
.greet_wrap2 .greet_con{ margin-top: 3em; padding: 0 .5em;}
.greet_wrap2 .greet_con .page_tt{ line-height: 1.5;}
.greet_wrap2 .greet_con .page_tt + .page_tt{ margin-top: 1em;}
.greet_wrap2 .greet_con .ceo_wrap{margin-top: 3em; padding-right: 1.5em; text-align: right;}
.greet_wrap2 .greet_con .ceo_wrap .ceo{ margin-top: 0.5em;}
.greet_wrap2 .greet_con .ceo_wrap .ceo .tt{ font-size: 1.25em;}
.greet_wrap2 .greet_con .ceo_wrap .ceo .name{margin-left: 1em; margin-right: 0.2em; font-weight: 600; font-size: 1.625em; color:#111}


/* history */
.history_wrap{ display:flex; align-items:flex-start; position:relative; padding:2em 0 1em 0}
.history_wrap:before{ content:""; position:absolute; top:0; width:1px; height:calc(100% - 3em); background:#ddd; transform: translateX(-1px)}
.history_wrap:before,
.history_wrap .tabLink{ left:24em;}
.history_wrap.tab2:before,
.history_wrap.tab2 .tabLink{ left:20em; }
.history_wrap.tab2:before{transform: translateX(-1px)}
.history_wrap .wrap_tab{ width:24em; padding:0 5em 0 3em; box-sizing:border-box}
.history_wrap .wrap_tab > li > a{ margin:2em 0; color:#111; position:relative; filter:grayscale(1); transition:.3s}
.history_wrap .wrap_tab > li > a:before{ content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(255,255,255,.5)}
.history_wrap .wrap_tab > li > a .t1{ font-weight:700; font-size:1.75em}
.history_wrap .wrap_tab > li.on > a,
.history_wrap .wrap_tab > li > a:hover,
.history_wrap .wrap_tab > li > a:focus{ filter:grayscale(0); color:#fff}
.history_wrap .wrap_tab > li.on > a:before,
.history_wrap .wrap_tab > li > a:hover:before,
.history_wrap .wrap_tab > li > a:focus:before{ width:100%; height:100%; background:rgba(0,0,0,.2)}
.history_wrap .wrap_tab > li.on > a{ border-color:#111; box-shadow:0 0 .5em rgba(0,0,0,.1)}
.history_wrap .wrap_tab > li.on > a:after{ content:""; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:100%; height:100%; border:.25em solid #0063ae}
.history_wrap .wrap_tab2{ width: 14em; padding: 1.5em 4em 0 2em;}
.history_wrap .wrap_tab2 > li{}
.history_wrap .wrap_tab2 > li + li{ margin-top:1em}
.history_wrap .wrap_tab2 .tab{ display: block; padding: 1em 1.25em; border: 1px solid #ddd; border-radius:2em; transition:all .3s}
.history_wrap .wrap_tab2 .tab .t1{font-weight:700; font-size: 1.25em; color:#777;}
.history_wrap .wrap_tab2 > li.on .tab{ background:var(--siteC); border-color:var(--siteC);}
.history_wrap .wrap_tab2 > li.on .tab .t1{ color:#fff;}
.history_wrap .wrap_tab2 > li:hover .tab{ border-color:var(--siteC); box-shadow: 1px 3px 10px rgba(0, 0, 0, .1);}
.history_wrap .wrap_tab2 > li:not(.on):hover .tab .t1{ color:#333;}

.history_wrap .wrap_con{ flex:1 1 0%; min-width:0; box-sizing:border-box; padding:2em 0; padding-right:6em}
.history_wrap .tabLink{ width:5em; height:3em; position:absolute; bottom:0; transform:translatex(-50%)}
.fadeAni{ animation-name: fadeAni; animation-duration: 2s; animation-iteration-count: infinite}
.history_wrap .tabLink .xi{ font-size:3em; position:absolute; left:0; top:0; width:100%; text-align:center;color:#ddd; margin-left:1px; animation-duration: 3s; animation-iteration-count: infinite}
.history_wrap .tabLink .xi:before{content:"\e943"}
.history_wrap .tabLink.tab1 .xi:before{content:"\e946"}
.history_wrap .tabLink .xi:nth-child(1){ transform:translateY(-.188em) scale(.6); animation-name: angleAni1}
.history_wrap .tabLink .xi:nth-child(2){ transform:scale(.8); animation-name: angleAni2}
.history_wrap .tabLink .xi:nth-child(3){ transform:translateY(.188em); animation-name: angleAni3}
.history_wrap .tabLink.tab1 .xi:nth-child(1) { transform:translateY(-.188em) scale(1); animation-name: angleAni3}
.history_wrap .tabLink.tab1 .xi:nth-child(3) { transform:translateY(.188em) scale(.6); animation-name: angleAni1}
.history_wrap .tabLink:hover .xi,
.history_wrap .tabLink:focus .xi{animation-name: none; color:var(--siteC)}
@keyframes angleAni1{
	0% {color: #ddd}
	10% {color: #0063ba}
	20% {color: #ddd}
}
@keyframes angleAni2{
	10% {color: #ddd}
	20% {color: #0063ba}
	30% {color: #ddd}
}
@keyframes angleAni3{
	20% {color: #ddd}
	30% {color: #0063ba}
	40% {color: #ddd}
}
.history > li{ padding:0 0 4em 4em; position:relative}
.history > li:before{ content:""; position:absolute; left:0; top:1.25em; width:3em; height:1px; background:#ddd}
.history > li .dot{ position:absolute; left:0; top:1.25em; transform:translate(-50%,-50%); width:1.5em; height:1.5em}
.history > li .dot:before,
.history > li .dot:after{ content:""; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:100%; height:100%; border-radius:50%}
.history > li .dot:before{ background:none; }
.history > li .dot:after{ background:#ccc; width:40%; height:40%}
.history > li .year .t1{ font-weight:700; font-size:1.75em; letter-spacing:-.063em}
.history > li .list{ padding:1em 0}
.history > li .list > li{ display:flex; flex-wrap: wrap; padding:.5em .125em}
.history > li .list > li .month{ width:4em; margin-right:2em}
.history > li .list > li .con{ flex:1 1 0%; min-width:calc( 100% - 8em); padding:.125em 0; color:#666}
.history > li .list > li .con .t1{ font-weight: 600; font-size:1.063em}
.history > li .list > li .history_img{ margin-top: 1em; margin-left:auto; margin-right: 0;}
.history > li .list > li .history_img > li{ width: calc((100% - 1em) / 3);}
.history > li .list > li .history_img > li img{ height: 100%;}
.history > li .month .t1{ font-weight:500; font-size:1.125em;}
.history > li.on .year,
.history > li.on .list > li .month{ color:var(--siteC)}
.history > li.on .list > li .con{ color:#111; font-weight:500}
.history > li.on .dot:before{ background:var(--siteC); opacity:.4;  animation-name: scaleAni; animation-duration: 2s; animation-iteration-count: infinite}
.history > li.on .dot:after{ background:var(--siteC)}
@keyframes scaleAni{
	100% { opacity:0; width:150%; height:150%}
}

.history>li .list>li .con .t2 {
  margin-top: 10px;
  padding-left: 20px;
  color:#555;
  position: relative;
}

.history>li .list>li .con .t2::before {
  content: "";
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: var(--siteC);
  position: absolute;
  left: 7px;
  top: 7px;
}

.history>li .list>li .con .t2 .tt {
  width: 7em;
}

/* 미션비전 */
.fointro-vision {font-size: 0;position: relative;text-align: center;/* background:#f5f5f5; */}
.fointro-vision h1 {/* border-radius: 10px; */border: 1px solid #eee;font-size:1.375em;color: #2b2b2b;border-bottom: none;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding: 16px 0;font-weight: 400;background: var(--siteBg4);}
.fointro-vision em{ display:block; font-size:.875em; font-weight:500}
.fointro-vision .vision em{ color:#da281f}
.fointro-vision .mission em{ color:#00479e}
.fointro-vision span {display: block;font-size:1em;color: #2b2b2b;padding: 2em 0;background: #fff;/* border-radius: 10px; */border-width: 1px 2px 2px 1px;border-style: solid;border-color: #eee;}
.fointro-vision .vision { font-size: 1rem; display: inline-block; width: 40.6666%; vertical-align: middle; }
.fointro-vision .imgbox {position: relative;font-size: 1rem;display: inline-block;width: 15em;padding-bottom: 15em;vertical-align: middle;border-radius:100%;background:linear-gradient(90deg, #1d9ec5, #177fb9);margin:1em -4em;position: relative;box-shadow: 0 5px 10px rgba(0, 0, 0, .15);}
.fointro-vision .imgbox::before{ content:''; width:calc(100% - 1em); height:calc(100% - 1em); border-radius:50%; border:1px solid #fff; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%)}
.fointro-vision .imgbox .textbox {text-transform: uppercase;font-size: 1.25em;text-align: center;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);color: #fff;font-weight: 800;}
.fointro-vision .mission {font-size: 1rem;display: inline-block;width: 48%;vertical-align: middle;box-shadow: 0 3px 10px rgba(0, 0, 0, .1);}

.direction{text-align:center;/* background:#f5f5f5; */padding:1em 0}
.direction .diList { display: inline-block; overflow:hidden; text-align: center;}
.direction .diList li {width: 16em; height: 16em; border-radius: 100%;position: relative;display: inline-block;vertical-align: top;}
.direction .diList.st2 li { width:175px; height:175px; }
.direction .diList.st2 li .textBox{ font-size:.938em}
.direction .diList li .textBox { width: 100%; height: 100%; display: table; position: relative; text-align: center; font-weight:600; font-size:1.125em; color:#fff; word-break:keep-all; line-height:1.5;}
.direction .diList li .textBox:after{content: '';width: calc(100% - 35px);height: calc(100% - 35px);display: block;position: absolute;left: 17px;top: 17px;border: 1px solid #f9f9f9;border-radius: 100%; opacity:.6}
.direction .diList li .textBox p { display: table-cell; vertical-align: middle; padding: 16px; }
.direction .diList li::before { content: ''; width: calc(100% - 16px); height: calc(100% - 16px); display: block; position: absolute; left: 8px; top: 8px; background: #fff9e5; border-radius: 100% }

.direction .diList.d5 { display: flex; flex-wrap: wrap; justify-content: center; gap:1em; text-align: center;}
.direction .diList.d5 li{ flex:0 0 calc((100% - 2em) / 3); width: auto; height: auto; border-radius: 1.5em; overflow: hidden;}
.direction .diList.d5 li::before{ width: 100%; height: 100%; border-radius: 0; left: 0; top: 0;}
.direction .diList.d5 li .textBox p { padding: 3em 2em;}
.direction .diList.d5 li .textBox:after{ border-radius: 1em;}

/*.direction .diList li.bg1::before{ background:#d7676b}
.direction .diList li.bg2::before{ background:#e39b7c}
.direction .diList li.bg3::before{ background:#eecf8c}
.direction .diList li.bg4::before{ background:#a0bdae}*/
.direction .diList li.bg1::before{background: linear-gradient(90deg, #1d9ec5, #177fb9)}
.direction .diList li.bg2::before{background: linear-gradient(90deg, #177fb9, #009da5)}
.direction .diList li.bg3::before{background: linear-gradient(90deg, #009da5, #03b58d)}
.direction .diList li.bg4::before{background: linear-gradient(90deg, #03b58d, #1d9ec5)}
.direction .title, .task .title  { text-align: center; display:inline-block; padding:1rem 7.5rem; font-weight: 400; font-size: 26px; color: #2b2b2b; margin-bottom: 2rem; border-bottom: 2px solid #000; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.direction .goals > li {width: 284px; height: 96px; font-size: 20px; font-weight: 400; color: #2b2b2b; text-align: center; font-size: 1rem; display: inline-block; vertical-align: top; margin: 7px; border: 2px solid #ffc000; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 34px 20px; border-radius: 48px; }


.sub_list.st5 { gap: 1em;}
.sub_list.st5 li .in_top {margin-bottom:1em;}
.sub_list.st5 li .in_top .in {border-radius:50%;; background:#fff; border:1px solid #0060ae; padding:2.5em; width: 9em; height: 9em; margin:0 auto;}
.sub_list.st5 li .in_top .in .ico { margin-bottom:1em;}
.sub_list.st5 li .in_top .in .con { font-size:1em; font-weight:600; color:var(--siteC); word-break: keep-all;}
.sub_list.st5 li .in_bott { padding:1em; background-color:rgba(13,98,172,.1); margin-top:.5em; border-radius:1em;min-height: 6.5em;}
.sub_list.st5 li .in_bott .tt {font-size:1em; font-weight: 500;}
.sub_list.st5 li .in_bott .tt[data-ico]{ padding-left:1.3em; position:relative}
.sub_list.st5 li .in_bott .tt[data-ico]:before{ content:attr(data-ico); position:absolute; left:0; top:0}

.logosWrap{ gap:2em 3em;}
.logosWrap .logo{ width:calc((100% - 3em) / 2); }
.logosWrap .logo .img{ margin-top: 1em; padding: 1em; box-sizing: border-box; border:1px solid #ddd;}

/* 주요사업 */
.iconContList{ gap:4em 3em; margin-top: 1.5em;}
.iconContList > li{ width: calc((100% - 3em) / 2);}
.iconContList > li.w100{ width: 100%;}
.iconContList > li .in{ padding-top: 1.5em; border-top:1px solid #333;}
.iconContList > li .in .icon{ display: block; width: 4em; height: 4em; margin-bottom: 1.5em;}
.iconContList > li .in .txt{}
.iconContList > li .in .txt .tit{ margin-bottom: 1em; font-weight: 700; font-size: 1.25em;}
.iconContList > li .in .txt .desc{ line-height: 1.5; color:#333; word-break: keep-all;}

/* 임원명단 */
.board_st.execu{ /* text-align: left; */}
/* .board_st.execu thead tr th:last-child{ text-align: left!important;} */
.board_st.execu tbody tr td:last-child{ padding-left: 2em; text-align: left!important; }
.board_st.execu th, .board_st.execu td { /* padding-left: 2.5em; */ }
.board_st.execu tbody tr:hover{ background: #f8f8f8;}


/* 조직도 */
.org_wrap{ position: relative;}

.link_list{ width: 100%; height: 100%; position: absolute; left: 0; top: 0;}
.link_list .link{ position: absolute; border-radius: 51px; border:1px solid #f99 }
.link_list .link.s1{ width: 174px; height: 50px;}
.link_list .link.s2{ width: 130px; height: 50px;}
.link_list .link.link01{left: 39px; top: 256px;} /* 고문 */
.link_list .link.link02{left: 39px; top: 317px;} /* 감사 */
.link_list .link.link03{left: 39px; top: 378px;} /* 이사회 */
.link_list .link.link04{left: 39px; top: 439px;} /* 실행위원회 */
.link_list .link.link05{left: 463px; top: 424px;} /* 자문위원회 */

/* 인재채용 */
.recruit_top{}
.recruit_top .top_tit{ width: 8em; margin:0 auto; padding: .5em 1em; border-radius: 2em; background-color: var(--siteC3); font-size: .9375em; font-weight: 700; color:#fff;}
.recruit_top .message{ margin: 1.5em 0 3em; font-weight: 600; font-size: 1.75em; line-height: 1.5; color:#333; }
.mission_wrap{display: flex; height: 30em;margin-top: 1em; position: relative;}
.mission_wrap .title{display: flex;justify-content: center;align-items: center;width: 33em;height: 30em;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);}
/* .mission_wrap .title span{ font-weight: 700; font-size: 1.75em; text-align: center; color:#fff; position: relative; z-index: 1; */}
.mission_wrap .title::after{ content: ''; width: 16em; height: 16em; border-radius: 50%; background:var(--siteC); box-shadow:0 0 30px rgba(255, 255, 255, .5); position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); opacity: .8;}
.mission_wrap .missionList{ display: flex; justify-content: center; flex-wrap: wrap; padding: 3em 0;}
.mission_wrap .missionList > li{display: flex; flex-direction:column; gap: 1em;/* justify-content:center; */align-items: flex-start; width:calc(50% - 18em); box-sizing: border-box;}
.mission_wrap .missionList > li:nth-child(odd){ align-items: flex-end; margin-right: 18em;padding-right: 1em; text-align: right;}
.mission_wrap .missionList > li:nth-child(even){margin-left:18em; padding-left: 1em;}
.mission_wrap .missionList > li:nth-child(n+1):nth-child(-n+2){ border-bottom: 1px solid #ddd;}
.mission_wrap .missionList > li:nth-child(n+3):nth-child(-n+4){ justify-content: flex-end;}
.mission_wrap .missionList > li .tt{ font-weight: 600; font-size: 1.125em; color:#333; position:relative}
.mission_wrap .missionList > li .tt::before{ content:''; width:8px; height:8px; border-radius:50%; background:var(--siteC2); position:absolute; top:8px}
.mission_wrap .missionList > li .t1{ font-weight: 800; font-size:1.25em; color:var(--siteC)}
.mission_wrap .missionList > li .t2{ font-size:1.125em; line-height:1.5; word-break:keep-all}

/* 오시는길 */
/* location */
.bus_cir {background-color: #0d79d0; padding: 0.5em 1em; border-radius: 2em; color:#fff; margin-right:0.5em;}
.bus_cir.st2 { background-color:#4ecc22;}
.bus_cir.st3 { background-color:#e54c0f;}

.train_cir {background-color: #ff4d00; padding: 0.5em; border-radius: 50%; width:1em; height:1em; line-height:1em; color:#fff; margin-left:.5em; text-align:center;}
.train_cir.st2 {width: auto; height: auto; padding:.5em 1em; border-radius: 2em; background-color: #3cb44a;}
.train_cir.st3 {width: auto; height: auto; padding:.5em 1em; border-radius: 2em; background-color: #69b996;}
.train_cir.st4 {width: auto; height: auto; padding:.5em 1em; border-radius: 2em; background-color: #74c7c7;}

/* service */
.board_cate.d3 > li { width:20%;}
.board_cate.d4 > li { width:33.3%;}

.sub_service .page_twrap {margin-top:0em;}
.sub_service .page_twrap .page_tit {padding-top:1em;}

.wrap_box2{ margin-top:4em;}
.wrap_box2.flex > *{ padding:1.4em .4em; border-top:2px solid #e8e8e8;}
.wrap_box2.flex > .flex_w1{ flex:1; position:relative; padding-left:0; padding-right:0; border-top-color:#c6cad1;}
.wrap_box2.flex > .flex_w1:before,
.wrap_box2.flex > .flex_w1:after { content:""; position:absolute; top:-2px; height:2px; width:.8em;}
.wrap_box2.flex > .flex_w1:before{ left:0; background:#6574b7;}
.wrap_box2.flex > .flex_w1:after { left:.8em; background:#6574b7;}
.wrap_box2.flex > .flex_w1 .f_tit{ font-size:1.3em; font-weight:600;}
.wrap_box2.flex > .flex_w2{ flex:4; margin-left:2em;}
.wrap_box2.flex > .flex_w2 .tw{ font-size:1.1em; line-height:1.5; color:#222;}
.wrap_box2.flex > .flex_w2 .inner {padding-left:1em;}

.wrap_box2.flex .contactList{ gap:.5em 1em;}
.wrap_box2.flex .contactList .tw{display: flex; align-items: center; flex: 0 0 33%; gap:1em;}
.wrap_box2.flex .contactList .tw .xi{ color:#777} 

/* sub_business ***/
/*  */
/* .topInfo{}
.topInfo .thumImg{padding-bottom: 20em; background-position: 100% 50%;}
.topInfo > dl{width: 80%;margin: -10em 0 0 auto;padding: 2em 2em 0 3em;box-sizing: border-box;background: #fff;} 
.topInfo > dl{width: 85%; min-height:15em; margin: -13em auto 0 0;padding: 3em 2em 0 1em;box-sizing: border-box;background: #fff;} 

.topInfo > dl dt{margin-bottom: .5em;padding-bottom: .5em;border-bottom: 1px solid #ddd;font-weight: 800;font-size: 1.75em;color: var(--siteC);}
.topInfo > dl dd{}
.topInfo > dl dd .t1{ font-size: 1.125em; color:#333; line-height: 1.6; word-break: keep-all;}
.topInfo > dl dd .t1 + .t1{ margin-top: 0.5em;} */

/*  */
/* .steps-st2 > ul{display: flex; gap:40px;}
.steps-st2 > ul > li{ flex:1; position: relative; border:1px solid #ddd; border-top: 2px solid var(--siteC); padding: 25px; box-sizing:border-box; display: flex;    align-items: center;}
.steps-st2 > ul > li:before{position: absolute; left: -40px; top:0;height: 100%; content: ''; background: url('../images/sub/business/steps.gif') center center no-repeat; width: 40px}
.steps-st2 > ul > li:first-child:before{background: none}
.steps-st2 .ico{width: 75px}
.steps-st2 .txt{flex:1; color: #333}
.steps-st2.type2{text-align: center;}
.steps-st2.type2 > ul{}
.steps-st2.type2 > ul > li{display: block;}
.steps-st2.type2 .ico{width: auto}
.steps-st2.type2 .ico img{display: block; margin: 0 auto;}
.steps-st2 .cont{margin-top: 20px;}
.steps-st2 .t{display: block; color: #333}
.steps-st2 .c{margin-top: 10px; padding:0 1em; letter-spacing: -0.04em; word-break: keep-all;}
.steps-st2 .small{font-size: .938rem; margin-top: 5px; display: block; color: #666} */

/* 역대수혜자 */
.grantWrap{}
.grantWrap .grantList{  border-top:2px solid var(--siteC);}
.grantWrap .grantList > li{}
.grantWrap .grantList .in{display: flex; gap:2em; padding: 2em 1em; border-bottom: 1px solid #ddd; position: relative; overflow: hidden;}
.grantWrap .grantList .in::before{ content: ''; width: 18em; height: 18em; background: no-repeat url(../images/inc/ci.svg); opacity: .1; position: absolute; right: -3em; top: 1.5em; }
.grantWrap .grantList .in .year_wrap{width: 8em; box-sizing: border-box; transition: all .3s;}
.grantWrap .grantList .in .year_wrap .date{ font-weight: 700; font-size: 1.5em; color:#777;}
.grantWrap .grantList .in .cont_wrap{flex:1; }
.grantWrap .grantList .in .cont_wrap .tit{ margin-bottom: 1.5em; font-weight: 700; font-size:1.25em; color:var(--siteC)}
.grantWrap .grantList .in .cont_wrap .info{ padding-left:1em}
.grantWrap .grantList .in .cont_wrap .info dl{ display: flex; gap:2em;}
.grantWrap .grantList .in .cont_wrap .info dl + dl{ margin-top:.8em;}
.grantWrap .grantList .in .cont_wrap .info dl dt{width: 4.5em; padding-left:.5em; font-weight: 700; line-height:1; color:#555; text-align: justify; letter-spacing: -5px; position:relative}
.grantWrap .grantList .in .cont_wrap .info dl dt::before{ content:''; width:5px; height:5px; border-radius:50%; background:var(--siteC2); position:absolute; left:0; top:2px;}
.grantWrap .grantList .in .cont_wrap .info dl dt::after{content:'';display: inline-block;width:100%;line-height: 0;}
.grantWrap .grantList .in .cont_wrap .info dl dd{ flex:1; margin-top: -2px; line-height:1.3; color:#333;}

.grantWrap .grantList .in .cont_wrap .info.en dl{ flex-direction: column; gap:.5em}
.grantWrap .grantList .in .cont_wrap .info.en dl + dl{ margin-top: 1.5em;}
.grantWrap .grantList .in .cont_wrap .info.en dt{ width: auto; letter-spacing: -1px; text-align: left;}
.grantWrap .grantList .in .cont_wrap .info.en dl dt::after{ display: none;}
.grantWrap .grantList .in .cont_wrap .info.en dd{ margin: 0 0 0 .5em; }
.grantWrap .grantList > li:hover .in{ background:var(--siteBg1)}


/* GPHO */
.records_wrap{ padding: 0 .5em; overflow: hidden; position: relative;}
.recordsLine{ width: 100%; height: 1px; background: #fff; position: absolute; left: 0; top: 50%; transform: translateY(-50%); z-index: 0; opacity: .8;}
.records{ }
.records > li{ text-align: center;}
.records > li .inner{ height: 20em;}
.records > li .inner .space{ flex:1;}
.records > li .inner .con{ display: flex; flex-direction: column; height: 50%; box-sizing: border-box; position: relative;}
.records > li:nth-child(odd) .inner .con{ padding-top: 3em;}
.records > li:nth-child(even) .inner .con{ justify-content: flex-end; order:-1; padding-bottom: 3em;}
.records > li .inner .con::before{ content: ''; width: 8px; height: 8px; border-radius: 50%; background:#fff; position: absolute; left: 50%; transform: translateX(-50%); z-index: 1;}
.records > li:nth-child(odd) .inner .con::before{ top: -4px;}
.records > li:nth-child(even) .inner .con::before{ bottom: -4px;}
.records > li .inner .con::after{ content: ''; width: 1px; height: 2em; background: #fff; position: absolute; left: 50%; transform: translateX(-50%); opacity: .8;}
.records > li:nth-child(odd) .inner .con::after{ top: 0;}
.records > li:nth-child(even) .inner .con::after{ bottom: 0;}

.records > li .inner .con .year{ padding:1em 0; font-size: .875em; color:#fff; opacity: .8;}
.records > li .inner .con .txt{ }
.records > li .inner .con .txt .t1{ display: block; font-weight: 600; font-size: 1.0625em; color:#fff;}
.records > li .inner .con .txt .t1 + .t1{ margin-top: 0.5em;}
.recordsSlide_btn_wrap{ width: calc(100% - 4em); height: 3em; position: absolute; left: 2em; top: 50%; transform: translateY( -50%); z-index: 10;}
.recordsSlide_btn_wrap .recordsSlide_btn{ display: flex; justify-content: center; align-items: center; height:3em; position: absolute; top: 50%; transform: translateY( -50%); cursor: pointer; }
.recordsSlide_btn_wrap .recordsSlide_btn.swiper-button-disabled{ display: none;}
.recordsSlide_btn_wrap .recordsSlide_btn.next{ right: -14px;}
.recordsSlide_btn_wrap .recordsSlide_btn.prev{ left: -14px;}
.recordsSlide_btn_wrap .recordsSlide_btn .xi{ font-size: 2.5em; color:rgba(255, 255, 255, .5)}


/* sub_community ***/
/* 관련사이트*/
.siteList_wrap{}
.siteList_wrap .siteList{ gap:3em 1em}
.siteList_wrap .siteList > li{ width: calc((100% - 3em) / 4); }
.siteList_wrap .siteList > li .logo{ margin-bottom: 1em; border:1px solid #ddd; transition: all .3s;}
.siteList_wrap .siteList > li .logo > a{display: flex; justify-content: center; align-items: center; height: 100%; width: 100%; padding:1.5em 0;}
.siteList_wrap .siteList > li .logo img{max-width: 75%; height: 3em; object-fit: contain;}
.siteList_wrap .siteList > li .tit{ color:#333;}
.siteList_wrap .siteList > li:hover .logo{ border-color:var(--siteC2)}


/* gknf store */
.store_view{}
.store_top{}
.store_top .info{ gap: 3em; margin-bottom:5em;}
.store_top .info .img_wrap{ width: 25em; height: 25em; border-radius: 1em; overflow: hidden; border:1px solid #eee; box-shadow: 3px 3px 10px rgba(0,0,0,.15);}
.store_top .info .img_wrap .img{ }
.store_top .info .txt_wrap{ flex:1; padding: 2.5em 0 .5em;}
.store_top .info .txt_wrap .tit{ margin-bottom: 1em; padding-left: 0.5em; padding-bottom: .5em; border-bottom:2px dashed #ddd; font-weight: 800; font-size: 1.875em; color:#555; position: relative;} 
.store_top .info .txt_wrap .tit::before{ content: ''; width: 10px; height: 10px; border-radius: 50%; background: var(--siteC2); position: absolute; left:0; top: -10px; opacity: .8;}
.store_top .info .txt_wrap .desc{ padding-left: 1em; color:#333;}
.store_top .info .txt_wrap .desc .t1{ font-weight: 700; font-size: 1.25em;}
.store_top .info .txt_wrap .desc .t2{ margin-top: 1em; line-height: 1.5; word-break: keep-all;}
.store_detail{}
.store_detail .tab-list{ gap: 0.35em; padding-left: 0.25em;}
.store_detail .tab-list > li { height: 3em; padding:0 1.25em; border-radius: 1em 1em 0 0; background-color: #f4f4f4; box-shadow: 1px -1px 5px rgba(0, 0, 0, .05);}
.store_detail .tab-list > li.on{ background:var(--siteC)}
.store_detail .tab-list > li .tab-tt{ font-size: 1.25em; color: #777;}
.store_detail .tab-list > li.on .tab-tt{ font-size: 1.25em; color: #fff;}
.store_detail .cont{ min-height: 20em; padding: 3em 2em; border-top: 2px solid var(--siteC); border-bottom: 1px solid #ddd; line-height: 1.6;}


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


.main_visual{ position:relative; padding-top:1em; padding-bottom:7em; overflow:hidden;}
.main_visual .visual_inner{ position:relative; padding:3.5em 0 4.5em 0;}
.main_visual .visual_inner:before,
.main_visual .visual_inner:after{ content:""; position:absolute; background:#dff0ff;}
.main_visual .visual_inner:before{ top:0; right:0; width:96vw; height:100%; border-radius:14em 0 0 4em;}
.main_visual .visual_inner:after{ content:"Global Korean Nursing Foundation"; top:100%; right:0; margin-top:-6px; text-align:right; background-clip:text; -webkit-background-clip:text; -webkit-text-fill-color:transparent; color:transparent; font-size:4.500em; font-weight:900; text-transform:uppercase; line-height:1}

.main_visual .inner{ gap:3.5em;}
.main_visual .visualSlider_wrap{ flex:1; position:relative;}
.main_visual .banner_wrap{ width:37%; position:relative;}

.visualSlider{ height: 100%; background:#fff;/* border:.25em solid rgba(255,255,255,1);*/ box-shadow:0 2px 1.25em rgba(5,26,91,.1); border-radius:1em; overflow:hidden;}
.visualSlider .el{}
.visualSlider .el .img{ position:relative; /* padding-bottom:70%; */}
.visualSlider .el .img img{ position:absolute; top:0; left:0;}

.visualSlider_control{ position:absolute; left:0; bottom:-3.5em; z-index:10; padding:0 .5em;}
.visualSlider_control .swiperPG{ margin-right:1.5em;}
.visualSlider_control .swiperBtn{ width:2em; height:2.5em;}

.main_visual .banner_wrap .list{flex-direction: column; flex:1; gap:.75em;height: 40em;}
.main_visual .banner_wrap .list > li{flex: 0 0 calc((100% - 1.5em) / 3);width:calc((100% - .75em) / 2);}
.main_visual .banner_wrap .list > li:nth-child(4),
.main_visual .banner_wrap .list > li:nth-child(5){flex: 0 0 calc((100% - .75em) / 2); }

/* .main_visual .banner_wrap .list{ flex:1; gap:.75em;}
.main_visual .banner_wrap .list > li{ width:calc((100% - .75em) / 2); height:calc((100% - 1.5em) / 3)}
.main_visual .banner_wrap .list > li.w3:nth-child(1){ flex:unset; width: 100%;}
.main_visual .banner_wrap .list > li.w3{ width:auto; flex: 1 0 calc((100% - .75em) / 2)} */ /* back240626 */

/* .main_visual .banner_wrap .list > li.w1{}
.main_visual .banner_wrap .list > li.w2{ width:calc((100% - 1.5em) / 3);} */
/* .main_visual .banner_wrap .list > li .in{ flex:1; position:relative; padding:2.5em 2em; border-radius:.75em; overflow:hidden; background:#fff; box-shadow:0 2px 1em rgba(5,26,91,.1); transition:.2s;} */
.main_visual .banner_wrap .list > li .in{ flex:1; padding:2.5em 2em; border-radius:.75em; color:#fff; position:relative;  overflow:hidden; box-shadow:0 2px 1em rgba(5,26,91,.1); transition:.2s; }
.main_visual .banner_wrap .list > li:nth-child(1) .in{ background:linear-gradient(45deg, #005aab, #0085c9);}
.main_visual .banner_wrap .list > li:nth-child(2) .in{ background:linear-gradient(45deg, #0085c9, #00abc5);}
.main_visual .banner_wrap .list > li:nth-child(3) .in{ background:linear-gradient(45deg, #00abc5, #00cca7);}
.main_visual .banner_wrap .list > li:nth-child(4) .in{ background:linear-gradient(45deg, #565fae, #b474aa);}
.main_visual .banner_wrap .list > li:nth-child(5) .in{ background:linear-gradient(45deg, #005eae, #7d64ae);}
.main_visual .banner_wrap .list > li .in .img{ width: 7em; height: 40%; background-position: 100% 100%; position: absolute; right: .875em; bottom: .5em;}
/* .main_visual .banner_wrap .list > li:first-child .in .img{ width: 12em; height: 75%;} */
.main_visual .banner_wrap .list > li .in .img img{ width:100%; height:100%; object-fit: contain;}
.main_visual .banner_wrap .list > li .in .con{ gap:1em;}
.main_visual .banner_wrap .list > li .in .con .tit{ font-size:1.25em; font-weight:800;}
.main_visual .banner_wrap .list > li .in .con .txt{ /* display: none; */ font-size:.938em; font-weight:600; line-height:1.6; opacity:.7; word-break: keep-all;}
.main_visual .banner_wrap .list > li .in:hover{ background:var(--siteC); color:#fff;}

/**/
.main_sec{ padding: 3.75em 0}
.mainTit_wrap{}
.mainTit_wrap .tit{ }
.mainTit_wrap .tit .t1{ display: inline-block; padding-right: 0.8em; font-size: 2.25em; color:#000; position: relative;}
.mainTit_wrap .tit .t1 strong{ font-weight: 800;}
.mainTit_wrap .tit .t1::after{ content: ''; width: 10px; height: 10px; border-radius: 50%; background: var(--siteC); position: absolute; right: 0; bottom: 5px;} 
.mainTit_wrap .tit .t2{ margin-top: 1em; font-weight: 700; color:#333;}

.main_more{ display: inline-flex; align-items: center; gap:.8em}
.main_more.st1{ height: 2.5em; padding:0 1em; border:1px solid var(--siteC); border-radius: 2.5em; background:#fff; color:var(--siteC); }
.main_more.st1.small{ display: flex; justify-content: center; align-items: center; width: 2.5em; padding:0;}
.main_more.st1 .xi{ font-size:1.625em; transition: all .3s;}
.main_more.st1:hover .xi{ transform: rotate(90deg);}
.main_more.st2{ height: 2.5em; padding: 0 1em 0 1.25em; border-radius: 1em 1em 0 1em; background: var(--siteC2); color:#fff;}
.main_more.st2 .tt{ font-size: .9375em;}
.main_more.st2 .xi{ transition: all .3s;}
.main_more.st2:hover .xi{ transform: translateX(.2em);}

/* sec1 */
.main_sec.sec1{}
.main_sec.sec1 .inner{ gap:3.75em;}
.sec_edu{ flex:1;}
.eduListWrap{ overflow: hidden; position: relative;}
.eduListWrap.eduListSlide{ margin-top: 2em;}
.eduListWrap.eduListSlide li{ height: 16em;}
.eduListWrap.eduListSlide li .in{ display: flex; flex-direction: column; width: 100%; height: 100%; border-radius: 1em; transition: all .3s;}
.eduListWrap.eduListSlide li .con{ display: flex; flex-direction: column; flex:1; padding:1.5em; box-sizing: border-box; border:1px solid #aaa; border-radius: 1em 1em 0 0; background:#fff;}
.eduListWrap.eduListSlide li .con .top_tit{ margin-bottom: 1em; font-weight: 700; font-size: .875em;}
.eduListWrap.eduListSlide li .con .top_tit.s1{ color:var(--siteC)}
.eduListWrap.eduListSlide li .con .top_tit.s2{ color:#777;}
.eduListWrap.eduListSlide li .con .con_tit{ font-weight: 700; font-size:1.125em; color:#000;}
.eduListWrap.eduListSlide li .con .date{ margin-top: auto; font-weight: 700; font-size:.875em; color:#666}
.eduListWrap.eduListSlide li .con .date .s_date ,
.eduListWrap.eduListSlide li .con .date .e_date{}
.eduListWrap.eduListSlide li .con .date .s_date{}
.eduListWrap.eduListSlide li .con .date .e_date{}
.eduListWrap.eduListSlide li .state{ display: flex; justify-content: center; align-items: center; height: 3em; border-radius: 0 0 1em 1em;}
.eduListWrap.eduListSlide li .state.s1{ background: var(--siteC);}
.eduListWrap.eduListSlide li .state.s2{ background: #aaa}
.eduListWrap.eduListSlide li .state > i{ font-weight: 700; font-size:.9375em; color:#fff}
.eduListWrap.eduListSlide li:hover .con .con_tit{ text-decoration: underline;}
.eduListWrap.eduListSlide li:hover .in{ box-shadow: 3px 3px 20px rgba(0, 0, 0, .15);}
.sec_edu .eduListSlide-pagination{ display: none;}

.sec_webzine{ width: 37.5em; overflow: hidden;}
.webZinetWrap{ margin-top: 2em;}
.webZinetWrap.webZineSlide{}
.webZinetWrap.webZineSlide li{}
.webZinetWrap.webZineSlide li .webzine{ display: block; width: 100%; height: 100%; box-sizing: border-box; border:1px solid #ddd; transition: all .3s;}
.webZinetWrap.webZineSlide li .webzine .cover{ padding-bottom: 16em;}
.webZinetWrap.webZineSlide li:hover .webzine{ border-color: var(--siteC); box-shadow: 3px 3px 20px rgba(0, 0, 0, .15);}
.sec_webzine .webZineSlide-pagination{ display: none;}

/* sec_quick */
.sec_quick{ /* background: var(--siteBg1); */}
.sec_quick .titWrap{ margin-bottom: 2.5em; text-align: center;} 
.sec_quick .titWrap .tt{display: inline-block; padding:.8em 3em; border:1px solid #eee; border-radius: 3em; background: #fff; font-weight: 800; font-size: 1.25em; color:var(--siteC); box-shadow: 3px 3px 20px rgba(0, 0, 0, .15);}
.sec_quick .linkList{gap: 0.8em;}
.sec_quick .linkList > li{ flex:1; /* width: calc((100% - 4.8em) / 7); */}
.sec_quick .linkList > li a{ width: 100%; padding: 2em 1em 1.5em;box-sizing: border-box; border:1px solid #ddd; background: #ebf0f4; transition: all .3s;}
.sec_quick .linkList > li .icon{width: 5em; height: 5em; border-radius: 50%; padding:1em; background-color: #fff; background-size: 50% 50%; background-position:50% 60%}
.sec_quick .linkList > li .tit{ margin-top: 1.25em; font-weight: 800; font-size: 1.125em; color: #333; text-align: center;}
.sec_quick .linkList > li:hover a{ border-color:var(--siteC); background:var(--siteC); box-shadow: 3px 3px 20px rgba(0,0,0,.25);}
.sec_quick .linkList > li:hover .tit{ color:#fff;}


/* sec_partners */
.sec_partners{}
.sec_partners .titWrap{ margin-bottom:2em;}
.sec_partners .titWrap .tit{ font-weight:800; font-size:1.25em;}
.partnersWrap{ overflow: hidden; position: relative;}
.partnersWrap .partnerSlider{}
.partnersWrap .partnerSlider .siper-wrapper{}
.partnersWrap .partnerSlider .siper-wrapper .swiper-slide{}
.partnersWrap .partnerSlider .swiper-slide .in{ padding:1.5em 1.75em; border:1px solid #ddd; border-radius:1em; text-align: center; transition: all .3s;}
.partnersWrap .partnerSlider .swiper-slide .in .p_img{ margin-bottom:1.25em; padding-bottom:1.25em; border-bottom:1px solid #eee;}
.partnersWrap .partnerSlider .swiper-slide .in .p_img img{ height:2.5em; object-fit:contain;}
.partnersWrap .partnerSlider .swiper-slide .in .p_name{ width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.partnersWrap .partnerSlider_control{ margin-top: 1.5em;}
.partnersWrap .partnerSlider_control .swiper-pagination{ height: 4px; margin-right: 3.125em; position: relative; bottom: 0;}
.partnersWrap .partnerSlider_control .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{ background: var(--siteC);}
.partnersWrap .partnerSlider .swiper-slide .in:hover{ border-color:var(--siteC); box-shadow: 3px 3px 20px rgba(0,0,0,.15);}

/* sec_about */
.sec_about{ /* padding-top: 0; */}
.sec_about .aboutWrap{ gap: 3em;}
.sec_about .aboutWrap .main_Tit{}
.sec_about .aboutWrap .linkList{ flex:1;}
.sec_about .aboutWrap .linkList > li{ flex:1; border-left: 1px solid #ddd;}
.sec_about .aboutWrap .linkList > li:last-child{ border-right:1px solid #ddd}
.sec_about .aboutWrap .linkList > li a{  gap: 2.5em; padding: 1em 2.5em;}
.sec_about .aboutWrap .linkList > li a .icon_wrap{ width: 5em; height: 5em; border-radius:50%; background-color:#f0f4f7; transition: all .3s;}
.sec_about .aboutWrap .linkList > li a .icon_wrap .icon{ display: block; width: 100%; height: 100%; transition: all .3s;}
.sec_about .aboutWrap .linkList > li a .tit_wrap{ flex:1; font-weight: 800; font-size: 1.25em; color:#111; }
.sec_about .aboutWrap .linkList > li a .tit_wrap .xi{ transition: all ease-in-out .3s;}
.sec_about .aboutWrap .linkList > li:hover .tit_wrap{ color:var(--siteC)}
.sec_about .aboutWrap .linkList > li:hover .tit_wrap .xi{ transform: translateX(10px);}
.sec_about .aboutWrap .linkList > li:hover .icon_wrap{ background-color: var(--crGray4);}
/* .sec_about .aboutWrap .linkList > li:hover .icon_wrap{ background-color: var(--siteC);}
.sec_about .aboutWrap .linkList > li:hover .icon_wrap .icon{ filter:invert(1) grayscale(1) brightness(10) opacity(.9);} */

/**/
/* .main_con{ padding:4em 0; word-break:keep-all;}

.main_more.flex{ gap:1em;}
.main_more > .more{ gap:0 1em; padding:.5em 0; color:var(--siteC); transition:.2s;}
.main_more > .more .in_tt{ font-size:.938em; text-transform:uppercase;}
.main_more > .more:not(.st1) .xi{ display:flex; align-items:center; justify-content:center; text-align:center; font-size:1.000em; width:2em; height:2em; background:var(--siteC); border-radius:50%; color:#fff;}

.main_more.cw > .more{ color:#fff;}
.main_more.cw > .more .in_tt{ font-weight:600;}
.main_more.cw > .more:not(.st1) .xi{ background:var(--siteC3);} */

/**/
/* .main_business{}
.main_business .list{}
.main_business .list > li{ display:flex; flex:1; min-height:25em; transition:.3s;}
.main_business .list > li .in{ flex:1; position:relative; padding:3em 2em; color:#fff;}
.main_business .list > li .in .img_wrap{ position:absolute; top:0; left:0; width:100%; height:100%;}
.main_business .list > li .in .img_wrap:after{ content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.25);}
.main_business .list > li .in .con_wrap{ position:relative; gap:1.75em;}
.main_business .list > li .in .con_wrap .tt{ display:block;}
.main_business .list > li .in .con_wrap .t1{ font-size:1.500em; font-weight:600;}
.main_business .list > li .in .con_wrap .t2{ font-size:1.063em; line-height:1.5;}
.main_business .list > li .in .con_wrap .ani{ opacity:0; height:0; overflow:hidden;}
.main_business .list > li .in .con_wrap .anihov{ transition:.2s linear;}
.main_business .list > li:hover{ flex:1.5;}
.main_business .list > li:hover .in .img_wrap:after{ background:rgba(0,0,0,.6); backdrop-filter:var(--crGrayfil) blur(.125em);}
.main_business .list > li:hover .in .con_wrap .ani{ opacity:1; height:auto;}
.main_business .list > li:hover .in .con_wrap .anihov{ animation:fadeupAni 1s both;}
.main_business .list > li:hover .in .con_wrap .anihov:nth-child(1){}
.main_business .list > li:hover .in .con_wrap .anihov:nth-child(2){ animation-delay:.5s;}
.main_business .list > li:hover .in .con_wrap .anihov:nth-child(3){ animation-delay:.8s;}

@keyframes fadeupAni {
from{ opacity:0; transform:translate3d(0,3em,0);}
to  { opacity:1; transform:translate3d(0,0,0);}
} */



/*MEMBER***************************/
.h100 { height: 100vh; box-sizing: border-box; } 
.grd-bg { background: #f4f4f4; } 

.member_wrap { letter-spacing: -.5px}
.member_wrap .input_st { height: 3em; } 
.member_wrap .login_box { width: 520px; max-width: 100%; margin: 0 auto; } 
.member_wrap .login_box.login_box2 { width: 800px; } 
.member_wrap .join_box { width: 600px; max-width: 100%; margin: 0 auto; } 
.member_wrap .join_box.w2{ width: 800px;}
.member_wrap .confirm_box { width: 45%; margin: 0 auto}

.member_wrap .member_tab { text-align: center; padding: 0 1px 0 0; } 
.member_wrap .member_tab > li { width: 50%; } 
.member_wrap .member_tab > li .in { position: relative; z-index: 1; margin: 0 -1px -1px 0; padding: 1em .5em; background: #f0f0f0; border: 1px solid #d4d5d8; font-size: 1.125em; color: #72727d; } 
.member_wrap .member_tab > li.on .in { z-index: 2; background: #fff; border-bottom-color: transparent; color: #0ea04f; } 
.member_wrap .member_tab > li.on .in:before { content: ""; position: absolute; top: -1px; left: -1px; right: -1px; height: 4px; background: #0ea04f; } 

.member_wrap .member_tit { padding: 0 0 2em 0; text-align: center; } 
.member_wrap .member_tit .tit { font-size: 2.500em; color: #111; letter-spacing: 0; text-transform: uppercase; } 
.member_wrap .member_tit .txt { font-size: 1.125em; font-weight: 600; color: #111; padding-top: .8em; } 

.member_wrap .member_form { padding: 2.5em 2em; background: #fff; border-radius: 1.5em; box-shadow: 2px 2px 6px rgba(0, 0, 0, .15); border-top-width: 4px; border-top-color: #3167a6; } 
.member_wrap .member_form.st1 { border-top: none !important}

.member_wrap .form > li:first-child { margin-top: 0; } 
.member_wrap .form .inp_wrap { position: relative; margin-top: .4em; } 
.member_wrap .form .inp_wrap .xi { position: absolute; top: 0; left: 0; width: 2em; line-height: 55px; text-align: center; font-size: 1.750em; color: #3c3c3d; } 
.member_wrap .form .inp_wrap .tt { position: absolute; top: 0; left: 0; width: 6em; line-height: 55px; text-align: center; border-right: 1px solid #ddd; color: #3c3c3d; } 
.member_wrap .form .inp_wrap .inp { box-sizing: border-box; width: 100%; height: 55px; padding: 0 1em 0 4em; background: #fff; border: 1px solid #ddd; border-radius: 5px; } 
.member_wrap .form { margin-top: 1.2em; } 
.member_wrap .form .find { padding-top: .3em; text-align: right; } 
.member_wrap .form .find .link { position: relative; display: inline-block; *display: inline; zoom: 1; vertical-align: middle; margin-left: .8em; padding-left: .8em; font-weight: 300; } 
.member_wrap .form .find .link:before { content: ""; position: absolute; top: 10%; left: 0; width: 1px; height: 80%; background: #ccc; } 
.member_wrap .form .find .link:first-child { margin-left: 0; padding-left: 0; } 
.member_wrap .form .find .link:first-child:before { display: none; } 
.member_wrap .form .btn_wrap { margin-top: .6em; } 
.member_wrap .form .btn_wrap .btn { display: block; box-sizing: border-box; text-align: center; width: 100%; margin: .4em 0; padding: 1em 1em; border: 1px solid transparent; font-size: 1.125em; border-radius: .3em}
.member_wrap .form .btn_wrap .btn.c1 { background: #3167a6; color: #fff; } 
.member_wrap .form .btn_wrap .btn.c2 { background: #ffffff; border-color: #3167a6; color: #3167a6; } 
.member_wrap .form .btn_wrap .btn.c3 { background: #3e3e49; color: #fff; } 
.member_wrap .form .msg_wrap { margin-top: 2em; } 
.member_wrap .form .msg_wrap .tt { margin: .4em 0; font-size: .938em; color: #3c3c3d; font-weight: 300; } 
.member_wrap .form .msg_wrap .tt.icon { position: relative; padding-left: 1.6em; } 
.member_wrap .form .msg_wrap .tt.icon .xi { position: absolute; top: 0; left: 0; line-height: 1; } 
.member_wrap .form .id_wrap { padding: 3em 1em; background: #f5f5f5; border: 1px solid #e5e5e5; text-align: center; font-size: 1.125em; } 
.member_wrap .form .id_wrap strong { vertical-align: baseline; color: #3f3f9f; letter-spacing: 0; } 

.member_wrap .form .sns_wrap { margin-top: 2em; } 
.member_wrap .form .sns_wrap .btn { position: relative; display: block; margin-top: .4em; border: 1px solid #ccc; border-radius: 5px; } 
.member_wrap .form .sns_wrap .btn:first-child { margin-top: 0; } 
.member_wrap .form .sns_wrap .btn .tt { display: block; box-sizing: border-box; line-height: 55px; padding: 0 1em 0 6em; color: #3c3c3d; } 
.member_wrap .form .sns_wrap .btn .icon { position: absolute; top: -1px; left: -1px; bottom: -1px; width: 2em; line-height: 57px; border-radius: 5px 0 0 5px; text-align: center; font-size: 2.000em; color: #fff; } 
.member_wrap .form .sns_wrap .btn .icon.naver { background: #2CB400; } 
.member_wrap .form .sns_wrap .btn .icon.daum { background: linear-gradient(-225deg, #6e9cfc 0%, #fb676a 70%, #ffe001 100%); font-family: 'Ms', 'NotoSans', sans-serif; font-weight: 600; } 
.member_wrap .form .sns_wrap .btn .icon.google { background: #1A73E8; } 
.member_wrap .form .sns_wrap .btn .icon.kakao { background: #FAE100; color: #3C1E1E; } 
.member_wrap .form .sns_wrap .btn:hover { } 

.member_wrap .form2 { margin-top: 1.5em; padding-top: 1.5em; border-top: 1px dashed #ccc; } 
.member_wrap .form2 .tit { font-size: 1.325em; margin-bottom: 1em; font-weight: 600; display: block; } 
.member_wrap .form2:first-child { margin-top: 0; padding-top: 0; border-top: none; } 
.member_wrap .form2 > li { margin-top: .4em; font-weight: 300; } 
.member_wrap .form2 > li:first-child { margin-top: 0; } 
.member_wrap .form2 .inp_wrap { color: #3c3c3d; } 
.member_wrap .form2 .inp_wrap select.input_st,
.member_wrap .form2 .inp_wrap input[type=text].input_st,
.member_wrap .form2 .inp_wrap input[type=password].input_st { background-color: transparent; } 
.member_wrap .form2 .inp_wrap input[disabled=disabled].input_st { background-color: #f5f5f5; } 
.member_wrap .form2 .check_wrap > * { /* display:inline-block; */
 zoom: 1; vertical-align: middle; flex-wrap: wrap; align-items: center; } 
.member_wrap .form2 .check_wrap .label_wrap { width: 100%; } 
.member_wrap .form2 .check_wrap .label_wrap > * { width: 33.33%; margin: .2em 0; } 
.member_wrap .form2 .check_wrap .tit { display: block; font-size: 1.125em; padding-bottom: 1em}
.member_wrap .form2 .check_wrap .tit.st2 { padding-bottom: 0; font-size: 1em; color: #333; } 
.member_wrap .form2 .check_wrap .check_ul { width: 100%; } 
.member_wrap .form2 .check_wrap .check_ul.st { background: #fff}
.member_wrap .form2 .check_wrap .check_ul.st > li { padding: 0}
.member_wrap .form2 .check_wrap .check_ul > li { width: 20%; } 
.check_ul > li .label_st .xi { font-size: 1em; } 
.member_wrap .form2 .check_wrap .check_ul > .last { flex: 0 1 100%; } 
.member_wrap .form2 .check_wrap .check_ul .last .w18 { width: 18.5em; } 
.member_wrap .form2 .ess { display: none; } 
.member_wrap .form2 .required .ess { display: inline-block; font-size: 1.85em; opacity: .85; } 
.member_wrap .form2 .field { position: relative; } 
.member_wrap .form2 .field .txt { position: absolute; top: 50%; left: 1.2em; padding-bottom: 0.8em; font-size: 1.05em; color: #888; font-weight: 600; transform: translate(0, -50%); transition: transform .2s ease-out; transform-origin: 0 0; } 
/* .member_wrap .form2 .field.on .txt { color: #69696b; transform: translate(0, -95%) scale(.7, .7); padding:0 1em; background: #fff;}  */
.member_wrap .form2 .field.on .txt { color: #69696b; transform: translate(-15%, -95%) scale(.7, .7); padding:0 1em; background: none;} 
.member_wrap .form2 .colr .col_w1 { width: 65.68%; margin-left: 1%; } 
.member_wrap .form2 .colr .col_w1:first-child { width: 66.66%; margin-left: 0; } 
.member_wrap .form2 .colr .col_w2 { width: 32.34%; margin-left: 1%; } 
.member_wrap .form2 .colr .col_w2:first-child { width: 33.32%; margin-left: 0; } 

.member_wrap .form2 .tit.input_st { background: #f5f5f5; } 
.member_wrap .form2 .check_st { position: relative; text-align: center; border-color: transparent; cursor: pointer; } 
.member_wrap .form2 .check_st .on { position: absolute; top: -1px; bottom: -1px; left: -1px; right: -1px; background: #fff; border: 1px solid #095282; border-radius: 5px; } 
.member_wrap .form2 .check_st .on ~ span { position: relative; color: #095282; } 
.member_wrap .form2 .check_st:hover input ~ .on,
.member_wrap .form2 .check_st input:checked ~ .on { background: #095282; } 
.member_wrap .form2 .check_st:hover input ~ .on ~ span,
.member_wrap .form2 .check_st input:checked ~ .on ~ span { color: #fff; } 
.member_wrap .form2 .check_st input[type=checkbox],
.member_wrap .form2 .check_st input[type=radio] { width: 0; height: 0; overflow: hidden; opacity: 0; } 

.member_wrap .form3 { margin-top: 1.5em; padding-top: 1.5em; border-top: 1px dashed #ccc; } 
.member_wrap .form3 .check_wrap{ display: flex; align-items: center; gap:1em;}
.member_wrap .form3 .check_wrap .tit{ padding-right: 1em; border-right: 1px solid #ddd;}
.member_wrap .form3 .check_wrap .tit i{ font-weight: 600; font-size: 1.05em;}


.member_wrap .sns.btn_wrap { padding: 1.5em 0 0; border-top: 1px solid #ddd; } 
.member_wrap .btn_wrap .snsP { text-align: center; color: #999; font-size: 1.1em; margin: .3em 0 1em; } 
.member_wrap .sns.btn_wrap .btn.c4 { background: #2db400; color: #fff; border: 1px solid #2db400; } 
.member_wrap .sns.btn_wrap .btn.c3 { background: #f9e000; color: #624A3D; border: 1px solid #f9e000; } 
.member_wrap .sns.btn_wrap .btn .xi { padding-right: 0.1em; vertical-align: bottom; } 

.member_wrap .type_wrap { } 
.member_wrap .type_wrap > li { width: 50%; } 
.member_wrap .type_wrap > li .inner { border-left: 1px solid #ddd; padding: 0 2em; text-align: center; } 
.member_wrap .type_wrap > li:first-child .inner { border-left: none; } 
.member_wrap .type_wrap .icon { height: 8em; } 
.member_wrap .type_wrap .txt { margin-top: 1em; min-height: 5em; } 
.member_wrap .type_wrap .txt .t1 { font-size: 1.500em; color: #3f3f9f; } 
.member_wrap .type_wrap .txt .t2 { font-size: .938em; color: #69696b; padding-top: .4em; } 
.member_wrap .type_wrap .btn { display: inline-block; *display: inline; zoom: 1; margin-top: 1em; padding: .6em 2.5em; background: #fff; border: 1px solid #3f3f9f; border-radius: 5px; color: #3f3f9f; transition: .2s; } 
.member_wrap .type_wrap .btn:hover { background: #3f3f9f; color: #fff; } 

.member_wrap .terms_wrap .all_check { padding: 1em 0; border-bottom: 1px dashed #bbb; } 
.member_wrap .terms_wrap > li { padding-top: 1.5em; } 
.member_wrap .terms_wrap > li:first-child { padding-top: 0; } 
.member_wrap .terms_wrap .tit { margin-bottom: .6em; font-size: 1.125em; color: #3c3c3d; font-weight: 600; } 
.member_wrap .terms_wrap .c1 { color: #d31717; } 
.member_wrap .terms_wrap .all_check .xi { font-size: 1em; } 

.member_wrap .finish_wrap { text-align: center; } 
.member_wrap .finish_wrap .tit { font-size: 1.760em; color: #111; font-weight: 700; letter-spacing: -1px; } 
.member_wrap .finish_wrap .txt { padding: .4em 0; color: #888; } 
.member_wrap .finish_wrap .join_fin { font-size: .938em; color: #3c3c3d; } 
.member_wrap .finish_wrap .join_fin .th,
.member_wrap .finish_wrap .join_fin .td { padding: .8em 1.5em; border: 1px solid #ddd; text-align: left; } 
.member_wrap .finish_wrap .join_fin .th { width: 10em; background: #f5f5f5; } 
.member_wrap .finish_wrap .join_fin .td { width: auto; letter-spacing: 0; } 
.member_wrap .finish_wrap .join_fin .th .mem_icon { gap: .2em; font-size: 1.1em; font-weight: 600; } 


.fin_box { padding:3em 5em 4em; border:1px solid #ddd; border-radius: 1em; background: #fff;}
.fin_box .xIco {
  margin-bottom: 3em;
}
.fin_box .xIco .imgfix {
  width: 5.5em;
  margin: 0 auto;
  position: relative;
}
.fin_box .xIco .imgfix::before {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 4.5em;
  height: 4.5em;
  border-radius: 50%;
  background: #eee;
  z-index: -1;
}
.fin_box .tit {
  font-size: 1.5em;
  margin-bottom: 1em;
}
.fin_box .tt1 {
  font-size: 1.125em;
}



.member_btn_wrap { gap:.25em; margin: 2em 0 0;} 
.member_btn_wrap > * { flex:1;} 
.member_btn_wrap .in { } 
.member_btn_wrap .in .input_st.s1 { border-color: var(--siteC); } 

.member_agree .agree { padding: 3em; border: 1px solid #ddd; border-top: 2px solid #3c3c3d; font-size: .938em; color: #555; font-weight: 300; line-height: 1.4em; } 
.member_agree .agree.H { padding: 1.5em; border-top-width: 1px; height: 7em; overflow-y: scroll; } 
.member_agree .agree p { padding: .5em 0; } 
.member_agree .agree * { vertical-align: baseline; } 
.member_agree .agree strong { color: #3c3c3d; } 
.member_agree .check { padding: 1em 2em; border: 1px solid #ddd; border-top: none; border-radius: 0 0 5px 5px; text-align: right; background: #f9f9f9}
.member_agree h1 { color: #111; font-weight: 600}
.member_agree .check .xi { font-size: 1em; } 

/**/
.page_step_wrap { text-align: center; } 
.page_step_wrap .step { display: inline-block; *display: inline; zoom: 1; } 
.page_step_wrap .step > li .in { position: relative; padding: 0 1em; min-width: 8em; } 
.page_step_wrap .step > li .in:before { content: "\e940"; font-family: xeicon; position: absolute; font-size: 2.000em; color: #c9c9c9; top: .2em; left: -.5em; } 
.page_step_wrap .step > li:first-child .in:before { display: none; } 
.page_step_wrap .step > li .in > * { position: relative; display: block; } 
.page_step_wrap .step > li .in .xi { margin: .2em 0 .5em; font-size: 2em; color: #ddd; } 
.page_step_wrap .step > li .in .xi:before { position: relative; z-index: 2; } 
.page_step_wrap .step > li .in .xi:after { content: ""; position: absolute; z-index: 1; top: 50%; left: 50%; box-shadow: 1px 2px 3px rgba(0, 0, 0, .15); transform: translate(-50%, -50%); width: 1.6em; height: 1.6em; background: #fff; border-radius: 100%; } 
.page_step_wrap .step > li .in .tt { font-size: 1.125em; color: #888; } 
.page_step_wrap .step > li.on .in .xi { color: #fff; } 
.page_step_wrap .step > li.on .in .xi:after { background: #3167a6; } 
.page_step_wrap .step > li.on .in .tt { color: #3c3c3d; font-weight: 600; } 

.regular_mem .xi { font-size: 1em; } 

.space_st { display: inline-block; *display: inline; zoom: 1; vertical-align: middle; } 
.space_st.Spst1 { margin-left: 5px; } 
.space_st:first-child { margin-left: 0; } 

.board_search_wrap .search_tt { display: inline-block; margin-right: 1em; } 
.board_search_wrap .download { margin-bottom: 1em; font-size: 1.5em; } 
.board_search_wrap .join_btn { margin-bottom: 2em; } 

/**/
.btn_vf{ padding:2em; border:1px solid #ddd; border-radius:.5em; display:flex; flex-direction:column; justify-content:center; align-items:center; text-align:center; min-height:8em; transition:.3s}
.btn_vf .ico{ width:8em; height:8em; background:#f5f5f5; border-radius:50%; display:flex; flex-direction:column; justify-content:center; margin-bottom:1em}
.btn_vf .ico img{ height:50%}
.btn_vf .t1{ font-weight:700; font-size:1.25em}
.btn_vf .t2{ color:#666; margin-top:.5em}
.btn_vf .st{ 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; margin-top:1.5em}
.btn_vf:hover,
.btn_vf:focus{ border-color:var(--siteC); box-shadow:0 0 1em rgba(0,0,0,.1)}



/*영수증출력*/
.popCheck_wrap{ font-family:'궁서체'; color:#111}
.pop_st01{ border:none; margin:0}
.popCheck_wrap .tt{ font-size:40px; font-weight:bold; text-align:center;}
.popCheck_wrap .list1{ float:right; padding-top:.5em}
.popCheck_wrap .list1 .tx{ font-size:20px;}
.popCheck_wrap .t1{ font-size:26px; line-height:1.6; text-indent:20px; word-break:break-all; text-align:center; margin-top:1em;}
.popCheck_wrap .t2{ padding-top:30px; font-size:26px; text-align:center}

.popCheck_wrap .t3{ font-size:22px; line-height:1.8; text-indent:20px; word-break:break-all; }
.popCheck_wrap .t1 .ti,
.popCheck_wrap .t2 .ti, 
.popCheck_wrap .t3 .ti{ word-break:break-all}
.popCheck_wrap .name{ padding:30px 0; text-align:center; font-size:25px;}
.popCheck_wrap .name .bb {font-style:inherit; font-weight:bold; font-size:30px; position:relative; z-index:1}
.popCheck_wrap .name .bb img{ width:85%; position:absolute; z-index:-1; left:80px; top:-35px;}
.popCheck_wrap .table_wrap { border:none; padding:0 10em; margin-top:1em;}
.popCheck_wrap .table_wrap .board_table{ border-top:none; margin:0 auto}
.popCheck_wrap .table_wrap .board_table th,
.popCheck_wrap .table_wrap .board_table td{ border:none; background:none; font-family:'궁서체'; font-size:25px; padding:0; border-bottom:1px solid #111; text-align:left}
.popCheck_wrap .num_result{ vertical-align:baseline}

.pop_st01{margin:1em; padding:0;}
.pop_st01 .p_tit{text-align:center; font-size:1.5em; padding:1em 0;}
.pop_st01 .pop_logo{text-align:center; }
.pop_st01 .pop_logo img{width:200px;}

.pop_st01 .icon_dv{text-align:center; margin-top:1em;}
.pop_st01 .icon_dv .xi{display:inline-block; *display:inline; zoom:1; vertical-align:middle; background:#333; color:#fff; border-radius:50%; width:50px; height:50px; text-align:center; line-height:50px; margin:0 5px; cursor:pointer;}
.pop_st01 .icon_dv .xi:hover{background:#555;}
.pop_st01 .icon_dv .xi.print{background:#d00000;}
.pop_st01 .icon_dv .xi.print:hover{background:#ea0000;}
.popCheck_wrap .txt_wrap { font-family:'궁서체'; color:#111; /*background-image:url(../images/board/logo.jpg); background-position:center; background-repeat:no-repeat; background-size:contain;*/margin-top:2em;}
.cl{ clear:both !important; display:block}
h1, h2, h3, h4, h5, dl, dt, dd, ul, li, ol, th, td, p, blockquote, form, fieldset, legend, div,body { -webkit-print-color-adjust:exact; } 
.board_table .bank {line-height:1.6;}

@media print{
#noprint.popWrap {top:-5%}	
#noprint .popTit { display: none;}	
#noprint .popIn {box-shadow:none; border:none; width:100% !important;}
#noprint .popIn:before {content:none;}
#noprint .popIn .popCon {padding:0 0em; box-sizing:border-box}
#noprint .icon_dv {display:none;}

#noprint .scrollst{ overflow-y: visible;}

#noprint .popCheck_wrap .tt {margin-bottom:1em;} 
#noprint .popCheck_wrap .logo_img {margin-left:-2em;} 

}


/* 마이페이지 */
.check_ul > li{ padding-right:1em}

/* 강의보기 */
.popWrap.video { width:60em; max-width: 90vw;}
.popWrap.video .popIn{ min-height: 50vh;}
body.pop .popWrap video { position: relative; z-index: 222; vertical-align: middle; width:100%; max-width:800px; height: 100%;}

.video_wrap{ width: 70%; margin:0 auto;}
.video_wrap.w100{ width: 100%;}
.video-container {
position: relative;
width: 100%;
height: auto;
margin-top: 1em;
padding-top: 56.25%;
}
.video-container video ,
.video-container iframe {
z-index: 1;
top: 0;
left: 0;
position: absolute;
width: 100%;
height: 100%;
}


/* 후원하기 */
.pageMemo_wrap{ padding:1em 1.5em; border:1px solid #d1d5e5;}
.pageMemo_wrap.icon{ position:relative; padding-left:8.5em; min-height:4.5em; border-radius:10px}
.pageMemo_wrap.icon:before{ content:"\e9d8"; font-family:xeicon; font-size:2em; color:#fff; display:block; position:absolute; top:50%; left:1em; margin-top:-1em; width:1.8em; line-height:1.8em; background:#d1d5e5; border-radius:50%; text-align:center;}
.pageMemo_wrap .tt{ padding:.2em;}
.pageMemo_wrap .t1{ font-size:.938em; color:#333; line-height:1.6; font-family:'notokrR';}
.pageMemo_wrap .t2{ font-size:.875em; color:#222; vertical-align:middle; line-height:1.6}
.pageMemo_wrap .t3{ font-size:inherit; color:#333; line-height:1.6; font-family:'notokrM'; padding:.5em;}


/* english */
.dp1_eng #contents .sub_con_wrap .sub_lnb .gnb .dp2 > li .dp3 > li > a{ padding-top:.8em; font-size:.875em;}


/*J*/
.c_point2{color: #00356d !important;}
.subM_wrap{position: relative;z-index: inherit;}
.subM_wrap .sub_line{position: absolute;z-index: inherit;width: 1px;background: #ccc;left: 190px;height: 90%;margin-left: 1px;top: 20px;}
.gbox{padding: 1em;background: linear-gradient(-45deg, #ddd, transparent);width: 8em;border-radius: .3em; box-sizing: border-box; position: relative;}
.gbox::before{content: "";position: absolute; top: 45%; right: -35px;transform: translateY(-50%); width: .5em; height: .5em; background-color: #0060ae; border-radius: 50%;}
.gbox::after{content: "";position: absolute; top: 45%; right: -35px;transform: translateY(-50%); width: 30%; height: 1px; background-color: #0060ae; border-radius: 50%;}
.left_wrap.w2{width: 20%;}
.right_wrap.w9{width: 90%;}


.tit_ico3 {margin-bottom: 1.5em; padding: .5em;box-sizing: border-box; font-size: 2.375em;color: #002144;position: relative;font-weight: 800; border-top: 4px solid #002144; border-bottom: 4px solid #002144;} 
.sub_list.st6 {gap: 1em;}
.sub_list.st6 li{width: calc(33% - 1em);}
.sub_list.st6 li .in_top { display: flex; flex-direction: column; height: 100%; margin-bottom: 1em;}
.sub_list.st6 li .in_top .in.blue {border-radius: 50%;background: #fff;border: 5px solid #0060ae;padding: 1em;width: 12em;height: 12em;margin: 0 auto; box-sizing: border-box;}
.sub_list.st6 li .in_top .in.Sblue{border-radius: 50%;background: #fff;border: 5px solid #54d7ff;padding: 1em;width: 12em;height: 12em;margin: 0 auto; box-sizing: border-box;}
.sub_list.st6 li .in_top .in.green{border-radius: 50%;background: #fff;border: 5px solid #62aaa6;padding: 1em;width: 12em;height: 12em;margin: 0 auto; box-sizing: border-box;}
.sub_list.st6 li .in_top .in > .con > p{color: #002144; word-break: keep-all;}
.sub_list.st6 li .in_top .in.Sblue > .con > p{color: #00b6e4; }
.sub_list.st6 li .in_top .in.green > .con > p{color: #227253; }
.sub_list.st6 li .in_top .boxline {flex:1; border-radius: .5em;padding: 1em;width: 100%;  margin: 0 auto; box-sizing: border-box; background-color: #e4f3ff;}
.sub_list.st6 li .in_top .boxline.Sblue {border-radius: .5em;padding: 1em;width: 100%;   margin: 0 auto; box-sizing: border-box; background-color: #c6eefa;}
.sub_list.st6 li .in_top .boxline.green {border-radius: .5em;padding: 1em;width: 100%;   margin: 0 auto; box-sizing: border-box; background-color: #c5f8f5;}
.sub_list.st6 li .in_top .boxline > p.subpage_txt{padding: .3em 0;}
.sub_list.st6 li .in_top .boxline > p.subpage_txt2{padding: .5em 0;}
.sub_list.st6 li .in_top .boxline > p.t1{font-size: .93em}
.sub_list.st6 li .in_top .boxline > p.t2{font-size: .83em}
.sub_list.st6 li .in_top .boxline > p.t3{font-size: 1.1em}
.sub_list.st6 li .in_top .boxline dl + dl{ margin-top: 1em;}
.sub_list.st6 li .in_top .boxline dt{}
.sub_list.st6 li .in_top .boxline dd{ padding-left: 1em;}
.sub_list.st6 li .in_top .boxline  dt + dd{ margin-top: 0.5em;}


/* gknf감염병예방사업단 */
/* .statementWrap.gknf .conIdx{ max-height: 70vh; overflow-y: scroll;} */
.statementWrap.gknf .table_wrap{}
.statementWrap.gknf .table_wrap table th{ word-break: keep-all;}


/* 환자안전센터 */
.memo_box.icon{}
.memo_box.icon .in{ gap:2em }
.memo_box.icon .icon{ width: 7em; height: 7em; border:1px solid #eee; border-radius: 50%; background: #fff;}
.memo_box.icon .icon .xi{ font-size: 3em; color:var(--siteC2); opacity: .5;}
.memo_box.icon .txt{ flex:1;}
.memo_box .dot_list{ }
.memo_box .dot_list .dot{ padding-left: 1em; color:#333; word-break: keep-all; position: relative;}
.memo_box .dot_list .dot + .dot{ margin-top: 0.8em;}
.memo_box .dot_list .dot::before{ content:''; width: 8px; height: 1px; background: #777; position: absolute; left: 0; top: 8px;}