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

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

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

.fullH { height: calc(100vh); box-sizing: border-box; } 
.fullMH { min-height: calc(100vh) !important; box-sizing: border-box; } 

.pc_hide{display: none; font-size: .8em; color: #808080;}

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

.root_daum_roughmap .cont{display:none !important;}

/*header banner*/
.header_banner { display:none; } 
/*.header_banner { background: var(--siteC); color: #fff; height: var(--headB); display: flex; align-items: center; } */

.header_banner .hbw { width: 1200px; margin: 0 auto; } 
.header_banner .banner_call { align-items: center; } 
.header_banner .banner_call .free_c { margin-right: 1.75em; } 
.header_banner .banner_call .free_c .tt { font-size: 1.15em; font-weight: 600; } 
.header_banner .banner_call .free_c .xi { position: relative; font-size: 1.2em; color: var(--siteC3); padding: .3em; min-width: 1em; min-height: 1em; background: #f9f9f9; margin-right: .5em; border-radius: 50%; line-height: 1; } 
.header_banner .banner_call .call_list { } 
.header_banner .banner_call .call_list > li { position: relative; padding-right: 1.1em; margin-right: 1.1em; } 
.header_banner .banner_call .call_list > li:last-of-type { margin-right: 0em; } 
.header_banner .banner_call .call_list > li:before { position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 1px; height: 10px; background: rgba(255, 255, 255, .45); content: ''; } 
.header_banner .banner_call .call_list > li:last-of-type:before { content: none; } 
.header_banner .banner_call .call_list > li > .con { gap: .45em; } 
.header_banner .banner_call .call_list > li > .con .loc { padding: .25em .5em; background: var(--crBlack); color: #fff; border-radius: 5px; font-size: .85em; font-weight: 700; } 
.header_banner .banner_call .call_list > li > .con .loc.c1 { background: var(--gradC1); } 
.header_banner .banner_call .call_list > li > .con .loc.c2 { background: var(--siteC3); } 
.header_banner .banner_call .call_list > li > .con .loc.c3 { background: var(--gradC2); } 

.header_banner .banner_btn { } 
.header_banner .btn_list { gap: .5em; } 
.header_banner .btn_list > li { } 
.header_banner .btn_list > li > .Bbtn { display: inline-block; color: #fff; background: var(--siteC5); padding: .5em .8em; text-align: center; transition: .2s; border-radius: 5px; font-size: .9em; } 
.header_banner .btn_list > li > .Bbtn:hover { background: #fff; color: var(--siteC); } 
.header_banner .btn_list > li > .Bbtn .xi { margin-right: .3em; } 

/*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:hover { background: #fff;padding-top:0;  transition: .4s;} 
#header:hover .inner { color: var(--siteC2);  transition: .2s;  } 
#header:hover .logo { filter: none; } 
#header:hover .all_wrap .all_btn { filter: var(--crBlackfil); } 

#header { z-index: 999; position: fixed; top: 0; left: 0; width: 100%; transition: all 0.4s;} 
#header.on {background:#fff;  color: var(--crBlack); }
#header.on .logo { filter: var(--crBlack); }
#header.on .all_wrap .all_btn {filter: brightness(0) invert(0);}
#header .inner { color: #fff;  align-items: center;    height: 100px;    transition: all 0.4s;} 
#header .logo,
#header .all_wrap .all_btn { filter: var(--crWhitefil); } 
#header .inner .gnb_wrap {} 
/* #header .inner .gnb_wrap > .gnb { gap: 2em; } */
#header .logo { width: 12em; } 
#header .side_wrap { width: 8em; } 
#header .logo > .in img { display: block; width: 12em; transition: .2s; transform-origin: left center; } 

#header.on .gnb_wrap .gnb > li {color: var(--crBlack); }
#header .gnb_wrap .gnb > li { position: relative; overflow: hidden;} 
#header .gnb_wrap .gnb > li .dp3 { display: none; } 
#header .gnb_wrap .gnb > li .dp1 { position: relative; padding: 0 2em; box-sizing: border-box; } 
#header .gnb_wrap .gnb > li .dp1 .tt { position: relative; font-size: 1.348em; font-weight: 500; } 
#header .gnb_wrap .gnb > li .dp1 .tt:after { content: ""; display: block; position: absolute; right: -10px; top: -6px; width: 6px; height: 6px; opacity: 0; background: var(--crBlack); border-radius: 50%; content: ''; transition: .3s; } 
#header .gnb_wrap .gnb > li.on .dp1 .tt:after,
#header .gnb_wrap .gnb > li.act .dp1 .tt:after { opacity: 1; } 
#header .gnb_wrap .gnb > li.act { z-index: 2; overflow: visible; } 
#header .gnb_wrap .gnb > li.act .dp1:after,
#header .gnb_wrap .gnb > li.on .dp1:after { opacity: 1; transform: scaleX(.7); } 
html:not(.simple) #header:not(.active) .gnb_wrap .gnb > li .dp1:after { filter: var(--crWhitefil); } 

#header .gnb_wrap .gnb > li .dp2 { display: inline-block; opacity: 0; margin-top: -1em; position: absolute; padding: 0; top: 100%; left: 50%; width: 13em; background-color: var(--siteC2); border-radius: .5em; color: #fff; transform: translateX(-50%); max-height: 0; overflow: auto; transition: max-height 1.25s, padding-top .3s, padding-bottom .3s; } 
#header .gnb_wrap .gnb > li .dp2:before { /* background-color: var(--siteC2); content: ''; */
 /*content:""; display:block; position:absolute; top:0; left:50%; transform:translate(-50%,-100%); display: none; border-style:solid; border-color:transparent transparent var(--siteC2); border-width:0 7px 7px; */ } 
#header .gnb_wrap .gnb > li .dp2 > li > a { padding: .55em 0; transition: .2s; } 
#header .gnb_wrap .gnb > li .dp2 > li > a .tt { position: relative; font-size: 1em; font-weight: 500; opacity: .95; } 
#header .gnb_wrap .gnb > li.act .dp2 { max-height: calc(100vh - 56px); overflow-y: hidden; opacity: 1; padding: 1em 0 1em 0; } 
#header .gnb_wrap .gnb > li .dp2 > li > a .in { position: relative; } 
#header .gnb_wrap .gnb > li .dp2 > li > a .in:after { content: ""; position: absolute; left: 0; bottom: 0; width: 0; height: 1px; background: #fff; } 
#header .gnb_wrap .gnb > li .dp2 > li > a:hover .in:after { width: 100%; transition: .65s } 

#header .side_wrap { } 
#header .side_wrap .mem { } 
#header .side_wrap .mem > li { } 
#header .side_wrap .mem > li .in { gap: 0 .5em; padding: .5em 1em; } 
#header .side_wrap .mem > li .in:hover .tt { text-decoration: underline; } 

#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: 1.5px; background: #000; transition: .2s, background 0s; } 
#header .all_wrap .all_btn .ham:before,
#header .all_wrap .all_btn .ham:after { content: ""; position: absolute; right: 0; } 
#header .all_wrap .all_btn .ham:before { top: calc(50% - 1px); width: 50%; } 
#header .all_wrap .all_btn .ham:after { top: calc(100% - 1px); width: 68%; } 
#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; top: 0; left: 0; width: 100%; height: 100vh; opacity: 0; visibility: hidden; } 
#header .all_wrap .all_layer .all_close { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .5); opacity: 0; backdrop-filter: blur(.75em); } 
#header .all_wrap .all_layer .all_inner { position: absolute; top: 0; right: 0; width: 30em; max-width: 100%; height: 100%; background: #fff; box-shadow: -1em 0 1em rgba(0, 0, 0, .1); transform: translateX(100%); } 
#header .all_wrap .all_layer .all_inner > .wrap_in { gap: 2em; padding: 3em 3em; } 

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

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

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

/*scroll시 header 배너 슬라이드 주석*/
/* .scroll #header { } 
.scroll #header { background: #fff; color: var(--crBlack); box-shadow:0 0 2em rgba(0,0,0,.1); transform: translateY(0em); } 
.scroll.up #header { background:#fff; color:#111 } 
.scroll.up #header .top_wrap .wrapH,
.scroll.up #header .top_wrap .gnb_wrap .dp1 { height:4.5em } 
.scroll.up #header .top_wrap .etc_wrap .etcBtn { filter: brightness(0) invert(0); } 
.scroll.up .headerT { padding-top:4em } 
.scroll.up #header .top_wrap .logo > a { filter:none } 
.scroll.up #header .top_wrap .gnb_wrap .gnb > li.on .dp1 { color:var(--siteC) } 
.scroll.up #header .top_wrap .gnb_wrap .gnb > li .dp1 .va:after { background:var(--siteC) } 

.scroll #header .inner { color: var(--crBlack); } 
.scroll .headH,
.scroll #header .gnb_wrap .gnb > li,
.scroll #header .gnb_wrap .gnb > li .dp1 { height: var(--headHS); } 
.scroll #header .logo { filter: none; } 
.scroll #header .all_wrap .all_btn { filter: brightness(0) invert(0); } */

/*scroll 없음*/
#header { } 
#header { color: var(--crWhite);  transform: translateY(0em); } 
#header .top_wrap .wrapH,
#header .top_wrap .gnb_wrap .dp1 { height: 4.5em } 
#header .top_wrap .etc_wrap .etcBtn { filter: brightness(0) invert(0); } 
.headerT { padding-top: 4em } 
#header .top_wrap .logo > a { filter: none } 
#header .top_wrap .gnb_wrap .gnb > li.on .dp1 { color: var(--siteC) } 
#header .top_wrap .gnb_wrap .gnb > li .dp1 .va:after { background: var(--siteC) } 

#header .inner { color: var(--crWhite); } 
.headH,
#header .gnb_wrap .gnb > li,
#header .gnb_wrap .gnb > li .dp1 { height: var(--headHS); } 
#header .all_wrap .all_btn { /*filter: brightness(0) invert(0);*/ } 

/*footer*/
.privacy_wrap { border-bottom: 1px solid #40454e; } 
.privacy_wrap .privacy_list { position: relative; padding: 1em 0; gap: 4em; } 
.privacy_wrap .privacy_list > li a { position: relative; } 
.privacy_wrap .privacy_list > li a:hover { text-decoration: underline; } 
.privacy_wrap .privacy_list > li:first-of-type > a:after { background: none; } 
.privacy_wrap .privacy_list > li a:after { content: ""; position: absolute; left: -31px; top: 86%; width: 15px; transform: rotate(90deg); height: 1px; margin: -0.5em 0 0 -0.5em; background: #40454e; } 
.privacy_wrap .privacy_list > li a > p.d_color { color: #aa9b83; } 
.info_wrap .info .info_ttl { margin-bottom: 1em; } 

#footer { z-index: 1; color: #fff; background: #111; padding: 0em 0 5em 0 } 
#footer .goTop { position: fixed; right: 0; bottom: 0; width: 3.5em; line-height: 3.5em; text-align: center; background: var(--siteC); color: #fff; box-shadow: 0 0 1em rgba(0, 0, 0, .1); opacity: 0; transform: translateY(100%); transition: .5s } 
#footer .goTop .xi { font-size: 1.5em; transition: .3s } 
#footer .goTop:hover .xi { transform: translateY(-.25em) } 
.scroll #footer .goTop { opacity: 1; transform: translateY(0) } 
#footer .logo_wrap { padding-top: 3em; display: flex; align-items: center; justify-content: space-between } 
#footer .logo { filter: brightness(0) invert(1) } 
#footer .logo img { height: 4em } 
#footer .info_wrap { display: flex; justify-content: space-between; align-items: flex-start; margin-top: 3em } 
#footer .info { overflow: hidden; flex: 1 1 0%; min-width: 0 } 
#footer .info > li { float: left; margin-right: 2em; margin-bottom: .25em; opacity: .8; 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 .copyright { font-size: .813em; opacity: .6; text-transform: uppercase; margin-top: 1em } 
#footer .site_wrap { margin-left: auto; background: #333; width: 14em; font-size: .875em; position: relative } 
#footer .site_wrap .siteBtn { display: flex; align-items: center; padding: 1em; font-weight: 500; transition: .3s } 
#footer .site_wrap .siteBtn .arrow { margin-left: auto; transition: .3s } 
#footer .site_wrap .list { position: absolute; left: 0; bottom: 100%; width: 100%; background: inherit; visibility: hidden; opacity: 0; transform: translateY(1em); transition: .3s } 
#footer .site_wrap .list > li > a { display: block; padding: 1em; padding-right: 3em; border-bottom: 1px solid rgba(255, 255, 255, .1); position: relative; transition: .3s } 
#footer .site_wrap .list > li > a:after { content: "\e980"; font-family: xeicon; position: absolute; right: 1em; top: 50%; transform: translateY(-50%); opacity: 0; transition: .3s } 
#footer .site_wrap .list > li > a:hover { background: rgba(255, 255, 255, .1) } 
#footer .site_wrap .list > li > a:hover:after { opacity: 1 } 
#footer .site_wrap .siteBtn:hover,
#footer .site_wrap.on .siteBtn { background: rgba(0, 0, 0, .2) } 
#footer .site_wrap.on .siteBtn .arrow { transform: rotate(180deg) } 
#footer .site_wrap.on .list { visibility: visible; opacity: 1; transform: translateY(0) } 

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

/*3차메뉴*/
.greeting_dp3 { margin-bottom: 3em; } 
.greeting_dp3 .gnb { justify-content: center; } 
.greeting_dp3 .dp3 { justify-content: center; background: #f4f4f4; } 
.greeting_dp3 .dp3 > li { width: 12em; } 
.greeting_dp3 .dp3 > li > a { display: inline-block; text-align: center; padding: 1em 0; font-size: 1.125em; font-weight: 500; width: 100%; border: 1px solid #f4f4f4; border-radius: .5em; } 
.greeting_dp3 .dp3 > li:hover > a,
.greeting_dp3 .dp3 > li.focus > a { background: #fff; border: 1px solid var(--siteC2); color: var(--siteC2); } 

.greeting_dp3.st2 { position: absolute; top: 5%; left: 50%; transform: translate(-50%, -150%); } 
.greeting_dp3.st2 .gnb { justify-content: center; } 
.greeting_dp3.st2 .dp3 { justify-content: center; background: #f4f4f4; } 
.greeting_dp3.st2 .dp3 > li { width: 12em; } 
.greeting_dp3.st2 .dp3 > li > a { display: inline-block; text-align: center; padding: 1em 0; font-size: 1.125em; font-weight: 500; width: 100%; border: 1px solid #f4f4f4; border-radius: .5em; } 
.greeting_dp3.st2 .dp3 > li:hover > a,
.greeting_dp3.st2 .dp3 > li.on > a { background: #fff; border: 1px solid var(--siteC2); color: var(--siteC2); } 


/* .in_prod_cate_wrap { } 
.in_prod_cate_wrap > ul { width: 100%; background: #f4f4f4; } 
.in_prod_cate_wrap > ul > li { gap: 1.5em; margin: .3em; } 
.in_prod_cate_wrap > ul > li > a { height: 3.5em; color: #333; background-color: #fff; border: 1px solid #ddd; font-weight: 500; border-radius: .8em; padding: .1em .5em; } 
.in_prod_cate_wrap > ul > li.on > a,
.in_prod_cate_wrap > ul > li:hover > a { border: 1px solid #0e4194; color: #0e4194; } */

.in_prod_cate_wrap { justify-content: center; background: #f4f4f4; } 
.in_prod_cate_wrap > ul { width: 100%; } 
.in_prod_cate_wrap > ul > li { width: 12em; } 
.in_prod_cate_wrap > ul > li > a { display: inline-block; text-align: center; padding: 1em 0; font-size: 1.125em; font-weight: 500; width: 100%; border: 1px solid #f4f4f4; border-radius: .5em; } 
.in_prod_cate_wrap > ul > li.on > a,
.in_prod_cate_wrap > ul > li:hover > a { border: 1px solid #0e4194; color: #0e4194; background-color: #fff; } 

/**********공통**********/
#contents .doc { padding: 1.5em 0 10em 0; } 
#contents .doc.st2 { padding: 1.5em 0 6em 0; } 
#contents .doc.pt0 { padding: 0em 0 10em 0; } 
#contents .doc.pb0 { padding: 4em 0 0em 0; } 

.Rlate { position: relative; } 

.con_idx { position: relative } 
.con_idx > .idx { position: absolute; left: 0; top: 0; width: 100%; visibility: hidden; filter: alpha(opacity=0); opacity: 0; display: none; } 
.con_idx > .idx.on { position: relative; visibility: visible; filter: alpha(opacity=100); opacity: 1; display: block; } 


/*gary before*/
.begray { position: relative; } 
.begray:before { position: absolute; width: 100%; bottom: 0; top: 4.5em; background: #f9f9f9; content: ''; } 

/*gra line*/
.sub_line { width: 100%; height: 2px; background: linear-gradient(to right, #7fc31c, #00844a); } 

/*page_dot 공통*/
.page_dot_list { padding: 0 1.25em; margin-top: 1.25em; } 
.page_dot_list > li { position: relative; margin-bottom: .5em; } 
.page_dot_list > li > .txt { font-size: 1em; } 
.page_dot_list > li:before { position: absolute; left: -13px; top: 8px; width: 5px; height: 5px; border-radius: 50%; background: var(--siteC); content: ''; } 
.page_dot_list > li:last-of-type { margin-bottom: 0em; } 

.page_dot_list.s1 { margin-top: 0em; } 
.page_dot_list.s1 > li:before { width: none; height: none; background: none; top: unset; left: -15px; content: '-'; } 

/*page_line 공통*/
.page_line_list { margin-top: 1.25em; } 
.page_line_list > li { position: relative; padding: .65em 1.25em; border-bottom: 1px solid #e5e5e5; } 
.page_line_list > li > .txt { font-size: 1em; } 
.page_line_list > li:before { position: absolute; left: -13px; top: 8px; width: 5px; height: 5px; border-radius: 50%; background: var(--siteC); content: ''; } 


/*sub areaD*/
.page_con { position: relative; padding: 4em 0; } 
.page_con.conP2 { position: relative; padding: 2em 0; } 
.page_con.bg1 { background: #f9f9f9; } 
.page_con.bg2 { background: #e5e5ff; } 

/*버튼*/
.button-gradient { color: #fff; background-image: linear-gradient(48deg, #90fa3e, #21996c, #21996c, #63ff93); background-size: 300% 100%; background-position: 0%; border-color: transparent; transition: background ease .3s; } 
.button-gradient:hover { background-position: 15%; } 
.btn-round { border-radius: 50px; } 
.sub_btn .btn { padding-top: 18px; padding-bottom: 18px; width: 200px; text-align: center; font-size: 20px; font-weight: 700; } 
.sub_btn .btn > .xi { margin-left: .3em; } 
.sub_btn .btn.s1 { font-size: 16px; padding-bottom: 16px; padding-top: 16px; font-weight: 600; background: var(--siteC); color: #fff; } 

/*sub 타이틀 점*/
.dot-tit { position: relative; padding-left: 1em; font-size: 1.85em; font-weight: 800; color: #111; margin-bottom: 1.15em; } 
.dot-tit:before { content: ''; position: absolute; top: 0; left: 0; bottom: 0; margin: auto; width: 7px; height: 7px; border-radius: 50%; border: 4px solid var(--siteC); } 

/*sub 펼쳐짐 효과*/
.sub-wide { overflow: hidden; position: relative; clip-path: polygon(50% 0, 50% 0, 50% 100%, 50% 100%); transition: clip-path 1.2s cubic-bezier(0.4, 0, 0.2, 1) .15s; } 
.sub-wide.on { clip-path: polygon(100% 0, 0 0, 0 100%, 100% 100%); visibility: visible; opacity: 1; transition: clip-path 1.2s cubic-bezier(0.4, 0, 0.2, 1) 0.15s, opacity 1.4s cubic-bezier(0.4, 0, 0.2, 1) 0s; } 

/*구분 de*/
.sub_diviC { gap: 6em; transform: translateY(2em); transition: 1s; opacity: 0; } 
.sub_diviC.listShow.on { transform: translateY(0em); transition: 1s; opacity: 1; } 
.sub_diviC .dvT { flex: 1 1 20%; } 
.sub_diviC .dvT .tit { } 
.sub_diviC .dvIF { flex: 1 1 80%; } 
.sub_diviC .dvIF .tt { font-size: 1.1em; line-height: 1.6; color: #444; } 
/*flex box*/
.flex_box { } 
.flex_box.s1 { margin: 0 0 -1em -1em; } 
.flex_box.s2 { margin: 0 0 -2em -2em; } 
.flex_box.s3 { } 
.flex_box.s4 { } 
.flex_box.s5 { } 

.flex_box .fst2 > li { flex: 1 1 49%; max-width: 49%; } 
.flex_box .fst2.st2 > li { flex: unset; max-width: calc((100% - 4em) / 2); } 
.flex_box .fst2 > li > .in { margin: 0 0 1em 1em; } 
.flex_box .fst2.st2 > li > .in { margin: 0 ; } 
.flex_box .fst3 > li { flex: 1 1 33.33%; max-width: 33.33%; } 
.flex_box .fst3 > li > .in { margin: 0 0 1em 1em; } 
.flex_box .fst4 > li { flex: 1 1 25%; max-width: 25%; } 
.flex_box .fst4.st2 > li { flex: unset; max-width: calc((100% - 2em) / 4); } 
.flex_box .fst4 > li > .in { margin: 0 0 1em 1em; } 

/*sub 탑 공통*/
.sub #header .logo,
.sub #header .all_wrap .all_btn { filter: none; } 
.sub #header .inner { color: var(--crBlack); } 
.sub #contents { padding-top: var(--headB); } 
/*contents*/
#contents { } 
#contents .sub_page_top { position: relative; height: 30em; padding: 1em; padding-top: .5em; box-sizing: border-box; word-break: keep-all; } 
#contents .sub_page_top > .inner { position: relative; height: 100%; } 
#contents .sub_page_bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: .5em; overflow: hidden; } 
#contents .sub_page_bg > .bg { position: absolute; top: 0; right: 0; width: calc(100% + 2vw); height: 100%; transition: 3s; } 
#contents .sub_page_bg > .bg: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)); } 
.load #contents .sub_page_bg > .bg { right: -1vw; } 
#contents .sub_page_tit { flex: 1; position: relative; z-index: 9; padding: 0 0 4.5em 0; } 
#contents .sub_page_tit .sub_tit_wrap { overflow: hidden; } 
#contents .sub_page_tit .sub_tit_wrap:last-child .tit_inner { padding-bottom: 7.5em; } 
#contents .sub_page_tit .tit_inner { padding: 1.5em 0 3.5em 0; text-align: left; } 
#contents .sub_page_tit .wrap_tit { color: #fff; } 
#contents .sub_page_tit .wrap_tit .tt { display: block; } 
#contents .sub_page_tit .wrap_tit .sub_txt .tt { font-size: 1.150em; opacity: .75; padding-top: .5em; } 
#contents .sub_page_tit .wrap_tit .sub_tit .tt { font-size: 3em; font-weight: 600; } 

#contents .sub_page_menu { text-align: left; } 
#contents .sub_page_menu .menu_wrap { max-width: 100%; border-bottom: 1px solid rgba(255, 255, 255, .3); } 
#contents .sub_page_menu .gnb { display: block; } 
#contents .sub_page_menu .wrapH { height: 4.5em; color: #fff; } 
#contents .sub_page_menu .home { position: relative; } 
#contents .sub_page_menu .home .in { width: 3em; transition: .2s; } 
#contents .sub_page_menu .home .in .xi { font-size: 1.375em; } 
#contents .sub_page_menu .drop_menu { position: relative; } 
#contents .sub_page_menu .drop_menu .drop_tit { gap: 0 2em; padding: 0 .875em 0 1em; min-width: 14em; transition: .2s; } 
#contents .sub_page_menu .drop_menu .drop_tit .tt { font-size: 1.063em; } 
#contents .sub_page_menu .drop_menu .drop_tit .arrow { transition: .2s; } 
#contents .sub_page_menu .drop_menu .drop_tit .arrow:before { content: "\e942"; } 
#contents .sub_page_menu .drop_menu ul { display: block; } 
#contents .sub_page_menu .drop_menu .gnb { position: absolute; top: 100%; left: 0; box-sizing: border-box; padding: 1.5em 1.75em; width: 100%; background: var(--crBlack); color: #fff; display: none; } 
#contents .sub_page_menu .drop_menu .gnb a.flex { display: block; text-align: left !important; } 
#contents .sub_page_menu .drop_menu .gnb li > a { padding: .625em 0; font-weight: 300; transition: .2s; } 
#contents .sub_page_menu .drop_menu .gnb li > a .tt { font-size: .975em; } 
#contents .sub_page_menu .drop_menu .gnb li.act > a,
#contents .sub_page_menu .drop_menu .gnb li.on > a { color: #fff; } 
#contents .sub_page_menu .drop_menu .gnb li.on > a { font-weight: 600; } 
#contents .sub_page_menu .home:hover,
#contents .sub_page_menu .drop_menu:hover,
#contents .sub_page_menu .drop_menu.on { z-index: 2; } 
#contents .sub_page_menu .drop_menu.on .drop_tit { background: transparent; } 
#contents .sub_page_menu .drop_menu.on .drop_tit .arrow { transform: rotate(-180deg); } 
#contents .sub_page_menu .drop_menu.on .gnb { display: block; } 

#contents .sub_page_menu .menu .gnb { position: relative; } 
#contents .sub_page_menu .menu .gnb:before { content: ""; position: absolute; left: 0; top: 50%; width: 1px; height: 1.25em; background: #fff; opacity: .2; transform: translateY(-50%); } 
#contents .sub_page_menu .menu .gnb .dp2 { } 
#contents .sub_page_menu .menu .gnb .dp2 > li { } 
#contents .sub_page_menu .menu .gnb .dp2 > li > a { position: relative; padding: 1em 3.5em; min-width: 14em; color: rgba(255, 255, 255, .6); border-color: rgba(255, 255, 255, .3); } 
#contents .sub_page_menu .menu .gnb .dp2 > li > a .tt { font-size: 1.250em; font-weight: 600; } 
#contents .sub_page_menu .menu .gnb .dp2 > li > a .in { position: relative; padding: 0 .5em; } 
#contents .sub_page_menu .menu .gnb .dp2 > li > a:after { content: ""; position: absolute; left: 0; bottom: -3px; width: 100%; height: 3px; background: var(--siteC3); transform: scaleX(0); transition: transform .3s; } 
#contents .sub_page_menu .menu .gnb .dp2 > li.act > a,
#contents .sub_page_menu .menu .gnb .dp2 > li.on > a { color: #fff; } 
#contents .sub_page_menu .menu .gnb .dp2 > li.act > a:after,
#contents .sub_page_menu .menu .gnb .dp2 > li.on > a:after { transform: scaleX(1); } 
#contents .sub_page_menu .menu .gnb .dp3 { display: none; } 

#contents .sub_page_con { padding: 2.5em 0 0; text-align: center; } 
#contents .sub_page_con .con_tit { gap: .625em; } 
#contents .sub_page_con .con_tit .tt { width: auto; } 
#contents .sub_page_con .con_tit .t1 { font-size: 2.625em; font-weight: 500; color: var(--siteC); padding: .125em .125em; border-bottom: 3px solid currentColor; } 
#contents .sub_page_con .con_tit .t1:not(.ffEN) { font-size: 2.375em; font-weight: 600; } 
#contents .sub_page_con .con_tit .t2 { font-size: 1.375em; font-weight: 500; opacity: .8; } 

.dp1on .gnb .dp2 { display: none !important } 
.dp2on .gnb > li,
.dp2on .gnb > li .dp1,
.dp2on .gnb > li .dp3 { 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; background-color: #0060ae; } 

/*버튼 공통*/
.Abtn .more { display: inline-flex; width: auto; align-items: center; border: 1px solid var(--crBlack); box-sizing: border-box; color: var(--siteC2); font-size: 16px; padding: .8em 1.5em; overflow: hidden; position: relative; font-weight: 700; } 
.Abtn .more.white { border: 1px solid #fff; color: #fff; transition: all 0.2s; } 
.Abtn .more.white:hover { border: 1px solid var(--crBlack); } 
.Abtn .more.round { border-radius: 70px; } 
.Abtn .more:before { content: ""; display: inline-block; position: absolute; top: 0; left: 0; height: 100%; width: 0; z-index: 1; background-color: var(--siteC2); transition: all 0.5s; background-color: #222; } 

.Abtn .more.c1:hover:before { background-color: var(--siteC); color: #fff; } 
.Abtn .more.c1:hover { border: 1px solid var(--siteC); } 

.Abtn .more.s1 { font-size: .9em; } 
.Abtn .more.s2 { font-size: .85em; } 

.Abtn .more > span { position: relative; z-index: 2; } 
.Abtn .more:hover { color: #fff; } 
.Abtn .more:hover::before { width: 100%; } 
.Abtn .more > .xi { padding-left: .65em; position: relative; z-index: 2; } 

.Abtn .more.st1 { border: none; padding: 0em; font-weight: 500; font-size: 1.25em; border-radius: 0; color: #eee; } 
.Abtn .more.st1:before { top: unset; bottom: 0; width: 0%; height: 3px; background: rgba(255, 255, 255, .65); content: ''; transition: .3s all; } 
.Abtn .more.st1:hover:before { width: 100%; } 

/**/
.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 { height: 100vh;position: relative; } 
.visualSlide { height: 100%; } 
.visualSlide .el { position: relative; overflow: hidden; height: 100%; } 
.visualSlide .el .bg { position: absolute; left: 0; top: 0; width: calc(100% + 6em); height: 100%; opacity: 0; transition: 2s, opacity 4s; } 
.visualSlide .el .bg:after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .5); } 
.visualSlide .el.swiper-slide-active .bg,
.visualSlide .el.swiper-slide-duplicate-active .bg { left: -3em; opacity: 1; transition: 3s, opacity 1s; } 


.visualSlideSlogan_wrap { position: absolute; left: 0; width: 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 { text-align: center; margin-bottom: auto; transform: translateY(-150%); box-sizing: border-box; padding: 0 5vw } 
.visualSlide_wrap .slogan .t1 { font-size: 1.875em; font-weight: 300 } 
.visualSlide_wrap .slogan .t2 { font-size: 4.25em; font-weight: 800; letter-spacing: -0.04em; word-spacing: .125em; margin: .225em 0 .375em 0; line-height: 1.2 } 
.visualSlide_wrap .slogan .t3 { font-size: 1.375em; line-height: 1.6 } 
.visualSlide_wrap .slogan .ani { overflow: hidden } 
.visualSlide_wrap .slogan .ani > i { transform: translateY(200%); } 
.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 } 
.load .visualSlide_wrap .slogan .ani.d3 > i { transition-delay: 1.5s } 
.visualSlide_control { margin-top: 2em; display: flex; align-items: flex-end; width: 100% } 
.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 } 


.visualSlideSlogan_wrap .slogan .load_txt { font-size: 3.15em; font-weight: 500; color: transparent; opacity: 0; text-shadow: 0 0 16px white; } 

.mainScroll { color: #fff } 
.mainScroll .line { position: relative; display: block; height: 4em; overflow: hidden } 
.mainScroll .line:before { content: ""; position: absolute; left: 50%; top: 0; height: 100%; width: 1px; background: #fff; } 
.mainScroll .dot { position: absolute; left: 50%; transform: translateX(-50%); top: 0; width: .5em; height: .5em; background: #fff; border-radius: 50% } 
.mainScroll .tt { display: block; transform: rotate(90deg); font-size: .75em; margin: 0 0 2.5em 0 } 
.mainScroll .tt .xi { font-size: 1.5em; margin-right: .25em } 

.main_box { padding: 6em 0; overflow: hidden } 
.main_box.bg1 { background: #f5f5f5 } 

.main_tit { margin-bottom: 2em; display: flex; flex-direction: column; gap: 1em } 
.main_tit.g1 { gap: 2em } 
.main_tit.hc { align-items: center; text-align: center } 
.main_tit.vc { justify-content: center } 
.main_tit .t1 { font-size: 2.75em; font-weight: 800; } 
.main_tit .t2 { font-size: 2.35em; font-weight: 800; } 
.main_tit .tit1 { font-size: 7.25vw; font-weight: 900; letter-spacing: -.063em; word-spacing: .125em } 
.main_tit .tit1.s1 { font-size: 5.5em } 
.main_tit .tit1.s2 { font-size: 3em } 
.main_tit .tt1 { font-size: 1.25em; line-height: 1.8; font-weight: 500 } 
.main_tit .vodW { position: relative } 
.main_tit .vodW .vod_wrap { position: absolute; left: 0; top: 0; width: 100%; height: 100%; mix-blend-mode: lighten } 
.main_tit .vodW .twrap { background: #fff } 
.main_tit .c1 { opacity: .1 } 

/*메인 서브 타이틀*/
.main_tit { position: relative; } 
.main_tit .icon:before { width: 3.15em; height: 1px; background: var(--siteC); content: ''; } 
.main_tit .icon.white:before { background: #fff; } 
.main_tit .main_subt { margin-bottom: 1em; } 
.main_tit .main_subt .tt { font-size: 1.65em; font-weight: 700; } 
.main_tit .main_subt .tt.ffEN { font-size: 2.15em; font-weight: 700; } 
.main_tit .icon { display: inline-flex; align-items: center; gap: 1em; } 

.mainFlex { display: flex; gap: 4em; align-items: flex-start; position: relative; box-sizing: border-box } 
.mainFlex .wrapTit { width: 30%; position: sticky; left: 0; top: 0; padding: 5em 0; box-sizing: border-box } 
.mainFlex .wrapCon { flex: 1 1 0%; min-width: 0 } 



/*메인 법인 구성원*/
.career_wrap { position: relative; } 
.career_wrap .car_tit { text-align: center; } 
.career_wrap .car_tit .tit { font-size: 4.15em; font-weight: 600; margin-bottom: .5em; } 
.career_wrap .car_tit .txt { font-size: 1.45em; font-weight: 400; color: #333; line-height: 1.6; } 

.career_wrap .career_list { padding-top: 4em; } 
.career_wrap .career_list > li { } 
.career_wrap .career_list > li > .in { padding: 3.5em 3em; margin: 0 0 2em 2em; box-shadow: 1px 0 25px rgba(0, 0, 0, .1); box-sizing: border-box; background: #f9f9f9; text-align: center; } 
.career_wrap .career_list > li > .in .icon { text-align: center; padding-bottom: 1em; } 
.career_wrap .career_list > li > .in .icon > img { width: 3em; opacity: .9; } 
.career_wrap .career_list > li > .in .en_tit { font-size: 1.415em; font-weight: 700; color: var(--siteC3); padding-bottom: 2em; } 
.career_wrap .career_list > li > .in .kr_tit { font-size: 1.1em; font-weight: 600; color: #444; } 
.career_wrap .career_list > li > .in .point { padding-bottom: 1.5em; } 
.career_wrap .career_list > li > .in .point .aniNum { font-size: 3.65em; font-weight: 900; color: var(--siteC); } 

/*메인 비즈니스*/
.business_wrap { position: relative; } 
.business-contents { position: relative; width: 100%; } 
.main-business-wrapper ul { overflow: hidden; position: relative; width: 100%; } 
.main-business-wrapper ul { display: -webkit-box; display: -ms-flexbox; display: flex; flex-direction: row; -webkit-box-align: start; -ms-flex-align: start; align-items: start; justify-content: space-between; } 
.main-business-wrapper li { width: 20%; } 
.main-business-wrapper li a { overflow: hidden; position: relative; display: block; width: 100%; height: 100%; color: #fff; } 
.main-business-wrapper li a .tit { position: absolute; bottom: 0; left: 0; width: 100%; height: 50%; text-align: center; line-height: 1; font-size: 21px; font-weight: 600; letter-spacing: 0px; z-index: 2; } 
.main-business-wrapper li a .tit span { position: absolute; display: block; bottom: 27px; width: 100%; } 
.main-business-wrapper li a .bg_box { position: relative; overflow: hidden; display: block; content: ""; top: 0; left: 0; width: 100%; height: 370px; background-position: 0 0; background-repeat: no-repeat; } 
.main-business-wrapper li a:before { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .1); content: ''; z-index: 1; } 
.main-business-wrapper li a .txt_box { opacity: 0; display: block; position: absolute; bottom: 48px; left: 0; padding-left: 36px; padding-right: 8px; width: 100%; box-sizing: border-box; z-index: 2; } 
.main-business-wrapper li a .txt_box dt { line-height: 1; font-size: 22px; font-weight: 600; } 
.main-business-wrapper li a .txt_box dd { font-size: 16px; line-height: 166%; letter-spacing: -1px; word-break: keep-all; font-weight: 200; width: 100%; text-shadow: 0 0 15px rgb(0 0 0 / 80%); } 
.main-business-wrapper li { transition: all 0.3s ease-out; } 
.main-business-wrapper li a .tit span { transition: all 0.2s ease-out; } 
.main-business-wrapper li a .txt_box { transition: all 0.2s ease-out; } 
.main-business-wrapper ul:hover li.on { transition: all 0.3s ease-out; width: 440px; } 
.main-business-wrapper ul:hover li.on a .tit span { transition: all 0.1s ease-out; opacity: 0; } 
.main-business-wrapper ul:hover li.on a .txt_box { transition: all 0.6s ease-out; opacity: 1; } 
.main-business-wrapper li a .bg_box:before { display: block; content: ""; opacity: 0; transition: all 0.3s ease-out; position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0.3) 55%, rgba(0, 0, 0, 0.5) 75%, rgba(0, 0, 0, 0.8) 98%); } 
.main-business-wrapper li.on a .bg_box:before { opacity: 1; } 

/*메인 빠른상담*/
.main_submit { padding: 3em 0; background: var(--siteC); } 
.main_submit .formSt { display: flex; flex-wrap: wrap; gap: .75em; } 
.main_submit .formSt > li { width: 100% } 
.main_submit .formSt > li.w1 { width: calc(50% - .39em) } 
.main_submit .formSt .wrap_in { display: flex; align-items: center; gap: 1em; } 
.main_submit .formSt .wrap_in > * { flex: 1 1 0%; min-width: 0 } 
.main_submit .formSt .wrap_in .filebox { flex: none; width: 100%; } 
.main_submit .formSt .wrap_in .filebox label { border-radius: .3em; } 
.main_submit .formSt .input_st { background: unset; color: #fff; font-size: .95em; border-radius: 3px; font-weight: 500; height: 55px; } 
.main_submit .formSt .input_st.textarea { min-height: 60px; } 
.main_submit .formSt .input_st::placeholder { color: #fff; opacity: .85 } 
.main_submit .formSt .btnW .link { padding: .25em 1.25em; border-radius: 2em; border: 1px solid rgba(0, 0, 0, .3); font-size: .875em; font-weight: 500 } 
.main_submit .formSt .btnW .btn { margin-left: auto; border-width: 3px } 
.submit_from .con .btn_con { margin-top: 1em; } 
.submit_from .con .btn_con .iq { border: none; width: 100%; height: 55px; background: var(--siteC5); color: #fff; font-weight: 700; } 
.submit_wrap { gap: 4em; height: 100%; } 
.submit_wrap .sub_tit { color: #fff; margin-bottom: 1em; align-items: center; } 
.submit_wrap .sub_tit .con_btn { align-items: center; } 
.submit_wrap .sub_tit .tit { font-size: 1.65em; font-weight: 700; } 
.submit_wrap .sub_tit .en_tit { text-transform: uppercase; font-size: 1em; font-weight: 500; padding-top: .5em; } 
.submit_wrap .submit_from { flex: 1 1 40%; } 
.submit_wrap .submit_list { position: relative; flex: 1 1 60%; height: auto;/* border-bottom: 1px solid #ddd;*/ } 
.submit_wrap .submit_list .consulting_list { } 
.submit_wrap .submit_list .consulting_list > li { padding: .85em; border-bottom: 1px solid rgba(255, 255, 255, .3); } 
.submit_wrap .submit_list .consulting_list > li:first-of-type { border-top: 1px solid rgba(255, 255, 255, .8); } 
.submit_wrap .submit_list .consulting_list > li:last-of-type { border-bottom: none; } 
.submit_wrap .submit_list .consulting_list > li > .in { color: #fff; align-items: center; } 
.submit_wrap .submit_list .consulting_list > li > .in:hover .infoC > span { text-decoration: underline; } 
.submit_wrap .submit_list .consulting_list > li > .in .infoC { gap: .5em; } 
.submit_wrap .submit_list .consulting_list > li > .in .infoC > .xi { font-size: 1.15em; } 
.submit_wrap .submit_list .consulting_list > li > .in .infoC > span { font-size: .95em; font-weight: 600; } 
.submit_wrap .submit_list .consulting_list > li > .in .date { font-weight: 500; opacity: .75; font-size: .85em; } 

.submit_wrap .submit_list .nocon { height: 13em; } 
.submit_wrap .submit_list .nocon .xi { font-size: 3em; } 

/*메인 온라인 상담*/
.main_inquiry { position: relative; } 
.main_inquiry:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .7); content: ''; } 
.IqSlide_wrap { position: relative; } 
.IqSlide { position: relative; } 
.IqSlide .el { display: flex; height: auto; cursor: pointer; } 
.IqSlide .wrap_in { flex: 1; gap: 1.5em; padding: 2.5em 2em 2em; background: #fff; transition: box-shadow .2s; } 
.IqSlide .wrap_in .cate .tt { display: inline-block; font-size: .85em; padding: .375em 1.25em; border-radius: 5px; background: var(--siteC); color: #fff; } 
.IqSlide .wrap_in .cate .c1 { background: var(--siteC); } 
.IqSlide .wrap_in .cate .c2 { background: var(--siteC3); } 
.IqSlide .wrap_in .tit { gap: .5em; } 
.IqSlide .wrap_in .tit .t2 { font-size: 1.188em; font-weight: 600; } 
.IqSlide .wrap_in .date .xi { transition: .2s; } 
.IqSlide .wrap_in:hover { box-shadow: 0 2px 1em rgba(0, 0, 0, .07); } 
.IqSlide .wrap_in:hover .date .xi { color: var(--siteC3); transform: translateX(.5em); } 

/*메인 대표노무사*/
.in:hover .bt_more > .xi { animation: left-right .7s infinite alternate; -webkit-animation: left-right .7s infinite alternate; -ms-animation: left-right .7s infinite alternate; -o-animation: left-right .7s infinite alternate; } 
@keyframes left-right { 
 from { transform: translate3d(10px, 0, 0); } 
 to { transform: translate3d(0, 0, 0); } 
 }
.main_member { } 
.main_member .mem_list { } 
.main_member .mem_list > li { } 
.main_member .mem_list > li > .in { position: relative; margin: 0 0 2em 2em; display: block; } 
.main_member .mem_list > li > .in:before { position: absolute; width: 100%; height: 100%; background: var(--siteC); content: ''; opacity: 0; z-index: 1; transition: linear .25s; content: ''; } 
.main_member .mem_list > li > .in:hover:before { opacity: .5; transition: linear .25s; } 
.main_member .mem_list > li > .in .thum { position: absolute; top: 50%; left: 50%; font-weight: 700; color: #fff; font-size: 1.15em; transform: translate(-50%, -50%); opacity: 0; z-index: 2; } 
.main_member .mem_list > li > .in:hover .thum { opacity: 1; transition: linear .25s; } 
.main_member .mem_list > li > .in:hover .img_con > img { transform: scale(1.05); } 
.main_member .mem_list > li > .in > .img_con { width: 100%; height: 55vh; overflow: hidden; } 
.main_member .mem_list > li > .in > .img_con > img { width: 100%; height: 100%; object-fit: cover; transition: .5s all; } 
.main_member .mem_list > li > .in > .tBox { padding: 15px 0; text-align: center; background: var(--siteC); } 
.main_member .mem_list > li > .in > .tBox dl { color: #fff; } 
.main_member .mem_list > li > .in > .tBox dl dt,
.main_member .mem_list > li > .in > .tBox dl dd { display: inline-block; vertical-align: middle; color: #fff; } 
.main_member .mem_list > li > .in > .tBox dl dd { position: relative; font-size: 20px; padding-left: 20px; font-weight: 500; margin-left: 20px; } 
.main_member .mem_list > li > .in > .tBox dl dt { font-size: 1.65em; font-weight: 800; } 
.main_member .mem_list > li > .in > .tBox dl dd:before { display: block; content: ''; width: 2px; height: 20px; background: #727272; position: absolute; top: 50%; left: 0; margin-top: -10px; } 

.main_member { } 
.main_member .mem_list2 { } 
.main_member .mem_list2 > li { } 
.main_member .mem_list2 > li > .in { position: relative; margin: 0 0 2em 2em; display: block; } 
.main_member .mem_list2 > li > .in:before { position: absolute; width: 100%; height: 100%; background: var(--siteC); content: ''; opacity: 0; z-index: 1; transition: linear .25s; content: ''; } 
.main_member .mem_list2 > li > .in:hover:before { opacity: .5; transition: linear .25s; } 
.main_member .mem_list2 > li > .in .thum { position: absolute; top: 50%; left: 50%; font-weight: 700; color: #fff; font-size: 1.15em; transform: translate(-50%, -50%); opacity: 0; z-index: 2; } 
.main_member .mem_list2 > li > .in:hover .thum { opacity: 1; transition: linear .25s; } 
.main_member .mem_list2 > li > .in:hover .img_con > img { transform: scale(1.05); } 
.main_member .mem_list2 > li > .in > .img_con { width: 100%; height: 45vh; overflow: hidden; } 
.main_member .mem_list2 > li > .in > .img_con.st2 { width: 100%; height: 55vh; overflow: hidden; } 
.main_member .mem_list2 > li > .in > .img_con > img { width: 100%; height: 100%; object-fit: cover; transition: .5s all; } 
.main_member .mem_list2 > li > .in > .tBox1 { padding: 15px .3em; text-align: center; background: var(--siteC); box-sizing: border-box; } 
.main_member .mem_list2 > li > .in > .tBox1 dl { color: #fff; } 
.main_member .mem_list2 > li > .in > .tBox1 dl dt,
.main_member .mem_list2 > li > .in > .tBox1 dl dd { display: inline-block; vertical-align: middle; color: #fff; } 
.main_member .mem_list2 > li > .in > .tBox1 dl dd { position: relative; font-size: 20px; padding-left: 10px; font-weight: 500; margin-left: 10px; } 
.main_member .mem_list2 > li > .in > .tBox1 dl dt { font-size: 1.4em; font-weight: 800; } 
.main_member .mem_list2 > li > .in > .tBox1 dl dd:before { display: block; content: ''; width: 2px; height: 20px; background: #727272; position: absolute; top: 50%; left: 0; margin-top: -10px; } 

/*메인 텍스트 슬라이드*/
.marqueeAni { animation-name: marqueeAni; animation-duration: 30s; animation-timing-function: linear; animation-iteration-count: infinite } 
@keyframes marqueeAni { 
 0% { transform: translateX(0); } 
 100% { transform: translateX(-50%); } 
 }
.page_mq { overflow: hidden; } 
.page_mq .mqTT { display: flex; flex-shrink: 0; white-space: nowrap; text-transform: uppercase; } 
.page_mq .mqTT.bod { border-top: 1px solid #f1f1f1; border-bottom: 1px solid #f1f1f1; } 
.page_mq .mqTT.c1 { color: #f4f4f4; } 
.page_mq .mqTT.c2 { color: var(--siteC4); } 
.page_mq .mqTT > * { margin: 0 .375em; } 
.page_mq .mqTT .name { margin: 0 .375em 0 0; } 
.page_mq .mv_tit { } 
.page_mq .mv_tit .tit { font-weight: 900; } 
.page_mq .mv_tit .tit.fs1 { font-size: 7.45em; } 

/*메인 언론보도*/

/*메인 언론보도 탭 버튼*/
.main-tab { } 
.main-tab > li { flex: 1 1 10%; max-width: 10%; flex-wrap: wrap; } 
.main-tab > li > .in { position: relative; margin: 0 0 1em 1em; padding: .65em 0; font-size: 1em; font-weight: 600; border-bottom: 2px solid rgba(255, 255, 255, .3); color: #ccc; text-align: center; cursor: pointer; transition: .3s; } 
.main-tab > li > .in:hover,
.main-tab > li.on > .in { border-bottom: 2px solid rgba(255, 255, 255, 1); color: #fff; } 
.main-tab > li .tab-btn { font-size: 1.125em; width: 100%; text-align: center; font-weight: 600; } 

.main_customer { position: relative; } 
.main_customer:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ''; } 
.main_customer .customer_wrap { } 
.main_customer .customer_wrap .customer_list { } 
.main_customer .customer_wrap .customer_list > li { } 
.main_customer .customer_wrap .customer_list > li > .in { border-top: 1px solid rgba(255, 255, 255, 0.2); display: block; } 
.main_customer .customer_wrap .customer_list > li > .in .info_con { } 
.main_customer .customer_wrap .customer_list > li > .in .info_con .type { margin-top: 1.5em; display: inline-block; padding: .5em 1.5em; color: #fff; font-weight: 800; border-radius: 5px; font-size: 1.05em; } 
.main_customer .customer_wrap .customer_list > li > .in .info_con .type.c1 { background: var(--siteC3); } 
.main_customer .customer_wrap .customer_list > li > .in .info_con .type.c2 { background: var(--siteC5); display: none;} 
.main_customer .customer_wrap .customer_list > li > .in .title { margin: 1.5em 0; } 
.main_customer .customer_wrap .customer_list > li > .in .title .tt { font-size: 1.365em; font-weight: 700; color: #fff; } 
.main_customer .customer_wrap .customer_list > li > .in > .img_con { width: 100%; height: 25vh; overflow: hidden; } 
.main_customer .customer_wrap .customer_list > li > .in > .img_con > img { width: 100%; height: 100%; object-fit: cover; filter: grayscale(1); transition: .3s all; } 
.main_customer .customer_wrap .customer_list > li > .in:hover .img_con > img { transform: scale(1.05); filter: grayscale(0); } 

/*메인 뉴스*/
.btn-more { display: inline-flex; flex-shrink: 0; align-items: center; gap: 0 10px; position: relative; font-weight: 600; color: #fff; font-size: .9em; } 
.btn-more .readM { color: #888; } 
.btn-more:before { content: ""; position: absolute; top: 50%; font-size: .9em; right: 0; width: 25px; height: 25px; border-radius: 20px; background-color: #eee; transform: translateY(-50%); transition: background-color .3s; } 
.btn-more:hover:before { background-color: var(--siteC3); } 

.mainNewsSlide_wrap { overflow: hidden; } 
.mainNewsSlide { overflow: visible !important } 
.mainNewsSlide .el .wrap_in { overflow: hidden; background: #fff; cursor: pointer; } 
.mainNewsSlide .el .wrap_in .type { margin: 1.25em 0 1em 0; } 
.mainNewsSlide .el .wrap_in .type > .tt { color: var(--siteC3); font-size: 1em; font-weight: 700; } 
.mainNewsSlide .el .wrap_in .tit_Con { min-height: 4.5em; margin: 1em 0; padding-bottom: 1em; border-bottom: 1px solid #e8e8e8; transition: .3s; } 
.mainNewsSlide .el .wrap_in .tit_Con .tit { line-height: 1.6; font-size: 1.375em; font-weight: 600; text-overflow: ellipsis; overflow: hidden; word-break: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } 
.mainNewsSlide .el .wrap_in .btm_Con { color: #888; } 
.mainNewsSlide .el .wrap_in .btm_Con .time { align-items: center; } 
.mainNewsSlide .el .wrap_in .btm_Con .time > .xi { margin-right: .2em; } 
.mainNewsSlide .el .wrap_in .btm_Con .time > .date { font-size: 1em; } 
.mainNewsSlide .el .wrap_in .btm_Con .more { } 
.mainNewsSlide .el .wrap_in .btm_Con .more .readM { font-weight: 800; font-size: 1.1em; } 
.mainNewsSlide .el .wrap_in .btm_Con .more .xi { display: inline-flex !important; justify-content: center; align-items: center; position: relative; width: 25px; height: 25px; z-index: 10; } 

.mainNewsSlide .el .wrap_in:hover .tit_Con { border-bottom: 1px solid var(--siteC3); transition: .3s; } 
.mainNewsSlide .el .wrap_in:hover .btm_Con .btn-more:before { background-color: var(--siteC3); } 
.mainNewsSlide .el .wrap_in .img_wrap { position: relative; overflow: hidden; } 
.mainNewsSlide .el .wrap_in .img_wrap:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; background-color: #0c5e9e; transition: opacity 0.3s; } 
.mainNewsSlide .el .wrap_in:hover .img_wrap:after { opacity: .3; } 
.mainNewsSlide .el .wrap_in .img_wrap .resize { transition: .3s; } 
.mainNewsSlide .el .wrap_in:hover .img_wrap .resize { transform: scale(1.1); transition: .3s; } 
.news-slider__mirror { content: ""; position: absolute; top: -20%; left: 0; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.5); -webkit-transition: -webkit-transform 0.6s; transition: transform 0.6s; -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -100%, 0); transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -100%, 0); z-index: 10; } 
.mainNewsSlide .el .wrap_in:hover .news-slider__mirror { -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 100%, 0); transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 120%, 0); } 

/*메인 컨텍트*/
.main_contact { padding: 5em 0; } 

/*sub about*/

.pl10{padding-left: 10px;}
.page_tit > .tit { font-weight: 800; font-size: 3em; display: inline-block; } 
.page_tit > .tit2 { font-weight: 800; font-size: 1.6em; margin-bottom: .5em; color: #000; position: relative; z-index: 100; } 
.page_tit.st2 > .tit2 { font-weight: 800; font-size: 1.3em; margin-bottom: .5em; color: #000; position: relative; z-index: 100; } 
.page_tit > .tit3 { font-weight: 800; font-size: 2.5em; margin-bottom: .8em; color: #000; position: relative; z-index: 100; } 
.page_tit > .tit3.fp {font-family: nanummyeongjo !important; } 
.page_tit > .dib { display: inline-block; } 
.page_txt > .t1 { color: #111; font-size: 1.4em; word-break: keep-all } 
.page_txt.st2 > .t1 { color: #333; font-size: 1.2em; word-break: keep-all; line-height: 1.4; } 
.page_txt.st2 > .t2 { color: #333; font-size: 1.3em; word-break: keep-all; line-height: 1.4; font-weight: 700; } 
.page_txt > .t2 { color: #333; font-weight: 400; font-size: 1em; letter-spacing: 1px; line-height: 1.5; position: relative; z-index: 100; word-break: keep-all } 
.page_txt > .t3 { color: #333; font-size: 1.2em; word-break: keep-all } 
.page_txt > .t4 { color: #333; font-size: 1em; word-break: keep-all; } 
.page_txt > .t5 { color: #333; font-size: .95em; word-break: keep-all; } 
.dott2 { position: relative; } 
.dott2::before { content: ""; position: absolute; top: 0; left: 0%; width: 1.1em; height: 1.1em; background-color: #464D6E; border-radius: 50%; opacity: .3; transform: translateX(-50%); display: none; } 

.dott3 { position: relative; } 
.dott3::before { content: ""; position: absolute; width: 6px; height: 6px; background: #313193; border-radius: 50%; content: ''; top: 10px; left: -10px; } 

.dott4 { position: relative; } 
.dott4::before { content: ""; position: absolute; top: 0; left: 0%; width: .5em; height: .5em; background-color: #464D6E; border-radius: 50%; opacity: .6; transform: translateX(-50%); } 

.dott5 { position: relative; } 
.dott5::before { content: ""; position: absolute; top: 6px; left: 0; width: 3px; height: 3px; background-color: #27326d; border-radius: 50%; opacity: .6; transform: translateX(-50%); } 

.Bdot2 { position: relative; } 
.Bdot2::before { content: ""; position: absolute; top: 6px; left: -10px; width: 5px; height: 15px; background-color: var(--siteC5); border-radius: 30px; } 

.greeting_img { position: relative; z-index: 10; } 
/* .greeting_img::before { content: ""; position: absolute; right: 13%; bottom: -3%; width: 70%; height: 100%; background-color: #D5D6E9; opacity: .6; z-index: 9; } */
.gr_img { max-width: 70%; position: relative; z-index: 10; } 
/* .gr_img::before { content: ""; position: absolute; right: 0; bottom: 0; width: 100%; height: 100%; background-color: #D5D6E9; opacity: .6; z-index: 9; } */


.con > .greeting_list { width: 100%; } 
.con > .greeting_list > li { width: 100%; } 
.con > .greeting_list > li > .in { height: 25em; border-radius: 1em; padding: 1.5em; box-sizing: border-box; position: relative; } 

.con > .greeting_list > li > .in.pic1 { background-image: url(../images/sub/about/greeting01.jpg); background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; } 
.con > .greeting_list > li > .in.pic2 { background-image: url(../images/sub/about/greeting02.jpg); background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; } 
.con > .greeting_list > li > .in.pic3 { background-image: url(../images/sub/about/greeting03.jpg); background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; } 
.con > .greeting_list > li > .in::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.9); z-index: 1; } 
.greeting_box { position: relative; overflow: hidden; } 
/* .greeting_box::before { content: ""; position: absolute; bottom: -25%; right: 0; width: 20em; height: 20em; background-color: #464D6E; border-radius: 50%; opacity: .3; } 
.greeting_box::after { content: ""; position: absolute; bottom: 20%; right: -5%; width: 10em; height: 10em; background-color: #464D6E; border-radius: 50%; opacity: .5; } */
.bgfix33{background-repeat: no-repeat;background-position: 50% 33%;background-size: cover;}
/* Members */
/* .member_con { } 
.member_con .member_wrap { } 
.member_con .member_wrap .member { gap: 1em; } 
.member_con .member_wrap .member > .list { width: 24%; position: relative; cursor: pointer; } 
.member_con .member_wrap .img_sizing { } 
.member_con .member_wrap .img_sizing > img { } 

.member_con .member_wrap .txt_box { background: #2f3292c4; color: #fff; bottom: 0; width: 100%; padding: 1em 1em; box-sizing: border-box; } 
.member_con .member_wrap .txt_box .group { font-size: 1em; margin-bottom: .5em; opacity: .9; } 
.member_con .member_wrap .txt_box .name { font-size: 1.25em; } 
.member_con .member_wrap .txt_box .name b { font-size: 1.5em; } */
.member_con { } 
.member_con .member_wrap { } 
.member_con .member_wrap .member { gap: 4em; } 
.member_con .member_wrap .member > .list { width: calc(50% - 4em); position: relative; padding-bottom: 1em; border-bottom: 1px solid #aaa; transition: .35s; box-sizing: content-box; padding-bottom: 2em;} 
.member_con .member_wrap .member > .list.h23 { height: 23em;} 
.member_con .member_wrap .member > .list.st2 { width: calc(50% - 4em); position: relative; padding-bottom: 1em; border-bottom: none; } 
.member_con .member_wrap .member > .list.st3 { width: 45%; position: relative; padding-bottom: 1em; border-bottom: none; } 
.member_con .member_wrap .member > .list:hover { border-bottom: 1px solid; border-color: #2f3292; } 
.member_con .member_wrap .member > .list.st2:hover { border-bottom: none; border-color: #2f3292; } 
/* .member_con .member_wrap .member > .list:nth-child(5) .view,
.member_con .member_wrap .member > .list:nth-child(6) .view{display: none;} */
.member_con .member_wrap .list_wrap { height: 100%; } 
.member_con .member_wrap .img_sizing { overflow: hidden; flex: 1 1 45%; box-shadow: 0 0 10px rgb(0, 0, 0, 0.1); max-height: none !important; } 
.member_con .member_wrap .img_sizing.mh20 { max-height: 20em; } 
.member_con .member_wrap .img_sizing > img { transition: .35s; object-fit: cover; height: 100%; } 

.member_con .member_wrap .txt_box { width: 100%; padding: 0 1em 1em 2em; box-sizing: border-box; transition: .35s; flex: 1 1 55%; position: relative; height: 100%; } 
.member_con .member_wrap .txt_box .title { padding-bottom: .5em; border-bottom: 1px solid #aaa; } 
.member_con .member_wrap .txt_box .info { padding: 1em 0 0 2em; } 
.member_con .member_wrap .txt_box .info > li { position: relative; color: #555; margin: 1em 0; word-break: break-all; } 
.member_con .member_wrap .txt_box .info > li:before { content: ''; width: 5px; height: 5px; position: absolute; background: #2f3292; top: 5px; left: -1em; border-radius: 50%; } 
.member_con .member_wrap .list:hover .txt_box { } 
.member_con .member_wrap .txt_box .group { font-size: 1em; margin-bottom: .5em; opacity: .8; color: #2f3292 } 
.member_con .member_wrap .txt_box .name { font-size: 1.5em; position: relative; color: #888; display: flex; align-items: flex-end; } 
.member_con .member_wrap .txt_box.st2 .name { font-size: .9em; } 
.member_con .member_wrap .txt_box .name b { color: #222; padding-right: 10px; font-size: 2rem; } 
.member_con .member_wrap .txt_box.st2 .name b { color: #222; padding-right: 10px; font-size: 1.5rem; } 
.member_con .member_wrap .member > .list .view { position: absolute; right: 10%; opacity: 0; visibility: hidden; transition: .35s; font-weight: 300; bottom: 5%; color: #2f3292; } 
.member_con .member_wrap .member > .list .view .txt { font-size: 1em; font-weight: 500; } 
.member_con .member_wrap .member > .list .view .xi { font-size: 1em; } 
.member_con .member_wrap .member > .list:hover .view { opacity: 1; visibility: visible; right: 0; } 
.member_con .member_wrap .member > .list:hover .img_sizing > img { transform: scale(1.05) } 


/* Member info */
.mem_info_con { gap: 5em; padding: 1em 0 0 0; } 
.mem_info_con .left { flex: 1 1 40%; height: 700px; } 
.mem_info_con .left .img_sizing { height: 100%; } 
.mem_info_con .left .img_sizing > img { box-shadow: 0 0 30px rgb(0, 0, 0, 0.2); object-fit: cover; height: 100%; width: 100%; } 

.mem_info_con .right { flex: 1 1 60%; } 
.mem_info_con .right .tit_box { margin-bottom: 2.5em; } 
.mem_info_con .right .company { margin-bottom: .5em; } 
.mem_info_con .right .company > p { font-size: 1.75em; color: #2f3292; opacity: .5; font-weight: 600; } 
.mem_info_con .right .name { } 
.mem_info_con .right .name > h1 { font-size: 3em; font-weight: bold; color: #222; } 
.mem_info_con .right .name > h1 b { font-weight: 600; font-size: 2rem; color: #888; } 

.mem_info_con .right .info_wrap { } 
.mem_info_con .right .tab_btn { margin: 0 0 3em 0; } 
.mem_info_con .right .tab_btn > li { flex: 1; padding: 1rem; font-size: 1.25em; color: #555; border: 1px solid #ddd; cursor: pointer; } 
.mem_info_con .right .tab_btn > .tab.on { background: #2f3292; border: none; color: #fff; } 

.mem_info_con .right .career_info { } 
.mem_info_con .right .career_info .list { padding-left: 2.5em; flex-wrap: wrap; display: flex; flex-direction: column; height: 480px; } 
.mem_info_con .right .career_info .list .item { margin-bottom: 1em; width: 48%; } 
.mem_info_con .right .career_info .car_txt { position: relative; font-size: 1em; color: #555; } 
.mem_info_con .right .career_info .car_txt:before { content: ''; position: absolute; background: #2f3292; width: 8px; height: 8px; top: 5px; left: -1.5em; border-radius: 50%; } 

.mem_info_con .right .greetings_info { } 
.mem_info_con .right .greetings_info .list { padding-left: 2.5em; flex-wrap: wrap; display: flex; flex-direction: column; height: 480px; } 
.mem_info_con .right .greetings_info .list .item { margin-bottom: 1em; width: 48%; } 
.mem_info_con .right .greetings_info .car_txt { position: relative; font-size: 1em; color: #555; } 
.mem_info_con .right .greetings_info .car_txt:before { content: ''; position: absolute; background: #2f3292; width: 8px; height: 8px; top: 5px; left: -1.5em; border-radius: 50%; } 

/* .mem_info_con .right .greetings_info { display: none; } */
.mem_info_con .right .greetings_info .txt { font-size: 1.125em; color: #555; line-height: 1.6; } 
.mem_map { margin-top: 5em } 
.mem_map .map_tit_box { margin: 0 0 1em 0; position: relative; } 
.mem_map .map_tit_box:after { content: ''; position: absolute; width: 80%; background: #ddd; height: 2px; right: 0; top: 50%; transform: translateY(-50%); } 
.mem_map .map_tit_box .line { display: inline-block; width: 2em; height: 2px; background: #2f3292; margin: 1.5em 0; } 
.mem_map .map_tit_box .map_tit { font-size: 2em; color: #2f3292; font-weight: 600; } 
.mem_map .map_tit_box .map_tit .xi { font-size: 2rem; } 
.mem_map .map_info_box { border: 1px solid #eee; box-shadow: 0 0 20px rgb(0, 0, 0, 0.1); margin-top: 1em; padding: 1em 5em; font-size: 1.25em; } 
.mem_map .map_info_box .left { flex: 1; } 
.mem_map .map_info_box .right { flex: 1; } 
.mem_map .map_info_box dl { display: flex; padding: 1em 0; box-sizing: border-box; } 
.mem_map .map_info_box dl dt { font-weight: 700; color: #222; width: 20%; } 
.mem_map .map_info_box dl dd { color: #555; padding-left: 1em; width: 80%; } 
.mem_map .map_info_box dl .point { color: #2f3292; font-weight: 700; } 

.members_info .list_wrap { padding: 3em 0; } 
.members_info .list_wrap .go_list { font-size: 1.25em; padding: .5em 2em; box-sizing: border-box; background: #2f3292; color: #fff; border-radius: 5px; } 

/*sub_safe*/
.work_table3 { margin-top: 1em; } 
.work_table3 table { box-shadow: 0 0 20px rgba(0, 0, 0, .1); overflow: hidden; border-radius: 15px; } 
.work_table3 table tr th { color: #fff; background: var(--siteC); border: 1px solid #fff; font-size: 1.15em; height: 1.65em; text-align: center; } 
.work_table3 table.st2 tr th { color: #fff; background: var(--siteC); border: 1px solid #fff; font-size: 1.15em; height: 3em; text-align: center; } 
.work_table3 table.st3 tr th { color: #fff; background: var(--siteC); border: 1px solid #fff; font-size: 1.5em; height: 3em; text-align: center; } 
.work_table3 table tr td { border: 1px solid #eee; background: #fff; color: #fff; text-align: center; font-size: 1.125em; line-height: 1.6; background: #5959bd; padding: 1.5em; } 
.work_table3 table tr td.p_n { padding: .5em; } 
.work_table4 table tr td.bg1 { background: rgba(239, 239, 255, 0.5); color: #222; } 
.work_table3 table tr td.b_none { background: #fff; color: #222; } 
.work_table3 table tr td > p { text-align: left; margin-left: 2em; } 
.work_table3 table tr td > p.ml_n { margin-left: 0em; } 

.work_table3 table tr td > p.t_point { color: #313193; } 
.work_table3 table tr td > p.table3_ttl.t_point { margin-top: .5em; } 
.work_table3 table tr td > p.table3_ttl { margin-top: 1.5em; } 
.work_table3 table tr td > p.table3_list_ttl { text-align: center; margin-left: 0em; font-weight: 600; color: #fff; } 
.work_table3 table tr td > p.table3_dot_ttl { position: relative; } 
.work_table3 table tr td > p.table3_dot_ttl:before { position: absolute; width: 6px; height: 6px; background: #313193; border-radius: 50%; content: ''; top: 10px; left: -16px; } 
.work_table3 table tr td > p:first-of-type.table3_ttl { margin-top: 0em; } 
.work_table3 table tr td > p.table3_txt { position: relative; padding-left: 1.5em; font-size: .9em; color: #444; } 
.work_table3 table tr td > p.table3_txt:before { position: absolute; width: 6px; height: 6px; background: #313193; border-radius: 50%; content: ''; top: 10px; left: 10px; } 

.work_table3 table tr td .box_f { width: 50%; } 
.work_table3 table tr td .box_f > p.t_point { color: #313193; } 
.work_table3 table tr td .box_f > p.table3_ttl.t_point { margin-top: .5em; } 
.work_table3 table tr td .box_f > p.table3_ttl { margin-top: 1.5em; } 
.work_table3 table tr td .box_f > p.table3_list_ttl { text-align: left; margin-left: 0em; font-weight: 600; color: #fff; } 
.work_table3 table tr td .box_f > p.table3_dot_ttl { position: relative; } 
.work_table3 table tr td .box_f > p.table3_dot_ttl:before { position: absolute; width: 6px; height: 6px; background: #313193; border-radius: 50%; content: ''; top: 10px; left: -16px; } 
.work_table3 table tr td .box_f > p:first-of-type.table3_ttl { margin-top: 0em; } 
.work_table3 table tr td .box_f > p.table3_txt { position: relative; padding-left: 1.5em; font-size: .9em; color: #444; display: flex; } 
.work_table3 table tr td .box_f > p.table3_txt:before { position: absolute; width: 6px; height: 6px; background: #313193; border-radius: 50%; content: ''; top: 10px; left: 10px; } 

.work_table3 table tr td .box_f > p:first-of-type.table3_ttl { margin-top: 0em; } 
.work_table3 table tr td .box_f > p.table3_txt2 { position: relative; padding-left: 1.5em; font-size: .9em; color: #444; display: flex; } 
.work_table3 table tr td .box_f > p.table3_txt2.vc { align-items: center; } 
.work_table3 table tr td > p:first-of-type.table3_ttl { margin-top: 0em; } 
.work_table3 table tr td > p.table3_txt3 { position: relative; padding-left: 0; font-size: .9em; color: #444; display: flex; } 
.work_table3 table tr td > p.table3_txt3:before { position: absolute; width: 6px; height: 6px; background: #313193; border-radius: 50%; content: ''; top: 10px; left: -10px; } 


.work_table4 { margin-top: 1em; } 
.work_table4 table { box-shadow: 0 0 20px rgba(0, 0, 0, .1); overflow: hidden; border-radius: 15px; } 
.work_table4 table tr th { color: #fff; background: #2D2C4E; border: 1px solid #fff; font-size: 1.2em; height: 1.65em; text-align: center; font-weight: 800; } 
.work_table4 table.st2 tr th { color: #fff; background: #2D2C4E; border: 1px solid #fff; font-size: 1.2em; height: 2.5em; text-align: center; } 
.work_table4 table.st3 tr th { color: #fff; background: #2D2C4E; border: 1px solid #fff; font-size: 1.2em; height: 3em; text-align: center; } 
.work_table4 table tr td { border: 1px solid #eee; background: #fff; color: #222; text-align: center; font-size: 1em; line-height: 1.6; padding: .5em; } 
.work_table4 table tr td.p_n { padding: .5em; } 
.work_table4 table tr td.bg1 { background: rgba(239, 239, 255, 0.5); color: #222; } 
.work_table4 table tr td.bg2 { background: rgba(248, 248, 255, 0.5); color: #222; } 
.work_table4 table tr td > p { text-align: left; margin-left: 2em; color: #222; } 
.work_table4 table tr td > p.ml_n { margin-left: 0em; } 

.work_table4 table tr td > p.t_point { color: #313193; } 
.work_table4 table tr td > p.table3_ttl.t_point { margin-top: .5em; } 
.work_table4 table tr td > p.table3_ttl { margin-top: 1.5em; } 
.work_table4 table tr td > p.table3_list_ttl { text-align: center; margin-left: 0em; font-weight: 600; color: #fff; } 
.work_table4 table tr td > p.table3_dot_ttl { position: relative; } 
.work_table4 table tr td > p.table3_dot_ttl:before { position: absolute; width: 6px; height: 6px; background: #313193; border-radius: 50%; content: ''; top: 10px; left: -16px; } 
.work_table4 table tr td > p:first-of-type.table3_ttl { margin-top: 0em; } 
.work_table4 table tr td > p.table3_txt { position: relative; padding-left: 1.5em; font-size: .9em; color: #444; } 
.work_table4 table tr td > p.table3_txt:before { position: absolute; width: 6px; height: 6px; background: #313193; border-radius: 50%; content: ''; top: 10px; left: 10px; } 

/* 경원의 장점 */

.slogan_wrap { margin-top: 4em; } 
.slogan_wrap .top { margin-bottom: 8em; } 
.slogan_wrap .midd { margin-bottom: 8em; } 
.slogan_wrap .midd .inn_box { width: 28.3%; } 
.slogan_wrap .inn_box p { font-size: 1.2em; font-weight: 500; display: inline-block; min-width: 11.4em; background: #fff; border: 2px solid var(--siteC2); color: #000; padding: 1em 2em; border-radius: 1em; } 
.slogan_wrap .midd .inn_box .logo { width: 10em; margin: 0 auto; height: 10em; line-height: 10em; background-color: var(--siteC); border-radius: 50%; position: relative; padding: 2em; z-index: 2; } 
.slogan_wrap .midd .inn_box .logo:after { position: absolute; top: -42.5%; left: -41.5%; content: ''; border: 1px solid rgba(51, 51, 51, .3); border-radius: 50%; width: 25.9em; height: 25.9em; } 
.slogan_wrap .midd .logo img { filter: var(--crWhitefil); transform: translateY(20px); } 
.slogan_wrap .left_box { margin-right: 5em; } 
.slogan_wrap .left_box .logo { width: 10em; margin: 0 auto; height: 10em; line-height: 10em; background-color: #fff; border-radius: 50%; position: relative; padding: 2em; z-index: 2; } 
/*.slogan_wrap .left_box .logo:after { position:absolute; top: -8.5%; left: -20.5%; content:''; border:1px solid rgba(51,51,51,.3); border-radius:50%; width:16.9em; height:16.9em; } */
.slogan_wrap .right_box { } 
.slogan_wrap .right_box .inn_box { margin-bottom: 1em; } 

.circle { position: absolute; top: 0; left: 0; background-color: inherit; border: 1px solid var(--siteC2); height: 100%; width: 100%; border-radius: 100%; opacity: 0.5; animation: pulse 3s ease-out infinite; z-index: -1; } 
.circle:nth-of-type(1) { animation-delay: -0.5s; } 
.circle:nth-of-type(2) { animation-delay: -1s; } 
.circle:nth-of-type(3) { animation-delay: -1.5s; } 

@keyframes pulse { 100% { transform: scale(1.5); opacity: 0; } 
 }

.slogan_wrap .inn_box { position: relative; } 
.slogan_wrap .inn_box.dot1:before { position: absolute; bottom: -33%; left: 50%; content: ''; width: .5em; height: .5em; background-color: var(--siteC2); border-radius: 50%; } 
.slogan_wrap .inn_box.dot2:before { position: absolute; bottom: 50%; right: 0.5%; content: ''; width: .5em; height: .5em; background-color: var(--siteC2); border-radius: 50%; } 
.slogan_wrap .inn_box.dot3:before { position: absolute; bottom: 50%; left: 2.5%; content: ''; width: .5em; height: .5em; background-color: var(--siteC2); border-radius: 50%; } 
.slogan_wrap .inn_box.dot4:before { position: absolute; top: -40%; left: 50%; content: ''; width: .5em; height: .5em; background-color: var(--siteC2); border-radius: 50%; } 

/* 오시는 길*/
.map_view { border-top: 3px solid #ddd; box-shadow: 0 .25em .5em rgba(0, 0, 0, .2); transition: .3s; padding: 1em; border-radius: 0 0 1em 1em } 
.map_view > div { max-width: 98%; margin: 0 auto; } 
.map_view .tt { padding-bottom: 10px; font-size: 1.063em; color: #222; letter-spacing: -2px; vertical-align: middle; } 
.map_view .xi { vertical-align: middle; font-size: 1.188em; padding-right: 5px; } 
.map_view:hover { border-color: #1b3080; } 

.map_info1 { overflow: hidden; margin-bottom: 20px; box-shadow: 2px 3px 8px -1px #a4a4a4; padding: 1.5em; margin-top: 1em; box-sizing: border-box; border-radius: 1em } 
.map_info1 .t1 span { color: #666; display: inline-block; margin-right: 20px; font-size: .938em; } 
.map_info1 .t1 span.st { } 
.map_info1 .t1 span:last-child { margin-right: 0; } 
.map_info1 .t1 .xi { font-size: 1em; color: #fff; margin-right: 8px; border-radius: 50%; width: 2.2em; height: 2.2em; line-height: 2.2em; text-align: center; background: #313193; } 
.map_info1 .t1 span .stop1 { background: #187ce8; color: #fff; text-align: center; border-radius: 50px; padding: .5em 1em; font-size: .813em; } 

.map_info1 .t1 .st .xi { font-size: 1em; color: #fff; margin-right: 8px; border-radius: 50%; width: 2.2em; height: 2.2em; line-height: 2.2em; min-width: 2.2em; min-height: 2.2em; text-align: center; background: #1b3080; } 
.map_info1 .t1 .st { align-items: center; margin-bottom: 1em; } 
.map_info1 .t1 .map_info_con:last-of-type .st { margin-bottom: 0em; } 
.map_info1 .t1 .st p { color: #111; font-size: .938em; } 

/* hr - 문의안내 */


.stepList_wrap { width: 100%; display: flex; } 
.stepList_wrap.st2 { width: 90%; display: flex; } 
.stepList { gap: 2em 2em; counter-reset: stepNum; width: 100%; } 
.stepList > li { width: calc((100% - 6em) / 4); padding: 1.5em 1em; box-sizing: border-box; border: 1px solid #ddd; border-radius: 1em; position: relative; counter-increment: stepNum; box-shadow: 0 3px 10px rgba(0, 0, 0, .05); } 
.stepList > li.hauto { width: calc((100% - 6em) / 4); padding: 1.5em 1em; height: 17em; box-sizing: border-box; border: 1px solid #ddd; border-radius: 1em; position: relative; counter-increment: stepNum; box-shadow: 0 3px 10px rgba(0, 0, 0, .05); } 
.stepList.st3 { gap: 2em 2em; counter-reset: stepNum; } 
.stepList.st3 > li { width: calc((100% - 6em) / 3); padding: 1.5em 1em; box-sizing: border-box; border: 1px solid #ddd; border-radius: 1em; position: relative; counter-increment: stepNum; box-shadow: 0 3px 10px rgba(0, 0, 0, .05); } 
.stepList.st4 { gap: 2em 2em; counter-reset: stepNum; width: 100%; } 
.stepList.st4 > li { width: calc((100% - 6em) / 4); padding: 1.5em 1em; max-height: 15em; box-sizing: border-box; border: 1px solid #ddd; border-radius: 1em; position: relative; counter-increment: stepNum; box-shadow: 0 3px 10px rgba(0, 0, 0, .05); } 
.stepList > li + li { } 
.stepList > li:after { content: ''; width: 2em; height: 100%; background: url(../images/inc/steps.gif) no-repeat center center; position: absolute; right: calc(-2em - 1px); top: 0; opacity: .5; transform: scale(.8); } 
.stepList > li.none:after { content: ''; width: 0em; height: 100%; background: url(../images/inc/steps.gif) no-repeat center center; position: absolute; right: calc(-2em - 1px); top: 0; opacity: .5; transform: scale(.8); } 
.stepList.st4 > li:after { content: ''; width: 0em; height: 100%; background: url(../images/inc/steps.gif) no-repeat center center; position: absolute; right: calc(-2em - 1px); top: 0; opacity: .5; transform: scale(.8); } 
.stepList > li:first-child { border: 2px solid var(--siteC2) } 
.stepList > li:first-child .txt_wrap .num { color: var(--siteC2) } 
.stepList > li:last-child { border: 2px solid var(--siteC) } 
.stepList.st3 > li { border: 2px solid var(--siteC2) } 
.stepList.st3 > li:first-child .txt_wrap .num { color: var(--siteC2) } 
.stepList.st4 > li { border: 2px solid var(--siteC2) } 
.stepList.st4 > li:first-child .txt_wrap .num { color: var(--siteC2) } 
/* .stepList > li:nth-child(1) { order: 1; } 
.stepList > li:nth-child(2) { order: 2; } 
.stepList > li:nth-child(3) { order: 3; } 
.stepList > li:nth-child(3)::after { width:3em; height:3em; right:50%; top:auto; bottom:-3em; transform:rotate(90deg) translate(0, -50%) } 
.stepList > li:nth-child(n+4):nth-child(-n+6)::after { left:-3em; transform:rotate(180deg) } 
.stepList > li:nth-child(4) { order: 6; } 
.stepList > li:nth-child(5) { order: 5; } 
.stepList > li:nth-child(6) { order: 4; } */
.stepList > li:last-child::after { display: none; } 
.stepList > li .icon_wrap { margin-bottom: 1em; } 
.stepList > li .icon_wrap .icon { display: block; width: 5em; height: 5em; margin: 0 auto; opacity: .85; } 
.stepList > li .txt_wrap { display: flex; flex-direction: column; justify-content: center; gap: 1em; text-align: center; height: 6em; } 
.stepList > li.hauto .txt_wrap { display: block; flex-direction: column; justify-content: center; gap: 1em; text-align: center; height: 6em; } 
.stepList > li .txt_wrap .num { margin-bottom: 5px; font-weight: 600; font-size: .9375em; color: var(--siteC); opacity: .6; } 
.stepList > li .txt_wrap .num::after { content: '0' counter(stepNum) } 
.stepList > li .txt_wrap .tit { font-weight: 600; font-size: 1.125em; color: #333; word-break: keep-all; } 
.stepList > li .txt_wrap .t2 { margin-top: 0.5em; color: #555; font-size: .9375em; } 

.stepList.st3 > li .icon_wrap { margin-bottom: 1em; position: relative; } 
.stepList.st3 > li .icon_wrap .icon { display: block; width: 8em; height: 8em; margin: 0 auto; opacity: .85; position: absolute; right: -25px; bottom: -40px; } 
.stepList.st3 > li .icon_wrap .icon2 { display: block; width: 15em; height: 10em; margin: 0 auto; opacity: .85; position: absolute; right: -16px; bottom: -40px; } 
.stepList.st3 > li .icon_wrap .icon3 { display: block; width: 12em; height: 10em; margin: 0 auto; opacity: .85; position: absolute; right: -16px; bottom: -55px; } 
.stepList.st3 > li .icon_wrap .icon4 { display: block; width: 10em; height: 9em; margin: 0 auto; opacity: .85; position: absolute; right: -16px; bottom: -136px; } 
.stepList.st3 > li .txt_wrap { display: flex; flex-direction: column; justify-content: space-between; gap: 1em; text-align: left; } 
.stepList.st3 > li .txt_wrap.tt2 { display: flex; flex-direction: column; justify-content: center; gap: 1em; text-align: left; } 
.stepList.st3 > li .txt_wrap .num { margin-bottom: 5px; font-weight: 600; font-size: .9375em; color: var(--siteC); opacity: .6; } 
.stepList.st3 > li .txt_wrap .num::after { content: '0' counter(stepNum) } 
.stepList.st3 > li .txt_wrap .tit { font-weight: 600; font-size: 1.125em; color: #333; word-break: keep-all; } 
.stepList.st3 > li .txt_wrap .tit2 { font-weight: 800; font-size: 1.4em; color: #333; word-break: keep-all; } 
.stepList.st3 > li .txt_wrap .t2 { margin-top: 0.5em; color: #555; font-size: .9375em; } 

.icon_txt_list { gap: 1em; counter-reset: stepNum; } 
.icon_txt_list > li { flex: 1 0 calc((100% - 2em) / 3); counter-increment: stepNum; } 
.icon_txt_list > li .in { width: 100%; height: 100%; padding: 2.5em; box-sizing: border-box; border: 1px solid #ddd; border-radius: 1em; background: linear-gradient(180deg, #f4f4f4, #fff); box-shadow: 0 3px 10px rgba(0, 0, 0, .05); position: relative; } 
.icon_txt_list > li .txt { } 
.icon_txt_list > li .txt .tit { margin: 1.5rem 0 1rem; font-weight: 600; font-size: 1.25em; } 
.icon_txt_list > li .txt .tit .num { padding-right: .5em; color: var(--siteC); opacity: .3; } 
.icon_txt_list > li .txt .tit .num::after { content: '0' counter(stepNum); } 
.icon_txt_list > li .txt .tit .tt { display: block; } 
.icon_txt_list > li .txt .desc { font-size: 1.125em; color: #666; } 
.icon_txt_list > li .icon { width: 5em; height: 5em; padding: 1em; box-sizing: border-box; border-radius: 2em; background-color: #fff; box-shadow: 0 0 5px rgba(0, 0, 0, .25); position: absolute; right: 1em; top: 1em; } 
.icon_txt_list > li .icon i.icon_img { display: block; width: 100%; height: 100%; } 

.vision_list { gap: 2em } 
.vision_list > li { display: flex; flex-direction: column; align-items: center; width: calc((100% - 6em) / 4); padding: 3em 2em; box-sizing: border-box; border: 1px solid #ddd; position: relative; } 
.vision_list > li::after { content: ''; width: 20px; height: 20px; border-top: 2px solid #0060ae; border-right: 2px solid #0060ae; position: absolute; right: -1px; top: -1px; } 
.vision_list > li img { display: block; height: 70px; } 
.vision_list > li .tit { margin-top: 20px; font-weight: 500; font-size: 1.3em; color: #0060ae; opacity: .8; text-align: center } 
.vision_list > li .tt { font-weight: 400; font-size: 1em; color: #fff; text-align: center } 
.vision_list li .icon { display: flex; justify-content: center; align-items: center; width: 100px; height: 100px; border-radius: 50%; background-color: var(--red); } 
.vision_list li .icon img { width: 5em; height: 4em; object-fit: contain; } 
.vision_list li .num { margin-bottom: 1em; font-weight: 600; font-size: 1.5em; color: #0060ae; text-align: center; } 
.vision_list li .tt { font-weight: 500; font-size: 1.0625em; line-height: 1.6; color: #333; text-align: center; /*text-shadow:0 1px 1px rgba(255, 255, 255, .25)*/ } 
/*hr - inc */
.txtwrapB { border: 1px #ddd solid; padding: 2em; border-radius: 10px; box-sizing: border-box; } 
.txtwrapB.st2 { border: 1px #ddd solid; padding: 1.5em; border-radius: 10px; box-sizing: border-box; } 
.txtwrapB.st3 { border: 0; padding: 1.5em; border-radius: 10px; box-sizing: border-box; } 
.txtwrapB > .tt1 { font-size: 1.5em; font-weight: 800; display: inline-block; color: #333 } 
.txtwrapB > .tt2 { font-size: 1.15em; font-weight: 500; display: inline-block; color: #555 } 

.imgwrap.Lbox { border: 1px #ddd solid; padding: 2em; border-radius: 10px; } 
.tx_w > .list > .sub_tit { font-size: 1.5em; margin-left: .2em; } 
.txtwrapB > .innerB { padding: 1em; box-sizing: border-box; } 
.txtwrapB > .innerB .bg1 { background-color: #fafafa; padding: 1em; box-sizing: border-box; } 
.txtwrapB > .innerB .brd { border: 1px solid #ddd; padding: 1em; box-sizing: border-box; border-radius: 15px; } 
.tbox > .page_tt { } 
.tbox > .page_tt > .tit1 { font-size: 1.35em; color: #222; padding-bottom: .5em; font-weight: 700; margin-left: 10px; } 
.tbox > .page_tt > .tt1 { font-size: 1em; color: #333; padding-bottom: .5em; font-weight: 500; } 
.tbox > .page_tt > .tt1::before{ top: 7px;}
.tbox > .page_tt > .tt2 { font-size: 1.3em; color: #333; padding-bottom: .5em; font-weight: 700; } 
.tbox > .page_tt > .Bdot { position: relative; } 
.tbox > .page_tt > .Bdot::before { content: ""; position: absolute; top: 4px; left: -10px; width: 5px; height: 15px; background-color: var(--siteC5); border-radius: 30px; } 
.tbox > .page_tt > .Bdot2 { position: relative; } 
.tbox > .page_tt > .Bdot2::before { content: ""; position: absolute; top: 6px; left: -10px; width: 5px; height: 15px; background-color: var(--siteC5); border-radius: 30px; } 
.txtwrapB > .innerB > .box_tit { margin-bottom: 1.5em; word-break: keep-all;} 
.txtwrapB > .innerB > .box_tit > .tit { font-size: 1.8em; font-weight: 700; color: #333; } 
.txtwrapB > .innerB > .box_tit > .tit::before{ top: 14px;}
.txtwrapB > .innerB > .box_tit > .tit2 { font-size: 1.5em; font-weight: 700; color: #333; } 
.txtwrapB > .innerB > .box_tit > .tit3 { font-size: 1.3em; font-weight: 700; color: #333; } 
.txtwrapB > .innerB > .box_tit > .tit4 { font-size: 1.2em; color: #333; } 
.txtwrapB > .innerB > .box_tit > .tit.dotted { position: relative; } 
.txtwrapB > .innerB > .box_tit > .tit.dotted::before { content: ""; position: absolute; top: -5px; left: 0; width: 40px; height: 5px; border-radius: 30px; background-color: var(--siteC); } 
.txtwrapB > .innerB > .txtlist_wrap { border: 1px solid #ddd; padding: 1em; box-sizing: border-box; word-break: keep-all;} 
.txtwrapB > .innerB > .txtlist_wrap.st2 { border: 1px solid #ddd; padding: 2em; box-sizing: border-box; } 
.txtwrapB > .innerB > .txtlist_wrap > li { margin-bottom: 1em; } 
.txtwrapB > .innerB > .txtlist_wrap > li.brbb1 { width:100%; border-bottom: 1px solid #ddd } 
.txtwrapB > .innerB > .txtlist_wrap > li > .tit3 { color: #222; font-size: 1.35em; word-break: keep-all } 
.txtwrapB > .innerB > .txtlist_wrap > li > .tt3 { color: #222; font-size: 1em; word-break: keep-all } 
.txtwrapB > .innerB > .txtlist_wrap > li > .tt3::before{top: 7px;}
.txtwrapB > .innerB > .txtlist_wrap > li .spbox { color: #222; font-size: .95em; padding: .7em; border-bottom: 1px dotted #ddd; } 
.txtwrapB > .innerB > .txtlist_wrap > li .spbox em{display: inline;}
.txtwrapB > .innerB > .txtlist_wrap > li .spbox.nope { color: #222; font-size: .95em; padding: .7em; border-bottom: 0; } 
.txtwrapB > .innerB > .txtlist_wrap > li .spbox.nope.st1{padding: 0.3em;}
.txtwrapB > .innerB > .txtlist_wrap > li .spbox2 { color: #222; font-size: .95em; word-break: keep-all; padding: .7em; } 
.txtwrapB > .innerB > .txtlist_wrap > li > .dotted2 { position: relative; } 
.txtwrapB > .innerB > .txtlist_wrap > li > .dotted2::before { position: absolute; width: 5px; height: 5px; background: #313193; border-radius: 50%; content: ''; top: 6px; left: -10px; } 
.txtwrapB > .innerB > .imglist_wrap { width: 100%; gap: 2em; height: 22em; overflow: hidden; } 
.txtwrapB > .innerB > .imglist_wrap.st2 { width: 100%; gap: 1em; height: auto; overflow: hidden; } 
.txtwrapB > .innerB > .imglist_wrap > img { object-fit: cover; width: 70%; } 
.txtwrapB > .innerB > .imglist_wrap > .img.st1 { border: 1px solid #ddd; border-radius: 10px; } 
.txtwrapB > .innerB > .imglist_wrap > .img.st2 { border: 1px solid #ddd; border-radius: 10px; padding: .5em; box-sizing: border-box; object-fit: contain; } 

.txtlist_wrap { border: 1px solid #ddd; padding: 1em; box-sizing: border-box; } 
.txtlist_wrap.st2 { border: 1px solid #ddd; padding: 2em; box-sizing: border-box; } 
.txtlist_wrap > li { margin-bottom: 1em; } 
.txtlist_wrap > li.brbb1 { width:100%; border-bottom: 1px solid #ddd } 
.txtlist_wrap > li > .tit3 { color: #222; font-size: 1.35em; word-break: keep-all } 
.txtlist_wrap > li > .tt3 { color: #222; font-size: 1.2em; word-break: keep-all } 
.txtlist_wrap > li .spbox { color: #222; font-size: 1em; padding: .7em; border-bottom: 1px dotted #ddd; } 
.txtlist_wrap > li .spbox.nope { color: #222; font-size: 1em; padding: .7em; border-bottom: 0; } 
.txtlist_wrap > li .spbox2 { color: #222; font-size: 1em; word-break: keep-all; padding: .7em; } 
.txtlist_wrap > li > .dotted2 { position: relative; } 
.txtlist_wrap > li > .dotted2::before { position: absolute; width: 5px; height: 5px; background: #313193; border-radius: 50%; content: ''; top: 10px; left: -10px; } 

.box_tit { margin-bottom: 1.5em; } 
.box_tit.st2 { margin-bottom: .5em; } 
.box_tit > .tit { font-size: 1.5em; font-weight: 700; color: #333; } 
.box_tit > .tit2 { font-size: 1.25em; font-weight: 700; color: #333; } 
.box_tit > .tit.dotted { position: relative; } 
.box_tit > .tit.dotted::before { content: ""; position: absolute; top: -5px; left: 0; width: 40px; height: 5px; border-radius: 30px; background-color: var(--siteC); } 


.bar { width: 4.5em; height: 2px; background-color: var(--siteC5); margin: 2em 0; box-sizing: border-box; } 
.bar2 {width: 1.5em;height: 2px;background-color: var(--siteC5);margin: 2em 0;box-sizing: border-box;}
/*summary*/
.box_layerO{padding: 1em; width: 100%; box-sizing: border-box; border: 1px solid #ddd} 
.box_layer{position: relative; width: 30%}
/* .box_layer::before{content: ""; position: absolute; width: 5em; height: 2px; background-color: var(--siteC5);top: 0; right: 0; transform: rotate(-45deg);} */
.box_layer > .box_wrap{width:15em; height: 15em; border-radius: 50%; background-color: var(--siteC);}
.box_layer > .box_wrap > .tt1{line-height:15em; font-size:2.5em; color: #fff;}
 
.cm_wrap.w60{width: 60%;}
.cm_wrap  .inner.w4{width: 40%;}
.cm_wrap  .inner.w6{width: 60%;}
.cm_wrap  .inner > .titbox{width : 15em ; height: 3em; box-sizing:border-box; background-color: #8D97BF; border-radius: 10px; margin-bottom:1em}
.cm_wrap  .inner > .titbox.st2{width : 15em ; height: 8em; box-sizing:border-box; background-color: var(--siteC5); border-radius: 10px; margin-bottom:.5em;}
.cm_wrap  .inner > .titbox .tit{font-size: 1.2em; color: #fff;}

.cm_wrap  .inner > .txtbox{padding: 1em; background-color: #fafafa; border-radius: 10px;}

.bx_wrap { width: 90%; } 
.bx_wrap > li > .in { box-shadow: 3px 3px 20px #ccc; height: 10em; border-radius: 10px; overflow: hidden; } 
.bx_wrap > li > .in > .titWbox { line-height: 3em; background: var(--siteC); font-weight: 700; color: #fff; font-size: 1.2em; } 
.bx_wrap > li > .in > .txtWbox { padding: 2em; box-sizing: border-box; background-color: #fff; height: 8em; } 

.bx_wrap2 { width: 95%; } 
.bx_wrap2 > li > .in { box-shadow: 3px 3px 20px #ccc; min-height: 20em; border-radius: 10px; overflow: hidden; } 
.bx_wrap2 > li > .in.h23 { box-shadow: 3px 3px 20px #ccc; min-height: 23em; border-radius: 10px; overflow: hidden; } 
.bx_wrap2 > li > .in.h40 { box-shadow: 3px 3px 20px #ccc; min-height: 35em; border-radius: 10px; overflow: hidden; } 
.bx_wrap2 > li > .in > .titWbox { line-height: 3em; background: var(--siteC); font-weight: 700; color: #fff; font-size: 1.2em; } 
.bx_wrap2 > li > .in > .txtWbox { padding: 1.5em; box-sizing: border-box; background-color: #fff; height: 8em; } 
.bx_wrap2 > li > .in > .txtWbox > p { padding-bottom: .5em; } 

.bx_wrap3 { width: 100%; } 
.bx_wrap3 > li > .in { box-shadow: 3px 3px 20px #ccc; min-height: 16.5em; border-radius: 10px; overflow: hidden; } 
.bx_wrap3 > li > .in.h40 { box-shadow: 3px 3px 20px #ccc; min-height: 35em; border-radius: 10px; overflow: hidden; } 
.bx_wrap3 > li > .in > .titWbox { height: 4em; background: var(--siteC); font-weight: 700; color: #fff; font-size: 1.2em; display: flex; align-items: center; justify-content: center;} 
.bx_wrap3 > li > .in > .txtWbox { padding: 1.5em; box-sizing: border-box; background-color: #fff; height: 8em; } 
.bx_wrap3 > li > .in > .txtWbox > p { padding-bottom: .3em; padding-left: .5em; display: inline-block; text-align: left !important; word-break: keep-all;} 

.bx_wrap4 { width: 100%; } 
.bx_wrap4 > li > .in { box-shadow: 3px 3px 20px #ccc; min-height: 10em; border-radius: 10px; overflow: hidden; } 
.bx_wrap4 > li > .in.h40 { box-shadow: 3px 3px 20px #ccc; min-height: 35em; border-radius: 10px; overflow: hidden; } 
.bx_wrap4 > li > .in > .titWbox { height: 4em; background: var(--siteC); font-weight: 700; color: #fff; font-size: 1.2em; display: flex; align-items: center; justify-content: center;} 
.bx_wrap4 > li > .in > .txtWbox { padding: 1.5em; box-sizing: border-box; background-color: #fff; height: auto; display: flex;flex-direction: column;align-items: center;
justify-content: center;} 
.bx_wrap4 > li > .in > .txtWbox > p { padding-bottom: .3em; padding-left: .5em; } 




/**/
.pageAwrap { } 
.pageAwrap > .pageA_list { width: 100%; } 
.pageAwrap > .pageA_list > li:first-child { border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; } 
.pageAwrap > .pageA_list > li { border-top: 0; border-bottom: 1px solid #ddd; } 
.pageAwrap > .pageA_list > li > .in { gap: 3em; width: 100%; padding: 1em; box-sizing: border-box; } 
.pageAwrap > .pageA_list > li > .in > div { width: 45%; gap: 1.5em; } 
.pageAwrap > .pageA_list > li > .in > div > .imgw { width: 50%; border-radius: 30px; overflow: hidden; box-shadow: 2px 2px 3px #ddd; height: 10em; } 
.pageAwrap > .pageA_list > li > .in > div > .imgw.bg1 { background: #ebedf7; } 
.pageAwrap > .pageA_list > li > .in > div > .imgw.bg2 { background: #b9bfdd; } 
.pageAwrap > .pageA_list > li > .in > div > .imgw.bg3 { background: #d6dbf4; } 
.pageAwrap > .pageA_list > li > .in > div > .txtw { width: 40%; word-break: keep-all;} 
.pageAwrap > .pageA_list > li > .in > div > .txtw > .t1 { font-size: 1.1em;} 
.pageAwrap > .pageA_list > li > .in > div > .txtw > .t2 { font-size: 1.4em; position: relative; display: inline-block; } 
.pageAwrap > .pageA_list > li > .in > div > .txtw > .t2::before { position: absolute; left: 0; bottom: 0; content: ''; background: #376ed5; opacity: .2; width: 100%; height: 14px; z-index: -1; border-radius: 2em; } 

.txt_wrap .barL { font-size: 1.35em; position: relative; display: inline-block; } 
.txt_wrap .barL::before { position: absolute; left: 0; bottom: 0; content: ''; background: #376ed5; opacity: .2; width: 100%; height: 14px; z-index: -1; border-radius: 2em; } 

.arrowW > .xi { font-size: 3em; transform: rotate(90deg); color: #2D2C4E; } 
.barlist { width: 100%; } 
.barlist > li { padding: .3em 0; box-sizing: border-box; } 
.barlist > li > .in.tit { width: 100%; background: #5959BD; text-align: center; padding: .7em 0; box-sizing: border-box; color: #fff; font-weight: 700; font-size: 1.4em; border-radius: 10px; } 
.barlist > li > .in.w1 { width: calc(100% - 2em); background: #e6e6e6; display: flex; align-items: center; justify-content: center; text-align: center; height: 5em; line-height: 1.5; box-sizing: border-box; color: #111; font-size: 1.1em; border-radius: 10px; } 
.barlist > li > .in.w2 { width: calc((100% - 2em) / 2); background: #e6e6e6; display: flex; align-items: center; justify-content: center; text-align: center; height: 5em; line-height: 1.5; box-sizing: border-box; color: #111; font-size: 1.1em; border-radius: 10px; } 
.barlist > li > .in.w3 { width: calc((98% - 2em) / 3); background: #e6e6e6; display: flex; align-items: center; justify-content: center; text-align: center; height: 5em; line-height: 1.5; box-sizing: border-box; color: #111; font-size: 1.1em; border-radius: 10px; } 

.boxlist { width: 100%; } 
.boxlist > li { } 
.boxlist > li >.inner { background-color: #fafafa; overflow:hidden; border-radius:10px; height: 30em; box-shadow: 2px 2px 5px #ddd; } 
.boxlist > li >.inner.h25 { border: 1px solid #ddd; overflow:hidden; border-radius:10px; height: 25em; } 
.boxlist > li >.inner > .Imgwrap {  width: 100%; border-bottom: 1px solid #ddd; overflow: hidden;} 
.boxlist > li >.inner > .txtWrap { width: 100%; height: 13em; } 
.boxlist > li >.inner > .txtWrap.h10 { width: 100%; height: 10em; } 
.boxlist > li >.inner > .txtWrap.h03 { width: 100%; height: 6em; } 

.boxlist > li >.inner > .txtWrap > ul  {padding:1em; box-sizing: border-box; height: 100%; } 
.boxlist > li >.inner > .txtWrap.h10  > ul {padding: 0; display: flex; align-items: center; justify-content: center;flex-direction: column;} 
.boxlist > li >.inner > .txtWrap.h03  > ul {padding: 0; display: flex; align-items: center; justify-content: center;flex-direction: column;} 
.boxlist > li >.inner > .txtWrap > ul > li > .tit1 { font-size: 1.1em; } 
.boxlist > li >.inner > .txtWrap > ul > li > .tt1 { line-height: 2; font-size: .9em; } 


.e_wrap > .el.w3 { width:calc((88% - 3em) / 3) } 
.e_wrap > .el.w6 { width:calc((88% - 3em) / 6) } 

.sec_wrap { border: 2px solid #638ac1; border-radius: 10px; overflow:hidden; } 
/* .sq_tit { background: pink; display: inline-block; height: 55px; margin-left: 20px; margin-top: 55px; position: relative; width: 100px; } 
 .sq_tit:before { border-bottom: 35px solid pink; border-left: 50px solid transparent; border-right: 50px solid transparent; content: ""; height: 0; left: 0; position: absolute; top: -35px; width: 0; } */
 .sq_tit { height:3.1em; margin:-1px 0 0 -1px; position:relative; color:#fff; background: #638ac1; } 
 .sq_tit > .tt { font-weight: 700; font-size: 1.2em; z-index: 2; } 
 .sq_tit:after { content:""; position:absolute; z-index:1; right: -2.67em; top:0em; width: 0; height: 0; border-top: 25px solid transparent; border-bottom: 25px solid transparent; border-right: 16px solid transparent; border-left: 28px solid #638ac1; } 
 /* .sq_tit:after { content:""; position:absolute; z-index:1; right: -1em; top:.4em; width:0; padding-left:2em; height:2.3em; font-size:1em; border-left:none; border-bottom:none; background: #638ac1; transform:rotate(45deg); } */
 .sq_tit.c1 { height:3.1em; margin:-1px 0 0 -1px; position:relative; color:#333; background: #c6daf5; } 
 .sq_tit.c1 > .tt { font-weight: 700; font-size: 1.2em; z-index: 2; } 
 .sq_tit.c1:after { content:""; position:absolute; z-index:1; right: -2.67em; top:0em; width: 0; height: 0; border-top: 25px solid transparent; border-bottom: 25px solid transparent; border-right: 16px solid transparent; border-left: 28px solid #c6daf5; } 

 /*tab*/
.proTabW { position: relative; } 
.pro-tab { display: flex; align-items: center; gap: .75em; padding: 1.5em; box-sizing: border-box; /*border-bottom: 2px solid #111; */ margin-bottom: 3em; width: 100%; } 
.pro-tab > li { width: calc(40% - 2em); } 
.pro-tab > li > .tabT { width: 100%; height: 3em; line-height: 3em; border-radius: 10px; text-align: center; font-size: 1.25em; font-weight: 500; border: 1px solid #ddd; color: #777; cursor: pointer; transition: .2s; } 

.pro-tab > li.on > .tabT { background: var(--siteC); border: 1px solid var(--siteC); color: #fff; font-weight: 700; } 
.roundT { display: inline-block; padding: .3em 1em; border: 2px solid var(--siteC3); border-radius: 30px; font-size: .9em; color: #fff; background-color: var(--siteC3); font-weight: 700; } 
.Tunline { text-decoration: underline; } 

.greeting_list { width: 100%; gap: 3.5em; } 
.greeting_list>li { width: 100%; /* width: calc((100% - 2em)/3); */}
.greeting_list>li>.in { border: 1px solid #ddd; box-sizing: border-box; border-radius: 10px; height: 25em; position: relative; width: 100%; overflow: hidden; } 
.greeting_list2.st3>li>.in { border: unset; box-sizing: border-box; border-radius: 0; height: auto; position: relative; width: 100%; overflow: hidden; } 
.greeting_list2 { width: 100%; gap: 3.5em; } 
.greeting_list2>li { width: 100%; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; padding: 0.5em; } 
.greeting_list2.st2>li{ width: 95%; border-top: 0; border-bottom: 1px dashed #ddd;padding: .5em; } 
.greeting_list2.st3>li{ width: 100%; border-top: 0; border-bottom: 0;padding: .5em; } 
.greeting_list2>li>.in { box-sizing: border-box; border-radius: 10px; position: relative; width: 100%; overflow: hidden; } 
.greeting_list2>li>.in .leftw{width:65%; padding:2em; box-sizing:border-box; background-color:#fff; height:100%;}
.greeting_list2.st3>li>.in .leftw{width:65%; padding:1em; box-sizing:border-box; background-color:transparent; height: auto;}


.greeting_list2>li>.in .rightw{width:35%; overflow: hidden;}
.greeting_list2>li>.in .rightw > .img{width: 100%;  height: 100%; object-fit:cover; }
.greeting_list2.st3 > li >.in .rightw > .img{width: 100%;  height: auto; object-fit:cover; }

.gap15{gap: 1.5em;}
.gap2{gap: 2em;}
.gap4{gap: 4em;}
.w8{width: 80%;}
.navB_wrap {margin-top: 10px;}
.w7{width: 70%;}
.hr_box{}
.hr_box > .hr_list{}
.hr_box > .hr_list.st2{width: 100%;}
.hr_box > .hr_list.st2 > li{width: 100%;}
/* .hr_box > .hr_list .in{max-height: 35em; overflow:hidden;} */
.hr_box > .hr_list .in  > .topW{}
.hr_box > .hr_list .in  > .bottomW{padding: 1em; box-sizing: border-box;  width: 97.5%; margin-top: -5px;}
.hr_box > .hr_list .in  > .bottomW.h10{height: 10em;}
.font_point{font-family: nanummyeongjo !important;}
.dib{display: inline-block;}

.img_wrap{width: 100%;}
.img_wrap > .img_list{width: 100%;}
.img_wrap > .img_list >li{width: calc(100% / 3); }
.img_wrap > .img_list >li > .in{ position: relative; height: 15em;}
.img_wrap > .img_list >li > .in > .txt_wrap{ position: absolute; bottom:15px; left: 15px;}

.network_wrap{padding: 2em 0; box-sizing: border-box; width: 100%;}
.network_wrap .imgW {width: 55%;}
.network_wrap .txtW {width: 50%;}