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

body {height:auto !important;/* min-height: 100%;height:auto !important;height:100% !important;  */overflow-x: hidden;/*  min-width: 1230px; */letter-spacing:-0.025em;}
 
/* 201116 수정 */
.wrap { width: 100%;min-width:1230px;overflow:hidden;}
.header { margin-top:0;position: fixed; top: 0; left: 0; z-index: 99999; width: 100%; -webkit-transition: all .4s; transition: all .4s; background: #fff; }

.header .header-top {display: flex;align-items: center; max-width:1200px;margin:0 auto;position: relative; border-bottom: 1px solid rgba(255, 255, 255, 0.2); background: #fff; /* min-width: 1230px;  */}
body.body-main .header .gnb > ul > li:hover > a{color:#000; }
body:not(.body-main) .header .header-top {position: relative;width: 100%;border-bottom: 0; }
body:not(.body-main) .header .m_btn_gnb span{background:#000;}

.header .header-bottom { width: 100%; background: #fff; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; overflow: hidden; position: absolute; left: 0; bottom: 0; z-index: -1; transition: bottom .4s; display: none; }
.header .logo {
    display: flex;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}
.header .logo .icon-logo {
    display: inline-flex;
    align-items: center;
}

.header .logo .icon-logo p:first-child {
    display: flex;
    align-items: center;
}

.header .logo .icon-logo p:first-child:after {
    content: '';
    display: block;
    width: 1px;
    height: 14px;
    background-color: #848484;
}

.header .logo .icon-logo p:first-child img {
    margin-right: 10px;
}

.header .logo .icon-logo p:last-child {
    margin-left: 10px;
}
.header .logo.on{z-index:-1;}
.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: 140px;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: 1920px; 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:22rem;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.w2 > ul > li:nth-child(2) ul {
    height: 170px;
}
.depth2.w2 > ul > li:nth-child(2) ul li{
    width: auto;
}
.depth2.w2 >ul ul.product {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  }
  .depth2.w2 >ul ul.product .insight {
    grid-row-start: 3;
    grid-row-end: 6;
  }
  .depth2.w2 >ul ul.product .local {
    line-height: 1.3;
    grid-column-start: 6;
    grid-column-end: 7;
    grid-row-start: 4;
    grid-row-end: 6;
  }

/* .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; }

/* //201116 수정 */
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{display:flex;width:83.187rem;}
.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;}