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


.navbar-default .navbar-toggle{color:white!iomportant;}
.navbar-default .navbar-toggle .icon-bar{background-color:white!important;}
ul.nav li.dropdown:hover > ul.dropdown-menu {display :block; margin:0; }
dimode-slider slider img { width:100%; }
.slider .slider-dots { bottom:35px!important; }
#gnb-wrap img { float:left; margin: 15px 0px;}
#gnb > li  { float:none; position:relative; display:inline-block; }
#gnb > li > a { font-size: 22px; color: #fff; text-decoration: none; transition: all ease 0.3s; padding: 33px 80px; height: 95px; display: inline-block; font-weight:bold; }
#gnb > li > ul { display:none; }
.gnb2 { background: rgba(82, 101, 133, 0.7); width:100%; position:absolute; left:0px; z-index:9999;top: 95px; height:0; overflow:hidden; }
.gnb2 .wrapper {box-shadow : rgba(113, 113, 113, 0.28) 0px 0px 5px 0px; border-bottom: 2px solid #ddd; padding:30px 0; }
.layout footer .left > a.logo img { max-width:125px; }

#gnb { overflow:hidden; width:100%; margin:0 auto; text-align:center; }
.wrapper { height:auto!important; }

.navbar-default { text-align:center; padding:0 140px;}
.subtext-wrap { float:left;  padding:0px; display:none; width:220px; text-align:center; margin-right:30px;}
.subul {text-align:center; }
.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;}
.subul > li { margin:0; display:inline-block; vertical-align:top; text-align:left; padding:0 30px; }
.subul > li:last-child { margin-right:0px; }
.subul > li > a { font-size:18px; font-weight:600; position:relative; top:5px;}
.subul > li > a > i { float:right; position:relative; top:3px; }
.subul > li > ul { margin-top:15px; }
.subul > li > ul > li { font-size:17px; transition:all ease 0.3s; line-height: initial; padding:5px 0px;}
.subul > li > ul > li > a { display: inline-block;overflow: hidden; width: 100%; text-overflow: ellipsis; white-space: nowrap; color:#fff; }
.subul > li > ul > li > a:hover { font-weight:bold; transition:0.2s all; }
.subul li a { color: #fff; text-decoration:none; }

.sub-cont { margin:80px auto 0; }
.layout nav { top:0; width:100%; height:95px; }
.widget-login { position:absolute; }
.widget-login a { font-size:14px; text-decoration:none; }
.widget-login a:hover { color:#D5C965; transition:0.1s all; }
.layout nav .gnb > li > ul { margin-top:2px; }
.dept3 li { padding:10px 15px; background:#fff!important;}
.dept3 li a { color:#EF4023; text-decoration:none; padding:5px 0px!important; background:#fff!important;}
.navbar-nav>.open { border-bottom:3px solid #d5c965; padding-bottom:6px; margin-bottom:15px;}

.gnb2 .wrapper { width:100%; }
.layout nav .gnb > .dept3 > li.active a { background:#fff!important; }

.sub-title { padding-bottom: 20px; border-bottom: 1px solid #222; display:inline-block; font-weight:bold; visibility:hidden; font-size:40px; font-weight:bold; }
.sub-top { margin:0 0 40px;}

footer { background:#4F4F4F; padding:45px 0; }
footer img { float:left; margin-right:90px; width:250px; margin-top:15px;}
footer p { float:left; font-size:16px; color:#fff; line-height:30px; word-break:keep-all;}
footer p a { color:#fff; text-decoration:none; }
footer p a:hover { color:#fff; text-decoration:none; }

#subtop .dot { width: 100%; height: 100%; background: url(/UserData/cbuk/Layouts/cbuk_Layout/Images/dot.png) rgba(0,0,0,.0) !important; position: relative;text-align: center;position: absolute;top: 0;right: 0; }
.sub-desc hr { width:50px; margin:5px auto; border-bottom:3px solid #fff; }
.sub-desc { position:absolute; top:37%; text-align:center; width:100%; border:none; z-index:3;}


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

.sub-top-ul2 { text-align:center; margin-top:60px; }
.sub-top-ul2 a { color:#333; }
.sub-top-ul2 a:hover { padding:15px 0; transition:0.2s all; border-top:2px solid #4C6D98; transition:0.2s all; color:#4C6D98; text-decoration:none; }
.sub-top-ul2 li { display:inline-block; padding:0 15px; font-size:20px; color:#333; text-decoration:none; font-weight:700; }
.navbar-nav>li { border-bottom:3px solid #fff; }
.layout img { max-width: 100%; }
.navbar-brand { position:absolute; }
.navbar-brand img { max-width:280px; }
.layout .dropdown-menu { min-width: 100%; font-size: 12px; }
.layout .dropdown-menu > li > a { padding-left: 15px; padding-right: 15px; }
#subtop img { width:100%; min-height: 450px; }

.layout nav { position:fixed;  background: rgba(82, 101, 133, 0.7); border: 0; min-height: initial; margin: 0; z-index: 110; }
.layout nav .navbar-brand { padding: 15px; height: 66px; }
.layout nav .navbar-toggle { margin-top: 18px; border-radius: 0; }
.layout nav .gnb > li > a { padding: 25px 35px 20px; font-size: 20px; font-weight:bold; color: #333; }
.layout nav .gnb > li > ul {
        padding: 0;
        min-width: 146px;
    }
    .layout nav .gnb > li > ul > li { padding:0; border-bottom:1px solid #acacac;}

        .layout nav .gnb > li > ul > li a {
            font-size: 15px;
            padding-top: 15px;
            padding-bottom: 15px;
        }

        .layout nav .gnb > li > ul > li.active a {
            background: #f15823;
        }

    .layout nav .gnb > li:first-child {
        display: none;
    }
    
       

    .layout nav .gnb > li.active > a, .layout nav .gnb > li.active > a:hover, .layout nav .gnb > li.active > a:focus {
        font-weight: bold;
        color: #000;
    }

    .layout nav .gnb > .open > a, .layout nav .gnb > .open > a:hover, .layout nav .gnb > .open > a:focus,
    .layout nav .gnb > .active > a,
    .layout nav .gnb > .active > a:hover,
    .layout nav .gnb > .active > a:focus {
        background: none;
    }

    .layout nav .account {
        background:white;
        position:absolute;
        right:0;
        top:0;
        height:100%;
        padding:30px;
       
    }
	   .layout nav .account span{
	   	font-size: 24px;
	    color: #001C49;
	    font-weight: 700;
	    vertical-align:middle;
	   }
	   .layout nav .account a{text-decoration:none;}


.layout .top-btn {
    position: fixed;
    bottom: 30px;
    right: 30px;
        z-index: 999;
}

    .layout .top-btn img {
        cursor: pointer;
        display: block;
        opacity: 0.75;
    }

        .layout .top-btn img:hover {
            opacity: 1;
        }


@media (min-width:1200px) and (max-width:1499px) {
.navbar-default { padding:0 50px; }
#gnb > li > a { padding:33px 30px; }
}


@media (min-width:993px) and (max-width:1199px) {
    .navbar-default { padding:0; }
	#gnb > li > a { padding:33px 15px; }

}

@media (min-width:768px) and (max-width:992px) {
	.navbar-header{height:95px;}
    .navbar-default { padding:0; }
    #gnb > li > a  { padding:36px 20px; }
    #gnb > li > a { font-size:17px; }
    .widget-login {display:none; }
    #gnb { text-align:right; }
    
    footer { text-align:center; }
    footer p { float:none; }
    footer img { float:none; margin:0 0 30px;}
    #subtop img { height:auto!important;  }
    .sub-title { font-size:30px; }
    .layout nav .navbar-toggle{margin-top:28px;}
}




@media (max-width: 767px) {
	
	.layout nav .navbar-toggle{margin-top:28px;}
    .navbar-header{height:95px;}
    .navbar-default .navbar-nav .open .dropdown-menu>li>a { font-size:14px;}
    .layout nav .gnb > li > ul > li { border-bottom:none; }
    .navbar-default .navbar-collapse, .navbar-default .navbar-form { position:relative; top:-1px;}
    .navbar-nav>.open { }
    .navbar-nav>li,.navbar-default .navbar-collapse, .navbar-default .navbar-form { background:#fff; }
     .layout nav .gnb > li > a { text-align:left;  padding:10px 20px 10px;  font-size: 14px; }
    .sub-title { font-size:23px;}
    .sub-desc {display:none; }
 	.sub-top-ul2 li	{    padding: 5px 10px;}
    .layout nav { padding:0;}
    .navbar-default { padding:0; }
        #subtop img { height:auto!important; min-height:200px; }
    .sub-title { font-size:30px; }
        footer { text-align:center; }
    footer p { float:none; margin:0; font-size:14px; }
    footer img { float:none; margin:0 0 30px;}
    
    .layout nav { position:relative; }
    .navbar-brand { position:relative; }
    .navbar-brand img { max-width:200px; }
    .layout nav .navbar-brand { margin-top:10px; }
}