@import url('http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css');
@keyframes MoveUpDown { 0%, 100% { transform: translateY(0rem); } 50% { transform: translateY(1rem);}}

@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-default .navbar-collapse, .navbar-default .navbar-form{background-color: transparent;text-align: center;position: relative;overflow: hidden;border-bottom: 1px solid rgba(255,255,255,.3);height:115px!important;}

/* gnb */
#gnb {position: absolute;top: 50%;text-align: center;width: 100%;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: #fff;text-decoration: none;transition: all ease 0.2s;display: inline-block;padding: 40px;}
#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;}

.topLBTN{z-index: 1;position: absolute;top: 50%;right: 5%;transform: translateY(-50%);}
.topLBTN ul a{text-decoration: none;float: left;}
.topLBTN ul a li{font-size: 15px;padding: 5px;margin: 5px;}
.topLBTN ul a li span{color:#fff;}
/* 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 {
    z-index:1;
    position: absolute;
    top: 50%;
    left: 5%;
    transform: translateY(-50%);
}
#loginForm{border-color:transparent!important;}
#tool-print{display:none!important;}
#findForm,
#loginForm .form-heading{margin-top:135px!important;}
/* footer */

#footer {background-color:#F7F7F7;padding: 30px 0px;position: relative;line-height: 2;font-size: 15px;}
#footer .foot-1{position:relative;}
#footer .foot-1 .footer-login{position:absolute;right:20%;top:20%;}
#footer .foot-1 .footer-login a{padding: 5px;margin: 0 5px;font-size: 17px;
color: #fff;text-decoration: none;background-color: #555;}
    #footer .foot-1 img {
        margin-bottom: 15px;
    }

    #footer .foot-1 ul li {
        color: #fff;
        font-size: 16px;
        line-height: 1.8;
    }

    #footer .foot-2 .foot-2-1 {
        display: inline-block;
        float: left;
        border-right: 1px solid #ccc;
    }

        #footer .foot-2 .foot-2-1 .footer-table {
            border: none;
        }

.foot-2 > .foot-2-1 > .footer-table > tbody > tr > td:nth-child(1) {
    color: #fff !important;
    font-weight: bold;
}

#footer .foot-2 .foot-2-1 .footer-table tbody tr {
}

    #footer .foot-2 .foot-2-1 .footer-table tbody tr td {
        color: #848484;
        padding: 5px 10px;
        font-size: 15px;
        letter-spacing: 1px;
    }

#footer .foot-2 .foot-2-2 {
    display: inline-block;
    float: right;
}

    #footer .foot-2 .foot-2-2 .footer-table {
        border: none;
    }

.foot-2 > .foot-2-2 > .footer-table > tbody > tr > td:nth-child(1) {
    color: #fff !important;
    font-weight: bold;
}

#footer .foot-2 .foot-2-2 .footer-table tbody tr {
}

    #footer .foot-2 .foot-2-2 .footer-table tbody tr td {
        color: #848484;
        padding: 5px 10px;
        font-size: 15px;
        letter-spacing: 1px;
    }
/*글씨 추가*/
.footIMG{
	position: absolute;
    top: 0;
    right: 0;
}
.foot_t{
	padding:30px 0px;}


/* mobile */
.header-mobile-gnb .toggle {color:#fff!important;}
#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:50px 0 20px!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;}

/*nav*/

/*nav*/
.go_biblego {text-decoration: none; z-index: 999;position: fixed;bottom:55%;right: 2%;width: 130px;height: 40px;background-size: 50px auto;background-color: rgba(192,192,192,0.5); border: 1px solid #fff; transition:0.3s all;cursor:pointer;}	
.go_biblesc {text-decoration: none; z-index: 999;position: fixed;bottom:50%;right: 2%;width: 130px;height: 40px;background-size: 50px auto;background-color: rgba(192,192,192,0.5); border: 1px solid #fff; transition:0.3s all;cursor:pointer;}	
.go_SD {text-decoration: none; z-index: 999;position: fixed;bottom:375px;right: 2%;width: 130px;height: 40px;background-size: 50px auto;background-color: rgba(192,192,192,0.5); border: 1px solid #fff; transition:0.3s all;cursor:pointer;}	
.go_main1 {text-decoration: none; z-index: 999;position: fixed;bottom:325px;right: 2%;width: 130px;height: 40px;background-size: 50px auto;background-color: rgba(192,192,192,0.5); border: 1px solid #fff; transition:0.3s all;cursor:pointer;}	
.go_main2 {text-decoration: none; z-index: 999;position: fixed;bottom:275px;right: 2%;width: 130px;height: 40px;background-size: 50px auto;background-color: rgba(192,192,192,0.5); border: 1px solid #fff; transition:0.3s all;cursor:pointer;}	
.go_main3 {text-decoration: none; z-index: 999;position: fixed;bottom:225px;right: 2%;width: 130px;height: 40px;background-size: 50px auto;background-color: rgba(192,192,192,0.5); border: 1px solid #fff; transition:0.3s all;cursor:pointer;}	
.go_main4 {text-decoration: none; z-index: 999;position: fixed;bottom:175px;right: 2%;width: 130px;height: 40px;background-size: 50px auto;background-color: rgba(192,192,192,0.5); border: 1px solid #fff; transition:0.3s all;cursor:pointer;}	
.go_main5 {text-decoration: none; z-index: 999;position: fixed;bottom:125px;right: 2%;width: 130px;height: 40px;background-size: 50px auto;background-color: rgba(192,192,192,0.5); border: 1px solid #fff; transition:0.3s all;cursor:pointer;}	
.go_top{z-index:999;position: fixed;bottom: 20px;right: 20px;width: 70px;height: 70px;background: url(../images/btn_top.JPG) no-repeat center;background-size: 70px auto;border: 0;background-color: #3f3e3a;}
.biblego,.biblesc,.SD,.main1,.main2,.main3,.main4,.main5
{color: #fff; font-size: 14px;color: #fff;position: absolute;top: 50%;text-align: center;
width: 100%;border: none;/*display: none;*/transform: translate(0,-50%);}
.go_biblego:hover,
.go_biblesc:hover,
.go_SD:hover,
.go_main1:hover,
.go_main2:hover,
.go_main3:hover,
.go_main4:hover,
.go_main5:hover,
.go_biblego:focus,
.go_biblesc:focus,
.go_SD:focus,
.go_main1:focus,
.go_main2:focus,
.go_main3:focus,
.go_main4:focus,
.go_main5:focus,
.homeRNAV .active {
    background-color: rgba(219,34,48,1);
    transition: all ease 0.3s;
}

.homeLNAV{text-decoration: none;z-index: 999;position: fixed;top: 20%;LEFT: -5%;}
.homeLNAV ul{}
.homeLNAV ul li{float: right;position: relative;width: 100%;text-align: right;}
.homeLNAV ul li a{line-height: 2;text-decoration: none;}
.homeLNAV ul li a img{padding:5px;}

.homeCNAV{position: fixed;bottom: 7%;z-index: 999;left: 50%;
display: block;transform: translate(-50%, 0);}
.homeCNAV img{animation: MoveUpDown 1.2s ease-in-out infinite;
position: relative;z-index: 10;}

/*gnd-all*/
.gnb-all { display: none; position: fixed; z-index: 9999; top: 115px; left: 0; width: 100%; height: 100%; text-align: center; }
.gnb-all a { color: #fff; text-decoration: none;}
.gnb-all .all-wrapper { padding:0 0 40px; border-bottom: 1px solid rgba(255,255,255,.3); transition: all ease 0.8s; }
.gnb-all .all-wrapper .all-close { color: #fff; cursor: pointer; font-weight: 600; font-size: 3em; float: right; margin: 20px 0 15px;}
.gnb-all .all-wrapper .container { width: 90vw!important;}
.gnb-all .all-wrapper .container a { display: block; color: #fff;}
.gnb-all .all-wrapper .container > div { overflow:hidden; }
.gnb-all .all-wrapper .container > ul > li { width: 16.66%; float: left; position: relative; text-align: left; padding: 0 15px;}
.gnb-all .all-wrapper .container > ul > li > a { margin: 0px 0px 10px; font-size: 17px; font-weight: 600; text-decoration: none; border-bottom: 3px solid #fff; padding-bottom: 8px; }
.gnb-all .all-wrapper .container > ul > li > ul > li > a { color: #fff; overflow: hidden;text-overflow: ellipsis;  white-space: nowrap; font-size: 16px; padding: 0px; font-weight: bold; margin:10px 0; transform: skew(-0.05deg); }
.gnb-all .all-wrapper .container > ul > li > ul > li > a:hover { font-weight: bold; transition: 0.2s all ease; }
.gnb-all .all-wrapper .container > ul > li > ul > li > ul > li > a { color: #fff; display: block; margin: 10px 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 15px;  padding: 0 15px; transform: skew(-0.05deg); }

.mob-login { overflow:hidden; padding:15px 0; 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; }

#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; }

#qrcode .qrcodeT{padding: 15px 15px 25px;text-align: center;font-size: 36px;font-weight: bold;}
#qrcode #qrcodeView img{margin: 0 auto;}
@media(min-width:1700px) and (max-width:1852px) {
}
@media(min-width:1500px) and (max-width:1699px) {
    #gnb{left:-5%;}
    #gnb > li > a{padding: 40px 20px;}
    .logo-wrap{left:4%;}
    #header{right:0;}
    .gnb-all .all-wrapper .container{width: 75vw!important;}
}
@media (min-width:1555px){.container{width:1555px;}}
@media(min-width:1200px) and (max-width:1499px) {
    .logo-wrap{left:4%;}
    #header{right:0;}
    #gnb{width: 65%; left: 12%;}
    #gnb > li > a{padding: 40px 10px;}
    .gnb-all .all-wrapper .container{width: 75vw!important;}
    .gnb-all .all-wrapper .container > ul > li{width:20%;}
}

@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;}
    .topLBTN{right: 1%;}
    #gnb{width: 65%; left: 10%;}
    #gnb > li > a{padding: 40px 10px;font-size:16px;}
    #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;}
    #header{right:10%;}
    .topLBTN{right:15%;}
    .topLBTN ul #allMenu{display:none;}
    .header-mobile-gnb{float: right;padding: 25px 27px;font-size: 42px;}
    .container-fluid{width:inherit!important;}
    #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;}
	.foot{display: inline-flex;flex-direction: column;}
	.foot .foot_t{order: 2;}
	.foot .footIMG{order: 1;position: relative;}
}

@media (max-width:767px) {
	#gnb{display:none!important;}
    #navbar{display:block;}
    .navbar-default,
    .navbar-default .navbar-collapse, .navbar-default .navbar-form{height:75px!important;}
    .header-mobile-gnb{float: right;padding: 5px 27px;font-size: 42px;}
	#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:120px;}
    #header{right:10%;}
    #header .header-box-right a{padding:40px 20px;}
    .container-fluid{width:inherit!important;}
    #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;}
    #footer .container .row ul{padding: 0 10px;word-break: keep-all;}
	.foot{display: inline-flex;flex-direction: column;}
	.foot .foot_t{order: 2;}
	.foot .footIMG{order: 1;position: relative;}
}
@media (max-width:320px) {
    #footer .container .row ul{padding: 0 10px;word-break: keep-all;}
}
@media (max-width:1199px) {
}