html, body { width:100%;height:100%;-webkit-text-size-adjust: none;-webkit-font-smoothing: antialiased;font-size:100%;word-break: keep-all; }
body {height: 100%;}

.in_14{
    max-width: 1400px;margin: 0 auto;z-index: 5;
}

.wrap { width: 100%;min-width:1230px;overflow:hidden;}
.header { margin-top:0;position: fixed; top: 0; left: 0; z-index: 99999; width: 100%;background-image: linear-gradient(256deg,#7a28ff,#255fbe); }
.header-inner{max-width:1200px;margin:0 auto;}

.header .header-top {display:block;}
.header .logo {padding:15px 15px 15px 0; }
.header .logo .logo_btn{font-size:23px;color:#fff;font-weight: 600;}
.header .header-bottom { background: #fff; border-bottom:1px solid #dfe3ec;}
.header .header-bottom ul{display: block;overflow: hidden;}
.header .header-bottom ul > li{position: relative;float:left;display: block;overflow: hidden;padding:10px 15px}
.header .header-bottom ul .tap_btn{display:block;font-size: 18px;color:#595959;padding:5px 10px;letter-spacing: -0.4px;}
.header .header-bottom .active::before{position: absolute;content: "";display:block;width: 100%;height: 4px;background: #255fbe;bottom:-1px;left:0;border-radius: 4px 4px 0 0;}

header .menu{position: absolute;right: 0;top: 50%;display: flex;align-items: center;transform: translate(0,-50%);}
header .menu .menu_btn button{border: none;background: none;}
header .menu .menu_btn button span{display: block;width: 20px;height: 2px;background-color: #fff;transition: 0.3s;}
header .menu .menu_btn button span ~ span{margin-top: 5px;}
header .menu .menu_btn.close button span ~ span{margin-top: 0;}
header .menu .menu_btn.close button span:nth-child(1){transform: translate(0 , 2px) rotate(45deg);}
header .menu .menu_btn.close button span:nth-child(2){opacity: 0;}
header .menu .menu_btn.close button span:nth-child(3){transform: translate(0 , -2px) rotate(-45deg);}

/*header*/
header{position: fixed;left: 0;top: 0;width: 100%;height: 80px;padding: 0 60px;z-index: 100;transition:0.3s;overflow:hidden;}
/*header.sub{}*/
/*header.sub{background-color:#fff;border-bottom:1px solid #e1e1e1}*/
/*header.sub h1 a{background-image: url(../images/cm_partners_logo_b.png);}*/
/*header.sub .menu_btn button{border: none;background: none;}*/
/*header.sub .menu .lang li a span{color: #1a1a1a;}*/
/*header.sub .menu .lang li.on a{background-color: #4b312c;}*/
/*header.sub .menu .lang li.on a span{color: #fff;}*/
/*header.sub .menu .menu_btn button span{background-color: #4b312c;}*/
/*header.sub .head_gnb .dep1 > li > a{color:#1a1a1a;}*/
header::before{content:"";position:absolute;left:0;top:80px;height:1px;width:100%;background-color:#e1e1e1;opacity:0;transition:0.3s;}
header .inner{height:80px;position: relative;}
header h1{position: absolute;left: 0;top: 50%;margin-top: -24px;}
header h1 a{display: block;background: url(../images/cm_partners_logo.png) no-repeat center;background-size: contain;width: 140px;height: 48px;}
header .menu{position: absolute;right: 0;top: 50%;display: flex;align-items: center;transform: translate(0,-50%);}
header .menu .lang{display: flex;margin-right: 20px;}
header .menu .lang li ~ li{margin-left: 3px;}
header .menu .lang li a{display: flex;align-items: center;justify-content: center;width: 36px;height: 36px;border-radius: 50%;transition: 0.3s;}
header .menu .lang li a span{display: block;color: #fff;font-size: 0.75rem;letter-spacing: 0px;font-weight: 600;}
header .menu .lang li.on a{background-color: #fff;}
header .menu .lang li.on a span{color:#1a1a1a;}
header .menu .menu_btn button{border: none;background: none;}
header .menu .menu_btn button span{display: block;width: 20px;height: 2px;background-color: #fff;transition: 0.3s;}
header .menu .menu_btn button span ~ span{margin-top: 5px;}
header .menu .menu_btn.close button span ~ span{margin-top: 0;}
header .menu .menu_btn.close button span:nth-child(1){transform: translate(0 , 2px) rotate(45deg);}
header .menu .menu_btn.close button span:nth-child(2){opacity: 0;}
header .menu .menu_btn.close button span:nth-child(3){transform: translate(0 , -2px) rotate(-45deg);}
header .head_gnb{text-align:center;font-family: 'Noto Sans KR'; }
header .head_gnb .dep1{display:flex;max-width:1100px;margin:0 auto;gap: 20px;padding-left: 80px;}
header .head_gnb .dep1 > li{flex:1;text-align:left;}
header .head_gnb .dep1 > li > a{display:block;line-height:80px;color:#fff;text-align:left;transition:0.3s;    font-size: 19px;font-weight: 500;}
header .head_gnb .dep1 > li:last-child a{padding-right:0;}
header .head_gnb .dep1 > li > a span{display:inline-block;position:relative;}
header .head_gnb .dep1 > li > a span::before{content:"";height:3px;width:0px;background-color:#2C3E71;position:absolute;left:50%;bottom:0;transition:0.3s;}
header .head_gnb .dep2{margin-top:30px;}
header .head_gnb .dep2 li ~ li{margin-top:15px;}
header .head_gnb .dep2 li a{color:#777;font-size:0.875rem;}
header .head_gnb .dep2 li a:hover{color:#4b312c;text-decoration: underline;}

header:hover{background-color:#fff;height:350px;box-shadow: 0 10px 15px rgb(0 0 0 / 20%);}
header:hover::before{opacity:1;}
header:hover h1 a{background-image: url(../images/cm_partners_logo_b.png);}
header:hover .head_gnb .dep1 > li > a{color:#2C3E71;font-weight: 500;}
header:hover .menu .lang li a span{color: #2C3E71;}
header:hover .menu .lang li.on a{background-color: #4b312c;}
header:hover .menu .lang li.on a span{color: #fff;}
header:hover .menu .menu_btn button span{background-color: #4b312c;}
header .head_gnb .dep1 > li:hover > a span::before{width:100%;left:0;}
header.nav_on{height:80px;}

header.down{background-color:#fff;}
header.down h1 a{background-image: url(../images/cm_partners_logo_b.png);}
header.down .menu .lang li a span{color: #1a1a1a;}
header.down .menu .lang li.on a{background-color: #4b312c;}
header.down .menu .lang li.on a span{color: #fff;}
header.down .menu .menu_btn button span{background-color: #4b312c;}
header.down .head_gnb .dep1 > li > a{color:#1a1a1a;}
header.nav_on{background:none;border-bottom:0px}

header.nav_on::before,
header.nav_on .lang,
header.nav_on .head_gnb{display: none;}
header.nav_on h1 a{background-image: url(../images/cm_partners_logo.png);}
header.nav_on .menu .menu_btn button span{background-color: #fff;}


/*nav*/
nav{position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 99;background:#303E6D url(../images/vis1-img.jpg) no-repeat center;background-size: cover;display: none;}
nav .nav_bg{position: absolute;left:0;top: 0;width: 100%;height: 100%;transition: 0.8s;transition-delay: 1s;}
nav .nav_bg > div{width: 100%;height: 100%;transition: 2s;background: radial-gradient( at 100% 0%, rgba(27,27,27,0),rgba(27,27,27,1) , rgba(27,27,27,1) );background-color: transparent;background-size: 300% 300%;background-position: left bottom;background-repeat: no-repeat;/*-webkit-mask-image: -webkit-gradient(linear, 25% center, 75% center, from(rgba(0,0,0,0)), to(rgba(0,0,0,1)));*/}
nav .nav_wrap{position: relative;z-index: 10;display: flex;align-items: center;width: 100%;height: 100%;padding: 0 20px;}
nav .nav_wrap > div{width: 100%;}
nav .gnb{display: flex;justify-content: space-between;    height: auto;}
nav .gnb dl{overflow: hidden;}
nav .gnb dt{color: #fff;font-size: 2rem;font-weight: 300;font-family: 'Noto Sans KR';transform: translate(-100%,0);position: relative;transition: 0.5s;transition-delay: 0.7s;}
nav .gnb dt .btn::before{content: "";position: absolute;right: 0;top: 50%;width: 12px;height: 8px;margin-top: -4px;background: url(../images/nav-arr.png) no-repeat;background-size: contain;transition: 0.3s;}
nav .gnb dt span.btn{display: none;cursor: pointer;}
nav .gnb dt span.btn.none::before{display: none;}
nav .gnb dd{margin-top: 60px;}
nav .gnb ul li{overflow: hidden;}
nav .gnb ul li ~ li{margin-top: 25px;}
nav .gnb ul li a{display: block;transform: translate(0,100%);transition: 0.5s;transition-delay: 0.7s;}
nav .gnb ul li a span{display: inline-block;color: #fff;font-weight: 300;font-family: 'Noto Sans KR';line-height: 1.3em;position: relative;padding-right: 15px;}
nav .gnb ul li a span::before{content: "";width: 6px;height: 9px;background: url(../images/sel-arr-wh.png) no-repeat;background-size: contain;position: absolute;top: 50%;right: 10px;margin-top: -5px;opacity: 0;transition: 0.2s;}
nav .gnb dl:hover dt span,
nav .gnb dl.on dt span{font-weight: 600;color:#fff}
nav .gnb ul li.on a,
nav .gnb ul li a:hover span{font-weight: 600;color:#fff}}
nav .gnb ul li.on a span::before,
nav .gnb ul li a:hover span::before{right: 0;opacity: 1;}
nav.on .nav_bg{opacity: 0;}
nav.on .nav_bg > div{background-position: 100% 0;}
nav.on .gnb dt,
nav.on .gnb ul li a{transform: translate(0,0);}

#container-block{position: relative;}




.header .util {display: flex;align-items: center;position: absolute; right: 0; top: 50%; transform: translateY(-50%);-webkit-transform: translateY(-50%); display: flex;z-index:99;}
.header .util .btn-lang { position: relative; padding: 4px 0; }
.header .util .btn-lang button { border: 1px solid #000; border-radius: 60px; width: 76px; height: 30px; font-size: 13px; color: #000; position: relative; padding-left: 16px; text-align: left;}
.header .util .btn-lang button::after { position: absolute; top: 50%; right: 12.5px; width: 16px; height: 16px; content: ''; background: url("../images/ic_dropdown_arr_down.png") no-repeat 50% 50%; display: block;-webkit-transform: translateY(-50%); transform: translateY(-50%); transition: all .15s .05s; }
.header .util .btn-solution button::after { position: absolute; top: 50%; right: 12.5px; width: 16px; height: 16px; content: ''; background: url("../images/ic_dropdown_arr_down_white.png") no-repeat 50% 50%; display: block;-webkit-transform: translateY(-50%); transform: translateY(-50%); transition: all .15s .05s; }

.header .util .btn-lang .lang { position: absolute; background: #fff; border-radius: 10px; top: 38px; width: 100%; padding: 5px 16px; border: 1px solid #e2e3e4; display: none; }
.header .util .btn-lang .lang a { color: #000; font-size: 13px; letter-spacing: -0.39px; display: block; line-height: 1.9; }
.header .util .btn-lang .lang a.active { font-weight: 500; }
.header .util .btn-lang.active:hover button::after { background: url("../images/ic_dropdown_arr_up.png") no-repeat 50% 50%; }
.header .util .btn-solution.active:hover button::after { background: url("../images/ic_dropdown_arr_up_white.png") no-repeat 50% 50%; }
.header .util .btn-lang.active .lang { display: block; }
.header .util .btn-solution {position: relative; padding: 4px 0; }
.header .util .btn-solution > button{ display: inline-block; background: #00aaf0; border-radius: 60px;padding-right: 16px;width: 130px;height: 30px; color: #fff; line-height: 30px; font-size: 13px; text-align: center; margin-left: 10px; }
.header .util .btn-solution:hover ul{display:flex;}
.header .util .btn-solution ul{display:none;flex-direction:column;position:absolute;left: 6px;background: #fff; border-radius: 10px; top: 38px; width: 100%; padding: 5px 16px; border: 1px solid #e2e3e4; }
.header .util .btn-solution ul li{font-size:13px;line-height: 1.9;}

.gnb { width: 100%; height: 5.3125rem; }
.gnb_dim{display:none;left:50%;transform:translateX(-50%);}
.gnb_dim.on{display:block;position:absolute;z-index:-1;background-color: rgba(0, 0, 0, 0.2);}
.gnb > ul { height: 100%; display: flex; align-items: center; justify-content: center;/* display: -webkit-box;-webkit-box-pack: center;-webkit-box-align: center;  */}
.gnb > ul > li { height: 100%; }
.gnb > ul > li > a { height: 100%; font-size: 20px; color: #000; display: flex; align-items: center;/*  display: -webkit-box;-webkit-box-align: center; */padding: 0 25px; position: relative; }
.gnb > ul > li > a::before { content: ''; display: block; width: 0; height: 3px; background: #00aaf0; position: absolute; bottom: -1px; left: 1px; z-index: 1; transition: all .15s ease-in-out; }
.gnb > ul > li > a::after { content: ''; display: block; width: 0; height: 3px; background: #00aaf0; position: absolute; bottom: -1px; right: 0; z-index: 1; transition: all .15s ease-in-out; }
.gnb > ul > li:hover > a::before, .gnb > ul > li:hover > a::after { width: 50%; }
.gnb > ul > li > a:hover::before, .gnb > ul > li > a:hover::after { width: 50%; }
.gnb > ul > li.active > a::before, .gnb > ul > li.active > a::after { width: 50%; }

.gnb-sub { display: none; position: absolute; width: 100%; left: 50%;transform: translateX(-50%);top: 5.3125rem;;z-index:2; background: #fff; border-top: 1px solid #e5e5e5; }
.gnb-sub-group { padding: 3.437rem 0 3.125rem; display: none; }
.gnb-sub-group .inner { display: flex; }

.depth1 { width: 12.75rem; }
.depth1 strong { font-weight: 700; font-size: 1.75rem; line-height: 1.4642; letter-spacing: -0.7px; display: block; margin-bottom: 0.625rem; }
.depth1 .all { font-size: 0.875rem; }
.depth1 .all:hover { text-decoration: underline; }
.depth1 .all::after { content: ''; display: inline-block; vertical-align: middle; background: url("../images/ic-arr-right-20.svg") no-repeat 50% 50%; width: 0.375rem; height: 0.687rem; margin-top: -2px; margin-left: 0.437rem; }

.depth2 { flex: 1; }
.depth2 > ul { display: flex; flex-wrap: wrap;position:relative; }
.depth2 > ul.line > li{position:relative;border:0;}
/* .depth2 > ul::before{position:absolute;left:0;width:1px;height:100%;background:#eaeaea;content:'';} */
.depth2 > ul > li {position:relative;width: 12.687rem; /* border-left: 1px solid #eaeaea;  */padding: 0 1.25rem; min-height: 4.812rem; }
.depth2 > ul> li::before{position:absolute;left:0;width:1px;height:100%;background:#eaeaea;content:'';}
.depth2.w2 > ul > li:nth-child(odd)::before{position:absolute;left:0;width:1px;height:15rem;background:#eaeaea;content:'';}
.depth2.w2 >ul>li{width:100%;}
.depth2.w2 >ul>li:last-child{margin-top:2rem;}
.depth2.w2 >ul ul {width: 100%;display: flex;flex-wrap: wrap;flex-direction: column;height: 8rem;}
.depth2.w2 >ul >li:nth-child(2) ul {height: 12rem;}
.depth2.w2 >ul ul > li{width:11rem;}
.depth2.w2 li a.line{position: relative;top: -4px;}
.depth2.w3 > ul > li{width: 17.687rem;}
.depth2.w5 > ul > li:nth-child(-n+5)::before{position:absolute;left:0;width:1px;height:34rem;background:#eaeaea;content:'';}
.depth2.w5 > ul > li:nth-child(n+6){margin-top:2rem;}
.depth2.w5_2 > ul > li::before{display:none;}
.depth2.w5_2 > ul > li:nth-child(-n+5)::before{position:absolute;left:0;display:block;width:1px;height:7rem;background:#eaeaea;content:'';}

/* .depth2.w3 > ul.line > li::before{height:23rem;} */
.depth2 > ul > li:nth-child(5){width:11.187rem;}
.depth2 > ul > li > a { font-size: 1.125rem; font-weight: 700; display: inline-block; margin-bottom: 1.25rem; line-height: 1.5; transition: color .1s; }
.depth2 > ul > li > a:hover { color: #00aaf0; }
.depth2 ul ul > li {    /* width: 11rem; */ line-height: 2.19; }
.depth2 ul ul > li > a { color: #262626; }
.depth2 ul ul > li > a span { display: inline-block; position: relative; font-size:1rem;}
.depth2 ul ul > li > a span::before { content: ''; display: block; width: 0; height: 1px; background: #00aaf0; position: absolute; left: 0; bottom: 2px; transition: all .15s; }
.depth2 ul ul > li > a:hover { color: #00aaf0; }
.depth2 ul ul > li > a:hover span::before { width: 100%; }

.gnb-depth2 { width: 100%; }
.gnb-depth2 ul { display: flex; align-items: center; justify-content: center; }
.gnb-depth2 li { flex: 1 1 auto; }
.gnb-depth2 li + li { position: relative; }
.gnb-depth2 li + li::before { content: ''; display: block; width: 1px; height: 1rem; background-color: #e5e5e5; position: absolute; left: 0; top: 50%; margin-top: -0.5rem; }
.gnb-depth2 a { height: 3.687rem; color: #262626; display: flex; align-items: center; justify-content: center; font-size:1rem;}
.header-bottom .gnb-depth2 span.active{color:#00aaf0;}


.sitemap { width: 100%; min-height: 100vh; position: fixed; left: 0; top: 0; z-index: 99999; background: #fff; display: none; }
.sitemap .sitemap-header { height: 6.25rem; background: #000; text-align: center; position: relative; }
.sitemap .sitemap-header h1 { font-size: 2.125rem; font-weight: 500; letter-spacing: -0.85px; line-height: 6.25rem; color: #fff; }
.sitemap .sitemap-header .close { position: absolute; width: 3.75rem; height: 3.75rem; right: 2.375rem; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%);opacity: 1; }
.sitemap .sitemap-body { height: calc(100vh - 6.25rem); overflow-x: hidden; }
.sitemap .gnb-sub-group { display: block; }
.sitemap .container + .container .gnb-sub-group { border-top: 1px solid #d9d9d9; }
.sitemap .all { display: none; }

html.sitemap-open body { overflow: hidden; }
html.sitemap-open .sitemap { display: block; }



/* 페이지 스크롤 후 처리  */
html.depth2-show body:not(.body-main) .header-bottom { display: block; }
html.header-hidden body:not(.body-main) .header { transform: translateY(-5.375rem);-webkit-transform: translateY(-5.375rem); }
html.depth2-show body:not(.body-main) .header-bottom { bottom:-3.84rem; }
html.is-scroll-down body:not(.body-main) .header-bottom { bottom:-3.88rem; }
html.is-scroll-up body:not(.body-main) .header { transform: translateY(0);-webkit-transform: translateY(0); }


.footer { text-align: left; background: #fff; position: relative;    z-index: 1; }
.footer .footer-top { height: 5rem; border-top: 1px solid #e5e5e5; }
.footer .footer-top .container { position: relative; height: 100%; }
.footer .footer-bottom { /* border-top: 1px solid #e5e5e5;  */padding: 0 0 4rem; }
.footer .footer-menu { display: inline-flex; height: 100%; align-items: center; }
.footer .footer-menu li + li { margin-left: 2.937rem; }
.footer .footer-menu a { color: #272a33;font-size:1rem; }

.footer .footer-family { position: absolute; right: 0; top: 50%; transform: translateY(-50%);-webkit-transform: translateY(-50%); width: 15rem;}
.footer-family dt{border-bottom:1px solid #9a9a9a;}
.footer-family dt .family_btn{width:100%;text-align:left;padding:0.625rem 0.625rem 0.625rem 1.062rem;color: #4b4e53;outline:none;font-size: 0.875rem;}

.footer-family dt .family_btn::after{position:absolute;top:50%;transform:translateY(-50%);right:10px;width:1.5rem;height:1.5rem;background:url("../images/ic_arr_up_gray_24@2x.png")no-repeat;background-size:1.5rem;content:'';transition:transform .5s;}
.footer-family dt .family_btn.on::after{transform: rotate(180deg);top:25%;}
.footer-family dd{display:none;position: absolute;bottom: 2.437rem;width: 100%;}
.footer-family dd.on{display:block;}
.footer-family dd ul{height:10.625rem;overflow-y:scroll;background-color: #ffffff; border: solid 1px #454545;font-size:0.875rem;}
.footer-family dd ul li{height:2.625rem;padding-left:0.562rem;line-height:2.625rem;letter-spacing:-0.4px;font-size: 0.875rem;}
.footer-family dd ul li a{display:block;    color: #787878;}
.footer-family dd ul li:hover,.footer-family dd ul li:active{background-color: #f8f9fa;}

/*
.footer .footer-family .ui-selectmenu-button.ui-button{padding: 10px 10px 10px 17px;border-radius:0;}
.footer .footer-family .ui-selectmenu-icon.ui-icon{width:24px;height:24px;background:url("../images/ic_arr_up_gray_24@2x.png")no-repeat !important;background-size:24px !important;}
.ui-selectmenu-menu .ui-widget.ui-widget-content{font-size:14px;} */

.footer .footer-logo { flex: 0 0 auto; margin-right: 3.37rem; margin-top: 2px; }
.footer .footer-info { color: #767676; line-height: 1.67;font-size:0.937rem; }
.footer .footer-info >div{display: flex;flex-wrap: wrap;}
.footer .footer-info .line span{position:relative;padding-right:0.62rem;margin-right:0.62rem;}
.footer .footer-info .line span::after{position:absolute;right:0;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);width:1px;height:0.875rem;content:'';background:#bababa;}
.footer .footer-info .line span:last-child{padding:0;margin:0;}
.footer .footer-info .line span:last-child::after{display:none;}
.footer .footer-info .copyright { margin-top: 1.875rem; }

/* 20221004 추가 */
.footer-mid{padding:2.375rem 0 3.125rem;border-top:1px solid #e5e5e5;}
.footer-mid .container>ul{display:flex;width:60.1875rem;}
.footer-mid .container > ul >li{flex:1;}
.footer-mid li strong{display:inline-block;margin-bottom:0.625rem;line-height:1.625rem;font-size:1.125rem;font-weight:700;color:#262626;}
.footer-mid li ul li{color:#4B4E53;font-size:1rem;line-height:2.25rem;}
.footer-mid li ul li .font_blue{font-weight:700;color:#2D8EF9;}
.footer-mid li ul li a.gray{display:inline-block;width:146px;height:40px;margin:0.625rem 0 6px;line-height:38px;text-align:center;border:1px solid #E5E5E5;background:#F5F5F5;font-size:0.875rem;color:#666666;}
.footer-mid li ul li:last-child a.gray{margin:0;}
#container-block {margin-top: 5.312rem;}

.go-top {display: block;width: 3.75rem;height: 3.75rem;background: #272a33 url("../images/ic_arr_up_white_28@2x.png") no-repeat 50% 0;background-size:3.75rem;position: fixed;bottom: -100px;right:1.4375rem;z-index: 100;transition: bottom .3s 0s ease-out, background-color .2s;}
html.is-scrolled .go-top{bottom: 0; }
.go-top:hover { background-color: #4b4e53; }

.no_image{background:url("../images/no_image.png")no-repeat 50% 50%;background-size:24rem 14.37rem;}
.list_null_up::after{position:absolute;top:50%;transform:translateY(-50%);left:4.06rem;width:1.125rem;height:1.125rem;content:'';background: url("../images/ic_arr_up_gray_18.png")no-repeat 0 0;}
.list_null_down::after{position:absolute;top:50%;transform:translateY(-50%);left:4.06rem;width:1.125rem;height:1.125rem;content:'';background: url("../images/ic_arr_down_gray_18.png")no-repeat 0 0;}
.list_null_up+p,.list_null_down+p{color:#7b7b7b;font-weight:400 !important;}
.m_r_list  ul li a:hover .list_null_up +p,.m_r_list  ul li a:hover .list_null_down +p{text-decoration:none;}


html, body { width:100%;height:100%;-webkit-text-size-adjust: none;-webkit-font-smoothing: antialiased;font-size:100%;word-break: keep-all; }

body {height: 100%;}


.wrap { width: 100%;min-width:1230px;overflow:hidden;}

/*nav*/
nav{position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 99;background: #2C3E71;background-size: cover;display: none;}
nav .nav_bg{position: absolute;left:0;top: 0;width: 100%;height: 100%;transition: 0.8s;transition-delay: 1s;z-index: 999;}
nav .nav_bg > div{width: 100%;height: 100%;transition: 2s;background: radial-gradient( at 100% 0%, rgba(27,27,27,1),rgba(27,27,27,1) , rgba(27,27,27,1) );background-color: transparent;background-size: 300% 300%;background-position: left bottom;background-repeat: no-repeat;/*-webkit-mask-image: -webkit-gradient(linear, 25% center, 75% center, from(rgba(0,0,0,0)), to(rgba(0,0,0,1)));*/}

nav .nav_wrap{position: relative;z-index: 999;display: flex;align-items: center;width: 100%;height: 100%;padding: 0 20px;background:#303E6D url(../images/full_Menu_Bg.jpg)no-repeat;background-blend-mode: multiply;background-position-y: center;}
nav .nav_wrap > div{width: 100%;}
nav .gnb{display: flex;justify-content: space-between;}
nav .gnb dl{overflow: hidden;width: 100%;}
nav .gnb dt{color: #fff;font-size: 2rem;font-weight: 300;font-family: 'Noto Sans KR';transform: translate(-100%,0);position: relative;transition: 0.5s;transition-delay: 0.7s;}
nav .gnb dt .btn::before{content: "";position: absolute;right: 0;top: 50%;width: 12px;height: 8px;margin-top: -4px;background: url(../images/nav-arr.png) no-repeat;background-size: contain;transition: 0.3s;}
nav .gnb dt span.btn{display: none;cursor: pointer;}
nav .gnb dt span.btn.none::before{display: none;}
nav .gnb dd{margin-top: 60px;}
nav .gnb ul li{overflow: hidden;}
nav .gnb ul li ~ li{margin-top: 25px;}
nav .gnb ul li a{display: block;transform: translate(0,100%);transition: 0.5s;transition-delay: 0.7s;}
nav .gnb ul li a span{display: inline-block;color: #fff;font-weight: 300;font-family: 'Noto Sans KR';line-height: 1.3em;position: relative;padding-right: 15px;}
nav .gnb ul li a span::before{content: "";width: 6px;height: 9px;background: url(../images/sel-arr-wh.png) no-repeat;background-size: contain;position: absolute;top: 50%;right: 10px;margin-top: -5px;opacity: 0;transition: 0.2s;}
nav .gnb dl:hover dt span,
nav .gnb dl.on dt span{font-weight: 600;}
nav .gnb ul li.on a,
nav .gnb ul li a:hover span{font-weight: 600;}
nav .gnb ul li.on a span::before,
nav .gnb ul li a:hover span::before{right: 0;opacity: 1;}
nav.on .nav_bg{opacity: 0;}
nav.on .nav_bg > div{background-position: 100% 0;}
nav.on .gnb dt,
nav.on .gnb ul li a{transform: translate(0,0);}

.gnbSubTap{position: fixed;top:80px;width:100%;height:50px;border-bottom:1px solid  #ececec; ;border-top:1px solid  #ececec;   z-index: 99;background: #F3F3F3;}




.warrpper.sub{padding-top:00px;}


.subTopBtn{
    transition: width 0.3s;
    position: absolute;right:20px;bottom: 0;
    width:220px;height:40px;
    display:flex;justify-content: center;align-items: center;
    padding:10px 15px;
    border:1px solid #fff;
    color:#fff;
    font-size:20px;
}
.snbTop_inner .comTit{
    font-size:18px;letter-spacing: 0;
}
.snbTop_inner .pageTit{
    font-size:50px;font-weight: 600;line-height: 70px;
}
.snbTop_inner .copyTxt{
    font-size:18px;
}
.snb_wrap{
    width:100%;
    background:#ffff;
    /*position: absolute;bottom:-30px;*/
    transition: width 0.3s;
    border-Top:1px solid #e0e0e0;
    border-bottom:1px solid #e0e0e0;
}
.snb_wrap.fix{
    position: fixed;z-index: 9;
    top:80px;
    border-Top:1px solid #e0e0e0;
    border-bottom:1px solid #e0e0e0;
}
.snb_wrap .snb_menu {
    display: flex;
    left: 0;
    z-index: 10;
    width:1492px;
    margin:0 auto;
    background: #fff;
}
.snb_wrap .snb_menu li{flex: 1;display:flex;justify-content: center;}
.snb_wrap .snb_menu li.current {
    /*background: #303E6D;*/
    /*border-color: #303E6D;*/
}
.snb_wrap .snb_menu li:first-child a{}
.snb_wrap .snb_menu a {
    position: relative;
    text-align:center;
    display: inline-block;
    padding: 18px 5px 18px 5px;
    border: 0;
    background: 0 0;
    font-size: 18px;
    line-height: 1;
    color: #787878;
    cursor: pointer;
    border-left:0;
}
.snb_wrap .snb_menu li.current a {
    color:#303E6D;
}
.snb_wrap .snb_menu li.current a:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 3px;
    bottom: -1px;
    left: 0;
    display: block;
    background: #222;

}
.snb_wrap .snb_menu li a:after {
    content: "";
    height: 3px;
    width: 0px;
    background-color: #4b312c;
    position: absolute;
    left: 50%;
    bottom: 0;
    transition: 0.3s;
}
.snb_wrap .snb_menu li:hover a{ color:#303E6D;}
.snb_wrap .snb_menu li:hover a:after{left:0;width:100%;}

.snb h2{display: block;;font-size: 40px;font-weight: 700;color:#222;margin-bottom:60px;text-align:center;}

.mainvisual{height:800px;overflow: hidden;position: relative;}
.visualBox{width: 100%;height:100%;display:flex;align-items: center;}

.scroll { position: absolute;
    right: 50%;
    bottom: 60px;
    margin-right: -25px;
    z-index: 10;
    width: 50px;
    height: 70px;
    background: rgba(0,0,0,0.3);
    border-radius: 18px;
}
.scroll span{display: block;width: 100%;height: 100%;position: relative;}
.scroll span::after{
    content: "";position: absolute;left: 7px;top: 7px;
    display:block;
    width: 36px;
    height: 56px;
    border:2px solid #fff;border-radius: 13px;
}
.scroll span::before{
    content: "";position: absolute;left: 50%;top: 15px;
    width: 10px;height: 10px;
    background-color: #fff;border-radius: 50%;
    transform: translate(-50%,0);animation: scroll_icon 3s infinite;
}

@keyframes scroll_icon{
    0%{top: 15px;}
    60%{top: 49px;opacity: 0;}
    100%{opacity: 0;}
}
.warrpper .imgesBoxWrap{position: relative;width:1400px;margin:0 auto;min-height:100px;border:1px solid #e0e0e0;padding:30px;}
.warrpper .snb_wrap_t01{position: relative;width:1400px;margin:0 auto;}
.warrpper .imgesBoxWrap01{position: relative;width:1200px;margin:0 auto;}

.section{overflow: hidden;position: relative;}
.visualCon{position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: flex;    align-items: center;}
.sec_con{padding: 0 200px;}
.mo{display: block;transition: 0.8s;}
.mo_up{transform: translate(0,100%);}
.mo_left{transform: translate(-100%,0);}
.mo_fade{transition: 0.6s;opacity: 0;}
.mo1{transition-delay: 0.4s;}
.mo2{transition-delay: 0.8s;}
.mo3{transition-delay: 1.2s;}
.com .mo_up{transform: translate(0,0);}
.com .mo_fade{opacity: 1;}
.com .mo_left{transform: translate(0,0);}

.con_txt {width:100%;}
.con_txt .bot{margin-top: 45px;}
.con_txt .bot .more_btn{margin-top: 0;}
.con_txt dl dt{color: #fff;font-size: 2rem;font-weight: 600;overflow: hidden;margin-bottom: 30px;line-height: 1.3em;}
.con_txt dl dd{color: #fff;font-size: 1rem;line-height: 1.75rem;font-family: 'Noto Sans KR';overflow: hidden;}
.con_txt .more_btn{margin-top: 45px;}
.con_txt .more_btn .btn{display: block;background: none;border: 1px solid #fff;border-radius: 40px;width: 160px;height: auto;line-height: 48px;text-align: center;transition: 0.3s;}
.con_txt .more_btn .btn span{font-weight: 600;font-size: 0.875rem;color: #fff;position: relative;;transition: 0.3s;letter-spacing: 0.3px;}
.con_txt .more_btn .btn span::before{content: "";position: absolute;right: 15px;top: 50%;background: url(../images/bl-arr.png) no-repeat center;background-size: contain;width: 20px;height: 9px;margin-top: -4px;opacity: 0;transition: 0.3s;transition-delay: 0.2s;}
.con_txt .more_btn .btn:hover{background-color: #fff;}
.con_txt .more_btn .btn:hover span{padding-right: 35px;color: #1a1a1a;}
.con_txt .more_btn .btn:hover span::before{right: 0;opacity: 1;}
.con_txt .slide_con{margin-top: 80px;display: flex;align-items: center;}
.con_txt .slide_con .bar{width: 200px;height: 1px;background-color: rgba(255,255,255,0.3);position: relative;}
.con_txt .slide_con .bar::before{content: "";position: absolute;left: 0;top: 0;height: 100%;width: 0;background-color: #fff;}
.con_txt .slide_con .bar.on::before{animation: bar 4.8s forwards;animation-timing-function: cubic-bezier( 1,1,1,1 );}
.con_txt .slide_con .pagination_num{margin-left: 20px;width: auto;color: #fff;font-size: 0.75rem;letter-spacing: 0px;}
.con_txt .slide_con .pagination_num .swiper-pagination-current{font-weight: 600;}
.con_txt .slide_con .sd_btn{margin-left: 20px;}
.con_txt .slide_con .sd_btn button{width: 28px;height: 28px;border: none;background-color: transparent;background-repeat: no-repeat;background-position: center;background-size: contain;}
.con_txt .slide_con .sd_btn .stop{background-image: url(../images/stop.svg);}
.con_txt .slide_con .sd_btn .play{background-image: url(../images/play.svg);}
.con_txt .slide_con .sd_btn .none{display: none;}


.mainInner{width:1200px;margin:0 auto;}
.mainIntroCon{padding:80px 0;display: flex;flex-direction: row;gap:40px;}
.mainIntroCon .introCon > h1{font-size:24px;margin-bottom:20px;}
.mainIntroCon .introCon > p{font-size:18px;}
.introCon{padding:0;}
.mainIntro {width:100%;border-bottom:1px solid #777}
.mainProject {width:100%;height: 400px;background: #e5e5e5;}


/*vis*/
.vis{position: absolute;top: 0;left: 0;width: 100%;height: 800px;}
.vis .h_max{height: 100%;}
.vis_wrap{height: 100%;}
.vis01{width: 100%;height: 100%;
    /*background: radial-gradient(circle,rgba(189, 146, 115, 1) 0%, rgba(168, 78, 42, 1) 50%, rgba(99, 13, 13, 1) 100%);*/
    background: rgb(109 39 23 / 86%) 100% url(../images/vis0-img.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    transform: scale(1.2);
    opacity:0;
    transition: 3s;
    /*background-blend-mode: soft-light;*/

}
.vis02{width: 100%;height: 100%;
    background: radial-gradient(circle, rgb(155 138 125) 0%, rgb(155 91 66) 50%, rgb(87 63 53) 100%), url(../images/vis02-img.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    transform: scale(1.2);
    opacity:0;
    transition: 3s;
    /* 블렌드 모드 적용 darken */
    background-blend-mode: multiply;
}
.vis03{
    background: radial-gradient(circle, rgb(70 70 70) 0%, rgb(88 88 88) 50%, rgb(48 46 45) 100%), url(../images/vis03-img.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-blend-mode: saturation;
    transform: scale(1.2);
    opacity:0;
    transition: 3s;
}

.vis1{width: 100%;height: 100%;background-image: url(../images/vis1-img.jpg);/*transform: scale(1.15)*/;transition: 3s;}
.vis2{width: 100%;height: 100%;background-image: url(../images/vis2-img.jpg);/*transform: scale(1.15)*/;transition: 3s;}
.vis3{width: 100%;height: 100%;background-image: url(../images/vis3-img.jpg);/*transform: scale(1.15)*/;transition: 3s;}
/*.visualCon:hover  .vis1{transform: scale(0)}*/
.vis2.vis_bg{width: 100%;height: 100%;background-image: url(../images/vis2-img.jpg);display:none}
.vis3.vis_bg{width: 100%;height: 100%;background-image: url(../images/vis3-img.jpg);display:none}
.vis_txt.con_txt dl dt{font-size: 3rem;}
.visualCon.Active{
    transform: scale(1);
    opacity: 1;
    transition: all 1s ease-in-out;
}



.mainServise{padding:80px 0 0 0px;text-align: center;background-image: url(../images/main_section06_bg.jpg);background-size: cover;background-position: center bottom;}
.mainServise h2 {display: inline-block;;font-size: 48px;font-weight: 700;color:#222}
.mainServise > p {margin: 10px 0 48px;font-size: 16px;}
.mainServise .serviseList{margin-top:40px;display: flex;gap:30px;}
.mainServise .serviseList2{margin-top:40px;display: flex;gap:30px;}
.mainServise .serviseBox{position: relative;display: flex;flex-direction: column;flex:1;justify-content: space-between;align-items: start;background: #fff;padding:20px;border:1px solid  #F3F3F3;}
.mainServise .serviseBox > p{font-size: 18px;font-weight: 500;color:#222;padding:40px 0;}
.mainServise .serviseBox span{font-size: 14px;color:#888;}
.mainServise .serviseBox::after{position: absolute;content: "";width:30px;height: 4px;top:20px;left:20px;display: block;background: #222;;}

.subServise {}
.subServise{padding:80px 0 0 0px;text-align: center;background-position: center bottom;}
.subServise h2 {display: inline-block;;font-size: 48px;font-weight: 700;color:#222}
.subServise h3 {display: inline-block;;font-size: 30px;font-weight: 700;color:#222}
.subServise h4 {display: inline-block;;font-size: 20px;font-weight: 500;color:#888;margin-bottom:20px;}
.subServise > p {margin: 30px 0 48px;font-size: 18px;line-height: 30px;font-weight: 400;color:#222}
.subServise .tit01{font-size:18px;}
.subServise .stepList01{position: relative; margin:auto;display: flex;gap:50px;    margin-top: 100px;margin-bottom: 50px;}
.subServise .stepList01:before{
    position: absolute;top:50%;left:10%;margin-top:-50%;
    content:"";width:80%;height:100px;display: block;
    background: #1B4075;
    /*transform: rotate(45deg);opacity: 0.5*/
}
.subServise .stepList01 li{flex:1;position: relative;background:#f7f7f7;padding:50px 0 20px 0;    border: 1px solid #e0e0e0;}
.subServise .stepList01 li:before{
    position: absolute;top:50%;right:-33px;margin-top:-4px;
    content:"";width:10px;height:40px;display: block;
    background: #1B4075;border-radius: 10px;
    transform: rotate(45deg);opacity: 0.5
}
.subServise .stepList01 li:after{
    position: absolute;top:50%;right:-33px;margin-top:-25px;
    content:"";width:10px;height:40px;display: block;
    background: #1B4075;border-radius: 10px;
    transform: rotate(-45deg);opacity: 0.5;
}
.subServise .stepList01 li:last-child:before{display:none}
.subServise .stepList01 li:last-child:after{display:none}
.subServise .stepList01 .step{font-size:22px;font-weight: 600;color:#444;
    position: absolute;top:-30px;left:50%;margin-left:-30px;width:60px;height: 60px;display:flex;align-items: center;flex-direction: column;justify-content: center;
    background: #f7f7f7;border-radius: 60px;border:6px solid #1B4075 /*#929cbb*/;background: #fff;}
.subServise .stepList01 .stepTit{display:flex;gap:20px;align-items: center;flex-direction: column;justify-content: center;background: #f7f7f7;}
.subServise .stepList01 .stepTit span{font-size: 18px;font-weight: 400;color:#222;}
.subServise .stepList01 .stepTit .tit{position: relative;;font-size: 22px;font-weight: 900;padding-bottom:24px;color:#222;}

.subServise .stepList01 .tit::after{position: absolute;display: block;content: "";width:40px;height:2px;bottom:0;left:50%;margin-left:-20px;background: #333;}


.subBox01{padding:40px 0 40px;text-align:center;border-bottom:1px solid  #F3F3F3; background: #f7f7f7;}
.subBox02{padding:40px 0 40px;text-align:center;border-bottom:1px solid  #F3F3F3; background: #fff;}
.subBox01 h2 {display: inline-block;;font-size: 48px;font-weight: 700;color:#222}
.subBox01 > p {margin: 10px 0 48px;font-size: 16px;}
.subBox01 .pTit {    margin: 30px 0 48px;
    font-size: 18px;
    line-height: 30px;
    font-weight: 400;
    color: #222;}
.subBox01  .btn_link {font-size: 18px;padding-bottom: 10px;border-bottom: 4px solid #222;}
.subBox01 .subBoxList{width:1400px;margin:0 auto;margin-top:20px;margin-bottom:20px;display: flex;gap:20px;}
.subBox01 .subBox{position: relative;display: flex;flex-direction: column;flex:1;justify-content: space-between;align-items: start;background: #fff;padding:20px;border:1px solid  #F3F3F3;}
.subBox01 .subBox > p{font-size: 18px;font-weight: 500;color:#222;padding:30px 0 15px 0;}
.subBox01 .subBox span{font-size: 14px;color:#888;}
.subBox01 .subBox::after{transition: width 0.3s;position: absolute;content: "";width:30px;height: 4px;top:20px;left:20px;display: block;background: #222;;}
.subBox01 .subBox:hover::after{width:80px;}

.subChart01{position: relative;;height:700px;/*background: url(../images/icis_img02.png) center center no-repeat;*/}
.chCenter{position: absolute;display:flex;;justify-content:center;align-items:center;text-align: center;width:160px;height:160px;
    color:#fff;background: #303E6D;border:8px solid #929cbb;top:50%;left:50%;margin-left:-80px;margin-top:-20px;border-radius: 150px;font-size: 20px;font-weight: 900;z-index: 9;}
.chTop{position: absolute;display:flex;;justify-content:center;align-items:center;text-align: center;width:150px;height:150px;
    background: #e7e7e7;top:50%;left:50%;margin-left:-75px;margin-top:-150px;border-radius: 80px;;
    font-size: 18px;font-weight: 500;}
.chBottomL{position: absolute;display:flex;;justify-content:center;align-items:center;text-align: center;width:150px;height:150px;
    background: #e7e7e7;top:50%;left:50%;margin-left:-200px;margin-top:60px;border-radius: 90px;;font-size: 18px;font-weight: 500;}
.chBottomR{position: absolute;display:flex;;justify-content:center;align-items:center;text-align: center;width:150px;height:150px;
    background: #e7e7e7;top:50%;left:50%;margin-left:50px;margin-top:60px;border-radius: 90px;;font-size: 18px;font-weight: 500;}
.chInfo01{font-size:14px;position:  absolute;display:block;width:360px;height:140px;background:#fff;border:1px solid #e7e7e7;top:50%;padding:20px;left:50%;margin-left:-180px;margin-top:-300px;}
.chInfo02{font-size:14px;position: absolute;display:block;width:360px;height:140px;background:#fff;border:1px solid #e7e7e7;top:50%;padding:20px;left:50%;margin-left:-600px;margin-top:60px;}
.chInfo03{font-size:14px;position: absolute;display:block;width:360px;height:140px;background:#fff;border:1px solid #e7e7e7;top:50%;padding:20px;left:50%;margin-left:250px;margin-top:60px;}


.serviseList2 .row{
    position: relative;
    width: 100%;
    max-width: 1492px;
    margin: 0 auto;
    padding: 0 20px;}
.serviseList2 ul {
    position: relative;
    width:100%;
    height: 300px;
    overflow: hidden;
    display: block;
}
.serviseList2 ul li {
    position: absolute;
    top: 0;
    width: 20%;
    height: 100%;
    margin: 0;
    -webkit-transition: all ease .2s;
    -moz-transition: all ease .2s;
    -o-transition: all ease .2s;
    transition: all ease .2s;
    background: rgba(0, 0, 0, 0.5);
}
.serviseList2 ul li:nth-child(2) {
    left: 20%;
}
.serviseList2 ul li:nth-child(3) {
    left: 40%;
}
.serviseList2 ul li:nth-child(4) {
    left: 60%;
}
.serviseList2 ul li:nth-child(5) {
    left: 80%;
}
.serviseList2 ul a {
    display: block;
    height: 100%;
    padding: 80px 20px 0 14px;
    opacity: .6;
}
.serviseList2 ul a span:not(.link_line) {
    color: #E20714;
    font-weight: 500;
}
.serviseList2 ul a h3 {
    word-break: keep-all;
    margin: 8px 0 12px;
    font-size: 24px;
    line-height: 1.32;
    font-weight: 400;
    letter-spacing: -0.038em;
    color:#fff;
}
.serviseList2 ul a p {
    display: block;
    font-size: 14px;
    color: #f8f8f8;
}
.serviseList2 ul a .link_line {
    position: absolute;
    width:100px;
    left:50%;
    bottom: 72px;
    font-size: 16px;
    font-weight: 400;
    color: #f8f8f8;
    margin-left: -50px;
}
/* .serviseList2 ul a .link_line:before {
    width: 28px;
    height: 1px;
    width: 44px;
    background-color: #fff;
} */
.serviseList2 ul:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    background-image: url("../images/point-visual02.jpg");
}
.serviseList2 ul.active01:before {
    background-image: url("../images/vis2-img.jpg");
}
.serviseList2 ul.active01 li:nth-child(1) a {
    background: rgba(0, 0, 0, 0.4);
    opacity: 1;
}
.serviseList2 ul.active01 li:nth-child(1) a .link_line:before {
    width: 44px;
    background-color: #fff;
}
.serviseList2 ul.active02:before {
    background-image: url("../images/point-visual02.jpg");
}
.serviseList2 ul.active02 li:nth-child(2) a {
    background: rgba(0, 0, 0, 0.4);
    opacity: 1;
}
.serviseList2 ul.active02 li:nth-child(2) a .link_line:before {
    width: 44px;
    background-color: #fff;
}
.serviseList2 ul.active03:before {
    background-image: url("../images/point-visual01.jpg");
}
.serviseList2 ul.active03 li:nth-child(3) a {
    background: rgba(0, 0, 0, 0.4);
    opacity: 1;
}
.serviseList2 ul.active03 li:nth-child(3) a .link_line:before {
    width: 44px;
    background-color: #fff;
}
.serviseList2 ul.active04:before {
    background-image: url("../images/point-visual02.jpg");
}
.serviseList2 ul.active04 li:nth-child(4) a {
    background: rgba(0, 0, 0, 0.4);
    opacity: 1;
}
.serviseList2 ul.active04 li:nth-child(4) a .link_line:before {
    width: 44px;
    background-color: #fff;
}
.serviseList2 ul.active05:before {
    background-image: url("../images/point-visual01.jpg");
}
.serviseList2 ul.active05 li:nth-child(5) a {
    background: rgba(0, 0, 0, 0.4);
    opacity: 1;
}
.serviseList2 ul.active05 li:nth-child(5) a .link_line:before {
    width: 44px;
    background-color: #fff;
}
.serviseList2 ul:hover:before {
    -webkit-transition: all ease 1s;
    -moz-transition: all ease 1s;
    -o-transition: all ease 1s;
    transition: all ease 1s;
    -webkit-transform: scale(1.15);
    -moz-transform: scale(1.15);
    -o-transform: scale(1.15);
    -ms-transform: scale(1.15);
    transform: scale(1.15);
}

.mainNews{padding:80px 0 80px;text-align:center;border-bottom:1px solid  #F3F3F3; background: #f7f7f7;/*background: url(../images/masterpiece_con3_bg.png);    background-position: 0px 70px;*/}
.mainNews h2 {display: inline-block;;font-size: 48px;font-weight: 700;color:#222}
.mainNews > p {margin: 10px 0 48px;font-size: 16px;}
.mainNews  .btn_link {font-size: 18px;padding-bottom: 10px;border-bottom: 4px solid #222;}

.mainNews .newsList{width:1200px;margin:0 auto;margin-top:40px;margin-bottom:40px;display: flex;gap:30px;}
.mainNews .newsList .newsBox{position: relative;display: flex;flex-direction: column;flex:1;justify-content: space-between;align-items: start;background: #fff;padding:20px;border:1px solid  #F3F3F3;}
.mainNews .newsList .newsBox > p{font-size: 18px;font-weight: 500;color:#222;padding:40px 0;}
.mainNews .newsList .newsBox span{font-size: 14px;color:#888;}
.mainNews .newsList .newsBox::after{transition: width 0.3s;position: absolute;content: "";width:30px;height: 4px;top:20px;left:20px;display: block;background: #222;;}
.mainNews .newsList .newsBox:hover::after{width:80px;}

.mainNews .newsList02{width:1300px;margin:0 auto;margin-top:40px;margin-bottom:40px;display: flex;gap:20px;}
.mainNews .newsList02 .newsBox{
    transition: background-size 0.3s ease-in;
    position: relative;
    width:310px;height:310px;
    display: flex;flex-direction: column;flex:1;justify-content: space-between;align-items: start;

    border:1px solid  #F3F3F3;}
.mainNews .newsList02 .newsBox.item01{background: url(../images/sample_0101.png) center center;background-size: 100%;}
.mainNews .newsList02 .newsBox.item02{background: url(../images/sample_0102.png) center center;background-size: 100%;}
.mainNews .newsList02 .newsBox.item03{background: url(../images/sample_0103.png) center center;background-size: 100%;}
.mainNews .newsList02 .newsBox.item04{background: url(../images/sample_0104.png) center center;background-size: 100%;}
.mainNews .newsList02 .newsBox.youtube{width:560px;background: url(../images/youtube_bg.jpg) center center;background-size: 178%;}

.mainNews .newsList02 .newsBox.youtube svg{width: 80px;margin: 0 auto;}

.mainNews .newsList02 .newsBox:hover{
    background-size: 110%;
}

.mainNews .newsList02 .newsBox.youtube:hover{
    background-size: 190%;
}
.mainNews .newsList02 .newsBox .conBox{

    display:flex;justify-content: end;align-items: flex-start;flex-direction: column;
    width:100%;height:100%;
    padding:20px;
    color:#fff;
    background: rgba(0,0,0,0.4);}
.mainNews .newsList02 .newsBox .conBox > p{text-align: left;}
.mainNews .newsList02 .newsBox:hover .conBox{

}
.mainRecruit{padding:80px 0 60px;background-size: cover;text-align:center;}
.mainRecruit h2 {display: inline-block;;font-size: 48px;font-weight: 700;color:#222}
.mainRecruit p {margin: 10px 0 48px;font-size: 16px;}
.mainRecruit  .btn_link {font-size: 18px;padding-bottom: 10px;border-bottom: 4px solid #242424;}


/*footer*/
footer{background-color: #1a1a1a;padding: 80px 60px;letter-spacing: 0;}
footer dl dt{color: #fff;font-size: 20px;font-family: 'Noto Sans KR';margin-bottom: 30px;}
footer dl dd{display: flex;flex-wrap: wrap;}
footer dl dd.brand{margin-top: 15px;}
footer dl dd p{display: flex;font-family: 'Open Sans';letter-spacing: -0.025em}
footer dl dd p .kr{font-family: 'Noto Sans KR';font-weight: 300;}
footer dl dd p strong{color: #aaa;font-size: 20px;font-weight: 600;margin-right: 5px;}
footer dl dd p span{color: #aaa;font-size: 20px;}
footer dl dd em{display: block;margin: 0 15px;width: 1px;background-color: rgba(255,255,255,0.2);}
footer address{font-size: 15px;color: #666;margin-top: 60px;font-family: 'Open Sans';}
footer .top_btn{position: absolute;top: 0;right: 0;width: 50px;height: 50px;background: url(../images/top-btn.png) no-repeat center;background-size: contain;border: none;}

#container-block{position: relative;}



.gnb { width: 100%; height: 5.3125rem; }
.gnb_dim{display:none;left:50%;transform:translateX(-50%);}
.gnb_dim.on{display:block;position:absolute;z-index:-1;background-color: rgba(0, 0, 0, 0.2);}
.gnb > ul { height: 100%; display: flex; align-items: center; justify-content: center;/* display: -webkit-box;-webkit-box-pack: center;-webkit-box-align: center;  */}
.gnb > ul > li { height: 100%; }
.gnb > ul > li > a { height: 100%; font-size: 20px; color: #000; display: flex; align-items: center;/*  display: -webkit-box;-webkit-box-align: center; */padding: 0 25px; position: relative; }
.gnb > ul > li > a::before { content: ''; display: block; width: 0; height: 3px; background: #00aaf0; position: absolute; bottom: -1px; left: 1px; z-index: 1; transition: all .15s ease-in-out; }
.gnb > ul > li > a::after { content: ''; display: block; width: 0; height: 3px; background: #00aaf0; position: absolute; bottom: -1px; right: 0; z-index: 1; transition: all .15s ease-in-out; }
.gnb > ul > li:hover > a::before, .gnb > ul > li:hover > a::after { width: 50%; }
.gnb > ul > li > a:hover::before, .gnb > ul > li > a:hover::after { width: 50%; }
.gnb > ul > li.active > a::before, .gnb > ul > li.active > a::after { width: 50%; }

.gnb-sub { display: none; position: absolute; width: 100%; left: 50%;transform: translateX(-50%);top: 5.3125rem;;z-index:2; background: #fff; border-top: 1px solid #e5e5e5; }
.gnb-sub-group { padding: 3.437rem 0 3.125rem; display: none; }
.gnb-sub-group .inner { display: flex; }

.depth1 { width: 12.75rem; }
.depth1 strong { font-weight: 700; font-size: 1.75rem; line-height: 1.4642; letter-spacing: -0.7px; display: block; margin-bottom: 0.625rem; }
.depth1 .all { font-size: 0.875rem; }
.depth1 .all:hover { text-decoration: underline; }
.depth1 .all::after { content: ''; display: inline-block; vertical-align: middle; background: url("../images/ic-arr-right-20.svg") no-repeat 50% 50%; width: 0.375rem; height: 0.687rem; margin-top: -2px; margin-left: 0.437rem; }

.depth2 { flex: 1; }
.depth2 > ul { display: flex; flex-wrap: wrap;position:relative; }
.depth2 > ul.line > li{position:relative;border:0;}
/* .depth2 > ul::before{position:absolute;left:0;width:1px;height:100%;background:#eaeaea;content:'';} */
.depth2 > ul > li {position:relative;width: 12.687rem; /* border-left: 1px solid #eaeaea;  */padding: 0 1.25rem; min-height: 4.812rem; }
.depth2 > ul> li::before{position:absolute;left:0;width:1px;height:100%;background:#eaeaea;content:'';}
.depth2.w2 > ul > li:nth-child(odd)::before{position:absolute;left:0;width:1px;height:15rem;background:#eaeaea;content:'';}
.depth2.w2 >ul>li{width:100%;}
.depth2.w2 >ul>li:last-child{margin-top:2rem;}
.depth2.w2 >ul ul {width: 100%;display: flex;flex-wrap: wrap;flex-direction: column;height: 8rem;}
.depth2.w2 >ul >li:nth-child(2) ul {height: 12rem;}
.depth2.w2 >ul ul > li{width:11rem;}
.depth2.w2 li a.line{position: relative;top: -4px;}
.depth2.w3 > ul > li{width: 17.687rem;}
.depth2.w5 > ul > li:nth-child(-n+5)::before{position:absolute;left:0;width:1px;height:34rem;background:#eaeaea;content:'';}
.depth2.w5 > ul > li:nth-child(n+6){margin-top:2rem;}
.depth2.w5_2 > ul > li::before{display:none;}
.depth2.w5_2 > ul > li:nth-child(-n+5)::before{position:absolute;left:0;display:block;width:1px;height:7rem;background:#eaeaea;content:'';}

/* .depth2.w3 > ul.line > li::before{height:23rem;} */
.depth2 > ul > li:nth-child(5){width:11.187rem;}
.depth2 > ul > li > a { font-size: 1.125rem; font-weight: 700; display: inline-block; margin-bottom: 1.25rem; line-height: 1.5; transition: color .1s; }
.depth2 > ul > li > a:hover { color: #00aaf0; }
.depth2 ul ul > li {    /* width: 11rem; */ line-height: 2.19; }
.depth2 ul ul > li > a { color: #262626; }
.depth2 ul ul > li > a span { display: inline-block; position: relative; font-size:1rem;}
.depth2 ul ul > li > a span::before { content: ''; display: block; width: 0; height: 1px; background: #00aaf0; position: absolute; left: 0; bottom: 2px; transition: all .15s; }
.depth2 ul ul > li > a:hover { color: #00aaf0; }
.depth2 ul ul > li > a:hover span::before { width: 100%; }

.gnb-depth2 { width: 100%; }
.gnb-depth2 ul { display: flex; align-items: center; justify-content: center; }
.gnb-depth2 li { flex: 1 1 auto; }
.gnb-depth2 li + li { position: relative; }
.gnb-depth2 li + li::before { content: ''; display: block; width: 1px; height: 1rem; background-color: #e5e5e5; position: absolute; left: 0; top: 50%; margin-top: -0.5rem; }
.gnb-depth2 a { height: 3.687rem; color: #262626; display: flex; align-items: center; justify-content: center; font-size:1rem;}
.header-bottom .gnb-depth2 span.active{color:#00aaf0;}


.sitemap { width: 100%; min-height: 100vh; position: fixed; left: 0; top: 0; z-index: 99999; background: #fff; display: none; }
.sitemap .sitemap-header { height: 6.25rem; background: #000; text-align: center; position: relative; }
.sitemap .sitemap-header h1 { font-size: 2.125rem; font-weight: 500; letter-spacing: -0.85px; line-height: 6.25rem; color: #fff; }
.sitemap .sitemap-header .close { position: absolute; width: 3.75rem; height: 3.75rem; right: 2.375rem; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%);opacity: 1; }
.sitemap .sitemap-body { height: calc(100vh - 6.25rem); overflow-x: hidden; }
.sitemap .gnb-sub-group { display: block; }
.sitemap .container + .container .gnb-sub-group { border-top: 1px solid #d9d9d9; }
.sitemap .all { display: none; }

html.sitemap-open body { overflow: hidden; }
html.sitemap-open .sitemap { display: block; }



/* 페이지 스크롤 후 처리  */
html.depth2-show body:not(.body-main) .header-bottom { display: block; }
html.header-hidden body:not(.body-main) .header { transform: translateY(-5.375rem);-webkit-transform: translateY(-5.375rem); }
html.depth2-show body:not(.body-main) .header-bottom { bottom:-3.84rem; }
html.is-scroll-down body:not(.body-main) .header-bottom { bottom:-3.88rem; }
html.is-scroll-up body:not(.body-main) .header { transform: translateY(0);-webkit-transform: translateY(0); }


.footer { text-align: left; background: #fff; position: relative;    z-index: 1; }
.footer .footer-top { height: 5rem; border-top: 1px solid #e5e5e5; }
.footer .footer-top .container { position: relative; height: 100%; }
.footer .footer-bottom { /* border-top: 1px solid #e5e5e5;  */padding: 0 0 4rem; }
.footer .footer-menu { display: inline-flex; height: 100%; align-items: center; }
.footer .footer-menu li + li { margin-left: 2.937rem; }
.footer .footer-menu a { color: #272a33;font-size:1rem; }

.footer .footer-family { position: absolute; right: 0; top: 50%; transform: translateY(-50%);-webkit-transform: translateY(-50%); width: 15rem;}
.footer-family dt{border-bottom:1px solid #9a9a9a;}
.footer-family dt .family_btn{width:100%;text-align:left;padding:0.625rem 0.625rem 0.625rem 1.062rem;color: #4b4e53;outline:none;font-size: 0.875rem;}

.footer-family dt .family_btn::after{position:absolute;top:50%;transform:translateY(-50%);right:10px;width:1.5rem;height:1.5rem;background:url("../images/ic_arr_up_gray_24@2x.png")no-repeat;background-size:1.5rem;content:'';transition:transform .5s;}
.footer-family dt .family_btn.on::after{transform: rotate(180deg);top:25%;}
.footer-family dd{display:none;position: absolute;bottom: 2.437rem;width: 100%;}
.footer-family dd.on{display:block;}
.footer-family dd ul{height:10.625rem;overflow-y:scroll;background-color: #ffffff; border: solid 1px #454545;font-size:0.875rem;}
.footer-family dd ul li{height:2.625rem;padding-left:0.562rem;line-height:2.625rem;letter-spacing:-0.4px;font-size: 0.875rem;}
.footer-family dd ul li a{display:block;    color: #787878;}
.footer-family dd ul li:hover,.footer-family dd ul li:active{background-color: #f8f9fa;}

/*
.footer .footer-family .ui-selectmenu-button.ui-button{padding: 10px 10px 10px 17px;border-radius:0;}
.footer .footer-family .ui-selectmenu-icon.ui-icon{width:24px;height:24px;background:url("../images/ic_arr_up_gray_24@2x.png")no-repeat !important;background-size:24px !important;}
.ui-selectmenu-menu .ui-widget.ui-widget-content{font-size:14px;} */

.footer .footer-logo { flex: 0 0 auto; margin-right: 3.37rem; margin-top: 2px; }
.footer .footer-info { color: #767676; line-height: 1.67;font-size:0.937rem; }
.footer .footer-info >div{display: flex;flex-wrap: wrap;}
.footer .footer-info .line span{position:relative;padding-right:0.62rem;margin-right:0.62rem;}
.footer .footer-info .line span::after{position:absolute;right:0;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);width:1px;height:0.875rem;content:'';background:#bababa;}
.footer .footer-info .line span:last-child{padding:0;margin:0;}
.footer .footer-info .line span:last-child::after{display:none;}
.footer .footer-info .copyright { margin-top: 1.875rem; }

/* 20221004 추가 */
.footer-mid{padding:2.375rem 0 3.125rem;border-top:1px solid #e5e5e5;}
.footer-mid .container>ul{display:flex;width:60.1875rem;}
.footer-mid .container > ul >li{flex:1;}
.footer-mid li strong{display:inline-block;margin-bottom:0.625rem;line-height:1.625rem;font-size:1.125rem;font-weight:700;color:#262626;}
.footer-mid li ul li{color:#4B4E53;font-size:1rem;line-height:2.25rem;}
.footer-mid li ul li .font_blue{font-weight:700;color:#2D8EF9;}
.footer-mid li ul li a.gray{display:inline-block;width:146px;height:40px;margin:0.625rem 0 6px;line-height:38px;text-align:center;border:1px solid #E5E5E5;background:#F5F5F5;font-size:0.875rem;color:#666666;}
.footer-mid li ul li:last-child a.gray{margin:0;}
#container-block {margin-top: 5.312rem;}

.go-top {display: block;width: 3.75rem;height: 3.75rem;background: #272a33 url("../images/ic_arr_up_white_28@2x.png") no-repeat 50% 0;background-size:3.75rem;position: fixed;bottom: -100px;right:1.4375rem;z-index: 100;transition: bottom .3s 0s ease-out, background-color .2s;}
html.is-scrolled .go-top{bottom: 0; }
.go-top:hover { background-color: #4b4e53; }

.no_image{background:url("../images/no_image.png")no-repeat 50% 50%;background-size:24rem 14.37rem;}
.list_null_up::after{position:absolute;top:50%;transform:translateY(-50%);left:4.06rem;width:1.125rem;height:1.125rem;content:'';background: url("../images/ic_arr_up_gray_18.png")no-repeat 0 0;}
.list_null_down::after{position:absolute;top:50%;transform:translateY(-50%);left:4.06rem;width:1.125rem;height:1.125rem;content:'';background: url("../images/ic_arr_down_gray_18.png")no-repeat 0 0;}
.list_null_up+p,.list_null_down+p{color:#7b7b7b;font-weight:400 !important;}
.m_r_list  ul li a:hover .list_null_up +p,.m_r_list  ul li a:hover .list_null_down +p{text-decoration:none;}