@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);

*{margin:0;padding:0;outline:0;vertical-align:baseline;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
div:after,
section:after,
ul:after{content:'';display:block;clear:both;}
input[type="text"],
input[type="password"],
input[type="number"],
input[type="submit"],
input[type="radio"],
input[type="checkbox"].form-check,
select,button{-webkit-appearance:none;-moz-appearance:none;appearance:none;}
address{font-style:normal;}
form{display:block;}
table{width:100%;border-collapse:collapse;}
caption{display:none;}
a{text-decoration:none;color:#4E6895;transition:.3s;}
button{border:0;background-color:inherit;cursor:pointer;}
img{line-height:1;font-size:0;}
svg{vertical-align:middle;line-height:1;display:inline-block;position:relative;top:-1px;}
html{font-size:15px;}
body{line-height:1.6;background:#fff;font-family: "Noto Sans KR", sans-serif;}
li{list-style:none;}

html.active,
body.active{overflow:hidden;}
body.active:after{content:'';position:fixed;left:0;top:0;z-index:1;background-color:rgba(0,0,0,.5);width:100%;height:100%;}

@media (max-width: 767px){
    html{font-size:13px;}
}

/* display */
.only-pc{display:block;}
.only-mb{display:none}

@media (max-width: 767px){
    .only-pc{display:none;}
    .only-mb{display:block;}
}

/* g5 reset */
#bo_v_title .bo_v_tit{font-size:1.5rem!important} /* 본문 타이틀 */
#bo_cate_ul{border:1px solid #dfdfdf;padding:.5rem;margin-top:1rem}
#bo_cate_ul a{font-size:.8rem;line-height:1!important;padding:.5rem 1rem!important;border-radius:.3rem!important}
#bo_v_share .btn{width:auto!important}
.tbl_head01 td{height:auto!important;padding:1rem!important;white-space:nowrap}

.text-left{text-align:left;}
.text-center{text-align:center;}
.text-right{text-align:right;}

.full{width:100%;}

.margin-top{margin-top:1rem;}
.margin-top-x2{margin-top:2rem;}

@media (max-width: 767px){
    .mb-margin-top{margin-top:1rem;}
}

/* card */
.card{border:1px solid #dfdfdf;display:flex;flex-direction:column}
.card .card__head{padding:1rem;border-bottom:1px solid #dfdfdf;background-color:#f9f9f9}
.card .card__body{padding:1rem;}
.card .card-title{font-size:1rem;}

/* nav */
.nav > ul{display:flex;width:100%;}
.nav > ul > li{}
.nav > ul > li > a{display:block;padding:1rem;text-align:center;}
.nav > ul > li.active > a{background-color:#000;color:#fff;}

.nav.nav-inline > ul{display:block;}
.nav.nav-inline > ul > li{display:inline-block;}
.nav.nav-inline > ul > li > a{padding:.2rem .5rem;border-radius:.2rem}
.nav.nav-inline > ul > li > a:hover{text-decoration:underline}

.nav.nav-full > ul > li{flex:1 1 auto;}

@media (max-width: 767px){
    .mb-nav-bordered > ul > li{border-bottom:1px solid #dfdfdf;}
}

/* list */
.list-block > li{display:block;clear:both;padding:1rem 0;}
.list-bordered > li{border-bottom:1px solid #dfdfdf;}

.list{display:block;margin-left:-.5rem;margin-right:-.5rem}
.list > li{float:left;padding-left:.5rem;padding-right:.5rem;padding-bottom:.5rem;line-height:1;}

.list.list-column-1 > li{width:100%;float:none;clear:both;}
.list.list-column-3 > li{width:33.33333%}
.list.list-column-3 > li:nth-child(3n+1){clear:both;float:left;}
.list.list-column-4 > li{width:25%}
.list.list-column-4 > li:nth-child(4n+1){clear:both;float:left;}

@media (max-width: 767px){
    .list.mb-list-column-2 > li{width:50%;}
    .list.mb-list-column-2 > li:nth-child(3n+1),
    .list.mb-list-column-2 > li:nth-child(4n+1),
    .list.mb-list-column-2 > li:nth-child(5n+1){clear:none;float:left;}
    .list.mb-list-column-2 > li:nth-child(2n+1){clear:both;float:left;}
}

.list.list-condensed{margin-left:-.2rem;margin-right:-.2rem}
.list.list-condensed > li{padding-left:.2rem;padding-right:.2rem;padding-bottom:.2rem}

.list-article > li{display:block;line-height:1.7}
.list-article > li > a + .date{float:right;color:#999}
.list-article > li > a:hover{text-decoration:underline}

.list-number{counter-reset: section;}
.list-number > li::before{counter-increment: section;content: counter(section);width:1.5em;height:1.5em;line-height:1.5em;text-align:center;display:inline-block;background-color:#999;color:#fff;font-size:.76em;margin-right:.5rem;vertical-align:middle;font-weight:bold;font-family:sans-serif}
.list-number > li:nth-child(1)::before,
.list-number > li:nth-child(2)::before,
.list-number > li:nth-child(3)::before{background-color:red;}

/* Btns */
.btn2{display:inline-block;padding:.5rem 1rem;text-align:center;border:1px solid #000;background-color:#fff;color:#000;font-size:1rem;border-radius:.3rem}
.btn2.btn2-small{padding:.3rem .6rem;font-size:.9rem}
.btn2.btn2-mini{padding:.1rem .3rem;font-size:.8rem}
.btn2.btn2-full{width:100%;}

.btn2 ~ .btn2{margin:0 .2rem}

/* Badge */
.badge{display:inline-block;margin-right:.5rem;border-radius:.3rem;background-color:red;color:#fff;padding:.1em .5em;font-size:.8em;}

/* Items */
.item{display:flex;flex-direction:column;flex-wrap:wrap;border-radius:.5rem}
.item img{display:block;line-height:1;font-size:0;width:100%;border-radius:.5rem}
.item .item__head{position:relative;}
.item .item__head input[type="checkbox"]{position:absolute;left:.5rem;top:.5rem;}
.item .item__body{padding:1rem .5rem}
.item .item-title{font-size:1.1rem;margin:0}
.item .item-desc{color:rgba(0,0,0,.8);font-size:1rem}

.item .item-info{display:flex;justify-content:space-between;margin-top:1rem}
.item .item-info > li{flex:1;color:rgba(0,0,0,.5);font-size:.8rem;display:inline-flex;}
.item .item-info > li:last-child{justify-content:flex-end;}
.item .item-info > li i{display:inline-block;margin-right:.3rem;}

.item.item-media{flex-direction:row}
.item.item-media img{width:auto}
.item.item-media .item__head,
.item.item-media .item__body{flex:0 1 auto;}
.item.item-media .item__body{padding-left:1rem;}

.item.item-media.va-middle{align-items:center;}

.item.item-frame{padding:1rem;padding-bottom:0;background-color:#121212;}
.item.item-frame.item-condensed{padding:.5rem;}


/* grid */
.grid{display:flex;flex-wrap:wrap;margin-left:-.5rem;margin-right:-.5rem;}
.grid > [class*=grid__]{flex:1 1 auto;padding-left:.5rem;padding-right:.5rem;padding-bottom:.5rem}
.grid > .grid__1 {min-width: 8.33333%;max-width: 8.33333%;}
.grid > .grid__2 {min-width: 16.66666%;max-width: 16.66666%;}
.grid > .grid__3 {min-width: 24.99999%;max-width: 24.99999%;}
.grid > .grid__4 {min-width: 33.33332%;max-width: 33.33332%;}
.grid > .grid__5 {min-width: 41.66665%;max-width: 41.66665%;}
.grid > .grid__6 {min-width: 49.99998%;max-width: 49.99998%;}
.grid > .grid__7 {min-width: 58.33331%;max-width: 58.33331%;}
.grid > .grid__8 {min-width: 66.66664%;max-width: 66.66664%;}
.grid > .grid__9 {min-width: 74.99997%;max-width: 74.99997%;}
.grid > .grid__10 {min-width: 83.3333%;max-width: 83.3333%;}
.grid > .grid__12 {min-width: 100%;max-width: 100%;}

[class*=grid__].text-right{display:inline-flex;justify-content:flex-end}

.grid + .grid{margin-top:1rem}
.grid + .list{margin-top:1rem}

@media (max-width: 767px){
    .grid > .mb-grid__6{min-width:100%;max-width:100%}
    .grid > .mb-grid__3{min-width:50%;max-width:50%;}
}

/* banner */
.banner{position:relative;}
.banner .admin-control{position:absolute;left:.5rem;top:.5rem;opacity:0;z-index:-1;visibility:hidden;transition:.3s;}
.banner:hover .admin-control{opacity:1;z-index:1;visibility:visible;}

/* Layout */
.container{width:100%;margin:0 auto;min-width:1280px;max-width:1280px;padding-left:1rem;padding-right:1rem}
@media (max-width: 767px){
    .container{min-width:100%;max-width:100%;}
}

#header .grid{align-items:center;}
#header .grid > [class*=grid__]{padding-bottom:0;}

#header__brand{}

#header-toggle{font-size:2rem;}

@media (max-width: 767px){
    #header__brand img{height:32px;}
}

@media (min-width: 768px){
    #header__nav > ul{}
    #header__nav > ul > li{position:relative;}
    #header__nav > ul > li > a{font-weight:700}
    #header__nav > ul > li > ul{position:absolute;left:0;width:100%;display:block;padding:1rem;opacity:0;z-index:-1;visibility:hidden;background-color:#000;transition:.3s;}
    #header__nav > ul > li > ul > li > a{font-size:.9rem;background-color:transparent;color:rgba(255,255,255,.8);display:block;padding:.5rem 1rem}
    #header__nav > ul > li > ul > li > a:hover{color:#fff;}
    #header__nav > ul > li:hover > ul{opacity:1;visibility:visible;z-index:9999}
}

#header__nav___top{display:none}

@media (max-width: 767px){
    #header__nav{position:fixed;left:-80%;top:0;width:30%;height:30%;background-color:#fff;z-index:9999;overflow-y:auto;transition:.3s;display: block;}
    #header__nav > ul{flex-wrap:wrap;flex-direction:column}
    #header__nav > ul > li{display:block;}
    #header__nav > ul > li.arrow > a{background:url(../img/arrow_down.svg) no-repeat 95% center;background-size:1rem;}
    #header__nav > ul > li.arrow.up > a{background-image:url(../img/arrow_up.svg)}
    #header__nav > ul > li > a{color:#000;text-align:left;padding:1rem 1rem;font-weight:700}
    #header__nav > ul > li > ul{position:relative;z-index:1;visibility:visible;opacity:1;background-color:#f3f3f3;padding:.5rem 0;border-top:1px solid #dfdfdf;border-bottom:1px solid #dfdfdf;display:none;}
    #header__nav > ul > li > ul > li > a{padding:.5rem 1rem;display:block;}

    #header__nav.active{left:0;}

    #header__nav___top{display:block;text-align:center;padding:3rem 0}
    #header__nav___top .brand{height:50px;}
    #header__nav___top .account{margin-top:1rem}
}

@media (max-width: 767px){
    #local-nav #header__nav___top{display:none;}
    #local-nav{overflow:hidden;border-bottom:1px solid #dfdfdf;background-color:#f9f9f9}
    #local-nav ul{overflow-x:auto;white-space:nowrap;}
    #local-nav ul > li{display:inline-block}
    #local-nav ul > li > a{display:block;padding:.8rem;font-weight:700}
    #local-nav ul > li > ul{display:none;}
}

#body{clear:both;padding:1rem 0;min-height:500px;}

#footer{clear:both;}