@import url(https://cdn.rawgit.com/openhiun/hangul/14c0f6faa2941116bb53001d6a7dcd5e82300c3f/nanumbarungothic.css);

/*html, body {
    min-width: 1100px;
}*/

body {
    /*background:#ECECEC;*/
    background-repeat: repeat-x;
    background-position: top center;
    margin:0;
    padding:0;
}

img {
    max-width: 100%;
}

.topbar{
    background:#303030;
    color:white;
    padding: 5px 0;
}

.topbar .cont{
    display:inline-block;
}

.topbar .login{
    float:right;
}

.topbar .widget-login a{
    color:white;
}

.topbar #favorite{
    cursor:pointer;
}

/*20210823 수정 - 임시페이지로 수정*/
.imsi {
	width:100%;
	text-align:center;
	margin-top:20px;
}

.m_header{
    background:#3a7dc3;
    /*padding:5px;*/
}

.m_header .widget-login a, .m_header .widget-login span{
    color:white;
}

.gnb-line{
    background:#303030;
}

.gnb-line li{
    list-style-type:none;
    display: inline-block;
    padding: 17px 19px;
    font-size: 16px;
}

.gnb-line li a{
    color:white;
    text-decoration:none;
}

.gnb-line .gnb-line-wrapper{
    margin:0 auto;
    width:1100px;
}


/*.wrapper-box{
    width:1100px;
    margin:0 auto;
}*/

.wrap-header{
    background:#ffffff;
    padding:22px;
    border:1px solid #c7c7c7;
    text-align:center;
}

.wrap-header > .container { position:relative; }

.wrap-header .wrap-logo{
    text-align:center;
}

/* header style */
.wrap-header > div > div {
    display:inline-block;
}

.wrap-header .wrap-gnb{
    position: relative;
    bottom: -10px;
    white-space: nowrap;
    text-align:center;
}

.wrap-header .wrap-gnb #gnb{
    margin-top:25px;
}

.wrap-header .wrap-gnb li a{
    text-decoration:none;
    display:block;
}

.wrap-header .wrap-gnb > ul > li {
    display:inline-block;
    /*border-right:1px solid #7A9ECD;*/
    padding:0 52px;
    text-align:center;
    position:relative;
}

.wrap-header .wrap-gnb > ul > li:first-child{
    display:none;
}

.wrap-header .wrap-gnb > ul > li:last-child{
    border-right:0;
}

.wrap-header .wrap-gnb > ul > li > a{
    font-size:20px;
    font-weight:900;

    color:black;
}

.wrap-header .wrap-gnb > ul > li > ul{
    background:#FFF;
    position:absolute;
    top:30px;
    left:0;
    width:100%;
    z-index:99;
    display:none;
    border:1px solid #DDD;
    border-radius:3px;
}

.wrap-header .wrap-gnb > ul > li > ul > li{
    width:100%;
    font-size:15px;
    padding:8px;
    border-bottom:1px solid #ECECEC;
}

.wrap-header .wrap-gnb > ul > li > ul > li:last-child{
    border-bottom:0;
}

.wrap-header .wrap-gnb > ul > li > ul > li > a{
    color:#333;
}
/*
.wrap-header .wrap-gnb > ul > li:hover ul{
    display:block;
}
    */

.wrap-header .login{
    text-align: right;
    position: relative;
    top: 17px;
}

.wrap-header .widget-login{
    color:#FFFFFF !important;
    padding:0 !important;
}

.wrap-header .widget-login > a{
    color:#F2EF99;
    font-size:15px;
}
/* end header style */

/* footer style */
.wrap-footer{
    /*background:#CACACC;*/
    padding:70px;
    font-size:12px;
    text-align:center;
}
.wrap-footer > div > div{
    display:inline-block;
    vertical-align:top;

	/*20210823 수정 - 임시페이지로 수정*/
    text-align:center; /*text-align:left;*/
	float:none;

}


.wrap-footer .wrap-logo .copyright{
    line-height:20px;
}


.wrap-footer .wrap-copyright{
    /*padding-top:22px;*/
    color:#666;
}
.wrap-footer .wrap-copyright a{
    color:#666;
    text-decoration:none;
}
.wrap-footer .wrap-copyright strong{
    font-size:13px;
}

.wrap-footer .wrap-copyright .gnb-wrapper .gnb > ul > li:first-child, .wrap-footer .wrap-copyright .gnb-wrapper .gnb > ul > li:last-child{padding:0;}

.wrap-footer .wrap-copyright .gnb-wrapper .gnb > ul > li{display:inline-block; vertical-align:top;padding-right:70px;}

.wrap-footer .wrap-copyright .gnb-wrapper .gnb > ul > li > a {
    font-weight: bold;
    font-size: 15px;
}

    .wrap-footer .wrap-copyright .gnb-wrapper .gnb > ul > li .bar{top: 65px; border: 1px solid #e8e9ea; width: 37px; margin:20px 0;}

    .wrap-footer .wrap-copyright .gnb-wrapper .gnb > ul > li:first-child .bar {display:none;}

    .wrap-footer .wrap-copyright .gnb-wrapper .gnb > ul > li > ul {line-height:22px;}




.padding-left-0{padding-left:0;}
.padding-right-0{padding-right:0;}

.padding-left-5{ padding-left:5px; }
.padding-right-5{ padding-right:5px; }
.padding-top-5{ padding-top:5px; }
.padding-bottom-5{ padding-bottom:5px; }


.margin-left-5{margin-left:5px;}
.margin-right-5{margin-right:5px;}

/* end footer style */

@media (max-width:992px){
    .wrap-logo, .wrap-gnb{
        display: inline-block;
    }

    .wrap-header .login{
        display:none;
    }

    .wrap-header .wrap-gnb > ul > li{
        padding: 0 14px;
    }

    .wrap-header .wrap-gnb > ul > li > a{
        font-size:15px;
    }
}

@media (max-width:767px){
    #logo_img{
        height:33px;
    }

    .wrap-header{text-align:inherit;}

    .wrap-header > div > div{
        display:block;
    }

    .wrap-logo{
        width:inherit;
    }

    .header-mobile-gnb{
        position: absolute;
        right: 0px;
        top: 0;
        font-size: 28px;
    }

    #my-menu.mm-menu{
       background: #3f95cd !important;
    }

    .mm-title, .mm-next{
        color:white !important;
    }

    .mm-menu .mm-listview>li .mm-next:after{
        border-color:white !important;
    }

    .mm-panel {
        background: #3B95D1 !important;
    }

    #my-menu li ul li a{
        color:#ebebeb !important;
    }
}