@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');
}


/* font select */

body * {
    font-family: NanumSquare, sans-serif;
    letter-spacing: -0.5px;
}

.black {background-color: rgba(0,0,0,0.5)!important;}
/* font select */

body * { font-family:'Noto Sans CJK KR', sans-serif; letter-spacing : -0.5px;}

/* header */
#navbar .top-header{width:100%; height:50px; background-color:#F5F5F5;position:relative;}
#navbar .top-header .header-box-right{position: absolute;top: 50%;text-align: center;right: 10%;
border: none;display: block;transform: translate(0,-50%);}
#navbar .top-header .header-box-right a{color: #262626;text-decoration: none;font-size: 17px;padding: 0 15px;}
#navbar .bottom-header{position:relative; width:100%; height:100px;}
.navbar-default .navbar-collapse, .navbar-default .navbar-form{background-color: transparent;text-align: center;position: relative;overflow: hidden;background-color:#fff;}

/* gnb */
#gnb {position: absolute;left: 0;top: 50%;width: 100%;
text-align: center;border: none;display: block;transform: translate(0,-50%);}
.navbar-default {transition: all ease 0.8s;margin: 0;position: fixed;width: 100%;background: rgba(14, 53, 89, 0);border: none; height: 115px;}
.navbar-default #all-menu{ float:right; margin:50px 0px 0px 55px;}
.navbar-default >.container >a:nth-child(1) > img { float:left; margin: 15px 0px;}
.navbar-default >.container > .top-href-btn{position: absolute;top: 45%;right: 14%;
transform: translateY(-50%);}
.navbar-default > #navbar > .top-href-btn .live-btn{text-decoration:none;}
#gnb > li { display:inline-block;font-size:20px; outline:none;position:relative;}
#gnb > li > a {font-size: 18px;color: #000;text-decoration: none;transition: all ease 0.2s;display: inline-block;padding: 38px;}
#gnb > li > .dropdown-menu {margin: 0; padding: 0; border-radius: 0; width:160px; left:50%; margin-left:-80px; background:rgba(255,255,255,0.8); top:75%;}
#gnb > li > .dropdown-menu > li{position:relative;}
#gnb > li > .dropdown-menu > li > .dropdown-menu{margin: 0;padding: 0;border-radius: 0;width: 220px;left: 235px;
top: 0;margin-left: -80px;background: rgba(255,255,255,0.8);}
#gnb > li > ul > li > a {font-size: 17px; padding: 10px; color:#000;text-decoration: none; }
#gnb > li > ul > li.active > a,
#gnb > li > ul > li > a:hover {background:rgba(255,255,255,1)!important; font-weight:bold; }
#gnb > li > ul > li > ul > li > a {font-size: 15px; padding: 10px; color:#000;text-decoration: none; }
#gnb > li > ul > li > ul > li.active > a,
#gnb > li > ul > li > ul > li > a:hover {background:rgba(255,255,255,1)!important; font-weight:bold; }
#gnb > li:hover > ul {display: block; }
/*
#gnb > li:hover > a{font-weight:bold;}
*/
#gnb > li:hover > ul > li:hover > ul {display: block; }
#gnb-wrap2{background-color: rgba(0,0,0,0.5)!important;}

/* gnb2 */
.gnb2 {background: #0a3c8a; width:100%; height:0px; position:absolute;left:0px; z-index:9999;}
.gnb2 .container { padding:20px 0px 0px; text-align:right;}
.subtext-wrap { float:left;  padding:0px; display:none; width:220px; text-align:center; margin-right:30px;}
.subtext { display:inline-block; }
.subtext p { color:#333333;}
.subtext p:first-child { font-size:14px; margin-bottom:0px; display:none; }
.subtext p:nth-child(2) { font-size:30px; color:#fff; font-weight:bold;}
.subtext img { display:inherit; position:relative; float:none!important; margin:20px auto; }
.subul > li { display:inline-block; width:150px; text-align:center;margin:0px 20px 0px 0px;}
.subul > li:last-child { margin-right:0px; }
.subul > li > a { font-size:18px; font-weight:600;}
.subul > li > a > i { float:right; position:relative; top:3px; }
.subul > li > ul { margin-top:15px; }
.subul > li > ul > li { font-size:13px; 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;border-bottom: 1px solid #fff;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; }

/*logo*/
.logo-wrap {position: absolute;top: 50%;text-align: center;border: none;display: block;transform: translate(0,-50%); z-index:1;}
.home-wrap {position: absolute;top: 50%;text-align: center;border: none;display: block;transform: translate(0,-50%); right:11%;}
/* footer */

#footer {background-color:#fff;padding: 65px 0px;position: relative;line-height: 2;font-size: 15px;border-top: 1px solid rgba(0,0,0,.2);}
#footer .foot{position:relative;}
#footer .foot ul li{}
#footer .foot ul li:last-child{line-height:2.5;}
#footer .foot .footIMG{position:absolute;top:0;right:0;}
#tool-print{display:none!important;}
#findForm,
#loginForm .form-heading{margin-top:175px!important;}
/* mobile */
.header-mobile-gnb .toggle {
color: #000 !important;float: right;padding: 25px;font-size: 35px;}

/* mobile */
#my-menu{background-color: transparent;}
#mm-blocker{background-color: transparent!important;}
.mm-panels > #mm-1 {background-color:rgba(0,0,0,0.7)!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:rgba(0,0,0,0.7)!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;}
.mm-navbar > .mm-title{display:none;}
.mm-navbar > .mm-logo{max-width: 200px; margin: 0 auto;}
.mm-menu .mm-btn:after, .mm-menu .mm-btn:before,
.mm-menu .mm-listview>li .mm-next:after{border-color: rgba(255,255,255,.8)!important;}

.container-fluid {
    width: 1200px;
}

.board-theme.gallery .theme-list > .each-document > a.title-image{background-color:rgba(47,68,136,1)!important;}
#my-menu{z-index:999999}
.go_top {
    z-index: 999;
    position: fixed;
    bottom: 1%;
    display: none;
    right: 1%;
    width: 60px;
    height: 60px;
    background-position: center;
    background-image: url('../images/footer_btn_top.png');
    background-size: 50px auto;
    border: 0;
}
#joinForm{margin: 110px auto 0!important;}
.subgnb-home { float:right; font-size:19px; margin: 20px 0;}
.subgnb-home a { color:#333; text-decoration:none; }
.subgnb-home a.active { color:#DB2230; font-weight:bold; }
.subgnb-home img { position:relative; top:-1px; }
.subgnb-home span { margin:0 7px; position:relative; top:3px; }
@media(min-width:1500px) and (max-width:1699px) {

}
@media (min-width:1555px){.container{width:1555px;}}
@media(min-width:1200px) and (max-width:1499px) {

}

@media (min-width:993px) and (max-width:1199px) {
    .container-fluid{width:100%!important;float:left;position:relative;}
    .logo-wrap{left:2%;}
    #header{right:0%; padding:0;}
    #gnb{width: 65%; left: 13%;}
    #gnb>li>a{font-size:17px;}
    #footer .container .row{display:grid;}
    #footer .foot-1{width:100%; grid-row:2;}
    #footer .foot-1 .footer-login{right:0;}
    #footer .foot-2{width:100%; grid-row:1; margin-bottom:15px;}

}

@media (min-width:768px) and (max-width:992px) {
	#gnb{display:none!important;}
    #gnb-wrap{height:100px;}
    .home-wrap{right: 15%;}
    #header{right:10%;}
    .container-fluid{width:inherit!important;}
    #footer .foot .footIMG{top: -25%; max-width: 220px;}
    #footer .foot-1 .footer-login{right:0;}
    #gnb-wrap > .container-fluid > .header-mobile-gnb > .toggle{width: 15%;padding: 15px 10px;color: #0D509F!important;font-size: 48px;float: right;}
	#subtop .subtop-bottom .subtop-menu ul li a{padding: 40px 10px 10px;}
}

@media (max-width:767px) {
    .subgnb-home{font-size:15px;}
    .subgnb-home span{margin:0;}
    #sub_title{padding-bottom: 5px; margin: 0px 0px 20px; font-size:20px;}
    #navbar{display:block;padding:0;}
	#gnb{display:none!important;}
	#subtop .subtop-bottom{height:inherit!important;}
	#subtop .subtop-bottom .subtop-menu ul li a{padding: 20px 5px 5px;font-size:15px;}
	#subtop .subtop-bottom .subtop-menu ul li a .btn-plus{top:10%!important;}
    .container-fluid{width:inherit!important;}
    .logo-wrap{max-width:100px;left:5%}
    .home-wrap{max-width:100px;left:35%}
    #gnb-wrap {
        height: 100px;
    }
    #header{right:10%;}
    #header .header-box-right a{padding:40px 20px;}
    .container-fluid{width:inherit!important;}
    #footer{padding: 20px 0px;}
    #footer .foot .footIMG{display:none;}
    #footer .foot-1{padding:0 15px!important;position:inherit!important;}
    #footer .foot-1 ul li{word-break:keep-all;font-size:15px;}
    #footer .foot-1 .footer-login{right:0;top:5%;}
    #gnb-wrap > .container-fluid > .header-mobile-gnb > .toggle{width: 15%;padding: 15px 10px;color: #0D509F!important;font-size: 48px;float: right;}
    #cke_1_top{display:none!important;}
}

@media (max-width:1199px) {
}