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


/* default css */
/*body * { font-family:NanumSquare, sans-serif; word-break: keep-all; paddding:0px; margin: 0px; }*/
a, a:hover {text-decoration: unset!important; cursor: pointer; color: inherit;}
ul, li {list-style: none;}
div, p, span {margin: 0;}
h1, h2, h3, h4, h5 {margin-top: 0; font-weight: bold; line-height: normal;}
.flex {display: flex; align-items: center;}
/*#unit7311 #daumRoughmapContainer1623228879757 {width:100%; height:500px;}*/
#loginForm , #joinForm {margin: 4em auto!important;}

/* gnb */
#gnb-wrap { background: white; width: 100%; height: 95px; position: relative; top: 0;  left: 0;}
#gnb-wrap > div.flex-container { height: inherit; justify-content: space-between; }
#gnb > li  {position:relative;}
#gnb > li > a { padding:2em; color:black; transition:all ease 0.2s; font-weight:bold;}
/*#gnb > li > a:hover {  border-bottom:3px solid #4D84C2; padding-bottom:7px; transition:all ease 0.2s; font-weight:bold; }
#gnb > li > a.active { color:#000000; border-bottom:3px solid #4D84C2; padding-bottom:7px; transition:all ease 0.2s; font-weight:bold; }*/
#gnb > li > ul { display:none; }
.point { position:absolute; bottom:-91px; left:46%; margin-left:-9px; display:none; opacity:1;}
.mobile-gnb ul li a {font-size: 1.4em; color: #7a7a7a; padding: 0 .5em;}

.container-fluid {padding: 0px !important}

/* gnb2 */
.gnb2 {background: #0f2746; width:100%; height:0px; position:absolute;left:0px; z-index:9999;}
.gnb2 .container { padding-right: 140px; /*padding-top:20px;*/ height: 80px; /*text-align:right; width:1530px;*/}
.subtext-wrap { float:left;  padding:0px; display:none; width:220px; text-align:center; margin-right:30px;}
.subtext { display:inline-block; }
.subtext p { color:#333333;}

.subul li

.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 {justify-content: center; align-items: center;height: inherit;}
.subul > li > a { padding: 0 2em; 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; }
.row {
     margin-right: 0px!important; 
     margin-left: 0px!important; 
}
/* footer */
footer { background:#011b32;  clear:both; position:relative;}
footer > div {padding-top: 3em; padding-bottom: 3em;}
footer p {
    color: #9ea3a7;
    font-size: 14px;
    margin: 0 0 1.5em;
    line-height: 1.8;
	padding: 0 15px;
}
footer p span {
    font-weight: bold;
    color: #a7a8aa;
}
@media (max-width:767px) {
    .paddingnone {
        width: 100vw;
        padding: 0px;
        margin: 0px;
    }
    .disappear {
        display: none;
    }
    marpad0 {
        margin-left: 0px !important;
        margin-right: 0px !important;
        padding: 0px !important;
        margin: 0px !important;
    }

    .fontsizebigger {
        font-size: 18px;
    }
}


    /* mobile */
    .header-mobile-gnb .toggle {
        color: #000 !important;
    }

    .mm-panels > #mm-1 {
        background-color: #6599CB !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: #00649c !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;
    }

    .subul {
        text-align: center;
		display :  none;
    }


    .mm-menu .mm-listview > li .mm-next:after {
        border-color: #fff !important;
    }
    /* responsive */
    @media (min-width:992px) {
        .subul li {
            width: 200px;
        }

        .subul > li > a {
            padding: 0 0em;
        }
    }

    @media (min-width:1499px) {
        #gnb-wrap > .flex-container {
            max-width: 1600px;
            width: 100%;
            margin: 0 auto;
        }
    }

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


    @media (max-width:1199px) {
        .subul li {
            margin: 0px !important;
        }

        .gnb2 .container {
            text-align: center !important;
        }

        .subul > li {
            width: 150px;
        }

        #footer img {
            margin-bottom: 15px;
        }

        #gnb > li > a {
            font-size: 20px;
        }

        .point {
            bottom: -95px;
            left: 39%;
        }

        #footer div {
            padding: 0px;
            text-align: center;
        }

        .latest-special .p4 {
            font-size: 22px;
            padding-left: 15px;
            position: relative;
            bottom: -18px;
            color: #000000;
        }
    }

    @media (max-width:992px) {
        .subul {
            display: none;
        }

        .gnb2 {
            height: 0px !important;
        }

        #footer {
            text-align: center;
        }

        .header-mobile-gnb {
            float: right;
            margin-top: 25px;
            font-size: 30px;
            margin-right: 30px;
        }

        #footer img {
            float: none;
            margin-right: 30px;
        }

        #footer ul {
            text-align: center;
        }

        #footer img {
            display: none;
        }

        #footer .copy {
            position: relative;
            margin: 15px 0 0;
        }

        .latest-special .p4 {
            font-size: 29px;
            padding-left: 15px;
            position: relative;
            bottom: -18px;
            color: #000000;
        }
    }

    @media (max-width:767px) {


        #header .header-box-right a {
            padding: 0 10px;
        }

        .header-mobile-gnb {
            float: right;
            margin: 20px 20px 0px;
            font-size: 30px;
        }

        #footer {
            text-align: center;
        }

            #footer img {
                float: none;
                margin: 0px;
            }

            #footer p {
                font-size: 14px;
            }

        #gnb-wrap {
            padding: 0px;
        }

            #gnb-wrap
            #footer img {
                display: none;
            }

        #footer ul li:first-child {
            font-size: 20px;
            padding-bottom: 20px;
        }

        #footer {
            padding: 30px 0px;
        }

        #header {
            height: 35px;
            padding: 0px 15px;
        }

            #header .header-box-right {
                font-size: 14px;
                padding: 8px 0px;
            }

                #header .header-box-right span {
                    padding: 0px 5px;
                }

        #gnb-wrap img {
            width: 180px;
            margin: 10px 10px;
        }

        #footer .copy {
            position: relative;
            margin: 15px 0 0;
        }
    }

    @media (max-width:414px) {
    }
	
	#gnb > li .depth2 {
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
}

.count-2 .subul
{
	    justify-content: flex-end;
}

#footer {
    background: rgb(30 30 30);
    text-align: center;
    padding: 35px 0px 60px;
}
#footer >div{width:100%; padding:0;}
#footer p{color:white; font-size:15px;}
#footer p a{color:white; }

.site-link{padding: 30px 0px;}
.site-link span{padding:0px 30px; color:rgb(207,205,192); font-size:16px; text-decoration:underline;}

.foot_info img {
    padding: 1.5% 0;
}