@import url('http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css');

@font-face { font-family: 'NanumBarunGothic'; src: url(webfont/NanumBarunGothic/NanumBarunGothicWeb.eot); src: url(webfont/NanumBarunGothic/NanumBarunGothicWeb.eot?#iefix) format('embedded-opentype'), url(webfont/NanumBarunGothic/NanumBarunGothicWeb.woff) format('woff'), url(webfont/NanumBarunGothic/NanumBarunGothicWeb.ttf) format('truetype'); }

@font-face { font-family: 'NanumSquare'; src: url(webfont/NanumSquare/NanumSquareR.eot); src: url(webfont/NanumSquare/NanumSquareR.eot?#iefix) format('embedded-opentype'), url(webfont/NanumSquare/NanumSquareR.woff) format('woff'), url(webfont/NanumSquare/NanumSquareR.ttf) format('truetype'); }

body * { font-family: 'notosanskr-regular_0'; }
/*@media (min-width: 1200px) { .container { width: 1120px!important; } }*/


#header__top { background-color: transparent !important; height: 120px; position: absolute; width: 100%; z-index: 999; transition: all 0.6s; float: none; }
#header__top .container { position: relative; }
#header__top li:hover { transition: .3s background; }
#header__top li a { text-decoration: none; color: #fff; font-size: 17px; padding: 30px 20px; display: inline-block; }
.pull-left {margin-top:25px}
#header__top .container > .row { display: flex; align-items: center; }
#header__top .pull-right { float: none !important; }
#header__top .container > .pull-right { position: absolute; top: 65px; right: 70px;  transform: none; display: flex; align-items: center; }
#header__top .container > .pull-right .gnbBTNM { display: flex; gap: 12px; font-size: 13px; }
#header__top .container > .pull-right a { color: #fff; text-decoration: none;}
#header__top .container > a.toggle { position: absolute; top: 60px; right: 20px; display: flex; align-items: center; }
#header__top .container .row { border-bottom: 1px solid #fff; height: 120px; }


/*header .left { float: left; display: inline-block; color: #979A9F; letter-spacing: 0; }
header .left img { position: relative; top: 0px; }
header .left span { margin: 0 15px; display: inline-block; font-size: 17px; }
header .left a { padding: 15px 0px; display: inline-block; }*/

/*#header__bottom { overflow: hidden; padding: 15px 0; background: rgba(0, 0, 0, 0); height: 100%; position: relative; width: 100%; z-index: 999; }*/
/*#header__bottom { background-color: transparent; position: absolute; width: 100%; z-index: 999; transition: all 0.6s; padding-top: 30px; }
#header__bottom .container {border-bottom: 1px solid #fff; height:80px}*/
#gnb { margin: 25px 0 0 10px; }
#gnb > li { display: inline-block; padding: 0 15px; }
#gnb > li > a { font-size: 21px; color: #fff; text-decoration: none; }
#gnb > li > a:hover { padding-bottom: 10px; transition: .3s all; }
#gnb > li > ul { display: none; }

.gnb2 { background: transparent; width: 100%; height: 0px; position: absolute; left: 0px; z-index: 9999; overflow: hidden; text-align: center;  }
.gnb2 .container {display: inline-block; position: relative;}
.subul > li { display: inline-block; text-align: center; vertical-align: top; margin: 0 20px; }
.subul > li:last-child { margin-right: 0px; }
.subul > li > a { font-size: 18px; }
.subul > li > a > i { float: right; position: relative; top: 3px; }
.subul > li > ul { margin: 15px 0; display: none; }
.subul > li > ul > li { font-size: 15px; transition: all ease 0.3s; height: 29px; margin-top: 1px; }
/*.subul > li > ul > li:hover { background-color: #1f4346; }*/
.subul > li > ul > li > a { padding: 5px 7px; display: inline-block; overflow: hidden; width: 100%; text-overflow: ellipsis; white-space: nowrap; }
.subul > li > ul > li > a > i { margin-right: 5px; position: relative; }
.subul li a { color: #fff; text-decoration: none; }

/*my-menu*/
#my-menu{display:none;background-color:rgba(0,0,0,.3); max-width:240px; z-index:99999;}
body > .mm-opened{display:block!important;}
#mm-0:before { height:0!important; }
#mm-1 > ul > li:hover > a.mma1 { color: #34b4c7 !important; }
.mm-navbar.mm-hasbtns .mm-close .mm-sronly{display:none;}
.mm-navbars-top{background-color:rgba(0,0,0,.75);}
.mm-btn {top:unset!important;}
.mm-menu .mm-listview>li .mm-next:after { border-color:#fff !important; }
.mm-menu .mm-listview>li .mm-next:after {
    border-color: rgba(255, 255, 255, .3) !important;
}

.mm-panels>.mm-panel>.mm-listview { margin:0px!important;}
.mm-panels>.mm-panel.mm-hasnavbar { padding-top:0!important; }
.mm-panels > .mm-panel { padding:0; }
.mm-panels, .mm-panels>.mm-panel { z-index:9999; }
.mm-listview { margin:0; }
.mm-listview > li > a, .mm-listview > li > span { padding: 10px 10px 10px 20px; margin: 0; }
.mm-listview .mm-vertical .mm-panel, .mm-vertical .mm-listview .mm-panel { padding:0 0 0 10px; }
.mm-listview>li>a, .mm-listview>li>span { padding:10px 20px!important; font-size:17px; }
.closeMenu{color:#fff!important; text-decoration:none!important; cursor:pointer; font-size:40px;position: absolute;
right: 0;top: 5%;}
.mob-login { overflow:hidden; padding:15px 0; border-bottom:1px solid #808080; margin-bottom:10px; }
.mob-login li { float:right; overflow:hidden; }
.mob-login a { display: inline-block !important; font-size: 17px !important; border: 0px !important; box-shadow: none !important; color: #aaa !important; padding: 0px 10px !important; }
.mob-login a .fa { font-size:20px!important; }
.mmenu-depth1 > a{ color:#fff!important; }
.mmenu-depth2 > a{ color:#E4E3B9!important; }
.mmenu-depth3 > a{ color:#B4EBF1!important; }
a.mm-next{width:100%!important;}

.subul {
        
        text-align:center;
}

/* footer */

.footTM { display: inline-block; width: 100%; padding: 20px 0; border-top: 1px solid #ddd; }
.footTM .footT { display: flex; grid-template-columns: 1fr 1fr 1fr; width: 100%; padding: 0 7vw; justify-content: space-around; }
.footTM .footT > span { color: #000; font-size: 2em; font-weight: 200; line-height: 2; }
.footTM .footT a { display: flex; align-items: center; justify-content: center; }
.footTM .footT a .QBT { padding: 30px 80px; background-repeat: no-repeat; background-position: center; background-size: cover; display: inline-block; }
#footer .footM { display: inline-flex; padding: 80px 0; width: 100%; align-items: flex-end; justify-content: space-between; }
#footer .footM ul { font-size: 17px; line-height: 1.5; letter-spacing: 0; }
#footer .footM ul li { color: #fff; line-height: 2; font-size: 17px; }
#footer .footM .footL { width: 60%; }
#footer .footM .footL ul { text-align: right; }
#footer .footM ul li hr { width: 15%; border: 2px solid #fff; margin: 10px auto 15px 0; }
#footer .footM ul li a { color: #fff; text-decoration: none; }

#footer { background: #373B44; padding: 50px 0px; }
#footer > div { position: relative; }
#footer img { margin-right: 10px; clear: both; display: inline-block; vertical-align: top; }
#footer ul { display: block; margin: 10px 0 0 35px; }
#footer ul li { color: #fff; font-size: 16px; padding: 0px; margin: 5px 0; transform: skew(-0.05deg); }
#footer h5 { font-size: 16px; font-weight: bold; margin: 4px 0px 4px; color: #fff; display: inline-block; transform: skew(-0.05deg); }
#footer p { font-size: 16px; color: #9DA1A4; margin: 0px 0px 30px; }
#footer .foot-1 table { border: none; margin-left: 38px; width: 100%; margin-top: 10px; }
#footer .foot-1 tr { margin-bottom: 5px; }
#footer .foot-1 td:first-child { width: 30%; }
#footer .foot-1 td:nth-child(2) { width: 34%; }
#footer .foot-1 td { color: #fff; font-size: 16px; padding: 5px 0; transform: skew(-0.05deg); }
#footer .foot-2 table { border: none; width: 100%; }
#footer .foot-2 tr { margin-bottom: 5px; }
#footer .foot-2 td:first-child { width: 18%; }
#footer .foot-2 td:nth-child(2) { width: 28%; }
#footer .foot-2 td:nth-child(3) { width: 38%; }
#footer .foot-2 td { color: #fff; font-size: 15px; padding: 2px 0; }
#footer h3 { font-size: 15px; color: #fff; line-height: 25px; margin: 20px 36px 0; transform: skew(-0.05deg); }
#footer .footer-logo { margin: 10px 0 0 35px; display: flex; flex-direction: column; align-items: flex-start; }
#footer .footer-logo img { display: block;  margin-right: 0;  }
#footer .footer-logo img + img { margin-top: 25px; }

.header-mobile-gnb { float: right; margin: 20px 15px 20px 0; font-size: 30px; }
/*.header-mobile-gnb .toggle { color: #219679 !important; }
.mm-panels > #mm-1 { background-color: #219679 !important; }*/
/*.mm-panels > #mm-2,
.mm-panels > #mm-3,
.mm-panels > #mm-4,
.mm-panels > #mm-5,
.mm-panels > #mm-6,
.mm-panels > #mm-7,
.mm-panels > #mm-8,
.mm-panels > #mm-9,
.mm-panels > #mm-10,
.mm-panels > #mm-11,
.mm-panels > #mm-12,
.mm-panels > #mm-13,
.mm-panels > #mm-14,
.mm-panels > #mm-15,
.mm-panels > #mm-16,
.mm-panels > #mm-17,
.mm-panels > #mm-18,
.mm-panels > #mm-19,
.mm-panels > #mm-20,
.mm-panels > #mm-21,
.mm-panels > #mm-22,
.mm-panels > #mm-23,
.mm-panels > #mm-24,
.mm-panels > #mm-25,
.mm-panels > #mm-26,
.mm-panels > #mm-27,
.mm-panels > #mm-28,
.mm-panels > #mm-29,
.mm-panels > #mm-30,
.mm-panels > #mm-31 { background-color: #005f47 !important; }
.mm-navbar { padding: 20px 0px !important; height: inherit !important; }
.mm-navbar a { font-size: 22px; color: #fff !important; }
.mm-listview > li > a, .mm-listview > li > span { padding: 20px 25px !important; font-size: 17px; }
.mm-panels > .mm-panel > .mm-listview { margin: 20px 0px !important; }
.mm-btn { top: unset !important; }*/

.board-theme.gallery .theme-list > .each-document > a.title { width: 100% !important; }


@media (min-width:1200px) and (max-width:1499px) {
}


@media (min-width:993px) and (max-width:1199px) {
#gnb > li { padding: 0 20px; }
#footer .foot-1 td:nth-child(2) { width: 50%; }
}

@media (min-width:768px) and (max-width:992px) {
#header__top { padding: 0 10px; }


#main-logo { max-width: 170px; margin-left: 15px; margin-top: 5px; }
#header__bottom { padding: 0; }
#footer { padding: 25px 0; }
#footer img { display: block; margin: 0 auto 15px; }
.foot-3 { text-align: center; }
#footer ul { margin: 0; }
#footer h3 { margin-top: 5px; }

.footTM .footT {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 0 10px;
}
.footTM .footT > span {
    display: none;
}
.footTM .footT > a {
    flex: 0 0 50%;
    box-sizing: border-box;
    margin-bottom: 15px;
    justify-content: center;
}

.footTM .footT a .QBT { width: 100%; padding: 20px 0; background-size: contain; }
}

@media (max-width:767px) {
#header__top .container .row {border: none;}
#header__top .container > a.toggle { position: absolute; top: 30px; right: 20px; display: flex; align-items: center; }
#header__top .container .row {height: 75px;}
#header__top { padding: 0 0px; }
#header__top li { width: 60px; }
#header__top li a { padding: 18px 0px; font-size: 15px; }
#main-logo { max-width: 150px; margin-left: 15px; margin: 0 10px; }
#header__bottom { padding: 0; }
#footer { padding: 25px 20px; word-break: keep-all; }
.foot-3 { text-align: center; }
#footer ul { margin: 0; }
#footer h3 { margin-top: 5px; font-size: 14px; }
#footer ul li { font-size: 14px; }

 .footT {
        justify-content: space-between;
        padding: 0 5vw;
    }

.footT a {
        flex: 0 0 calc(50% - 10px); 
    }

 .footT > span {
        display: none;
    }

.footTM .footT {
    display: flex;
    flex-wrap: wrap;  
    justify-content: center;
    padding: 0 10px !important;
}

.footTM .footT > span { display: none; }

.footTM .footT > a {
    flex: 0 0 50% !important; 
    margin-bottom: 15px;
    justify-content: center;
}


.footTM .footT a .QBT {
    width: 100%;
    padding: 20px 0;
    background-size: contain;
}

#footer .footer-logo {
        margin: 10px 0 0 0;          
        display: flex;
        flex-direction: column;
        align-items: flex-start;      
        float: none;                  
    }


}