@import url('https://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 */
.ns-font{ font-family: 'Noto Sans KR', sans-serif; font-style: normal; font-weight:300; }

#unit1985 #daumRoughmapContainer1634187078172 {width:100% ! important}
#unit1985 #daumRoughmapContainer1634187095987 {width:100% ! important}

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

/* header */

#header {
    display: inline-block;
    height: 100px;
    padding: 0px 30px;
    position: absolute;
    top: 0px;
    right: 8%;
}

    #header a {
        color: #000;
        text-decoration: none;
    }

    #header .header-box-left {
        float: left;
        font-size: 15px;
        padding: 20px 0px;
    }

    #header .header-box-right {
        float: right;
        font-size: 15px;
    }

    #header .header-box-left span {
        padding: 0px 15px;
        color: #adadad;
        font-weight: bold;
    }

    #header .header-box-right a {
        padding: 53px 20px;
        display: inline-block;
        font-weight: normal;
    }

        #header .header-box-right a:hover {
            font-weight: bold;
            transition: 0.3s all ease;
        }

        #header .header-box-right a.live-btn img {
            margin-right: 10px;
            position: relative;
            top: -1px;
        }

/* gnb */
#gnb-wrap {
z-index: 999;border-bottom: 1px solid black;box-shadow: 0 4px 4px -4px black;
position: fixed;top: 0;left: 0;width: 100%;background-color: #fff;}

#gnb { float: left;text-align: center;position: relative;padding: 0;width: 85%; left: 10%;display: flex!important;
flex-direction: row;justify-content: space-around;align-items: flex-end; }
#gnb > li.depth1 { float:left;text-align:center;line-height: 130px; height: 130px;  font-weight:bold;  transition: all .2s ease-in-out; outline:none; position:relative; padding:0 25px; }
#gnb > li > a { font-size:20px; color:#000; text-decoration:none; transition:all ease 0.2s; font-weight:bold!important;}
#gnb > li > a:hover { color:#FF710F; transition:all ease 0.2s; font-weight:bold; }
#gnb > li > a.active { color:#FF710F; transition:all ease 0.2s; font-weight:bold; }
.subal { width: 250px; padding: 50px 30px 30px; background-color: #fff; color: #fff; position: absolute;left: 50%; z-index: 9999!important; visibility: hidden;
    -webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);opacity: 0;top: 30px;-webkit-transition: opacity .2s ease-in-out,top .2s ease-in-out;
    -moz-transition: opacity .2s ease-in-out,top .2s ease-in-out;-o-transition: opacity .2s ease-in-out,top .2s ease-in-out;transition: opacity .2s ease-in-out,top .2s ease-in-out;
    word-break: keep-all; border-radius:0; box-shadow: rgba(113, 113, 113, 0.28) 0px 4px 7px; }
.subal:before {content: '';position: absolute;left: 50%;top: -15px;border-left: 16px solid transparent;
border-right: 16px solid transparent;border-bottom: 16px solid rgba(255, 255, 255,0.9);-webkit-transform: translateX(-100%);
-ms-transform: translateX(-50%);transform: translateX(-50%);-webkit-transition: opacity .2s ease-in-out;
-moz-transition: opacity .2s ease-in-out;-o-transition: opacity .2s ease-in-out;transition: opacity .2s ease-in-out;}
.subal > li { height:auto; text-align:left; font-size:15px; padding:10px; line-height:normal; border-bottom: 1px solid rgba(0 0 0 / 0.6); }
.subal > li:last-child { border-bottom:none; }
.subal a { text-decoration:none; color:#000; margin-right:50px;}
.subal a:hover { color:#FF710F; font-weight:bold; transition:.2s all; }
.subal > li.depth2:hover > a + .subal2,
.subal > li.depth2:focus > a + .subal2{display:inline-block;}
.subal2 { padding-top:5px;display:none; width:300px;}
.subal2 > li:last-child { padding-bottom:0; }
.depth3 { padding: 5px 10px; }





.sub-title{font-weight:bold;text-align: center; /*margin: 0px 0 30px;*/ font-size:42px;}
.subul {text-align:center;}
.sub-gnb{margin-top:130px;padding: 60px 10px 45px;}
.sub-gnb p{display: inline-block;font-size: 15px;margin: 0;}
.sub-gnb .fas{margin: 0 7px;}
.sub-gnb > p:last-child{color:#FF710F;}
.sub-li {/* border-bottom:1px solid #ddd;*/}
.sub-li .sub-gnb2  { padding:50px 0; }
.sub-li .sub-gnb2 > p:last-child { color:#B59C89;  }
.sub-li .sub-gnb2 img { display:inline-block; position:relative; top:-4px; }
.sub-li .sub-gnb2 p { display:inline-block;  font-size:15px;  margin:0; }
.sub-li .sub-gnb2 .fas { margin:0 7px;}
.sub-li .sub-gnb2 p.active { color:#B59C89; }
.sub-li .sub-gnb2{display: flex;flex-direction: row;justify-content: center;align-items: flex-end;}
.sub-li .sub-gnb2 .dropdown{display:inline-block; min-width:12%; margin:0 10px;}
.sub-li .sub-gnb2 .dropdown > button{padding: 8px 30px;
color: #222;border: 1px solid #585858!important;border-radius: 30px;
font-size: 18px;letter-spacing: 0.5px;background-color: rgba(255,255,255,.5);transition: all 0.6s;}
.sub-li .sub-gnb2 .dropdown > button:hover,
.sub-li .sub-gnb2 .dropdown > button:focus{background-color: transparent;color: #222;border: 1px solid #585858!important;}
.sub-li .sub-gnb2 .dropdown > button:hover .caret,
.sub-li .sub-gnb2 .dropdown > button:focus .caret{border-left: 2px solid #222;border-top: 2px solid #222!important;}
.sub-li .sub-gnb2 .dropdown > button .caret{border-top: 2px solid #222;
border-right: 0px solid transparent;border-left: 2px solid #222;
position: relative;margin: 0;height: 12px;width: 12px;
transform: rotate(225deg);transition: all 0.6s;
margin-top: -6px;margin-left: 15px;font-size: 20px;}

.sub-li .sub-gnb2 .dropdown .dropdown-menu{width: 100%;
border-radius: 10px;padding: 15px 5px;background-color: rgba(255,255,255,1);}

.sub-li .sub-gnb2 .dropdown .dropdown-menu li a{font-size:17px; letter-spacing:-0.5px; color:#222;position: relative;text-align: center;text-overflow: ellipsis;
white-space: nowrap;overflow: hidden; line-height:1.7; padding:2px 20px;}
.sub-li .sub-gnb2 .dropdown .dropdown-menu li a:after{background: none repeat scroll 0 0 transparent;
bottom: 0;content: "";display: block;height: 1px;left: 50%;
position: absolute;background: #adadad;transition: width 0.3s ease 0s, left 0.3s ease 0s;width: 0;}
.sub-li .sub-gnb2 .dropdown .dropdown-menu li a:hover:after,
.sub-li .sub-gnb2 .dropdown .dropdown-menu li a:focus:after{width: 80%;left: 10%;height: 1px;}
.sub-li .sub-gnb2 .dropdown .dropdown-menu li a:hover,
.sub-li .sub-gnb2 .dropdown .dropdown-menu li a:focus{background-color:transparent;}

/*logo*/
.logo-wrap {
    position: absolute;
    top: 50%;
    left: 8%;
    transform: translateY(-50%);
}
/* footer */
/* footer */
.go_top{z-index: 999;position: fixed;bottom: 1%;display:none;
right: 1%;width: 60px;height: 60px;background-position: center;
background-image: url(../images/8.btn_top.png);background-size: 50px auto;
border: 0;}
#footer {
	width:100%;
    background: #272727;
    padding: 50px 0px;
    position: relative;
    display: inline-block;
    float: left;
	margin-top: 30px;
}
#footer .container .row{margin:0;}
#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;
        width: 100%;
        display: inline-block;
    }
    #footer .foot-1 ul li hr{margin-bottom:0;}

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

.information{font-size: 16px; text-align: right;}
/*gnd-all*/
.gnb-all { display: none; position: fixed; z-index: 9999; top: 100px; left: 0; width: 100%; height: 100%; text-align: center; }
.gnb-all a { color: #fff; text-decoration: none;}
.all-wrapper { background:#fff; padding:0 0 40px; border-bottom: 4px solid #000; }
.gnb-all .all-wrapper .all-close { color: #333; 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: #333;}
.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 #002E6C; padding-bottom: 8px; }
.gnb-all .all-wrapper .container > ul > li > ul > li > a { color: #333; 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: #333; display: block; margin: 10px 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 15px;  padding: 0 15px; transform: skew(-0.05deg); }
 

/* mobile */
.header-mobile-gnb {float: right;margin: 30px 50px;font-size: 36px; position:absolute; right:0;}
.header-mobile-gnb .toggle {color:#000!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: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;}
.mm-listview>li .mm-next{width:100%;}

.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: #fff !important; padding: 0px 10px !important; }
.mob-login a .fa { font-size:20px!important; }
.mm-panel.mm-subopened{transform: translate(0%,0)!important; transform: translate3d(0%,0,0)!important;}

.container-fluid {
    width: 1200px;
}
#my-menu{z-index:999999}
@media (min-width:1430px) {
    .container {
        width: 1430px;
    }
}
@media (min-width:1500px) and (max-width:1599px) {
    .logo-wrap{left: 1%;}
    #header{right: 1%;}
    #gnb{left:13%;}
}
@media (min-width:1200px) and (max-width:1499px) {
    .logo-wrap{left: 1%;}
    #header{right: 1%;}
    #gnb{width: 65%; left: 23%;}
	.container-fluid{width:100%;}
}
@media (min-width:993px) and (max-width:1199px) {
	.container-fluid{width:100%!important;}
    .logo-wrap{left: 1%;max-width: 220px;}
    #header{right: 1%;}
    #gnb{width: 65%; left: 23%;}
    #gnb > li.depth1{padding: 0 15px;}
}

@media (min-width:768px) and (max-width:992px) {
	.container-fluid{width:100%!important;}
    #gnb{display:none!important;}
    #gnb-wrap{height:130px;}
	.sub-title{margin: 20px 0 60px;}


}

@media (max-width:767px) {
	.container-fluid{width:100%!important;}
    #gnb{display:none!important;}
    #gnb-wrap{height:80px;}
    .logo-wrap{max-width: 180px; left:3%;}
    .header-mobile-gnb{margin: 15px 25px;}
	.sub-gnb{margin-top: 80px; padding: 30px 10px 20px;}
	.sub-title{font-size:24px!important;margin: 20px 0 60px;}
	.sub-li .sub-gnb2{flex-wrap: wrap;padding:20px 0;}
	.sub-li .sub-gnb2 .dropdown{width:50%!important;margin:0!important;float:left;margin:0 0 10px!important}
	.sub-li .sub-gnb2 .dropdown:last-child{width:100%!important;}
		#footer .foot-1 ul li{font-size: 14px; line-height: 1.4;}
		#footer {	    padding:20px 0px;}
		
}

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