@charset "utf-8";
/* CSS Document */
.box0{ padding:0 4vw}
.box1{ width:1400px; margin:0 auto; max-width:94%}
.box2 {
  width: var(--simpleWidth);
  margin: 0 auto;
  max-width: var(--fullWidth);
}

.gnb li.m_hide{ display:none}
body:not(.pop){ display:flex; flex-direction:column; min-height:100vh; min-height:calc(var(--vh, 1vh) * 100)}
/* .PC{ display:block !important} */
.PHONE{ display:none !important}
.pc_hide{ display:none}
.pcHide{ display:none;}
.moHide{}
.mo_br{}

/* 스크롤페이지 */
.scrollMg{scroll-margin-top: 9em; scroll-behavior: smooth; }

/* 메인 레이어팝업 */
.mainLayerPop{}
.mainLayerPop .popLayer{ display:block; position:absolute; overflow:auto; background:#fff; border:1px solid #000; box-sizing:border-box;}
.mainLayerPop .popLayer_closeW{ height:35px; padding:0 1em; text-align:right; background:#343b4d;}
.mainLayerPop .popLayer_closeW *{ color:#fff;}
.mainLayerPop .popLayer_close .tt{ font-size:.875em;}
.mainLayerPop .popLayer_close a{ display:inline-block; margin-left:.5em; font-weight:500;}

/**/
.headT{ padding-top:var(--headH)}
.headH,
#header .top_wrap .gnb_wrap .gnb > li,
#header .top_wrap .gnb_wrap .gnb > li .dp1{ height:var(--headH);}
/* .scroll .headH,
.scroll #header .top_wrap .gnb_wrap .gnb > li,
.scroll #header .top_wrap .gnb_wrap .gnb > li .dp1{ height:5em;}
.scroll #header .top_wrap .wrapH{ height:5em; transition:.3s}
.scroll .headerT{ padding-top:5em} */

/*header*/
#header{ position:fixed; left:0; top:0; width:100%; z-index:1000; color:#fff; transition: transform 1s}
#header .top_wrap{ position:relative}
#header .top_wrap .wrapH,
#header .top_wrap .gnb_wrap .dp1{ /* height:5em */}
#header .top_wrap .wrapIn{ display:flex; /* align-items:center; */ justify-content:space-between; gap:0 2vw; }
#header .top_wrap .wrapIn > *{ position:relative; z-index:2}
#header .top_wrap .logo > a{ display:block; width: 18em; height: 100%; overflow:hidden; filter:brightness(0) invert(1)}
#header .top_wrap .logo > a .in{ display:block; height:100%}
#header .top_wrap .logo > a img{ height:100%; display:block}

#header .top_wrap .gnb_wrap{}
#header .top_wrap .gnb_wrap .gnb{ justify-content:center}
#header .top_wrap .gnb_wrap .gnb > li{ width:10em; position:relative}
#header .top_wrap .gnb_wrap .gnb > li .dp1 .va{ position:relative}
#header .top_wrap .gnb_wrap .gnb > li .dp1 .va:after{ content:""; position:absolute; left:100%; bottom:100%; width:.375em; height:.375em; border-radius:50%; background:#e50044; display:none}
#header .top_wrap .gnb_wrap .gnb > li .dp1 .tt{ font-weight:600; font-size:1.313em}

#header .top_wrap .gnb_wrap .gnb > li .dp1 .tt{ font-size:1.250em; color:rgba(255, 255, 255, .9)}
#header.active .top_wrap .gnb_wrap .gnb > li .dp1 .tt{ color:#111;}

#header .top_wrap .gnb_wrap .gnb > li .dp2{ display:none; transition:.2s;}
#header .top_wrap .gnb_wrap .gnb > li .dp2 > li > a{ display:block; padding:.6em 0; color:#333; transition:.2s;}
#header .top_wrap .gnb_wrap .gnb > li .dp2 > li > a .tt{}

#header .top_wrap .gnb_wrap .gnb > li:hover .dp1 .va:after,
#header .top_wrap .gnb_wrap .gnb > li.on .dp1 .va:after{ opacity:1;}
#header .top_wrap .gnb_wrap .gnb > li .dp2 > li:hover > a,
#header .top_wrap .gnb_wrap .gnb > li .dp2 > li.on > a{ color:#006ab5;}

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

#header .top_wrap .etc_wrap{ display:flex; align-items:center; gap:0 3em}
#header .top_wrap .etc_wrap .lang{ display:flex; gap:0 2em}
#header .top_wrap .etc_wrap .lang > li > a{ display:flex; align-items:cemter; gap:0 .25em}
#header .top_wrap .etc_wrap .lang > li > a .tt{ font-size:1.125em; font-weight:800; opacity:.5}
#header .top_wrap .etc_wrap .lang > li.on > a:before{ font-family:xeicon; content:"\e9d1"; font-size:1.125em}
#header .top_wrap .etc_wrap .lang > li.on > a .tt{ opacity:1}
#header .top_wrap .etc_wrap .etcBtn{ display:flex; align-items:center; justify-content:center; width:2em; height:2em}
#header .top_wrap .etc_wrap .etcBtn .ico{ font-size:2em}
#header .top_wrap .etc_wrap .mem_wrap{ display:flex; align-items:center; gap:2em}
#header .top_wrap .etc_wrap .mem_wrap > li > a{ display:flex; align-items:center; gap:.25em; font-size:.938em}

#header .allWrap{ width:3.375em;}
#header .allWrap .btn_all{}
#header .allWrap .btn_all .btn_in{ position:relative; display:block; width:1.625em; height:1.375em;}
#header .allWrap .btn_all .ham,
#header .allWrap .btn_all .ham:before,
#header .allWrap .btn_all .ham:after { display:block; width:100%; height:2px; background:rgba(255, 255, 255, .8); transition:.2s;}
.scroll #header .allWrap .btn_all .ham,
.scroll #header .allWrap .btn_all .ham:before,
.scroll #header .allWrap .btn_all .ham:after{ background:#333}
#header .allWrap .btn_all .ham:before,
#header .allWrap .btn_all .ham:after { content:""; position:absolute; right:0;}
#header .allWrap .btn_all .ham:before{ top:calc(50% - 1px);}
#header .allWrap .btn_all .ham:after { top:calc(100% - 2px);}
#header .allWrap .btn_all .btn_in:hover .ham:before{ width:80%;}
#header .allWrap .btn_all .btn_in:hover .ham:after { width:110%;}

#header .allWrap .all{ position:fixed; top:0; left:0; width:100%; height:100%; opacity:0; visibility:hidden;}
#header .allWrap .all .wrap_bg{ position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:.5;}
#header .allWrap .all .wrap_in{ position:absolute; top:0; right:0; width:100%; height:100%; background:#fff; color:#000;}
#header .allWrap .all .wrap_in .scrollst{ height:100%;}
#header .allWrap .all .all_img{ position:relative; width:25%; height:100%;}
#header .allWrap .all .all_img:after{ content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.08)}
#header .allWrap .all .all_img ~ .scrollst{ flex:1;}
#header .allWrap .all .allconWrap{ padding:12vh 4vw;}
#header .allWrap .all .all_top{ margin-bottom: 3em; }
#header .allWrap .all .all_top a{ transition:.2s;}
#header .allWrap .all .all_top .all_logo{}
#header .allWrap .all .all_top .all_logo .in{ display:block; width:20em;}
#header .allWrap .all .all_top .all_logo .in img{ width:100%;}
#header .allWrap .all .all_top .all_mem{display: none; gap:.25em; padding:1em 0;}
#header .allWrap .all .all_top .all_mem > li .in{ height:2.25em; padding:0 1em; border:1px solid #ddd; border-radius:.25em; line-height:normal;}
#header .allWrap .all .all_top .all_mem > li .in .tt{ font-size:.938em; font-weight:500;}
#header .allWrap .all .all_top .all_mem > li .in:hover{ background:var(--siteC); border-color:var(--siteC); color:#fff;}
#header .allWrap .all .all_gnb .gnb .flex{ display:block; text-align:left !important;}
#header .allWrap .all .all_gnb .gnb > li{ flex:1; padding:1.5em 1em 2.5em;}
#header .allWrap .all .all_gnb .gnb > li ~ li{ border-left:1px solid #e5e5e5;}
#header .allWrap .all .all_gnb .gnb > li a{ padding:.5em 0; transition:.1s;}
#header .allWrap .all .all_gnb .gnb > li .dp1{}
#header .allWrap .all .all_gnb .gnb > li .dp1:before{ content:""; display:inline-block; vertical-align:top; margin-right:.375em; width:.438em; height:.438em; background:#00a3d6; border-radius:50%;}
#header .allWrap .all .all_gnb .gnb > li .dp1 .tt{ font-size:1.375em; font-weight:600;}
#header .allWrap .all .all_gnb .gnb > li .dp2{ padding:2.5em 0 0 .875em;}
#header .allWrap .all .all_gnb .gnb > li .dp2 > li.m2_survey{ display:none}
#header .allWrap .all .all_gnb .gnb > li .dp2 > li > a{ opacity:.6;}
#header .allWrap .all .all_gnb .gnb > li .dp2 > li > a .tt{ font-size:1.063em;}
#header .allWrap .all .all_gnb .gnb > li:hover .dp1{ color:#006ab5;}
#header .allWrap .all .all_gnb .gnb > li .dp2 > li:hover > a{ opacity:1;}

#header .allWrap .all .all_gnb .gnb > li .dp3{ display:none}


#header.allOpen .allWrap .btn_all .btn_in{ position:fixed; top:1.5em; right:2em; z-index:999; width:2.5em; height:2.5em; transition:transform .3s;}
#header.allOpen .allWrap .btn_all .ham{ background:transparent !important; transition:0s;}
#header.allOpen .allWrap .btn_all .ham:before,
#header.allOpen .allWrap .btn_all .ham:after { width:100% !important; top:50% !important; background:#000 !important;}
#header.allOpen .allWrap .btn_all .ham:before{ transform:rotate(45deg);}
#header.allOpen .allWrap .btn_all .ham:after { transform:rotate(-45deg);}
#header.allOpen .allWrap .btn_all .btn_in:hover{ transform:rotate(90deg);}
#header.allOpen .allWrap .all{ opacity:1; visibility:visible; transition:.3s;}
#header.allOpen .allWrap .all .all_top,
#header.allOpen .allWrap .all .all_gnb{ animation:txtAni-up 1s both;}
#header.allOpen .allWrap .all .all_top{ animation-delay:.2s;}
#header.allOpen .allWrap .all .all_gnb{ animation-delay:.5s;}

#header.active.gnbOpen .top_wrap{ background:#fff;}
#header.active.gnbOpen .top_wrap .logo > a{ filter: none;}
/* #header.active.gnbOpen .top_wrap .logo > .link .logoA{ opacity:0; visibility:hidden;}
#header.active.gnbOpen .top_wrap .logo > .link .logoB{ opacity:1; visibility:visible;} */
#header.active.gnbOpen .top_wrap .gnb_wrap .gnb > li .dp1,
#header.active.gnbOpen .top_wrap .etc_wrap{ color:#333;}
#header.active.gnbOpen .top_wrap .etc_wrap .langWrap > li .in:after{ background:#666;}
#header.active.gnbOpen .allWrap .btn_all .ham,
#header.active.gnbOpen .allWrap .btn_all .ham:before,
#header.active.gnbOpen .allWrap .btn_all .ham:after { background:#000;}

#header.active .top_wrap{ background:#fff; box-shadow: 0 5px 20px rgba(0,0,0,0.15);}
#header.active .top_wrap .logo > .link .logoA{ opacity:0; visibility:hidden;}
#header.active .top_wrap .logo > .link .logoB{ opacity:1; visibility:visible;}
#header.active .top_wrap .gnb_wrap .gnb > li .dp1,
#header.active .top_wrap .etc_wrap{ color:#000;}
#header.active .top_wrap .etc_wrap .langWrap > li .in:after{ background:#666;}
#header.active .allWrap .btn_all .ham,
#header.active .allWrap .btn_all .ham:before,
#header.active .allWrap .btn_all .ham:after { background:#333;}

#header.gnbOpen .top_wrap{ box-shadow:2px 0 .75em rgba(0,0,0,.1);}
#header.gnbOpen .top_wrap .gnb_wrap .gnb > li{ height:auto;}
#header.gnbOpen .top_wrap .gnb_wrap .gnb > li .dp2{ display:block; padding:1em 0 1.5em 0; color:#333;}

html:not(.main) #header{ background:#fff;}
html:not(.main) #header .top_wrap .wrapIn{ filter:none; color:#333; box-shadow: 2px 2px 5px rgba(0,0,0,.1);}
html:not(.main) #header .top_wrap .logo > a{ filter:none}
html:not(.main) #header .top_wrap .gnb_wrap .gnb > li .dp1 .tt{ color:#111}
html:not(.main) #header .allWrap .btn_all .ham,
html:not(.main) #header .allWrap .btn_all .ham:before,
html:not(.main) #header .allWrap .btn_all .ham:after{ background:#333}

.scroll.up #header{ background:#fff; color:#111; box-shadow:0 1em 1em rgba(0,0,0,.1)}
.scroll.up #header .top_wrap .logo > a{ filter:none}
.scroll:not(.up) #header{ transform:translateY(-100%)}



#contents .sub_page_top{height: 26em; box-sizing:border-box; box-shadow: 0 0 20px rgba(0,0,0,.1);position: relative; } 
#contents .sub_page_tit{/* padding: 6em 0 4em 0; */}
#contents .sub_page_tit .wrap_tit{ padding-top: 4em;}
#contents .sub_page_tit .wrap_tit .sub_tit{font-size: 3.25em;font-weight: 700; color: #fff; margin-bottom: .2em; text-shadow: 1px 1px 10px rgba(0,0,0,.15);}
#contents .sub_page_tit .wrap_tit::after{ content: ''; display: block; width: 3em; height: 2px; margin:.5em auto 0;  background: #fff;}
#contents .sub_page_tit .wrap_tit .sub_txt{font-weight: 700;font-size: 1.5em; color:rgba(255, 255, 255, .8);}

#contents .sub_page_menu{ width: 100%; position: absolute; left: 50%; bottom: 1em; transform: translateX(-50%);} 
#contents .sub_page_menu .gnb{display:block; }
#contents .sub_page_menu .gnb .dp2{ justify-content: center; gap:.2em; padding:0 5%; }
#contents .sub_page_menu .gnb .dp2 > li{ flex:0 0 20%;}
#contents .sub_page_menu .gnb .dp2 > li > a{ height: 2.5em; padding: .5em 0; border:1px solid rgba(255, 255, 255, .4); border-radius: .5em; background: rgba(0,0,0, .45); color: #fff; transition: all .2s;}
#contents .sub_page_menu .gnb .dp2 > li > a .tt{ font-size: 1.1250em;font-weight:500;}
#contents .sub_page_menu .gnb .dp2 > li > a .in{ position:relative; padding:0 .5em;}
/* #contents .sub_page_menu .gnb .dp2 > li > a .in:after{ position:absolute; left:0; bottom:-.875em; width:100%; height:3px; background:#042d5c; transform:scaleX(0); transition:transform .3s;} */
#contents .sub_page_menu .gnb .dp2 > li.on > a{ border-radius: 1em 1em 0 1em;}
#contents .sub_page_menu .gnb .dp2 > li:hover > a,
#contents .sub_page_menu .gnb .dp2 > li.on > a{ background:#fff; border-color:#fff;}
#contents .sub_page_menu .gnb .dp2 > li:hover > a ,
#contents .sub_page_menu .gnb .dp2 > li.on > a { color:var(--siteC);}
#contents .sub_page_menu .gnb .dp3{ display:none}

/* #contents .sub_page_menu{width:1020px;margin:0 auto; position:relative;z-index:1}
#contents .sub_page_menu::after{ content:''; width:100vw; height:100%; background-color:rgba(0, 0, 0, .5); position:absolute; left:50%; top:0;z-index:-1; transform:translateX(-50%); border-top:1px solid rgba(255, 255, 255, .2);}
#contents .sub_page_menu .gnb{display:block; }
#contents .sub_page_menu .gnb .dp2{justify-content: center; }
#contents .sub_page_menu .gnb .dp2 > li{flex: 1 1 100%; max-width: 25%;}
#contents .sub_page_menu .gnb .dp2 > li > a{padding:1.25em 0;color:#fff; position:relative;}
#contents .sub_page_menu .gnb .dp2 > li > a .tt{font-size:1.250em;font-weight:500;position: relative;z-index: 1;}
#contents .sub_page_menu .gnb .dp2 > li > a .in{ position:relative; padding:0 .5em;}
#contents .sub_page_menu .gnb .dp2 > li > a:after{content:"";position:absolute;left: 0;top: 0;width: 100%; height:3px; background:#c9ab81; transform: scaleX(0);transition: all .3s;opacity: 0;}
#contents .sub_page_menu .gnb .dp2 > li.act > a .in,
#contents .sub_page_menu .gnb .dp2 > li.on > a .in{ }

#contents .sub_page_menu .gnb .dp2 > li.on > a:after{transform: scaleX(100%); opacity: .8;} */

#contents .sub_page_bg{width: 100%; height: calc(100% - var(--headH));margin: 0 auto; overflow: hidden;transition: all .5s;position: absolute; top: var(--headH); left: 50%; z-index: -1; transform: translateX(-50%);}
#contents .sub_page_bg::before{content:'';width:100%;height:100%;background: linear-gradient(180deg, rgba(0,0,0,.45), rgba(0,0,0,0.2));position:absolute;left:0;top:0;z-index: 2;}
#contents .sub_page_bg .wrap_in{position:relative;height: 100%;overflow:hidden;width: 100%; z-index: 1;}
#contents .sub_page_bg .bg{ position:absolute; top:0; left: 0; width:calc(100%); height:100%; background-position: center top; transition:3s;}
.load #contents .sub_page_bg .bg{ /* right:-2vw; */}
#contents .sub_page_bg .gsBlank{ /*position:absolute; top:50%; left:0; height:105%; width:35vw; background:#042d5c; transform:translateY(-50%);*/}


.page_top_tit{padding: 2em 0 1.5em; border-bottom: 1px solid #ddd;}
.page_top_tit .tit{ text-align: center;} 
.page_top_tit .tit .tt{font-weight: 700; font-size: 2.25em;color:#111;}


html:not(.simple) #contents .sub_page_con{ border-bottom: 1px solid #ddd;}


#contents .sub_page_con {
padding: 2em 0 2em;
text-align: center;
}

#contents .sub_page_con .con_tit {}
#contents .sub_page_con .con_tit .tt {
display: block;
font-size: 2.500em;
font-weight: 700;
}

/* #contents .sub_page_con .con_menu {
margin-top: 3.5em;
}
#contents .sub_page_con .con_menu .gnb,
#contents .sub_page_con .con_menu .gnb ul:not(.dp3) {
display: block;
}
#contents .sub_page_con .con_menu .gnb > li .dp3 {
gap: 1em;
justify-content: center;
}
#contents .sub_page_con .con_menu .gnb > li .dp3 > li {
width: calc(16.66% - .83333em);
}
#contents .sub_page_con .con_menu .gnb > li .dp3 > li > a {
padding: .5em .5em;
height: 4.25em;
border: 1px dashed #bbb;
color: #666;
font-weight: 500;
transition: .2s;
} */

#contents .con_menu {
margin-top: 3.5em;
}
#contents .con_menu .gnb,
#contents .con_menu .gnb ul:not(.dp3) {
display: block;
}
#contents .con_menu .gnb > li .dp3 {
gap: 1em;
justify-content: center;
}
#contents .con_menu .gnb > li .dp3 > li {
width: calc(16.66% - .83333em);
}
#contents .con_menu .gnb > li .dp3 > li > a {
padding: .5em .5em;
height: 3em;
border: 1px dashed #bbb;
color: #666;
font-weight: 500;
transition: .2s;
}
#contents .con_menu .gnb > li .dp3 > li.on > a{
border-color: var(--siteC2);
}


#contents .doc{ padding:4em 0 10em;}
#contents .doc.st2{ padding:2em 0 10em;}

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

/* .gnb .dp2 > li.m2_search,
.gnb .dp2 > li.m2_guide,
.gnb .dp2 > li.m2_site{ display: none;} */


.simple #contents .sub_page_top{ display:none;}
.simple #contents .sub_page_tit{ padding-top:3.5em;}
.simple #contents .sub_page_tit .wrap_tit .sub_tit{ font-size:3.000em; color:#000;}


.simple #contents .sub_page_con {
padding: calc(var(--headH) + 2em) 0 0;
}
.simple #contents .sub_page_con .con_tit .tt {
font-size: 2.750em;
}


.simple #contents .doc{ padding-top:0;}




#footer{ z-index:1; color:#111; background:#fff; padding:0 0 5em}
#footer .goTop{ position:fixed; right:0; bottom:0; width:3.5em; line-height:3.5em; text-align:center; background:#1f5aa7; color:#fff; box-shadow:0 0 1em rgba(0,0,0,.1); opacity:0; transform:translateY(100%); transition:.5s}
#footer .goTop .xi{ font-size:1.5em; transition:.3s}
#footer .goTop:hover .xi{ transform:translateY(-.25em)}
.scroll #footer .goTop{ opacity:1; transform:translateY(0)}

#footer .menu_wrap {
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
background: #f1f1f1;
}
#footer .menu {padding: 1.25em 0;}
#footer .menu > li > .in {
padding: .5em 0;
}
#footer .menu > li:not(:last-child) > .in:after {content: "";margin: 0 1.25em;width: 1px;height: 1em;background: #aaa;opacity: .3;}
#footer .menu > li > .in .tt {font-size: 1em;color: #555;}
#footer .menu > li > .point .tt {
font-weight: 600;
color: var(--siteC);
}
#footer .menu > li > .in:hover {
text-decoration: underline;
}

#footer .logo{ /* filter:var(--crGrayfil) */}
#footer .logo img{ width: 18em; /* height: 2.5em; */}
#footer .info_wrap{ gap: 4em; margin-top:3em}
#footer .info{ flex: 1; overflow:hidden}
#footer .info > li{ /* float:left;  */margin-right:2em; margin-bottom:.25em; opacity:.9; position:relative}
#footer .info > li:before{ content:""; position:absolute; left:-1em; height:70%; top:50%; transform:translateY(-50%); width:1px; background:#fff; opacity:.2}
#footer .info > li.point{ font-weight:600}
/* #footer .info > li.br{ clear:left} */
#footer .add{width: 100%;}
#footer .copyright{ width: 100%; font-size:.813em; opacity:.4; text-transform:uppercase; margin-top:1em}
#footer .cs_wrap{ display:flex; gap:0 4em}
#footer .cs_wrap .wrap_in{ position:relative}
#footer .cs_wrap .wrap_in:not(:first-child):after{ content:""; position:absolute; left:-2em; top:0; width:1px; height:100%; background:#fff; opacity:.2}
#footer .cs_wrap .t1{ opacity:.7; font-weight:500; margin-bottom:.5em}
#footer .cs_wrap .t2{ font-weight:700; font-size:1.25em}

.sns_st{ display:flex; gap:.5em}
.sns_st > li > a{ display:flex; align-items:center; justify-content:center; width:2.5em; height:2.5em; color:#fff; border-radius:50%; transition:.3s}
.sns_st > li > a:hover{ background:#fff; color:#111}


/* Member - Login */
.loginBorder {
  border-top: 1px solid #ddd;
  margin-top: 1.5em;
  padding: 2em 0 8em 0 !important;
}
.login_wrap {
  margin:0 auto;
  border-radius: 1em;
  overflow: hidden;
}
.login_wrap.w2{
  width: 580px;
}
.login_wrap.st2 {
  border-radius: 0;
}
.login_wrap .tab_st {
  background: #f8f8f8;
}
.login_wrap .tab_st > li {
  padding: 1em;
  background: #f8f8f8;
  border-radius: -1em;
  position: relative;
  border-bottom: 1px solid #ddd;
}
.login_wrap .tab_st > li > span {
  color: #888;
}
.login_wrap .tab_st > li.on {
  border-bottom: 1px solid #fff;
  background: #fff;
}
.login_wrap .tab_st > li.on > span {
  color: #333;
}

.login_wrap .tab_st > li:after {
  content: url(../images/sub/login_round.svg);
  position: absolute;
  top: 0;
  right: -0.5em;
  background-size: contain;
  width: 1em;
  height: 100%;
  z-index: 11;
  opacity: 0;
}
.login_wrap .tab_st > li.on:after {
  opacity: 1;
}
.login_wrap .tab_st > li:last-child:after {
  left: -0.5em;
  right: auto;
  transform: rotateY(180deg);
}

.login_wrap .login {
  padding: 2.5em;
  background: #f5f5f5;
}
.login_wrap .login .inp-sec {
  margin-bottom: 1em;
  display: block;
}
.login_wrap .login .inp-sec > input {
  height: 3em;
  padding-left: 3.5em;
  border-radius: 5px;
  font-size: 1.125rem;
}
.login_wrap .login .inp-sec > input:focus {
  border: 1px solid var(--siteC);
}
.login_wrap .login .inp-sec > .xi {
  position: absolute;
  top: 50%;
  left: 0.75em;
  transform: translateY(-50%);
  display: inline-block;
  font-size: 1.5em;
  color: #777;
}
.login_wrap .link_wrap > li {
  position: relative;
}
.login_wrap .link_wrap > li:first-child:before {
  content: '';
  position: absolute;
  right: -0.8em;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 0.75em;
  background: #ddd;
}
.login .etc_wrap {
  margin-top: 1.5em;
}
.login .etc_wrap .find {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2em;
}
.login .etc_wrap .find .link {
  position: relative;
}
.login .etc_wrap .find .link:hover {
  text-decoration: underline;
}
.login .etc_wrap .find .link::after {
  content: '·';
  position: absolute;
  right: -1em;
  top: 50%;
  transform: translateY(-50%);
}
.login .etc_wrap .find .link:last-child:after {
  display: none;
}

  
/* Join */
/**/
.fl_wrap{ *zoom:1;}
.fl_wrap:after{ content:""; display:block; clear:both;}
.fl_wrap > *     { float:left;}
.fl_wrap > .left { float:left;}
.fl_wrap > .right{ float:right;}
.fl_wrap > * > .in{ display:block;}

.page_step_wrap{ margin:2em auto 2.5em; 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:#ddd; 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:2.500em; 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%; transform:translate(-50%, -50%); width:1.5em; height:1.5em; background:#f5f5f5; border-radius:100%;}
.page_step_wrap .step > li .in .tt{ font-size:1.125em; color:#aaa; font-weight:300;}
.page_step_wrap .step > li.on .in .xi{ color:#fff;}
.page_step_wrap .step > li.on .in .xi:after{ background:var(--siteC);}
.page_step_wrap .step > li.on .in .tt{ color:#3c3c3d;}


.member_form_memo{margin-bottom: 1.5em; text-align:center; background:#ecf0f4; padding:1em;}
.member_form_memo > p {text-align:left; font-size:.875em; letter-spacing:-.1px; color:#3c3c3d; font-family:'notokrR';}
.member_form_memo > p .col { font-weight: 600; font-size: 1.125em; vertical-align:baseline; color:var(--siteC);}
.member_form_memo > p.tx + p.tit{margin-top: 1em;}
.member_form_memo > p.tx {margin-top:.7em; padding:.8em; background:#fff; font-size:.9375em;  line-height: 1.6; color:#333;}

.member_form .label_st:not(.cssbrowser) input[type=checkbox] ~ .xi:before {
  content: '\e92c';
}
.member_form .label_st:not(.cssbrowser) input[type=checkbox]:checked ~ .xi:before {
  content: '\e92b';
}
.label_st.de input[type=checkbox] {
  width: 0;
  height: 0;
  overflow: hidden;
  opacity: 0;
  color: #04182e;
}
.label_st.de {
  color: #555;
}
.label_st.st2 input[type=checkbox] {
  width: auto;
  height: auto;
  overflow: hidden;
  margin-bottom: 0;
}

.login_wrap button.btn {
  height: 3em;
  font-size: 1.125em;
  margin-bottom: .5em;
}
.bdrs {
  border-radius: 5px;
}
.bdnBg {
  background: #f1f1f1;
  border: none;
}
/* .login_wrap .link_wrap > li {
  position: relative;
}
.login_wrap .link_wrap > li:first-child:before {
  content: '';
  position: absolute;
  right: -0.8em;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 0.75em;
  background: #ddd;
} */

.join-guide-wrap {}
.join-guide-wrap .join-inner > h3 {
  margin-bottom: 0.5em;
  padding-bottom: 0.5em;
  border-bottom: 1px solid #ddd;
}

.fin_box { padding:3em 6em 4em; border:1px solid #ddd; border-radius: 1em;}
.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 - Agree */
.member_agree .agree {
  padding: 3em;
  border: solid #ddd;
  border-width: 1px 1px 1px 1px;
  font-size: .938em;
  color: #777;
  line-height: 1.5em;
}
.member_agree .agree.H {
  padding: 1em 1.5em;
  border-top-width: 1px;
  height: 10em;
  overflow-y: scroll;
  border-radius: 5px;
}
.member_agree .agree p {
  padding: .5em 0;
}
.member_agree .agree * {
  vertical-align: baseline;
}
.member_agree .agree strong {
  color: #333;
}
.member_agree .check {
  padding: 1em 0;
}
.join_box .label_st input[type=checkbox] {
  display: none;
}
/* // */
/* Member - wrap */
.member_form.st2 {
  padding: 2.5em 2em;
  border: 1px solid var(--crGray5);
  border-top: 2px solid var(--crBlack);
  background: var(--crWhite);
}
.member_wrap .terms_wrap .all_check {
  padding: 0 0 1em 0;
  border-bottom: 1px dashed #bbb;
  font-size: 1.063em;
}
.member_wrap .terms_wrap > li {
  padding-top: 2em;
}
.member_wrap .terms_wrap > li:first-child {
  padding-top: 0;
}
.member_wrap .terms_wrap .tit {
  margin-bottom: .6em;
  font-size: 1.250em;
  color: #3c3c3d;
  font-weight: 500
}
.member_wrap .terms_wrap .tit * {
  vertical-align: baseline;
}
.member_wrap .terms_wrap .c1 {
  color: #d82744;
}
.member_btn_wrap {
  margin: 1.5em 0 0 -.4em;
  text-align: center;
}
.member_btn_wrap > li {
  width: 50%;
}
.member_btn_wrap .in {
  margin-left: .4em;
}
.member_btn_wrap .input_st {
  width: 100%;
  min-width: 40% !important;
}


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




/**** MAIN ****************/
/*main visual*/
.vod_wrap{ position:relative}
.vod_wrap .vod{ position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover}
.vod_wrap .layer{ position:absolute; left:0; top:0; width:100%; height:100%}
.visualSlide_wrap{position: relative}
.scroll div.visualSlide{ z-index:-1}
.visualSlide .el{ position: relative; overflow:hidden; height:100vh; background:#fff}
.visualSlide .el .bg{ position:absolute; left:0; top:0; width:100%; height:100%; transform:scale(1.2)}
.visualSlide .el .vod_wrap{ position:relative; height:100%}
.visualSlide .el .vod_wrap:after{ content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:#000}
.visualSlide .el.swiper-slide-active .vod_wrap:after,
.visualSlide .el.swiper-slide-duplicate-active .vod_wrap:after{ transition:2s; opacity:0}
.visualSlide .el.swiper-slide-active .bg,
.visualSlide .el.swiper-slide-duplicate-active .bg{ transition:7s; transform:scale(1) rotate(.001deg)}
.visualSlide .el:nth-child(3n - 2) .bg{ height:110%; transform:scale(1)}
.visualSlide .el.swiper-slide-active:nth-child(3n - 2) .bg,
.visualSlide .el.swiper-slide-duplicate-active:nth-child(3n - 2) .bg{ transform:translateY(-9.0909%) rotate(.001deg)}
.visualSlide .el:nth-child(3n - 1) .bg{ width:110%; transform:scale(1)}
.visualSlide .el.swiper-slide-active:nth-child(3n - 1) .bg,
.visualSlide .el.swiper-slide-duplicate-active:nth-child(3n - 1) .bg{ transform:translateX(-9.0909%) rotate(.001deg)}

.visualSlideSlogan_wrap{ position:absolute; left:0; width:100%; height:100%; bottom:0; box-sizing:border-box; z-index:10; color:#fff}
.visualSlideSlogan_wrap .wrapIn{ display:flex; flex-direction:column; height:100%}
.visualSlide_wrap .slogan{margin-top: 5em; text-align:center; flex:1 1 0%; min-height:0; display:flex; flex-direction:column; justify-content:center}
.visualSlide_wrap .slogan .t1{ font-size:3.75em; text-transform:uppercase; font-weight:900}
.visualSlide_wrap .slogan .t2{ font-size:1.5em; text-transform:uppercase; margin:2em 0 0 0}
.visualSlide_wrap .slogan .ani{ overflow:hidden; line-height:1.2}
.visualSlide_wrap .slogan .ani > i{ transform:translateY(120%)}
.load .visualSlide_wrap .slogan .ani > i{ transform:translateY(0); transition:1s}
.load .visualSlide_wrap .slogan .ani.d1 > i{transition-delay:.5s}
.load .visualSlide_wrap .slogan .ani.d2 > i{transition-delay:1s}
.visualSlide_control{ display:flex; align-items:flex-end; width:100%; height:5em}
.visualSlide_control .control{ margin:0 0 1em auto}
.visualSlide_control .paging{ width:5em; text-align:center;}
.visualSlide_control .paging .swiper-pagination-current{ font-weight:700}

.mainScroll{ color:#fff}
.mainScroll .tt{ display:block; font-size:.813em; font-weight:700; margin:0 0 2.5em 0}
.mainScroll .tt .xi{ font-size:1.5em; margin-right:.25em; position:relative}

.visual_con{ margin-bottom: 1em;}
.visual_con .left_aboutBox{ flex:1;}
.visual_con .left_aboutBox > .tit{width: 17.5em; padding:2.5em; border-radius:2em 0 0 2em; background:linear-gradient(35deg, #001359, #175dd4); color:#fff; position: relative; overflow: hidden;}
.visual_con .left_aboutBox > .tit > p{ position: relative; z-index: 1;}
.visual_con .left_aboutBox > .tit .t1{ font-weight: 800; font-size: 1.625em;}
.visual_con .left_aboutBox > .tit .t2{ margin-top: 1em; line-height: 1.5;}
.visual_con .left_aboutBox > .tit::after{ content: ''; width: 286px; height: 412px; background: url(../images/main/vis_con_bg.png) no-repeat; position: absolute; left: -6.5em; bottom: -10em; opacity: .2;}
.visual_con .left_aboutBox > .con{ flex:1; padding:1em; background:#fff; border-radius: 0 2em 2em 0;}
.visual_con .left_aboutBox > .con .link_list{ gap:1em; height: 100%;}
.visual_con .left_aboutBox > .con .link_list > li{ flex:1;}
.visual_con .left_aboutBox > .con .link_list > li a{ display: flex; flex-direction: column; justify-content: center; align-items: center; height: 100%;}
.visual_con .left_aboutBox > .con .link_list > li a .icon{ width: 3em; height: 3em; margin-bottom: 1.5em;}
.visual_con .left_aboutBox > .con .link_list > li a .tt{ font-weight: 700; font-size: 1.125em; color:#111;}

.visual_con .right_searchBox{ width: 28.75em; padding:2.5em; border-radius: 2em; background: #fff;;}
.visual_con .right_searchBox .tit{ margin-bottom: 0.8em; color:#111;}
.visual_con .right_searchBox .search_wrap .inner{ gap:.5em}
.visual_con .right_searchBox .search_wrap .inner .input_wrap{ flex:1;}
.visual_con .right_searchBox .input_st{ color:#555;}
.visual_con .right_searchBox .input_st.rounded{ border-radius: 10px;}
.visual_con .right_searchBox .btn_wrap .search{ width: 6.75em; height: 100%; background:var(--siteC); color:#fff; }


/* main section 공통*/
.main_sec{ padding:3.75em 0;}

.mainTit_wrap{ margin-bottom: 1em;}
.mainTit_wrap .tit{ font-weight: 700; font-size:2.125em; color:#111;}

.main_more{ display: inline-flex; align-items: center; gap:.8em}
.main_more.st1{ height: 2em; padding:0 1em; border:1px solid var(--siteC); border-radius: 2em; background:#fff; color:var(--siteC); }
.main_more.st1.small{ display: flex; justify-content: center; align-items: center; width: 2em; padding:0;}
.main_more.st1 .xi{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);}

/* main - 주요사업 */
#section1.main_business{ padding: 5.5em 0; position: relative; overflow: hidden;}
.main_business::after{ content: ''; width: 332px; height: 460px; background:url(../images/main/main_sec1_bg.png); position: absolute; left: -4em; bottom: 0; z-index: -1;}
.main_business .in{ gap: 7.5em;}
.main_business .in .txt_wrap{ flex:1;}
.main_business .in .txt_wrap .tit{ margin-bottom: 1rem; font-weight: 800; font-size: 2.625em; color:#111;}
.main_business .in .txt_wrap .desc{ font-weight: 500; font-size: 1.375em; color:#777;}
.swiper-pagination.mainBusi{ display: flex; flex-direction: column; width: calc(100% - 3.75em); margin-top: 3.5em; margin-left: auto; margin-right: 0; position: relative; bottom: 0; transform: translate3d(0, 0, 0);} 
.swiper-pagination.mainBusi .swiper-pagination-bullet,
.swiper-pagination.mainBusi .swiper-pagination-bullet-active{ width: calc(100% - 3.75em); height: auto; box-sizing: border-box; text-align: left; opacity: 1;}
.swiper-pagination.mainBusi .swiper-pagination-bullet{ width: 100%; margin: 0; padding:1em 1.25em; border-bottom:1px solid #ddd; border-radius: 0; background: rgba(255, 255, 255, .2); backdrop-filter: blur(5px);}
.swiper-pagination.mainBusi .swiper-pagination-bullet:first-child{ border-top: 1px solid #ddd;}
.swiper-pagination.mainBusi .swiper-pagination-bullet span{padding-left: 1.5em; font-weight: 500; font-size: 1.125em; color:#777; position: relative;}
.swiper-pagination.mainBusi .swiper-pagination-bullet span::before{ content: ''; width: .5em; height: .5em; border-radius: 50%; background-color: #ddd; position: absolute; left: 0; top: 8px;}
.swiper-pagination.mainBusi .swiper-pagination-bullet-active span{ color:#111}
.swiper-pagination.mainBusi .swiper-pagination-bullet-active span::before{ background-color: var(--siteC); }
.main_business .in .img_wrap{ width: 40em;}
.main_business .in .img_wrap .busiSlide{ height: 100%;}
.main_business .in .img_wrap .swiper-slide .in{ height: 100%; border-radius: 5em 5em 0 5em; overflow: hidden;}
.main_business .in .img_wrap .swiper-slide .in img{ object-fit: cover;}

/* main - 환경정책정보 */
#section2.main_policy{ background: #eff5ff;}
.main_policy .policyList_wrap{ overflow: hidden; position: relative;}
.main_policy .policyList_wrap .policyList > li .in{ width: 100%; height: 100%; min-height: 19.5em; padding:2.5em 2em; box-sizing: border-box; border-radius: 1em; background: #fff; box-shadow: 0 0 10px rgba(0,0,0,.1);}
.main_policy .policyList_wrap .policyList > li .in .tit_wrap{ height: 6.875em;}
.main_policy .policyList_wrap .policyList > li .in .tit{ font-weight: 700; font-size: 1.25em; color:#111;}
.main_policy .policyList_wrap .policyList > li .in .date{ font-weight: 300; font-size: .9375em; color:#777;}
.main_policy .policyList_wrap .policyList > li .in .cont{margin-top: 0.5em; line-height: 1.5; color:#333;}
.main_policy .policyList_wrap .swiper-pagination{ display: none;}

/* main - section3 */
#section3{}
#section3 .in{ gap:1.875em}
#section3 .in .mainBoard{ flex:1; max-height: 19em; padding:1.875em 2.625em; border-radius: 1em; box-shadow: 0 0 20px rgba(0,0,0,.15);}
#section3 .in .mainBoard .tabIdx{ position: relative;}
#section3 .in .mainBoard .tab-list{ margin-bottom: 1.65em;}
#section3 .in .mainBoard .tab-list > li{ width: 8.75em; height: 3.125em; }
#section3 .in .mainBoard .tab-list > li.on{ border-radius: 1em 1em 0 1em; background: var(--siteC); }
#section3 .in .mainBoard .tab-list > li .tab-tt{ font-size: 1.125em; color:#333; position: relative;}
#section3 .in .mainBoard .tab-list > li.on .tab-tt{ color:#fff;}
#section3 .in .mainBoard .tab-list > li .tab-tt::after{ content: ''; width: 6px; height: 6px; border-radius: 50%; background: var(--siteC2); position: absolute; right: -10px; top: -6px; opacity: 0; transition: all .3s;}
#section3 .in .mainBoard .tab-list > li:not(.on):hover .tab-tt{ color:var(--siteC);}
#section3 .in .mainBoard .tab-list > li:not(.on):hover .tab-tt::after{ opacity: 1;}

#section3 .in .mainBoard .boardList{ gap:.8em;}
#section3 .in .mainBoard .boardList > li a{ display: flex; justify-content: space-between; gap:4em;}
#section3 .in .mainBoard .boardList > li a .tit{flex:1; padding-left: 1.5em; font-weight:500; font-size:1.0625em; color:#333; position: relative;}
#section3 .in .mainBoard .boardList > li a .tit::before{ content: ''; width: 6px; height: 6px; border-radius: 50%; background:#ddd; position: absolute; left:.5em; top: 8px;}
#section3 .in .mainBoard .boardList > li a .date{ font-size: .9375em; color:#777;}
#section3 .in .mainBoard .nocon{ height: 10em; margin-top: 0;}
#section3 .in .mainBoard .main_more{ position: absolute; right: 0; top: 0.5em;}
#section3 .in .mainBoard .boardList > li:hover a .tit{ text-decoration: underline;}
#section3 .in .mainBoard .boardList > li:hover a .tit::before{ background: var(--siteC);}


#section3 .in .banner{ width: 27.5em; height: 19em; border-radius: 1em; background: #f3f3f3; overflow: hidden;}
#section3 .in .banner .in{ height: 100%; padding:3.5em 2.5em; box-sizing: border-box; background-position: 100% 100%;}
#section3 .in .banner .in .tit{ font-weight: 700; font-size: 1.375em; color:#111;}
#section3 .in .banner .in .desc{ margin-top: 1em; color:#333;}
#section3 .in .banner .in .main_more{ margin-top: 1em;}

#section3 .in .relSite{ width: 12.5em; height: 19em;}
#section3 .in .relSite .tit_wrap{ height: 2.75em; padding-left: 1.5em; border:1px solid #333; border-radius: 1em 1em 0 0; background: #333;}
#section3 .in .relSite .tit_wrap .tit{ font-weight: 700; font-size: 1.0625em; color:#fff;}
#section3 .in .relSite .tit_wrap .btn_wrap{ width: 5em; height: 2.5em; position: relative;}
#section3 .in .relSite .tit_wrap .btn_wrap .relsite_btn{display: flex; justify-content: center; align-items: center; width: 2.5em; height: 100%; border-left: 1px solid rgba(255, 255, 255, .5);  color:rgba(255, 255, 255, .8); top: 0; margin-top: 0; line-height: 1;}
#section3 .in .relSite .tit_wrap .btn_wrap .next{ left: 0;}
#section3 .in .relSite .tit_wrap .btn_wrap .prev{ right: 0;}
#section3 .in .relSite .tit_wrap .btn_wrap .next .xi::before{content: '\e944';}
#section3 .in .relSite .tit_wrap .btn_wrap .prev .xi::before{content: '\e941';}
#section3 .in .relSite .relSiteSlide { height: calc( 100% - 2.75em); border:1px solid #ddd; border-radius: 0 0 1em 1em; overflow: hidden;}
#section3 .in .relSite .relSiteSlide .el{ height:calc(100% / 4); border-top: 1px solid #ddd; box-sizing: border-box;}
#section3 .in .relSite .relSiteSlide .el.swiper-slide-active{ border-top: none;}
#section3 .in .relSite .relSiteSlide .el > a{ display: flex; justify-content: center; align-items: center; height: 100%;}
#section3 .in .relSite .relSiteSlide .el > a img{ width: 70%;}


/*********** SUB ************/

/*서브 공통*/
.tupper{ text-transform:uppercase;}
.bg_gray{ background: #f9f9f9; padding: 6em 0; margin: 6em 0;}
.bg_gray.mb_n{ margin: 6em 0 0 0;}
.page_top{margin-top: 3em;}
.page_top .tit{ text-align: center; position: relative;} 
.page_top .tit .tt{font-weight: 800;font-size: 3em;color:#111;}
.page_top .tit .en{font-weight: 200;font-size: 3.5em;color: #eee; position: absolute;top: .5em;left: .5em;z-index: -1;}
.page_top .tit::after{ content: ''; display: block; width: 1px; height: 2em; margin: .5em auto 0;background: #000;}
.page_con{ padding: 0 0 6em 0;}
.page_con.pb0 ,
.page_con:last-of-type{ padding: 0 0 0 0;}
.page_con .con{ padding:0 1.25em;}

.page_tt.dot1{ margin-bottom:.8em; padding-left:1em; font-weight: 600; font-size:1.75em; color:#333; position: relative;}
.page_tt.dot1::before{ content:''; width: 12px; height: 18px; background:url(../images/sub/tit_bullet.png); position:absolute; left:0; top:11px;}
.page_tt.dot2{margin-bottom:.5em; padding-left: 1.5em; font-weight: 500;font-size: 1.25em;color:#555;position: relative;}
.page_tt.dot2::before{content:'';width: 18px;height: 18px;background:url(../images/sub/tit_bullet2.png);position:absolute;left:0; top: 4px;}
.page_tt.dot3{margin-bottom:.5em;/*  padding-left: 1.2em;  */font-weight: 600; font-size: 1.375em; color:#555; position: relative;}
.page_tt.dot3::before{content:"\e92b"; display: inline-block; margin-right: .5em; font-family:xeicon; color:var(--siteC);}

.dot_list{ }
.dot_list .dot{ padding-left: 1em; position: relative;}
.dot_list .dot + .dot{ margin-top: 0.8em;}
.dot_list .dot::before{ content: ''; width: 5px; height: 5px; border-radius: 50%; background:var(--siteC2); position: absolute; left: 0; top: 6px;}
.dot_list .dot.num::before{ display: none;}
.dot_list .dot.num .no{ font-weight: 600; color:var(--siteC)} 
.dot_list .dot.num + .dot.num{ margin-top: 0.5em;}

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

.memo_wrap{ max-width: 90%; margin-top: 1em; margin-left: 1.5em; padding:1.5em 2em; border:1px solid #eee; border-radius:.5em; background:#f8f8f8;}

/*  */
.con_box{ padding:2em;}
.con_box.mt{margin-top:3em;}
.con_box.bg{ background-color: #f6f6f6;}
.con_box.tline{border:1px solid #ddd; border-top: 2px solid var(--siteC); word-break: keep-all;}
.con_box.line{ border:1px solid #ddd; border-radius: .5em;}
.con_box .check_wrap{ display: flex; align-items: center; gap:2em; padding:0 2em;}
.con_box .check_wrap .icon{width: 8em;height: 8em;background-repeat: no-repeat;background-position: center center;background-size:contain;padding: 1.5em;border-radius: 50%;border: 2px solid #ddd;display: flex;justify-content: center;align-items: center;box-sizing: border-box;}
.con_box .check_wrap .icon img{ height: 100%; margin-left:10px}
.con_box .check_wrap .cont{}
.con_box .check_wrap .cont .tit{margin-bottom: .2em;font-weight: 600;font-size:1.25em;color:var(--color_dblue);display: block;}
.con_box .check_wrap .cont .td{margin-bottom: 1.2em;margin-bottom:1em; font-size: 1.125em;color:#555;}
.con_box .check_wrap .cont .td:last-child{ margin-bottom: 0;}
.con_box .desc +.con_tit{ margin-top: 2em;}
.con_box .desc{  padding-left: 1.5em;}
.con_box .page_tt{ color:#333;}
.con_box .page_tt + .page_tt{ margin-top:.5em;}
/* .con_tit{ position:relative;}
.con_tit .stroke{font-weight: 800; position: absolute; top: -68px; left: 50%; font-size:5.75em; color: transparent; -webkit-text-stroke: 2px #ddd;} */
.con_box .busi_img + .busi_tit{ margin-top:2em; }
.con_box .law_wrap{margin-left: 1.5em;}
.con_box .law_wrap .tit{ margin-bottom: 0.5em; font-weight: 600; font-size:1.125em; color:var(--color_dblue)}
.con_box .law_wrap .cont_list{ list-style-type: circle;}
.con_box .law_wrap .cont_list > li + li{margin-top: 1em;}
.con_box .law_wrap .cont_list .cont{ color:#333; position: relative;}
.con_box .law_wrap .cont_list .cont .num{ padding-right: 0.5em;}
.con_box .law_wrap .t2{ margin-top: 1em; color:var(--color_lblue)}


/*  */
.conLay{}
.conLay + .conLay{ margin-top: 4em}
.conLay .inner{ gap:4em}
.conLay .txt_wrap{ flex:1; padding:3em 0 2em;}
.conLay.layL .txt_wrap{ padding-left: 1em;}
.conLay.layR .txt_wrap{ padding-right: 1em;}
.conLay .txt_wrap .tit .line{ width: 2.5em; height: 3px; margin-bottom: 1em;background:var(--siteC);}
.conLay .txt_wrap .page_tt.s3{line-height: 1.5; color:#333;}
.conLay .img_wrap{ width: 45%;}
.conLay .img_wrap .img{}
.conLay .img_wrap .img.rnd{ border-radius: 1em; overflow: hidden;}
.conLay.layR .img_wrap{ order:-1;}
.conLay.layR .img_wrap .img::after{left:auto; right:-.5em;}
.conLay.st2 .img_wrap{ width: 30%;}
.conLay.st2 .img_wrap .img::after{display: none;}

/*  */
.table_box{}
.table_box .scr_i{display: none;}
.table_box .scr_i .xi{ transform: rotate(90deg);}
.table_box table{}


/* 인사말 */
.greet_wrap{ position: relative; padding-bottom: 10em; overflow: hidden;}
.greet_wrap::after{ content: ''; width: 800px; height: 250px; background:url(../images/sub/about/greet_bg.svg) no-repeat 0 0; opacity: .15; position: absolute; right: -10em; bottom: -4em; z-index: -1;}
 
.ceo_name{ gap:1em; margin-top:4em; margin-right: 3em;}
.ceo_name .position{ font-size: 1.25em;}
.ceo_name .name{font-weight: 800; font-size: 1.5em;}
 
.greet_mid{ margin: 4em 0; padding: 6em 0; border-radius: 1em; position: relative; z-index: 1; overflow: hidden;}
.greet_mid .txt{ text-shadow: 1px 1px 5px rgba(0,0,0,.15);}
.greet_mid::after{ content: ''; width: 100%; height: 100%; background: rgba(0,0,0, .3); position: absolute; left: 0; top: 0;}




/*연혁*/
.history_bgw {overflow:hidden; position:relative; margin:0 5em 3em 5em;}
.history_bgw .bg_w {position:absolute; left:0; top:0; width:100%; height:100%; background-position:center top; background-repeat:no-repeat; background-size:cover; background-attachment:fixed;}
.history_bgw .txt_wrap {text-align:center; }
.history_bgw .txt_wrap .en {font-weight: 700;  padding-bottom:.5em; color:#fff; letter-spacing:5px; font-size:2.5em; }
.history_bgw .txt_wrap .kr {font-size:1.7em; color:#fff; font-weight:500;}
.history_bgw .line_wrap{ position:relative; height:15em;}
.history_bgw .line_wrap .line{ position:absolute; background:#fff; width:1px; height:1px; transition:1s; opacity:.5; display:none;}
.history_bgw .line_wrap .line.hor{ transition-delay:1s}
.history_bgw .line_wrap .line.top{ top:0}
.history_bgw .line_wrap .line.bot{ bottom:0}
.history_bgw .line_wrap .line.left{ left:0}
.history_bgw .line_wrap .line.right{ right:0}
.load .history_bgw .line_wrap {margin:2em 1.5em;}
.load .history_bgw .line_wrap .line.ver{ height:100%}
.load .history_bgw .line_wrap .line.hor{width:40%;}
.load .history_bgw .line_wrap .line{ display:block}

.history_wrap{ position:relative; overflow:hidden; padding:2em 0;}
.history_wrap:before,
.history_wrap .lineAni{ content:""; position:absolute; left:50%; top:0; width:1px; height:100%; background:#ddd}
.history_wrap .lineAni{ height:0; background:#3167a6; transition:.3s}
.history_wrap .lineAni:before,
.history_wrap:after{ content:""; position:absolute; left:50%; top:0; margin-left:-.5em; width:1em; height:1em; background:#fff; border:.25em solid #3167a6; border-radius:100%; box-sizing:border-box}
.history_wrap:after{ top:auto; bottom:0}
.history_wrap .history > li{ margin-top:4em}
.history_wrap .history > li:first-child{ margin-top:0}
.history_wrap .history > li .year{ width:50%; overflow:hidden; justify-content:flex-end}
.history_wrap .history > li .year .wrap_in{ position:relative; overflow:hidden; width:15em}
.history_wrap .history > li .year .tt{ display:inline-block; position:relative; padding:0 .5em; font-size:2.5em; letter-spacing:-3px; font-weight: 400; color:#3167a6; /* font-family: Georgia, "Times New Roman", Times, serif */}
.history_wrap .history > li .year .tt:before{ content:""; position:absolute; left:100%; top:50%; margin-top:-1px; width:100%; border-top:2px dotted #aaa;}
/* .history_wrap .history > li .year .tt:after{ content:"'"; font-style:italic} */
.history_wrap .history > li .year .tt:after{ content:""; width: .5em; height: .5em; border-radius: 50%; background: var(--siteC); opacity: .2; position: absolute; right: 10px; top: 3px;}
.history_wrap .history > li .list{ width:50%; margin-top:1em}
.history_wrap .history > li .list > li{ margin-top:.5em}
.history_wrap .history > li .list > li:first-child{ margin-top:0}
.history_wrap .history > li .list .wrap_in{ padding:0 2em}
.history_wrap .history > li .list .wrap_in .img_wrap .resize {padding-bottom:45% !important;}
.history_wrap .history > li .list .wrap_in .img_wrap .resize .img_r {text-align:right !important;}
.history_wrap .history > li .list .wrap_in .img_wrap .resize .img_l {text-align:left !important;}
.history_wrap .history > li .list .month{ flex:0 0 3em}
.history_wrap .history > li .list .month .tt{ color:#999; font-size:1.125em; /* font-family:Georgia, "Times New Roman", Times, serif; */ letter-spacing:-1px}
.history_wrap .history > li .list .month .tt:after{ /* content:"월"; font-size:.813em; font-weight:500 */}
.history_wrap .history > li .list .detail > li{ margin-top:.5em}
.history_wrap .history > li .list .detail > li:first-child{ margin-top:0}
.history_wrap .history > li .list .detail .tt{ position:relative; padding:0 1.5em; margin-top:.125em; color:#333; font-size:.938em; line-height:1.7; font-weight:400; word-break: keep-all;}
.history_wrap .history > li .list .detail .tt:before{ content:""; position:absolute; left:0; top:9px; width:.75em; border-top:2px solid #ddd}
.history_wrap .history > li .list .detail .desc{width:calc(100% - 1.125em); margin:.5em 0 .5em 1.25em; padding:.8em; box-sizing: border-box; border: 1px solid #ddd; border-radius: .5em; font-size: .9375em; line-height: 1.5; color:#555;}
.history_wrap .history > li:nth-child(2n) .year{ justify-content:flex-start; text-align:right}
.history_wrap .history > li:nth-child(2n) .year .tt:before{ left:auto; right:100%}
.history_wrap .history > li:nth-child(2n) .list{ order:-1}
.history_wrap .history > li:nth-child(2n) .list > li > .flex{ justify-content:flex-end}
.history_wrap .history > li:nth-child(2n) .list .month{ text-align:right}
.history_wrap .history > li:nth-child(2n) .list .detail{ order:-1}
.history_wrap .history > li:nth-child(2n) .list .detail .tt{ text-align:right}
.history_wrap .history > li:nth-child(2n) .list .detail .tt:before{ left:auto; right:0}

/* 주요사업 */
.busi_wrap{ padding:0 2em;}
.busi_wrap .busi_list{ gap:2em;}
.busi_wrap .busi_list > li{ width: calc( (100% - 4em) / 3);}
.busi_wrap .busi_list > li .in{ height: 100%; padding: 2em 3em 2.5em; box-sizing: border-box; border:1px solid #ddd; box-shadow: 0 0 20px rgba(0,0,0,.15);  text-align: center;}
.busi_wrap .busi_list > li .in .ico{ width: 12em; height: 12em; margin-bottom: 2em; }
.busi_wrap .busi_list > li .in .txt{ font-weight: 600; font-size: 1.25em; color:#333;}

.mission_wrap{ display: flex; height: 26em; margin-top: 1em; padding: 0 2em; position: relative;}
.mission_wrap .title{ display: flex; justify-content: center; align-items: center; width: 26em; height: 26em; border-radius: 50%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); box-shadow: 3px 3px 10px rgba(0, 0, 0, .2);}
.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{width:calc(50% - 15em);/* padding:1em 0; */box-sizing: border-box;display: flex;align-items: center;}
.mission_wrap .missionList > li:nth-child(odd){ justify-content: flex-end; margin-right: 15em; padding-right:3em; text-align: right;}
.mission_wrap .missionList > li:nth-child(even){margin-left:15em;padding-left: 3em;}
.mission_wrap .missionList > li:nth-child(n+1):nth-child(-n+8){ border-bottom: 1px solid #ddd;}
.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:nth-child(odd) .tt::before{ right:-1.5em;}
.mission_wrap .missionList > li:nth-child(even) .tt::before{ left:-1.5em;}

/* 임원명단 */
.doc.org > .box1{ padding:0 8em; box-sizing: border-box;}

/* 오시는길 */
.doc.map > .box1{ padding:0 3em; box-sizing: border-box;}
.root_daum_roughmap .map_border{ display: none !important; }
.root_daum_roughmap .wrap_controllers{ display: none !important; }
.contact_map{}
.contact_map .map_in{}
.contact_map .map_in .root_daum_roughmap{ width: 100%;}
.contact_map .map_info{ background-color:#006ab5}
.contact_map .map_info .tit{ width:35%; min-height:180px; padding:0 4em; box-sizing:border-box; position:relative; filter:brightness(0) invert(1)}
.contact_map .map_info .tit img{ width:100% }
.contact_map .map_info .tit::after{ content:''; width:1px; height:60%; background:rgba(255, 255, 255, .3); position:absolute; right:0; top:50%; transform:translateY(-50%);}
.contact_map .map_info .info_wrap{flex: 1; gap: 0 7em;padding: 0 3em;}
.contact_map .map_info .info_wrap .mapInfo_icon{ margin-right:20px; opacity:1}
.contact_map .map_info .info_wrap .add{ font-size:1.125em; color:#fff;}

.contact_map .map_info .info_wrap .add .tt{ }
.contact_map .map_info .info_wrap .contact_list{ font-size:1.125em; color:#fff;}
.contact_map .map_info .info_wrap .contact_list > li{ margin-bottom:10px}
.contact_map .map_info .info_wrap .contact_list > li:last-child{ margin-bottom:0}
.contact_map .map_info .info_wrap .contact_list .tt{}

.contact-transportation{ margin-top:30px}
.contact-transportation__wrap{display:flex;align-items:center;padding:50px 0;border:1px solid #e5e5e5;border-top:2px solid #222}
.contact-transportation__left{display:flex;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;position:relative;width:400px}
.contact-transportation__left::after{content:"";position:absolute;top:50%;right:0;width:1px;height:100%;background-color:#e5e5e5;transform:translateY(-50%)}
.contact-transportation__title{ margin: 0 0 .5em; font-size:24px;font-weight:500;color:#333}
.contact-transportation__text{font-size:20px;color:#333}
.contact-transportation__right{padding-left:50px}
.contact-transportation__item{display:flex}
.contact-transportation__item:not(:first-child){margin-top:10px}
.contact-transportation__place{display:flex;flex-shrink:0; align-items:center; position:relative;width:250px}
.contact-transportation__place-text{margin-right:7px;font-size:16px;color:#333}
.contact-transportation__line{ display:inline-flex; justify-content:center; align-items:center; padding:.5em 1em; font-size:13px; font-weight:700;color:#fff;border-radius:2em}
.contact-transportation__line.red{background-color:#de4552}
.contact-transportation__line.blue{background-color:#2175de!important}
.contact-transportation__line.yellow{background-color:#fcbd26}
.contact-transportation__line.green{background-color:#39b64a}
.contact-transportation__line.round{width:20px;border-radius:50%}
.contact-transportation__item.long .contact-transportation__line{position:absolute;top:0;left:108px}
.contact-transportation__num{font-size:16px;color:#666}	


/* 회원사 검색 */
.box1.membership{ padding: 0 5em; box-sizing: border-box;}
.intro_txt{ margin-bottom: 2em; font-weight: 600; color:#333;}
.input_st.sMem{ height:3em; padding:.5em 1.5em;}
.input_st.sMem.search1{ margin-right: 20px;}
.input_st.sMem.search2{}
.input_st.sMem.search3{ margin-right: 10px;}

.memSearch_wrap{padding: 2.5em 2em;border: 2px solid var(--siteC2);border-radius: 1em;background: #f9f9f9;}
.memSearch_wrap .memSearch_in{ margin-bottom:1em; padding:0 1em 1em; border-bottom:1px solid #ddd}
.memSearch_wrap .memSearch_in:last-child{ margin-bottom: 0; padding-bottom: 0; border:none;}

.memSearch_wrap .memSearch_in .tit{width: 11%;/* text-align: center; */min-height: 3em;/* border-right: 2px solid var(--siteC2); *//* background: var(--siteC3); */color: #333;display: flex;align-items: center;/* justify-content: center; *//* margin-right: .5em; */}
.memSearch_wrap .memSearch_in .tit .page_tt{ padding-left:.5em; position:relative}
.memSearch_wrap .memSearch_in .tit .page_tt::before{ content:''; width:6px; height:6px; border-radius:50%; background:var(--siteC2); position:absolute; left:0; top:0; }
.memSearch_wrap .memSearch_in .con{ flex:1; }
.memSearch_in .cateList.loc{ gap: 5px;}
.memSearch_in .cateList.loc > li{width: calc((100% - 40px) / 9); padding: .5em;border: 1px solid #ddd;background: var(--siteC3);text-align: center;border-radius: 5px;color: #555; cursor: pointer;}
.memSearch_in .cateList.loc > li.on{background: var(--siteC2);color: #fff;}
.memSearch_result{ margin-top: 3em;}

.btn_inc.search{ background:#4b85e0;color:#fff; padding:1em; border-radius: 1em; font-size:1.1em;}
.btn_inc.search.st2 {background:#009de2;}
.btn_inc.search.st3 {background:#009a9a;}
.btn_inc.c6{ background: #3399FF; border-color:#3399FF; color:#fff}


.input_st1{ border:1px solid #4b85e0; vertical-align:middle; background:rgba(75,133,224,0.1); font-size:1.2em;}
.input_st1:hover, .input_st1:focus{ background:#ffffff; border:1px solid #ccc; color:#333;}
input.input_st1{ padding:1em; color:#666; border-radius: 1em;}
select.input_st1{padding:7px 5px 8px 10px; color:#666; min-height:34px;}
textarea.input_st1{padding:2%; color:#666;}



/* 관련사이트 **********/
.siteList_wrap{}
.siteList_wrap .siteList{ gap:4em 1.5em}
.siteList_wrap .siteList > li{ width: calc((100% - 3em) / 3); }
.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: 60%; height: 5em; object-fit: contain;}
.siteList_wrap .siteList > li .tit{ color:#333;}
.siteList_wrap .siteList > li:hover .logo{ border-color:var(--siteC2)}


/* 개인구직 - estimate */
.estimate-table {border-top: 3px solid #232e64;}
.estimate-table .input_st:not(select) {background: #f3f5f8; border: none; border-radius: 5px;}
.estimate-table tbody {}
.estimate-table tbody tr {border-bottom: 3px solid #eee;}
.estimate-table tbody tr th,
.estimate-table tbody tr td {padding: 1em; font-size: 1.125em; }
.estimate-table tbody tr th {background: #fff; color: #555; font-weight: 700; text-align: left;}
.estimate-table tbody tr th .tit {}
.estimate-table tbody tr td {color: #777; line-height: 1.5em; font-weight: 500;}
.estimate-table tbody tr td .info {}
.estimate-table .table_form > li {border: none;}
.estimate-table .board_viewF {background: transparent; border: none; padding: 0;}

/* 업무편람 */
.info_box{ gap:4em; width: 80%; margin:0 auto; padding: 2em 5em; border:1px solid #ccc; border-radius: .5em; background: #f6f6f6;}
.info_box .iconWrap{ width: 8em; height: 8em; border:1px solid #ddd; border-radius: 50%;background: #fff;}
.info_box .iconWrap .icon{width: 4em; height: 4em; position: relative; left: 5px;}
.info_box .contWrap{ flex:1;}
.info_box .contWrap .page_tt{ line-height: 1.5;}