@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: var(--middleWidth); 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.5em; height:2.5em; background:#fff; border-radius:50%; color:#000; transition:.3s;}
.sns_st > li .in .tt{ display:none;}
.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:calc(100vh); box-sizing:border-box;}
.fullMH{ min-height:calc(100vh) !important; box-sizing:border-box;}

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

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

#header{ position: fixed; left:0; top:0; width:100%; z-index:1000; color:#000;  box-sizing:border-box; transition: background .2s;}
#header .top_wrap .logo{ width: 14em; transform-origin: left center; transition: .2s; filter: var(--crWhitefil);}
#header .top_wrap .wrapH,
#header .top_wrap .gnb_wrap .gnb > li,
#header .top_wrap .gnb_wrap .gnb > li .dp1{ height:6em; transition:height .2s;}

.scroll .headH,
#header .wrapHide,
.scroll #header .top_wrap .wrapH,
.scroll #header .top_wrap .gnb_wrap .gnb > li,
.scroll #header .top_wrap .gnb_wrap .gnb > li .dp1{ height:4.5em}
.scroll #header .top_wrap .logo{ filter: unset;}
.scroll #header .logo > .in{ transform: scale(.85, .85); transition: .2s;}
.scroll #header{ box-shadow: 4px 0 12px rgba(0,0,0,.1);}
.scroll #header .all_wrap .all_btn{ border: 1px solid #ccc;}

#header .top_wrap{ color: #fff;}
#header .top_wrap .topIn{}
#header .top_wrap .logo > a{ height:5.5em; overflow:hidden;}
#header .top_wrap .logo .in{ height:100%;}
#header .top_wrap .logo .in > img{ width: 100%;}
#header .top_wrap .logo .in_tt{ display:flex; height:100%; align-items:center; gap:0 1em;}
#header .top_wrap .logo .in_tt .tt{ /*font-size:1.125em;*/ font-size: 1.125em; font-weight:600; color: #000; margin-left: -.5em;}
#header .top_wrap .logo .in_tt img{ height:2.75em}

#header .top_wrap .gnb_wrap{}
#header .top_wrap .gnb_wrap .gnb{gap: 1em;}
#header .top_wrap .gnb_wrap .gnb > li{position: relative;}
#header .top_wrap .gnb_wrap .gnb > li .dp1{ padding:0 2.5vw; min-width:5em; position:relative;}
#header .top_wrap .gnb_wrap .gnb > li .dp1:after{ content:""; position:absolute; left:50%; top:0; width:1px; height:0; background:#fff; transition:.3s}
#header .top_wrap .gnb_wrap .gnb > li:hover .dp1:after,
#header .top_wrap .gnb_wrap .gnb > li.on .dp1:after{ height:20%}
#header .top_wrap .gnb_wrap .gnb > li .dp1 .va{ font-size:1.188em; font-weight:500}
/* #header .top_wrap .gnb_wrap .gnb > li .dp2{ display:block; transition:.2s;} */
#header .top_wrap .gnb_wrap .gnb > li > .dp2 {position: absolute; left: 50%; transform: translateX(-50%); width: 13em; box-sizing: border-box; border-bottom-left-radius: 1em;border-bottom-right-radius: 1em; padding: 1em; background: #fff; display: block; top: 100%; opacity: 0; visibility: hidden;}
#header .top_wrap .gnb_wrap .gnb > li:hover > .dp2 {opacity: 1; visibility: visible; transition: .5s;}
#header .top_wrap .gnb_wrap .gnb > li .dp2 > li > a{ padding:.5em 0; color:#666;}
#header .top_wrap .gnb_wrap .gnb > li .dp2 > li > a .va{ font-size:1em;}
#header .top_wrap .gnb_wrap .gnb > li .dp2 > li:hover > a{ color:#00a29a;}

#header .top_wrap .util{ gap:0 1.7vw;}
#header .top_wrap .util > li.menu > a{ padding:.5em 0; font-size:.875em}
#header .top_wrap .util > li.menu .xi{ margin-right:.25em}
#header .top_wrap .util > li.link > a{ background: var(--siteC); color:#fff; padding:.25em 1em; border-radius:2em;}
#header .top_wrap .util > li.link .tt{ font-size:.938em;}
#header .top_wrap .util > li.link .ico{ margin-right:.25em}
#header .top_wrap .util > li.link .arrow{ margin-left:.25em; transition:.3s}
#header .top_wrap .util > li.link:hover .arrow{ transform:translateX(.25em)}
#header .top_wrap .util > li.all_wrap > a{ width:5em; border-left:1px solid rgba(255,255,255,.2); border-right:1px solid rgba(255,255,255,.2)}
#header .top_wrap .util > li.all_wrap > a .xi{ font-size:1.75em}


#header .all_wrap{}
#header .all_wrap .all{}
#header .all_wrap .all_btn{ width:3.5em; height:3.5em; border:1px solid rgba(255,255,255,.2); border-radius:50%; transition:.2s;}
#header .all_wrap .all_btn .xi{ font-size:1.500em;}
#header .all_wrap .all_btn:hover{ background:#000; border-color:#000; color:#fff; transform:rotate(90deg);}
/* #header .all_wrap{ color:#000;}
#header .all_wrap .all{ width:4.5em;}
#header .all_wrap .all_btn{ position:relative; display:block; width:2.5em; height:1.125em; margin-left:auto;}
#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, background 0s;}
#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); width:75%;}
#header .all_wrap .all_btn .ham:after { top:calc(100% - 2px); width:88%;}
#header .all_wrap .all_btn:hover .ham:before{ width:100%;}
#header .all_wrap .all_btn:hover .ham:after { width:100%;} */

#header .all_wrap .all_layer{ position:fixed; z-index:-1; top:0; left:0; width:100%; height:100vh; background:#fff; opacity:0; visibility:hidden;}
#header .all_wrap .all_layer .all_inner{ width:100%; height:100%;}
#header .all_wrap .all_layer .all_inner > .wrap_bg{ width:40%; overflow:hidden;}
#header .all_wrap .all_layer .all_inner > .wrap_in{ flex:1; padding:6em 8em 3em; overflow:hidden;}
#header .all_wrap .all_layer .wrap_bg .slogan{ flex:1; padding:1em 2em 10vh; opacity:0; transform:scale(1.2);}
#header .all_wrap .all_layer .wrap_bg .slogan .all_logo img{ width:22em; filter: var(--crWhitefil);}
#header .all_wrap .all_layer .wrap_bg .slogan .tit{ margin-top:1.5em;}
#header .all_wrap .all_layer .wrap_bg .slogan .tit .t1{ font-size:3.000em; font-weight:600; line-height:1;}
#header .all_wrap .all_layer .wrap_bg .slogan .tit .t2{ font-size:1.500em; margin-top:1em;}

#header .all_wrap .all_layer .wrap_middle{ opacity:0; transform:translateY(2em);}
#header .all_wrap .all_layer .wrap_middle .gnb{ display:block;}
#header .all_wrap .all_layer .wrap_middle .gnb li a{ position:relative; display:inline-block; text-align:left !important;}
#header .all_wrap .all_layer .wrap_middle .gnb > li + li{ margin-top:4.5em;}
#header .all_wrap .all_layer .wrap_middle .gnb > li .dp1:before{ content:""; position:absolute; left:-1em; width:.5em; height:.5em; background:var(--siteC); border-radius:50%;}
#header .all_wrap .all_layer .wrap_middle .gnb > li .dp1 .tt{ font-size:1.875em; font-weight:600; color: #000;}
#header .all_wrap .all_layer .wrap_middle .gnb > li .dp2{ margin-top:2em;}
#header .all_wrap .all_layer .wrap_middle .gnb > li .dp2 > li:not(:last-child) > a:after{ content:""; display:inline-block; vertical-align:middle; margin:0 1em; width:1px; height:1em; background:rgba(0,0,0,.2);}
#header .all_wrap .all_layer .wrap_middle .gnb > li .dp2 > li > a .in{ vertical-align:middle;}
#header .all_wrap .all_layer .wrap_middle .gnb > li .dp2 > li > a .tt{ font-size:1.188em; color: #000;}
#header .all_wrap .all_layer .wrap_middle .gnb > li .dp2 > li.act > a{ color:var(--siteC2);}

#header .all_wrap .all_layer .wrap_bottom{ padding-top:3em; opacity:0; transform:translateX(-2em);}
#header .all_wrap .all_layer .wrap_bottom .in_link{ gap:.25em;}
#header .all_wrap .all_layer .wrap_bottom .in_link > li .in{ padding:.5em 1.5em; height:2.75em; background:#fff; border:1px solid #e2e2e2; border-radius:10em; transition:.2s;}
#header .all_wrap .all_layer .wrap_bottom .in_link > li .in .tt{ font-weight:500;}
#header .all_wrap .all_layer .wrap_bottom .in_link > li .in:hover{ background:var(--siteC2); border-color:var(--siteC2); color:#fff;}

.allGnbOn{ overflow-y: hidden}
.allGnbOn body{ overflow-y: scroll}
.allGnbOn #header .all_wrap .all_btn{ z-index:999; position:fixed; top:2em; right:3em; width:3.5em; height:3.5em;}
.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; background:#000;}
.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 .wrap_bg .slogan{ opacity:1; transform:scale(1); transition:1s; transition-delay:.4s;}
.allGnbOn #header .all_wrap .all_layer .wrap_middle{ opacity:1; transform:translate(0); transition:1s; transition-delay:.2s;}
.allGnbOn #header .all_wrap .all_layer .wrap_bottom{ opacity:1; transform:translate(0); transition:1s; transition-delay:.4s;}

.allGnbOn #header .all_wrap .all{}
.allGnbOn #header .all_wrap .all_btn{ width:3.5em; height:3.5em; border:1px solid rgba(0,0,0,.5); border-radius:50%; transition:.2s;}
.allGnbOn #header .all_wrap .all_btn .xi{ font-size:1.500em; color: #000;}
.allGnbOn #header .all_wrap .all_btn:hover{ background:#000; border-color:#000; transform:rotate(90deg);}
.allGnbOn #header .all_wrap .all_btn:hover .xi {color:#fff;}




#header.active,
.L1 #header{background:#fff;color:#111;}
#header.active .top_wrap .gnb_wrap .gnb > li:hover .dp1,
#header.active .top_wrap .gnb_wrap .gnb > li.on .dp1{ color:var(--siteC);}
#header.active .top_wrap .gnb_wrap .gnb > li:hover .dp1:after,
#header.active .top_wrap .gnb_wrap .gnb > li.on .dp1:after{ background:var(--siteC);}

#header.active .inner{ color:#000;}
#header.active .top_wrap .logo{ filter:unset;}

/* #header.gnbOpen{ 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{ padding:1em 0 2em 0;} */
/*sub*/
#contents{ flex:1; min-height:0; box-sizing:border-box}
#contents .sub_top_wrap{ box-sizing:border-box; display:flex; flex-direction:column}
#contents .sub_top_wrap .visual_wrap{ height:45vh; position:relative; transition:.5s}
html:not(.scroll) #contents .sub_top_wrap .visual_wrap{ padding:0}
#contents .sub_top_wrap .visual_wrap .wrapIn{ position:relative; height:100%}
#contents .sub_top_wrap .visual_wrap .wrapIn:before{ position:absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0, .1); content: ''; z-index: 1;}
#contents .sub_top_wrap .visual_wrap .bg{ position:absolute; left:0; top:0; width:100%; height:100%; background-color:#000; transition:.3s;}
#contents .sub_top_wrap .visual_wrap .bg:before,
#contents .sub_top_wrap .visual_wrap .bg:after{ /*content:""; position:absolute; left:0; top:0; width:50%; height:100%; background:#fff; transition:.8s*/}
#contents .sub_top_wrap .visual_wrap .bg:after{ left:auto; right:0}
#contents .sub_top_wrap .visual_wrap .con_wrap{ height:100%; position:relative; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; color:#fff; box-sizing:border-box}
#contents .sub_top_wrap .visual_wrap .slogan{ position:relative; flex:1 1 0%; min-height:0; display:flex; flex-direction:column; align-items:center; justify-content:flex-end; gap:2em 0; z-index: 2; padding-bottom: 4.5em;}
#contents .sub_top_wrap .visual_wrap .slogan .t1{ font-weight:600; font-size:3.250em; text-transform:uppercase; letter-spacing:-.025em; padding-left:.025em; line-height:1}
#contents .sub_top_wrap .visual_wrap .slogan .sub-slogan{ font-size: 1.45em; font-weight: 500;}

#contents .sub_top_wrap .sub_tab{ position:relative; width:100%; z-index: 2; transform: translateY(50%);}
#contents .sub_top_wrap .sub_tab .gnb > li{ width:100%}
#contents .sub_top_wrap .sub_tab .gnb .dp2{ justify-content:center}
#contents .sub_top_wrap .sub_tab .gnb .dp2 > li{ flex:1 1 16.66%; max-width:16.66%;box-shadow: 0 0.5em 0.75em rgba(0,0,0,.1); transition: .2s;}
#contents .sub_top_wrap .sub_tab .gnb .dp2 > li.m2_Devaluation {max-width: 26%;}
#contents .sub_top_wrap .sub_tab .gnb .dp2 > li > a{ display:flex; align-items:center; justify-content:center; height:5em; padding:0 .3em; background:#fff; position:relative}
#contents .sub_top_wrap .sub_tab .gnb .dp2 > li > a .va{ font-weight:500; font-size:1.188em; color: #333; position:relative; z-index:1}
#contents .sub_top_wrap .sub_tab .gnb .dp2 > li:hover {transform:translateY(-.5em);}
#contents .sub_top_wrap .sub_tab .gnb .dp2 > li:hover > a .va {color: var(--siteC2);}
#contents .sub_top_wrap .sub_tab .gnb .dp2 > li.on > a .va{ color:#fff}
#contents .sub_top_wrap .sub_tab .gnb .dp2 > li.on > a:after{ content:""; position:absolute; left:0; bottom:0; width:100%; height:100%; background:var(--siteC2)}
#contents .sub_top_wrap .sub_tab .gnb .dp2 > li:hover > a .va,
#contents .sub_top_wrap .sub_tab .gnb .dp2 > li.on > a .va{ opacity:1}
.load #contents .sub_top_wrap .visual_wrap .bg:before,
.load #contents .sub_top_wrap .visual_wrap .bg:after{ width:0; opacity:1}
.load #contents .sub_top_wrap .nav{ opacity:1; transition:2s}

.dp1_inquiry #contents .sub_top_wrap .visual_wrap .slogan {padding-bottom: 9em;}
#contents .sub_top_wrap .sub_tab .gnb .dp2 > li.m2_Devaluation > a .va {width: 70%;}

/*
#contents .sub_top_wrap .tit_wrap{}
#contents .sub_top_wrap .tit_wrap .wrapIn{ display:flex; justify-content:space-between; align-items:center; flex-direction:column; padding: 1em 0 4em 0; gap:2em}
#contents .sub_top_wrap .tit_wrap .tit .t1{ font-size:2.5em; font-weight:500}
*/
#contents .sub_top_wrap .tit_wrap{border-bottom:1px solid #eee;}
#contents .sub_top_wrap .tit_wrap .wrapIn{ position:relative; display:flex; justify-content: center; align-items:center; height:7em;}
#contents .sub_top_wrap .tit_wrap .tit .t1{ font-size:2.15em; font-weight:600}
#contents .sub_top_wrap .nav{ position: absolute; right: 0; display:flex; align-items:center; opacity:0}
#contents .sub_top_wrap .nav > li{ text-transform:uppercase}
#contents .sub_top_wrap .nav > li:not(.home):before{ content:"\e940"; font-family:xeicon; margin:0 .5em}
#contents .sub_top_wrap .nav > li.home{ color:var(--siteC)}
#contents .sub_top_wrap .nav > li.home > a{ width:1.5em; height:1.5em; border-radius:50%; background:var(--siteC); color:#fff; display:flex; align-items:center; justify-content:center}
#contents .sub_top_wrap .nav > li.home > a .xi{ font-size:1em}

/*lang*/
#header .top_wrap .etc_wrap{ display:flex; align-items:center; gap:0 3em}
#header .top_wrap .etc_wrap .langWrap{ position:relative}
#header .top_wrap .etc_wrap .langWrap .ico{ font-size:1em}
#header .top_wrap .etc_wrap .langWrap .ico:before{ content:"\e9d1"}
#header .top_wrap .etc_wrap .langList{ display:flex; align-items:center; gap:0 2em}
#header .top_wrap .etc_wrap .langList > li{ opacity:.5}
#header .top_wrap .etc_wrap .langList > li > a{ display:flex; align-items:center; gap:0 .25em; position:relative}
#header .top_wrap .etc_wrap .langList > li > a .ico{ font-size:1em; display:none}
#header .top_wrap .etc_wrap .langList > li > a .t1{ font-weight:900; font-size:.875em; position:relative; padding:.25em 0}
#header .top_wrap .etc_wrap .langList > li.on{ order:-1; opacity:1}
#header .top_wrap .etc_wrap .langList > li.on > a .ico{ display:block}
#header .top_wrap .etc_wrap .langList > li.on > a .t1:after{ content:""; position:absolute; left:0; bottom:0; width:100%; height:1px; background:#fff}
#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 .etcBtn.s1 .ico{ font-size:1.5em}

.scroll #header .top_wrap .etc_wrap .langList > li.on > a .t1:after{ background: #000;}


/*footer*/
#footer{}

/*푸터 배너*/
.memBannerSlider_wrap{ padding:1em 0em; border-top: 1px solid #ddd;}
.memBannerSlider_wrap .inner{ gap:1em 2em;}
.memBannerSlider_wrap .tit_wrap{ gap:0 2em;}
.memBannerSlider_wrap .tit_wrap .tit{ gap:1em;}
.memBannerSlider_wrap .tit_wrap .tit .tt{ font-size:1.25em; font-weight:700; color: #000;}
.memBannerSlider_wrap .tit_wrap .tit .xi{ font-size:1.500em; color:var(--siteC); transition:.2s;}
.memBannerSlider_wrap .tit_wrap .tit:hover{ color:var(--siteC);}
.memBannerSlider_wrap .tit_wrap .tit:hover .xi{ transform:rotate(180deg);}
.memBannerSlider{ flex:1; padding-right:4px;}
.memBannerSlider .el .in{ height:4.65em; overflow:hidden;}
.memBannerSlider .el .in{ height:3.25em; overflow:hidden;}

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

#footer .inner{ color:#fff;}
#footer .info_wrap,
#footer .copy_wrap{ background:#0d0d0d;}

#footer .info_wrap .inner{ padding:2.5em 0;}
#footer .info_wrap .inner .f_infoW{ gap:1em 5vw; padding-bottom: 2em; border-bottom: 1px solid rgba(255, 255, 255, .1); }
#footer .info_wrap .logo img{ width:13em; filter:var(--crWhitefil);}
#footer .info_wrap .info{ flex:1;}
#footer .info_wrap .info .list{ overflow:hidden;}
#footer .info_wrap .info .list > li{ float:left;}
#footer .info_wrap .info .list > li.br{ clear:left;}
#footer .info_wrap .info .list > li{ padding:.375em 2.75em .375em 0;}
#footer .info_wrap .info .list > li .tt{ font-size:1em; opacity: .9;}
/*
#footer .info_wrap .info{ flex:1; gap:1.25em 4em;}
#footer .info_wrap .info > li{ flex:1; max-width:14em;}
#footer .info_wrap .info > li .wrap_in:not(:last-child){ padding-bottom:1.25em;}
#footer .info_wrap .info > li .wrap_in .tt{}
#footer .info_wrap .info > li .wrap_in .tt + .tt{ margin-top:.375em;}
#footer .info_wrap .info > li .wrap_in .t1{ font-size:.813em; text-transform:uppercase; opacity:.5;}
#footer .info_wrap .info > li .wrap_in .t2{ font-size:.938em;}
*/
#footer .info_wrap .menu{ gap: 1em;}
#footer .info_wrap .menu > li{}
#footer .info_wrap .menu > li .in{ display:block;}
#footer .info_wrap .menu > li .in .tt{ display:inline-block; font-size:1.375em; font-weight:800; position: relative; overflow: hidden; background: linear-gradient(to right, var(--siteC2), var(--siteC2) 50%, #888 50%); background-size: 200% 100%; background-position: 100%; transition: background-position 0.2s linear; background-clip:text; -webkit-background-clip:text; -webkit-text-fill-color:transparent; color:transparent;}
#footer .info_wrap .menu > li .in:hover .tt{ background-position: 0 100%;}

#footer .copy_con{ margin-top: 2em; text-align: center;}
#footer .copy_con .copyright{ font-size:.813em; text-transform:uppercase; opacity:.5;}

#footer .copy_wrap{}
#footer .copy_wrap .inner{ padding:3.375em 0; border-top:1px solid rgba(255,255,255,.1);}
#footer .copy_wrap .copyright{ font-size:.913em; text-transform:uppercase; opacity:.5;}
#footer .copy_wrap .menu{}
#footer .copy_wrap .menu > li > .in{ padding:.25em 1em; font-size:1.05em;}
#footer .copy_wrap .menu > li > .point{ font-weight:500; color:var(--siteC);}
#footer .copy_wrap .menu > li > .in:hover{ text-decoration:underline;}

/* 개인정보처리방침 */

html.pop .popAgree .popIn{ width:800px; height:500px}

.member_agree .agree{ padding:2.5em; border:solid #ddd; border-width:2px 1px 1px 1px; border-top-color:#333; font-size:.938em; color:#666; line-height:1.5em;}
.member_agree .agree.H{ padding:1em 1.5em; border-top-width:1px; height:10em; overflow-y:scroll;}
.member_agree .agree p{ padding:.5em 0;}
.member_agree .agree *{ vertical-align:baseline;}
.member_agree .agree strong,
.member_agree .agree b{ color:#111; font-weight:500;}
.member_agree .check{ padding:1em 2em; border:solid #ddd; border-width:0 1px 1px 1px; border-radius:0 0 .6em .6em; text-align:right;}


/*contents*/
#contents{}

#contents .doc{ padding:8em 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}


/***********************/
/*MAIN******************/
.visualSlider .el{ position:relative; overflow:hidden; height:100vh;}
.visualSlider .el .vod_wrap{}
.visualSlider .el .vod_wrap:after{ content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.25);/* background-image:linear-gradient(180deg,rgba(3,26,58,.45),rgba(0,0,0,.2));*/}
.visualSlider .el .vod{ position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover;}
.visualSlider .el .bg{ position:absolute; left:0; top:0; width:calc(100% + 8em); height:100%; opacity:0; transition:3s, opacity 5s;}
.visualSlider .el .bg:after{ content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.4);}

.visualSlider_wrap{ position:relative; background:#000;}
.visualSlider_wrap .slogan{ position:absolute; left:0; width:100%; top:50%; z-index:10; transform:translateY(-50%); text-align:center; color:#fff; word-break:keep-all;}
.visualSlider_wrap .slogan .wrap_in{ gap:2em;}
.visualSlider_wrap .slogan .tt.line:after{ content:""; display:block; margin-top:2em; width:3em; height:2px; background:var(--siteC);}
.visualSlider_wrap .slogan .tt{ line-height:1.2;}
.visualSlider_wrap .slogan .t1{ font-size:7.500em;}
.visualSlider_wrap .slogan .t2{ font-size:2.400em;}
.visualSlider_wrap .slogan .t3{ font-size:3.750em; line-height:1; font-weight:800;}
.visualSlider_wrap .slogan .t4{ font-size:1.188em; line-height:2;}
.visualSlider_wrap .slogan .tt{ opacity:0; transform:translateY(4em); transition:1s;}
.visualSlider_wrap .el.swiper-slide-active .slogan .tt{ opacity:1; transform:translateY(0); transition:2s;}
.visualSlider_wrap .el.swiper-slide-active .slogan .tt:nth-child(1){ transition-delay:.2s;}
.visualSlider_wrap .el.swiper-slide-active .slogan .tt:nth-child(2){ transition-delay:.8s;}
.visualSlider_wrap .el.swiper-slide-active .slogan .tt:nth-child(3){ transition-delay:1.4s;}

.visualSlider_wrap .visualSlider .el:nth-child(2) .slogan .tt .t3 {font-size: 3.2em; line-height: 1.2;}

.visualInner_wrap{ position:absolute; width:96%; top:var(--headH); bottom:5em; left:4%; overflow:hidden;}
.visualInner_wrap .inBg{ position:absolute; left:0; top:0; bottom:0; width:100%; background:#fff; border-radius:10em 0 0 0; opacity:0; transform:translateX(25%); transition:1s, opacity 5s;}
.visualInner_wrap .slogan{ text-align:left; color:#000;}
.visualInner_wrap .slogan .box0{ max-width:88%;}
.visualInner_wrap .slogan .wrap_in{ width:50%;}

.visualInner_wrap .wrap_inner{ position:absolute; top:12vh; right:4vw; width:30vw; height:30vw; opacity:0;}
.visualInner_wrap .wrap_inner:before{ content:""; position:absolute; top:0; left:-10vw; width:105%; height:105%; border-radius:50%; border:1px solid var(--siteC2); animation-name: circleObjAni; animation-duration: 16s; animation-iteration-count: infinite; animation-direction:alternate; animation-delay:1.4s;}
.visualInner{ position:absolute; top:0; left:0; width:100%; height:100%; background:#fff; border-radius:50%; overflow:hidden; transform:translate(0, 0) scale(1); animation-name: circleObjAni; animation-duration: 12s; animation-iteration-count: infinite; animation-direction:alternate;}
.visualInner .inel{ position:absolute; top:0; left:0; width:100%; height:100%; opacity:0; visibility:hidden; transition:1s;}
.visualInner .inel.on{ opacity:1; visibility:visible;}

.visualSlider .el.swiper-slide-active .bg,
.visualSlider .el.swiper-slide-duplicate-active .bg{ left:-4em; opacity:1; transition:5s, opacity 1s;}
.visualSlider .el.swiper-slide-active .inBg,
.visualSlider .el.swiper-slide-duplicate-active .inBg{ opacity:1; transform:translateX(0); transition:1s, opacity 1s;}
.visualSlider .el.swiper-slide-active .wrap_inner,
.visualSlider .el.swiper-slide-duplicate-active .wrap_inner{ opacity:1; transition:2s; transition-delay:.8s;}

.visualSlider_control{ position:absolute; left:0; bottom:.75em; width:100%; z-index:10}
.visualSlider_control .swiperPG{ margin-right:2em;}

@keyframes circleObjAni{
40%  { transform:translate(-3vw, -2vw) scale(1.04);}
70% { transform:translate(-1vw, -1.5vw) scale(1.07);}
}

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

.main_txt{}
.main_txt:not(:last-child){ margin-bottom:3.5em;}
.main_txt.m1{ margin-bottom:1em;}
.main_txt.m2{ margin-bottom:5em;}
.main_txt .nw{ white-space:nowrap;}
.main_txt .tit{ margin-top:1em;}
.main_txt .txt{ margin-top:2em; line-height:1.6;}
.main_txt .txt + .txt{ margin-top:1em;}
.main_txt .tit:first-child,
.main_txt .txt:first-child{ margin-top:0;}
.main_txt .o1{ opacity:.6;}
.main_txt .t1{ font-size:1.000em;}
.main_txt .t2{ font-size:1.063em;}
.main_txt .t3{ font-size:1.125em;}
.main_txt .t4{ font-size:1.250em;}
.main_txt .t5{ font-size:1.375em;}
.main_txt .t6{ font-size:1.500em;}
.main_txt .t7{ font-size:1.750em;}
.main_txt .t8{ font-size:2.250em;}
.main_txt .t9{ font-size:2.500em;}
.main_txt .ls1 {letter-spacing: 0.2em;}

.main_more > .more{ position:relative; gap:0 1em; padding:.5em 1.75em; height:3.5em; min-width:10em; max-width:100%; background:var(--siteC); border-radius:6em; text-align:center; color:#fff; transition:.2s;}
.main_more > .more:hover {background: var(--siteC3);}
.main_more > .more .in_tt{ font-size:.938em; font-weight:500;}
.main_more > .more .xi{ font-size:1.250em;}
.main_more > .more.re{ background:transparent; border:1px solid var(--siteC); color:var(--siteC);}
.main_more > .more.re:hover{ background:var(--siteC); color:#fff;}

.main_txt.cw .tt{ color:#fff;}
.main_more.cw > .more{ background:var(--siteC2);}
.main_more.cw > .more.re{ background:transparent; border:1px solid #fff; color: #fff;}
.main_more.cw > .more.re:hover{ background:var(--siteC2); border-color:var(--siteC2); color:#fff;}


/**/
.main_business{ position:relative;}
.main_business .posBg{ position:absolute; left:4%; right:0; bottom:0; height:50%; border-radius:6em 0 0 0; overflow:hidden;}
.main_business .posBg:after{ content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(238,238,238,.6); backdrop-filter:grayscale(1) blur(.2em);}
.main_business .list_wrap{ border-radius:5em 0 5em 0; overflow:hidden;}
.main_business .list{}
.main_business .list > li{ flex:1;}
.main_business .list > li .in{ flex:1; position:relative; padding:10em 3em; overflow:hidden;}
.main_business .list > li .in:before{ content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:linear-gradient(0,rgba(0,0,0,.7),rgba(0,0,0,.3)); transition:.2s;}
.main_business .list > li .in > *{ position:relative;}
.main_business .list > li .in:hover:before{ backdrop-filter:blur(.25em);}

.main_news .list_wrap{}
.main_news .list > li{ width:calc(33.33% - 1em); margin:.5em; opacity:0;}
.main_news .list > li .in{ display:block; background:var(--crGray3);}
.main_news .list > li .in .img img{ width:100%;}
.main_news .list > li .in .con{ gap:1.25em; padding:2em 1.75em;}
.main_news .list > li .in .con .tit,
.main_news .list > li .in .con .txt{ white-space:normal; overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical;}
.main_news .list > li .in .con .tit{ font-size:1.188em; font-weight:600; -webkit-line-clamp:2;}
.main_news .list > li .in .con .txt{ font-size:.875em; color:#111; line-height:1.7; -webkit-line-clamp:5;}

.main_news .list > li.shown{ opacity:1;}
.main_news .list > li.animate{ transform:translateY(5em); animation:listMoveUp 0.65s ease forwards;}

@keyframes listMoveUp {
100% { transform:translateY(0); opacity:1;}
}

/* SUB */

/*inc*/
.page_tit{ margin-bottom:3em; text-align: center;}
.page_tit.icon .tit{ position:relative; display: inline-block;}
.page_tit.icon .tit:before{ content:url("../images/inc/tit_logo.svg"); position:absolute; left:-10%; top: -0.5em;}

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

.page_top_tit > .inner{ position:relative; overflow:hidden;}
.page_top_tit .wrap_bg{ height:23em;}
.page_top_tit .wrap_pos{ position:absolute; left:2em; bottom:-1em;}
.page_top_tit .wrap_pos > .tt{ font-size:6.000em; color:#fff; line-height:1; -webkit-text-fill-color:rgba(255,255,255,1);}


.page_txt:not(:last-child){ margin-bottom:3.5em;}
.page_txt.m0{ margin-bottom:.75em;}
.page_txt.m1{ margin-bottom:1.25em;}
.page_txt.m2{ margin-bottom:5em;}
.page_txt .tit.icon{ position:relative;}
.page_txt .tit.icon:before{ content:"";}

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

.page_txt .pointDot{ font-family:var(--fontBase); color:var(--siteC2); font-weight:500;}
.page_txt .pointDot:before{ content:".";}

.page_txt .titIco1{ display:flex; align-items:center; gap:0 1em;}
.page_txt .titIco1 .mark img{ width:3em;}
.page_txt .titIco1 .mark + .page_tt{ flex:1;}

.page_txt .titIco2{}
.page_txt .titIco2 .mark img{ width:6em;}

.page_txt .line{ display:inline-block; width:1px; height:2px;}
.page_txt .line:before{ content:""; display:block; width:100%; height:100%; background:var(--siteC2);}
.page_txt .line.w{ margin:1.75em 0; width:2.25em;}
.page_txt .line.h{ margin:1.5em .125em; height:2em;}
.page_txt .line:first-child{ margin-top:0;}
.page_txt .line:last-child{ margin-bottom:0;}
.page_txt .line + .tit,
.page_txt .line + .txt{ margin-top:0;}

.page_txt .ttdot{ position:relative; padding-left:1rem; line-height:1.1;}
.page_txt .ttdot:before{ content:""; position:absolute; left:0; top:.375em; width:.313rem; height:.313rem; background:var(--siteC2); border-radius:50%;}
.page_txt .ttdot + .ttdot{ margin-top:.75em;}
.page_txt .ttdot.st2:before {background:#fff;}

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

.page-tt.s1{ font-size: 4.5em;}
.page-tt.s2{ font-size: 4em;}
.page-tt.s3{ font-size: 3.5em;}
.page-tt.s4{ font-size: 3em;}
.page-tt.s5{ font-size: 2.25em;}
.page-tt.s6{ font-size: 1.8em;}
.page-tt.s7{ font-size: 1.65em}
.page-tt.s8{ font-size: 1.35em;}
.page-tt.s9{ font-size: 1.25em;}
.page-tt.s10{ font-size: 1em;}
.page-tt.s11{ font-size: 1.05em;}
.page-tt.s12{ font-size: 0.9em;}
.page-tt.s13{ font-size: 0.96em;}
.page-tt{ margin-bottom: 1.5em;}
.page-tt:last-of-type{ margin-bottom: 0em;}

.tLine{ display:inline-block; vertical-align:top; position:relative; padding:.25em .375em;}
.tLine:before{ content:""; position:absolute; left:0; bottom:5%; width:100%; height:40%; background:var(--siteC2); border-radius:5em; opacity:.2;}
.tLine > *{ position:relative}

.pageBg { background: #f4f4f4; padding: 4em 0; margin: 6em 0; }
.pageBg.pd { margin-bottom: 0; }
.pageBg_1 { background: #f7f7f7; padding: 2em 0 2em; margin: 3em 0; }
.pageBg_1.pd { margin-bottom: 0; }

.page_col{ gap:2em 6em;}
.page_col.gp1{ gap:2em 2em;}
.page_col > li{}
.page_col > li.w1{ width:45%;}
.page_col > li.w2{ width:13.75em;}
.page_col > li.w3{ width:26em;}
.page_col > li.w4{ width:18em;}  
.page_col + .page_col{ margin-top:8em;}
.page_col > li .p1{ padding:4em 0 5em 0;}
.page_col > li .p2{ padding:1.5em 0 2em 0;}
.page_col > li .round{ border-radius:2em; overflow:hidden;}
.page_col > li .round.st1{ border-radius:1em 6em 1em 6em;}
.page_col > li .round.st2{ border-radius:6em 1em 6em 1em;}
.page_col > li .wrap_img:not(.resize){ position:relative; height:100%;}
.page_col > li.inImg img{ width:100%;}

.txbox_bg {background: var(--crGray2); padding: 2em;}
.txbox_bg .tt {font-size: 1.125em; text-align: center;}

.page_arrow{ padding-bottom:7%; background:url(../images/sub/page_arrow.svg) no-repeat; background-size:100% 100%; margin:-1em 0 2em 0}
.page_arrow2 img {transform: rotate(180deg);}

.report_btn:hover {background: var(--siteC2);}

/* 문의 - 개인정보동의 */

.agree_box{ transition:.2s;}
.agree_box:hover,
.agree_box:focus { border-color:#000;}
.agree_box .agree_wrap{ overflow-y:scroll !important;}
.agree_box .agree_wrap.st2 { height:16em; border: 1px solid #ddd; margin-top: 1em; padding: 1em; border-radius: 0.5em; overflow: hidden;}
.agree_box .tit{ font-size:1.188em; font-weight:500; color:#111; margin-bottom:1em; margin-top:2em}
.agree_box .tit:first-child{ margin-top:0}
.agree_box .con{ font-size:.875em; color:#666; line-height:1.6}
.agree_box .con.hSt {overflow-y:scroll; height:10em;}
.agree_box .con > *{padding-top:.5em;}
.agree_box .check{ border-bottom:1px solid #000; padding-bottom: 0.5em}
.agree_box .check .sub_tt {font-size: 1.125em; font-weight: 500;}

/* 인사말 */
.greeting_wrap {position: relative; margin-top: 6em;}
.greeting_wrap .circle-ani { content: ''; position: absolute; left: -30%; top: -12%; width: 48rem; height: 48rem; background: linear-gradient(180deg, var(--siteC3) 23.74%, var(--siteC2) 95.43%); border-radius: 50%; z-index: -1;}
.greeting_wrap .circle-ani2 { content: ''; position: absolute; right: -30%; bottom: -8%; width: 48rem; height: 48rem; background: linear-gradient(180deg, var(--siteC3) 23.74%, rgba(255,255,255,.5) 95.43%); border-radius: 50%; z-index: -1;}
.greeting_wrap .section { gap: 2em;}
.greeting_wrap .section.st2 { margin-top: 6em;}
.greeting_wrap .img_box {width: 45%; text-align: center;}
.greeting_wrap .img_box img {}
.greeting_wrap .tx_box {width: 50%;}

/* 비전 */

.vision_top .vision_tit {position: relative;}
.vision_top .vision_tit::after {position: absolute; content: ''; bottom: 0; left: 0; width: 100%; height: .4em; background: var(--siteC3); opacity: .4; border-radius: 1em; z-index: -1;}

.vision_4t {background: var(--gradC1); padding: 1em 2em; border-radius: 1em; color: #fff; font-size: 1.25em; width: 18%; margin: 0 auto;}

.sub_list{ display:flex; flex-wrap:wrap}
.sub_list > li{ flex:1 1 1%;}
.sub_list > li{ counter-increment: subListIdx;}
.sub_list > li .wrap_in .no:before{content:counter(subListIdx)}

.sub_list.st5 {gap: 0.5em;}
.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: 6em; height: 6em; margin:0 auto 1.5em;}
.sub_list.st5 li .in_top .in .ico { margin-bottom:.5em;}
.sub_list.st5 li .in_top .in .con { font-size:1.1em; font-weight:500; color:#0060ae;}
.sub_list.st5 li .in_top .vision_t1 {padding: 1em; background: var(--siteC2); color: #fff; border: 1px solid var(--siteC2); margin-bottom: 0.5em;}
.sub_list.st5 li .in_top .vision_t2 {padding: 1em; background: #fff; color: var(--siteC2); border: 1px solid var(--siteC2);}
.sub_list.st5 li .down_ico { font-size: 1.5em; color: var(--siteC2);}
.sub_list.st5 li .in_bott { padding:1em; background: #a2bde7; margin-top:.5em; min-height: 3em;}
.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}


/*연혁*/
/* .history_wrap{ position:relative; overflow:hidden; padding:2em 0; margin-top: 2em;}
.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:var(--crGrad2); 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 var(--siteC2); border-radius:100%; box-sizing:border-box}
.history_wrap:after{ top:auto; bottom:0}
.history_wrap .history { margin-top: 7em;}
.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: 23em;}
.history_wrap .history > li .year .tt{ display:inline-block; position:relative; padding:0 .5em; font-size: 2.8em; font-weight: 700; letter-spacing:-3px; color:var(--siteC2);}
.history_wrap .history > li .year .tt:before{ content:""; position:absolute; left:100%; top:50%; margin-top:-1px; width:144%; border-top:2px dotted #aaa}
.history_wrap .history > li .year .tt:after{ content:"'"; font-weight:400; font-style:italic; display:none;}
.history_wrap .history > li .year .img { margin-top:2em; margin-right: 2em; display: inline-block; padding: 2em; background-color: #f4f4f4; border-radius: 2em;}
.history_wrap .history > li .list{ width:50%; margin-top:0em}
.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; margin-top:1em;}
.history_wrap .history > li .list .wrap_in .img_wrap .resize {padding-bottom:50% !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 4em}
.history_wrap .history > li .list .month .tt{ color:#333; font-size:1.25em; font-weight:700; letter-spacing:-1px}
.history_wrap .history > li .list .month .tt:after{ content:" 월"; font-size:.813em; font-weight:400;}
.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; font-size: 1.125em; color:#333}
.history_wrap .history > li .list .detail .tt:before{ content:""; position:absolute; left:0; top:.5em; width:.75em; border-top:2px solid #ddd}
.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) .year .img {margin-right: 0em; margin-left:2em;} */
/* .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} */

.page_history_wrap{}
.page_history_wrap > li{ margin-top:7em;}
.page_history_wrap > li:first-child{ margin-top:0;}
.page_history_wrap > li .history_img{ margin-bottom:3em;}
.page_history_wrap > li .history_img .inner{ position:relative; height:24em;}
.page_history_wrap > li .history_img .inner .bg{ position:absolute; top:0; height:100%; width:95%;}
.page_history_wrap > li:nth-child(2n) .history_img .inner .bg{ right:0;}
.page_history_wrap > li:nth-child(2n+1) .history_img .inner .bg{ left:0;}
.page_history_wrap > li .history_img .inner .page_tit{ position:relative; margin-bottom:0; color: #fff;}
.page_history_wrap > li .history_img .inner .page_tit .tt.t3 {font-size: 1.375em; line-height: 1.5;}
.page_history_wrap > li .history_img .inner .page_tit .tt.t4 {font-size: 4em; margin-top: .125em;}
.page_history_wrap > li .history_con {}
.page_history_wrap > li .history_con .inner {padding-bottom:5em; padding-top:3em;}
.page_history_wrap > li .history_con .history_inimg{ /*width:40%; width:26em;*/ position:relative; flex:1; min-width:0;}
.page_history_wrap > li .history_con .history_inimg .inimW {/*overflow:hidden; border-radius:50%;*/}
.page_history_wrap > li .history_con .history_list{ width:50em; max-width:100%; margin:0 auto; width:60%;}

.history_list{ position:relative; overflow:hidden; padding:3em 0 5em 0;}
.history_list:before,
.history_list .lineAni{ content:""; position:absolute; left:12em; top:0; width:2px; height:100%; background:#ddd}
.history_list .lineAni{ height:0; background:var(--siteC); transition:.3s}
.history_list .lineAni:before,
.history_list:after{ content:""; position:absolute; width:1.25em; height:1.25em; background:#fff; border:.25em solid var(--siteC); border-radius:50%; box-sizing:border-box; margin-left:1px; transform:translateX(-50%);}
.history_list:after{ top:auto; bottom:0; left:12em}
.history_list .history > li{ margin-top:8em}
.history_list .history > li:first-child{ margin-top:0}
.history_list .history > li .year{ width:10em; text-align:right;}
.history_list .history > li .year .tt{ position:relative; font-size:2.500em; color:#888; font-weight:700; transition:.3s;}
.history_list .history > li .year .tt:before{ content:""; position:absolute; left:0; bottom:0; width:100%; height:40%; background:var(--siteC); opacity:0; transition:.3s;}
.history_list .history > li .year .tt > *{ position:relative;}
.history_list .history > li .year.on .tt{ color:#111;}
.history_list .history > li .year.on .tt:before{ opacity:.2;}
.history_list .history > li .list{ margin:1em 0 2em 12em;}
.history_list .history > li .list > li{ margin-top:1.5em}
.history_list .history > li .list > li:first-child{ margin-top:0}
.history_list .history > li .list .tt{ position:relative; padding:0 2em; margin-top:.125em; font-size:1.063em; color:#333; line-height:1.5;}
.history_list .history > li .list .tt .month {font-weight: 700;}
.history_list .history > li .list .tt .dot{ position:absolute; left:0; top:-.125em; width:1.875em; height:1.875em; background:transparent; border-radius:50%; box-sizing:border-box; margin-left:1px; transform:translateX(-50%);}
.history_list .history > li .list .tt .dot:before{ content:""; position:absolute; top:.625em; bottom:.625em; left:.625em; right:.625em; background:#ddd; border-radius:50%;}
.history_list .history > li .list .tt .dot.on{ background:#fff;}
.history_list .history > li .list .tt .dot.on:before{ background:var(--siteC);}


/* 조직구성 */

.group_all {margin-top: 3em;}
.group_people {padding: 6em 0 3em; border-top: 1px solid #ddd; margin-top: 3em;}
.group_people.st2 {margin-top: unset; border-top: unset; }
.membersN_wrap{ overflow:hidden}
.membersN_aniTit{ position:relative}
.membersN_aniTit.m1{ margin-top:2em}
.membersN_aniTit .tt{ position:absolute; left:0; width:100%; top:-.5em; white-space:nowrap; font-weight:700; line-height:1; opacity:.05; text-transform:uppercase}
.membersN_aniTit .tt .t1{  font-size:7em}
.membersN_aniTit .tt .t2{  font-size:5em}
.membersN_tit{ margin-bottom:1em}
.membersN_tit .t1{ font-weight:800; font-size:2.625em}
.membersN_tit:not(:first-child){ margin-top:5em}
.membersN{ display:flex; flex-wrap:wrap; position:relative; overflow:hidden}
.membersN > li{ width:100%}
.membersN > li .wrap_in{ position:relative}
.membersN > li .wrap_in .img_wrap{ width:53%; overflow:hidden; margin-left: 3.5em;}
.membersN > li .wrap_in .img_wrap .resize{ padding-bottom:66.66%}
.membersN > li .wrap_in .img_wrap .resize[onclick]{ cursor:pointer}
.membersN > li .wrap_in .img_wrap .resize[onclick]:after{ content:"\e97b"; font-family:xeicon; font-size:1.5em; width:2em; height:2em; display:flex; align-items:center; justify-content:center; background:rgba(0,0,0,.6); color:#fff; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); border-radius:50%; opacity:0}
.membersN > li .wrap_in .img_wrap .resize[onclick]:hover{ box-shadow:0 0 5em rgba(0,0,0,.3) inset}
.membersN > li .wrap_in .img_wrap .resize[onclick]:hover:after{ opacity:1; transform:translate(-50%, -50%) scale(1.2); transition:.3s}
.membersN > li .wrap_in:not(.on) .img_wrap:hover .resize{ transform:scale(1.1); transition:1s}
.membersN > li .wrap_in .con_wrap{ width:43%; max-height:100%; box-sizing:border-box; padding:0 0 0 3.75em; display:flex; flex-direction:column; gap:1em 0}
.membersN > li .wrap_in .con_wrap .grow{ flex:1 1 0%; min-height:0; display:flex; flex-direction:column}
.membersN > li .wrap_in .con_wrap .scrollst{ padding:1.25em; background:#f5f5f5; height: 3em;}
.membersN > li .wrap_in .con_wrap .scrollst.st2 { background:#fff;}
.membersN > li .wrap_in .con_wrap .tit_wrap{ display:flex; gap:.5em; align-content: flex-end; align-items: flex-end;}
.membersN > li .wrap_in .con_wrap .name{ font-weight:700; font-size:2.5em; color:#093168}
.membersN > li .wrap_in .con_wrap .subject{ color:#42454d; font-size:1.375em}
.membersN > li .wrap_in .con_wrap .info{ position:relative;}
.membersN > li .wrap_in .con_wrap .info .tit{ font-size:1.25em;padding:0 .5em}
.membersN > li .wrap_in .con_wrap .info .list > li{ color:#555}
.membersN > li .wrap_in .con_wrap .info .list > li:not(.point){ margin-bottom:.75em; position:relative; padding-left:.75em}
.membersN > li .wrap_in .con_wrap .info .list > li:not(.point):before{ content:"·"; position:absolute; left:0; top:0}
.membersN > li .wrap_in .con_wrap .info .list > li:last-child{ margin-bottom:0}
.membersN > li .wrap_in .con_wrap .info .list > li.point{ margin-bottom:.75em; font-weight:700; font-size:1.063em}
.membersN > li:nth-child(even) .wrap_in {flex-direction: row-reverse;}

.membersN.type1{ margin:-2em}
.membersN.type1 > li{ width:50%}
.membersN.type1 > li .wrap_in{ margin:2em}
.membersN.type1 > li .wrap_in .img_wrap{ width:55%}
.membersN.type1 > li .wrap_in .img_wrap .resize{ padding-bottom:150%}
.membersN.type1 > li .wrap_in .con_wrap{ width:45%; padding:2em 0 0 6em}
.membersN.type1 > li .wrap_in .con_wrap .tit_wrap{ font-size:.875em; line-height:1.1}
.membersN.type1 > li .wrap_in .con_wrap .subject{ font-size:1.5em}

.membersN.type2{ margin:-1.5em -.75em}
.membersN.type2 > li{ width:25%}
.membersN.type2 > li .wrap_in{ margin:1.5em .75em; overflow:hidden}
.membersN.type2 > li .wrap_in .img_wrap{ width:100%; position:relative}
.membersN.type2 > li .wrap_in .img_wrap .resize{ padding-bottom:150%}
.membersN.type2 > li .wrap_in .con_wrap{ position:relative; width:100%; padding:.75em .25em; gap:1em 0}
.membersN.type2 > li .wrap_in .con_wrap:not(.layer) .grow{ flex:none}
.membersN.type2 > li .wrap_in .con_wrap .scrollst{ height:4em; background:none; border:1px solid #eee}
.membersN.type2 > li .wrap_in .con_wrap .scrollst::-webkit-scrollbar-thumb{ background:#aaa}
.membersN.type2 > li .wrap_in .con_wrap .tit_wrap{ position:relative; display:flex; flex-direction:row; align-items:flex-end; font-size:.75em; padding-right:3.5em; flex-wrap:wrap}
.membersN.type2 > li .wrap_in .con_wrap .tit_wrap .more{ position:absolute; left:0; top:0; width:100%; height:100%; display:flex; justify-content:flex-end; align-items:center}
.membersN.type2 > li .wrap_in .con_wrap .tit_wrap .more .xi{ font-size:1em; width:3em; line-height:3em; border-radius:50%; border:1px solid #ddd; text-align:center; color:#999; transition:.5s}
.membersN.type2 > li .wrap_in .con_wrap .tit_wrap .more .xi:before{content:"\e913"; font-size:1.75em}
.membersN.type2 > li .wrap_in .con_wrap .tit_wrap .subject{font-size:1.5em}
.membersN.type2 > li .wrap_in.on .con_wrap .tit_wrap .more .xi{ background:#aaa; color:#fff}
.membersN.type2 > li .wrap_in.on .con_wrap .tit_wrap .more .xi:before{ content:"\e91a"}
.membersN.type2 > li .wrap_in:not(.on) .con_wrap .tit_wrap .more:hover .xi{ transform:rotate(360deg)}
.membersN.type2 > li .wrap_in .con_wrap.layer{ position:absolute; left:100%; top:0; width:100%; height:100%; padding:2em; backdrop-filter:blur(1em); color:#fff; transition:.3s}
.membersN.type2 > li .wrap_in .con_wrap.layer:before{ content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.3)}
.membersN.type2 > li .wrap_in .con_wrap.layer .scrollst{ height:auto; border:none; background:rgba(0,0,0,.1)}
.membersN.type2 > li .wrap_in .con_wrap.layer .info .list > li{ color:#fff}
.membersN.type2 > li .wrap_in.on .con_wrap.layer{ left:0}

.membersN.type2.st1{ margin:-1em -.5em}
.membersN.type2.st1 > li{ width:33.33%}
.membersN.type2.st1 > li .wrap_in{ margin:1em .5em}
.membersN.type2.st1 > li .wrap_in .con_wrap .tit_wrap{ font-size:.688em}
.membersN.type2.st1 > li .wrap_in .con_wrap .tit_wrap .name{ color:#333}

.group_talk {line-height: 1.5; font-size: 1em; background: #f4f4f4; padding: 1em;}
.group_talk.st2 {background: #fff;}

/* 사업파트너 */

.partner_tab {background: #eee; width: 50%; margin: 0 auto 3em; overflow: hidden; border-radius: 1em;}
.partner_tab.st2 {width: 80%;}
.partner_tab li {width: 25%;}
.partner_tab li a {text-align: center; font-size: 1.250em; padding: 0.7em; display: block;}
.partner_tab li a.on,
.partner_tab li a:hover {background-color: var(--siteC2); color: #fff;}

/* ci 소개 */

.ci_wrap {gap: 3em;}
.ci_wrap .ci_logo {width: 50%;}
.ci_wrap .ci_logo .logo {width: 85%; border: 1px solid #ddd;}
.ci_wrap .ci_tx {width: 50%;}
.color_wrap {  }
.color_wrap .system { flex: 1; margin-right: 1em; }
.color_wrap .system:last-of-type { margin-right: 0; }
.color_wrap .system .area { width: 100%; padding: 4em; box-sizing: border-box; margin: .5em  0; }
.color_wrap .system .area.blue { background: var(--siteC); }
.color_wrap .system .area.blue2 { background: var(--siteC2); }
.color_wrap .system .area.gray { background: var(--siteC3); }

/* 오시는길 */

.root_daum_roughmap .wrap_controllers{ display: none;}
.map-Con .list{ }
.map-Con .list{ gap:1em 1em; margin: 2.5em 0;}
.map-Con .list > li{ flex:1; text-align:center;}
.map-Con .list > li .in{ flex:1;}
.map-Con .list > li + li .in{ padding-left:1em; border-left:1px solid #ddd;}

.page_txt .mark{ margin-bottom:3em;}
.page_txt .mark img{ width:5em;}

.page_txt > .ico + *{ margin-top:1em;}
.page_txt > .ico img{ width:2.25em;}

.map-Con .map{ border-radius: 1.5em; overflow: hidden; box-shadow: 3px 0 9px rgba(0,0,0, .15);}

.map_info3 .info_list{}
.map_info3 .info_list > li{ padding:2em 2em; border-bottom:1px solid #ddd;}
.map_info3 .info_list > li .wrap_tit{ width:15em;}
.map_info3 .info_list > li .wrap_con{ flex:1; padding-left:1.5em;} 
.map_info3 .info_list > li .wrap_tit .tit{ padding:.5em 0; color:#222;}
.map_info3 .info_list > li .wrap_tit .tit .tt{ font-weight:500;}
.map_info3 .info_list > li .wrap_tit .tit .t1{ font-size:1.375em;}
.map_info3 .info_list > li .wrap_tit .tit .t2{}
.map_info3 .info_list > li .wrap_tit .tit .xi{ font-size:1.500em; padding-right:.25em;}
.map_info3 .info_list > li .wrap_con .txt{ padding:.5em 0;}
.map_info3 .info_list > li .wrap_con .txt .tt{ color:#333; line-height:1.6}
.map_info3 .info_list > li .wrap_con .txt .t2{ font-size:1.125em;}
.map_info3 .info_list > li .wrap_con .txt .round{ margin-right:.75em; padding:.5em 1.5em; background:#8bc53f ; font-size:.875em; color:#fff; font-weight:700; border-radius:6em;}
.map_info3 .info_list > li .wrap_con .txt .round.back_red { background:#fb2217 ;}
.map_info3 .info_list > li .wrap_con .txt .round.back_seo { background:#00b140 ;}
.map_info3 .info_list > li .wrap_con .txt .c_seo {color:#00b140;}
.map_info3 .info_list > li .wrap_con .txt .round.back_four { background:#2c9ede ;}
.map_info3 .info_list > li .wrap_con .txt .c_four {color:#2c9ede;}


/* esg 경영보고서 */

.re-circle-wrap {} 
.re-circle-wrap .list {gap: 4em; margin-top: 3em; counter-reset: cirnum 0;} 
.re-circle-wrap .list > li  {position: relative; flex: 1 1 33.3%; max-width: 350px;} 
.re-circle-wrap .list > li:before {content: counter(cirnum); counter-increment: cirnum; position: absolute; top: 0; left: 50%; transform: translate(-50%, -50%); width: 30px; height: 30px; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: #fff; background: var(--siteC2);; z-index: 111;}
.re-circle-wrap .list > li .cir-in { height: 340px; border: 2px solid #ddd; border-radius: 50%; background: #fff; box-shadow: 3px 0 9px rgba(0,0,0, .1); position: relative; display: flex; justify-content: center; align-items: center; flex-direction: column;} 
.re-circle-wrap .list > li:last-of-type .cir-in{ border: 2px dashed var(--siteC2);;}
.re-circle-wrap .list > li .cir-txt {} 
.re-circle-wrap .list > li .cir-txt > h3 {font-size: 1.25em; font-weight: 700; color: var(--siteC2);} 
.re-circle-wrap .list > li .cir-txt > span {font-size: .938em; color: #888; line-height: 1.2; width: 100%;} 
.re-circle-wrap .list > li .cir-in .xi {position: absolute; right: -2.15em; top: 50%; transform: translate(-50%, -50%); font-size: 2em; color: var(--siteC2);;}
.re-circle-wrap .list > li .cir-in .icon{ margin-bottom: 1em;}
.re-circle-wrap .list > li .cir-in .icon > img{ width: 80px; height: 80px;}
.re-circle-wrap.st2 .list > li  {flex: 1 1 20%; max-width: 210px;} 
.re-circle-wrap.st2 .list > li .cir-txt > h3 {font-size: 1.05em;}
.re-circle-wrap.st2 .list > li .cir-in {height: 210px;}
.re-circle-wrap.st2 .list > li .cir-in .icon > img{ width: 50px; height: 50px;}

.join-process{padding: 6em 0 3em;}
.join-process.line { border-top: 1px solid #ddd;}
.join-process:last-of-type{ margin-bottom: 0em;}
.join-process .join-divi{ margin-bottom: 1em;}
.join-process .join-box{ background: var(--crGray); padding: 0.1em 3em 2em 3em; border-radius: 1em;}
.join-process .list .detail_tx {padding: 1em; background: var(--siteC2);}
.join-process .list .detail_tx.h1 {min-height: 7em;}
.join-process .list .detail_tx.h2 {min-height: 3em;}
.join-process .list .detail_tx .page-tt {color: #fff;}

.deval_process {gap: 1em;}
.deval_process li {width: calc(33.3% - 1em); margin: 0 auto;}
.deval_process li .tit_box {border: 1px solid var(--siteC2); min-height: 3em; background: var(--siteC2); color: #fff;}
.deval_process li .tit_box .num {background: var(--siteC2); padding: 0.2em; color: #fff; font-weight: 600; min-height: 2.3em;}
.deval_process li .tit_box .ti {padding: .2em .5em; font-weight: 500;}
.deval_process li .page_txt {background: var(--crGray); padding: 1em; min-height: 10.5em;}
.deval_process li .page_txt .tit {font-size: 1.125em; font-weight: 700; margin-bottom: .5em; position: relative; display: inline-block;}
.deval_process li .page_txt .tit:before {position: absolute; content: ''; bottom: 0; left: 0; background: var(--siteC2); opacity: .2; width: 100%; height: .5em; border-radius: 1em;}
.deval_process li .inn_box {gap: .5em; margin-top: 1em;}
.deval_process li .inn_box p {width: calc(50% - .3em);}
.deval_process li .inn_box .ttdot + .ttdot {margin-top: unset;}
.deval_process li .inn_box2 {margin-top: 1em;}
.deval_process li .inn_box2 .detail_box {gap: .3em; margin: .5em;}
.deval_process li .inn_box2 .detail_box p {background: var(--siteC2); border-radius: 1em; padding: 0.2em 0.5em; color: #fff; font-size: .9em;}

.legal_sys{}
.legal_sys .sysT{ width:60%; margin:0 auto; padding:1.5em 1em; box-sizing:border-box; border-radius:.5em; background:var(--siteC2);; color:#fff; text-align:center; position:relative;}
.legal_sys .sysT::after{ content:''; width:100%; height:27px; border-left:1px dashed #002144; position:absolute; left:50%; bottom:-26px;}
.legal_sys .sysB .in > li{}
.legal_sys .sysB .in > li {}
.group{ width:calc( (100% - 30px)/4); margin-right:10px; border:1px solid var(--siteC2);; border-radius:.5em; position:relative; background: #fff;}
.group.w2 {width:calc( (100% - 30px)/2);}
.group .tt{ display:flex; justify-content:center; align-items:center; width:100%; height:3em; border-bottom:1px solid #ddd; font-size:1.125em}
.group .td{ align-items:center; padding:0 1em; font-size:1rem; line-height:1.4; color:#333; word-break:keep-all}
.group:last-child{ margin-right:0;}
.group:before{ content:''; width:calc( 100% + 9px); height:1em; border-top:1px dashed #002144; border-left:1px dashed #002144; position:absolute; left:50%; top:-24px;}
.group:last-child:before{ border-top:none; border-left:1px dashed #002144;}
.group:after{ content:''; width:10px; height:10px; border:4px solid var(--siteC2);; border-radius:50%; background-color:#fff; position:absolute; left:50%; top:-9px; transform:translateX(-50%);} 

.legal_sys2 .t1 {background: var(--gradC2); color: #fff; font-size: 1.25em; display: inline-block; padding: 0.5em 1em; border-radius: 2em; margin: 1em 0;}
.legal_sys2 .t2 {border: 1px solid var(--siteC2); border-radius: 1em; background: #fff; padding: 1em;}

.report_wrap {gap: 4em;}
.report_wrap .list { background: var(--crGray); width: 50%; padding: 2em 4em; border-radius: 1em;}
.report_wrap .list .page_txt {background: var(--siteC2); color: #fff; padding: 1em;}
.report_wrap .list .ti {font-size: 1.25em; font-weight: 600; margin-bottom: 1em; color: var(--siteC2); text-align: center; margin-top: 1em;}

.re_tbox {background: var(--crGray); padding: 2em;}

/*  */

.deval_last {background: var(--gradC1); padding: 1em; width: 62.5%; margin: 2em auto; color: #fff;}

/* esg 심사평가 */

.deval_sec_wrap {gap: 1em;}
.deval_sec_wrap .list {width: calc(33.3% - 1em); background: #fff; padding: 1em; box-shadow: 4px 0 12px rgba(0,0,0,.1);}
.deval_sec_wrap .list .min_t {background: var(--crGray2); font-size: 0.96em; margin: .5em 0; padding: .3em;}
.nation_img {width: 85%; margin: 0 auto;}
.deval_sec_wrap .list .inner_tx {padding-top: 1em;}

.reval_con2 {gap: 1em;}
.reval_con2 .list {width: calc(33.3% - 1em); background: #fff; padding: 1em; box-shadow: 4px 0 12px rgba(0,0,0,.1);}
.reval_con2 .list .title {font-size: 1.25em; font-weight: 600; background: var(--siteC2); color: #fff; border-radius: 3em; padding: .3em 0; margin-bottom: .5em;}
.reval_con2 .list .page_txt {background: var(--crGray); padding: 1em; min-height: 13.5em; margin-top: .5em;}

.page_ttbg_wrap.st1{ margin-top: 4em;}
.page_ttbg_wrap.st1 > li{ width:45%;}
.page_ttbg_wrap.st1.w2 > li{ width:calc(33.3% - 1em);}
.page_ttbg_wrap.st1 > li .wrap_tt .page_tt1 { font-size:1.313em; font-weight:500; color:#000; line-height:1.5; padding: 0.8em 0 0.4em 0; }
.page_ttbg_wrap.st1 > li .wrap_tt .page_tt1.h1 { min-height:3em;}
.page_ttbg_wrap.st1 > p .wrap_tt .page_tt1 { font-size:1.313em; font-weight:500; color:#000; line-height:1.5; }
.page_ttbg_wrap.st1 > li .wrap_tt .page_tt2 { line-height:1.5; font-size:1em; color:#000; position: relative; padding-left: 1.4em; }
.page_ttbg_wrap.st1 > li .wrap_tt .page_tt2 i { color:var(--siteC2); }
.page_ttbg_wrap.st1 > li .wrap_tt .page_tt2 i:before { position: absolute; left: 0; top: -5px; }
.page_ttbg_wrap.st1 > li .wrap_tt .page_tt2 i.xi2 { vertical-align:middle;}
.page_ttbg_wrap.st1 > li .wrap_tt .page_tt2 i.xi2:before { position:unset;}
.page_ttbg_wrap.st1 > li .wrap_tt .page_tt3 {font-size: 1.125em; font-weight: 500; margin-bottom: 1em;}
.page_ttbg_wrap.st1 > li .wrap_tt .page_tt3 i { background:var(--siteC2); border-radius:50%; width:1em; height:1em; color:#fff; margin-right:.5em; vertical-align: bottom;}
.page_ttbg_wrap.st1 > li .wrap_img{ width:100%}
.page_ttbg_wrap.st1 > li:nth-child(2n){margin-bottom:-3em}
.page_ttbg_wrap.st1 > li:nth-child(2n) .wrap_tt{ text-align:left}
.page_ttbg_wrap.st1 > li:nth-child(3),
.page_ttbg_wrap.st1 > li:nth-child(4){margin-top:4em;}
.page_line.st1{ width:2em; height: 3px; margin:1em 0 .75em 0; background:var(--siteC2); content:"";}
.page_line.st1_1{ width:2em; height: 3px; margin:1em 0 .75em 0; background:var(--siteC2); content:"";}
.page_line.st1_2{ width:2em; height: 3px; margin:1em 0 .75em 0; background:var(--siteC2); content:"";}

.cp {cursor: pointer;}


/*  */

.inv_box {background: var(--crGray); padding: 3em; border-radius: 1em;}

.invest1_tbox {padding: 1em 0; gap: 2em;}
.invest1_tbox .invest1_t {border: 4px solid #334f8a; background: var(--crGray); border-radius: 50%; width: 5em; height: 5em; text-align: center; font-weight: 600;}
.invest1_tbox .invest1_t2 {border: 4px solid #974364; background: #fdf2f2; border-radius: 50%; width: 5em; height: 5em; text-align: center; font-weight: 600;}

.invest_con1 {}
.invest_con1 .list {}
.invest_con1 .list .top_ti {font-size: 1.25em; font-weight: 600; margin-bottom: .5em; background: var(--siteC2); color: #fff; padding: .3em 1em; display: inline-block; border-radius: 1em;}
.invest_con1 .list .con_box {background: var(--crGray); padding: 2em 0; border-radius: 1em;}
.invest_con1 .list .con_box .sec {border: 1px solid var(--crBlack); background: #fff; padding: 1em; border-radius: 1em;}
.invest_con1 .list .con_box .sec.s2 {width: 20%;}
.invest_con1 .list .con_box .sec .tit {font-size: 1.25em; margin-bottom: 1em; text-align: center; font-weight: 600;}
.invest_con1 .list .con_box .sec .inn {gap: 2em;}
.invest_con1 .list .con_box .xi {background: var(--siteC2); border-radius: 50%; color: #fff; width: 2em; height: 2em; text-align: center; margin: 0 1em;}
.invest_con1 .list .con_box .xi i {font-size: 1.5em;}
.invest_con1 .list .con_box .circle {background: var(--crGray2); width: 10em; height: 10em; text-align: center; border-radius: 50%; font-weight: 500;}
.invest_con1 .list .con_box .circle.w2 {margin: 0 auto;}
.invest_con1 .list .con_box .circle.s2 {background: var(--siteC2); color: #fff;}
.invest_con1 .list .con_box .circle.s3 {background: var(--siteC); color: #fff;}
.invest_con1 .list .con_box .circle.s4 {background: #0068a5; color: #fff;}
.invest_con1 .list .con_box .circle.s5 {background: #c96804; color: #fff;}
.invest_con1 .list .con_box .circle.s6 {background: #21833f; color: #fff;}
.invest_con1 .list .con_box .circle.s7 {background: #38438f; color: #fff;}

.invest_con2 {}
.invest_con2 .ti {font-size: 1.25em; font-weight: 600; text-align: center; margin-bottom: 1em;}
.invest_con2 .ti2 {font-size: 1.05em; font-weight: 600; background: var(--siteC2); color: #fff; width: 43%; border-radius: 1em; padding: 0.5em 0; margin: 0 auto;}
.invest_con2 .left {}
.invest_con2 .right { width: 65%; background: var(--crGray2); padding: 1em;}
.invest_con2 .right .right_box {}
.invest_con2 .right .right_box .bx {width: 50%;}
.invest_con2 .inn {border: 2px dashed var(--siteC2); border-radius: 1em; padding: 1em; background-color: #fff; min-height: 7.5em; text-align: center;}
.invest_con2 .inn.s1 {background: var(--siteC2); color: #fff;}
.invest_con2 .inn p {font-size: 1em; font-weight: 500; line-height: 1.5;}

.invest_con3 {}
.invest_con3 .page_txt {padding: 2em; width: 60%; margin: 2em auto 0; border: 1px solid var(--siteC); border-radius: 1em; background: #fff;}


/* 탄소감축 컨설팅 */

.ctit {font-size: 1.25em; font-weight: 600; margin: 1em auto; background: var(--gradC1); color: #fff; display: inline-block; padding: .5em 1em; border-radius: 3em;}
.carbon_wrap {gap: 1em;}
.carbon_wrap .carbon_box {border: 1px solid #000; border-radius: 1em; padding: 1em;}
.carbon_wrap .carbon_box.top {width: calc(40% - 1em);}
.carbon_wrap .carbon_box.top .t_box {padding: 0.8em 0; border-bottom: 1px dashed #999;}
.carbon_wrap .carbon_box.top .t_box:last-child {border-bottom: unset;}
.carbon_wrap .carbon_box.top .t_box .ti { font-size: 1.125em; font-weight: 500;}
.carbon_wrap .carbon_box.top .t_box .te { font-size: 0.96em; color: var(--siteC); margin-top: .3em;}
.carbon_wrap .carbon_box.bott {width: calc(60% - 1em);}
.carbon_wrap .carbon_box.bott .bott_in_bot {text-align: center; background: var(--gradC1); color: #fff; padding: 1em; margin-bottom: 1em;}
.carbon_wrap .carbon_box.bott .bott_in_bot .t1 {font-size: 1.25em; margin-bottom: .5em;}
.carbon_wrap .carbon_box.bott .bott_in_bot .t2 {font-size: 0.96em; margin-bottom: .5em;}
.carbon_wrap .carbon_box.bott .bott_in_bot .min_t {background: var(--crGray2);}
.carbon_wrap .carbon_box.bott .bott_in_bot .min_t p {font-size: 0.96em; color: #000;}
.carbon_wrap .carbon_box.bott .bott_in_top {}
.carbon_wrap .carbon_box.bott .bott_in_top .insec {}
.carbon_wrap .carbon_box.bott .bott_in_top .insec .arrow {text-align: center; margin-bottom: 1em;}
.carbon_wrap .carbon_box.bott .bott_in_top .insec .arrow i {background: var(--siteC);  color: #fff; border-radius: 1em; padding: .2em;}
.carbon_wrap .carbon_box.bott .bott_in_top .insec .tx_box {background: var(--crGray2); padding: 1em;}
.carbon_wrap .carbon_box.bott .bott_in_top .insec .tx_box .t1 {font-size: 1.05em; font-weight: 600; margin-bottom: .5em;}
.carbon_wrap .carbon_box.bott .bott_in_top .insec .tx_box .t2 {font-size: 0.96em; margin-bottom: .5em;}
.carbon_wrap .carbon_box.bott .bott_in_top .insec .tx_box .t3 {font-size: 1.05em; font-weight: 600;}

.carbon_list {gap: 1em; margin: 0 auto; padding: 2em; width: 100%;}
.carbon_list li { padding: 1em; width: 100%; min-height: 4.7em; background: #2b4493; border-radius: 3em; color: #fff;}
.carbon_list li:nth-child(2),
.carbon_list li:nth-child(4) {background: #6274ad;}
.carbon_list li .tt {font-size: 1.05em; text-align: center;} 
.carbon_con1 {background: var(--crGray); border-radius: 3em;}
.carbon_con2 {}
.carbon_con2 .con_box {background: var(--crGray); border-radius: 1em;}
.carbon_con2 .con_box .t1 {font-size: 1.25em; text-align: center; padding: 1em 0; background: var(--siteC2); color: #fff; border-top-right-radius: 1em; border-top-left-radius: 1em;}

.carbon_wrap2 {}
.carbon_wrap2 .flex {gap: 1em;}
.carbon_wrap2 .list {width: calc(50% - 1em); background: var(--crGray); border: 1px solid #ddd; border-radius: 1em; overflow: hidden; padding: 1em; }
.carbon_wrap2 .list .ti {text-align: center; font-size: 1.25em; font-weight: 600; margin: 1em 0;}
.carbon_wrap2 .list .tt { margin-bottom: 1em; text-align: center; min-height: 5em;}
.carbon_wrap2 .list .left {width: 50%;}
.carbon_wrap2 .list .right {width: 50%; background: #fff; padding: 1em;}

.carbon_wrap3 {}
.carbon_wrap3 .in_box {border: 1px dashed #ddd; border-radius: 1em; padding-bottom: 2em;}
.carbon_wrap3 .in_box.w1 {width: 70%;}
.carbon_wrap3 .in_box.w2 {width: 15%; margin-left: 1em; padding: .5em;}
.carbon_wrap3 .in_box .detail {}
.carbon_wrap3 .in_box .top_t {background: var(--siteC2); margin-bottom: 1em; text-align: center; padding: 1em 0; color: #fff; font-size: 1.25em; font-weight: 600; border-radius: 0.5em;}
.carbon_wrap3 .in_box .bot_t {background: var(--crGray); min-height: 5em; padding: 3em 1em; text-align: center;}
.carbon_wrap3 .in_box .che_t {background: var(--gradC1); padding: 0.5em 3em; text-align: center; color: #fff; font-size: 0.9em;}

.scope_bx {min-height: 4em; background: var(--gradC1);}
.scope_t {background: var(--crGray); padding: 1em 0; font-weight: 500; min-height: 6.6em;}
.scope_tx { font-size: 0.86em; color: #fff;}

/* esg 컨설팅 안내 */

.ov_wrap{ margin: 3em auto 0; width: 90%;}
.ov_wrap ul{display:flex; flex-wrap:wrap; border-top:3px solid var(--siteC); border-radius: 2em;}
.ov_wrap ul li{border-bottom:1px solid #ddd; border-top:0; width:100%; box-sizing:border-box; transition:.3s; position:relative;}
.ov_wrap ul li > div{height:100%; /*padding:0 2rem;*/ box-sizing:border-box;}
.ov_wrap ul li > div > div{height:100%; align-items:center; display:flex;}
.ov_wrap ul li > div > div.ov_icon_box{width:90px; justify-content:center;}
.ov_wrap ul li > div > div.ov_icon_box img{transform:scale(.6); opacity:.7; transition:.3s;}
.ov_wrap ul li:hover > div > div.ov_icon_box img{transform:scale(.75); opacity:.9;}
.ov_wrap ul li > div > div.ov_tit_box{width:calc(100% * .25); text-align:center; background:#f5f5f5; margin-right:90px;}
.ov_wrap ul li > div > div.ov_ctt_box{width:calc(100% * .75); /*padding-left:2rem;*/ box-sizing:border-box;}
.ov_wrap ul li > div > div p{width:100%;}
.ov_wrap ul li > div > div.ov_tit_box p{text-align:center; font-size: 1.125em; color: var(--siteC2);}
.ov_wrap ul li > div > div.ov_tit_box p.icon {width: 50px; height: 50px; margin: 0 auto;}
.ov_wrap ul li > div > div.ov_tit_box p.num {background: var(--siteC2); color: #fff; width: 1.5em; height: 1.5em; line-height: 1.5em; border-radius: 50%; margin: 0.5em auto;}
.ov_wrap ul li > div > div.ov_ctt_box p{color:#555; line-height:1.6; padding: 0.5em 0; font-size: 1.1em;}
.ov_wrap ul li > div > div.ov_ctt_box p:first-child {padding: 2em 0 .5em;}
.ov_wrap ul li:first-child > div > div.ov_tit_box {border-radius: 2em 0 0 0;}
.ov_wrap ul li > div > div.ov_ctt_box p:last-child {padding: .5em 0 2em;}
.ov_wrap ul li > div > div.ov_ctt_box{display: block;}

/* 고충처리 */

.grievance_sec {padding: 4em 0 4em; border-top: 1px solid #ddd;}
.grievance_sec .grie_con {gap: 2em; margin-top: 3em;}
.grievance_sec .grie_con li {width: calc(50% - 2em); position: relative;}
.grievance_sec .grie_con.w2 li {width: calc(25% - 2em);}
.grievance_sec .grie_con li .inn {background: var(--crGray); padding: 2em 0; border-radius: 1em;}
.grievance_sec .grie_con li .inn .icon {background: var(--siteC2); width: 6em; height: 6em; line-height: 6em; border-radius: 50%; margin: 0 auto;}
.grievance_sec .grie_con li .inn .icon .xi {color: #fff; font-size: 2.5em;}
.grievance_sec .grie_con li .inn .tit {margin-top: 1em; position: relative; display: inline-block; font-size: 1.35em; font-weight: 700;}
.grievance_sec .grie_con li .inn .tit:before {position: absolute; content: ''; bottom: 0; left: 0; background: var(--siteC2); opacity: .2; width: 100%; height: .5em; border-radius: 1em;}
.grievance_sec .grie_con li .inn .tt {font-size: 1.05em; font-weight: 500; margin-top: 1em;}
.grievance_sec .grie_con li .inn .tt2 {font-size: 1.25em; font-weight: 500; margin-top: 1em;}
.grievance_sec  .grie_wrap { background: var(--crGray); padding: 0.1em 3em 2em 3em; border-radius: 1em;  margin-top: 3em;}
.grievance_sec .grie_con li .xi_arrow {position: absolute; right: -1.5em; top: 50%; transform: translate(-50%, -50%); font-size: 2em; color: var(--siteC2);;}

/* 컨설턴트 모집 */

.recruitment_top {}
.recruitment_top .tx_box {gap: 8em; padding: 4em 0;}
.recruitment_top .tx_box .left_t {font-size: 3.25em; font-weight: 700;}
.recruitment_top .tx_box .right_t {font-size: 1.250em;}
.recruitment_top .img_box {width: 58%; height: 15em; overflow: hidden;}

.recruitment {
  position: relative;
}
.recruitment .top_ti { margin-bottom: 6em;}
.recruitment .top_ti .t1 { font-size: 1.5em; font-weight: 700; margin-bottom: 1em;}
.recruitment .top_ti .t2 { font-size: 1.5em; font-weight: 500;}
.recruitment .visual_box {
  position: relative;
  width: 100%;
  height: 65vh;
  overflow: hidden;
  background: var(--crGray2);
}
.recruitment .visual_box .img_box {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("../images/sub/recruitment_bg.jpg") center no-repeat;
  background-size: cover;
}
.recruitment .visual_box .dim {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
}
@media (max-width: 1023px) {
  .recruitment .visual_box {
    height: auto;
    padding: 70px 0 53px;
  }
  .recruitment .visual_box .img_box {
    background: url("../images/sub/recruitment_bg.jpg") center no-repeat;
    background-size: cover;
    filter: blur(5px);
  }
  .recruitment .visual_box .dim {
    background-color: rgba(0, 0, 0, 0.7);
  }
}
.recruitment .visual_box .inner {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}
.recruitment .visual_box .inner strong {
  display: block;
  font-size: 2.25em;
  letter-spacing: 0;
  line-height: 1.25;
  color: #fff;
  transform: translateY(50px);
  font-weight: 700;
}
.recruitment .visual_box .inner .list {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin-top: 7rem;
}
.recruitment .visual_box .inner .list li {
  position: relative;
  width: 300px;
  height: 300px;
  border-radius: 50%;
  text-align: center;
}
.recruitment .visual_box .inner .list li:nth-of-type(1) {
  order: 0;
  background: var(--siteC2);
}
.recruitment .visual_box .inner .list li:nth-of-type(2) {
  order: 2;
  background-color: #ffffff;
}
.recruitment .visual_box .inner .list li:nth-of-type(2) p,
.recruitment .visual_box .inner .list li:nth-of-type(2) span {
  color: #000000;
}
.recruitment .visual_box .inner .list li:nth-of-type(2) p::after {
  background-color: #000000;
}
.recruitment .visual_box .inner .list li:nth-of-type(3) {
  order: 1;
  background: var(--siteC);
}
.recruitment .visual_box .inner .list li p {
  position: relative;
  font-size: 1.875rem;
  letter-spacing: -0.02em;
  line-height: 1;
  color: #ffffff;
  font-weight: 700;
}
.recruitment .visual_box .inner .list li p::after {
  content: "";
  display: block;
  width: 22px;
  height: 1px;
  background-color: #ffffff;
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
  margin-left: auto;
  margin-right: auto;
}
.recruitment .visual_box .inner .list li span {
  font-size: 1.15em;
  letter-spacing: -0.02em;
  line-height: 1.625;
  color: #ffffff;
}
@media (max-width: 1023px) {
  .recruitment .visual_box .inner {
    position: static;
    padding-top: 0;
    transform: none;
  }
  .recruitment .visual_box .inner strong {
    font-size: 1.75rem;
    letter-spacing: 0;
    line-height: 1.3571428571;
  }
  .recruitment .visual_box .inner .list {
    display: block;
    margin-top: 1.875rem;
  }
  .recruitment .visual_box .inner .list li {
    display: block;
    width: 190px;
    height: 190px;
    padding: 40px 10px 0 10px;
    margin: 0 auto;
  }
  .recruitment .visual_box .inner .list li:nth-of-type(1) {
    transform: translate(0);
  }
  .recruitment .visual_box .inner .list li:nth-of-type(2) {
    transform: translate(0, -190px);
  }
  .recruitment .visual_box .inner .list li:nth-of-type(3) {
    transform: translate(0, -380px);
  }
  .recruitment .visual_box .inner .list li p {
    font-size: 1.25rem;
    letter-spacing: -0.02em;
    line-height: 1;
  }
  .recruitment .visual_box .inner .list li p::after {
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
  }
  .recruitment .visual_box .inner .list li span {
    font-size: 0.875rem;
    letter-spacing: -0.02em;
    line-height: 1.5714285714;
  }
}
@media (max-width: 766px) {
  .recruitment .visual_box .inner .list {
    margin-top: 1.875rem;
  }
  .recruitment .visual_box .inner .list li p::after {
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
  }
}
@media (max-width: 1023px) {
  .recruitment {
    padding: 0 24px;
  }
}
@media (max-width: 766px) {
  .recruitment {
    padding: 0 16px;
  }
}
.recruitment .inner {
  padding-bottom: 85px;
  border-bottom: 1px solid #dddddd;
}
@media (max-width: 1023px) {
  .recruitment .inner {
    padding: 0 0 50px 0;
  }
  .recruitment .inner .left_tit {
    margin-bottom: 0;
  }
}