#header { background:#303030; padding: 7px 0px;}
#header .header-box { color:#fff; }
#header .header-box.active { margin-left:20px; color:#f1db9b; font-weight:bold; }
#header a { color:#fff; text-decoration:none; padding:0px 15px; border-right: 1px solid #fff;}
#header a:hover { font-weight:bold; }
#header .header-box { float: left; font-size: 14px; }
#header .header-box a { border-right:none; }
#header .header-box-left li, #header .header-box-right li { display:inline-block;}

.btn-default { background:#F9F9F9;}
.line { color: #f1db9b; font-weight: bold; margin-bottom:80px; }

#content { padding:0 0 50px; }
#subtop img { width:100%; }
#sub_title { margin:65px 0 0; display:block; text-align:center; color:#333; }

#sub_title { font-size:35px; font-weight:normal; }
.sub-title2 { font-size:20px; font-weight:normal; margin-top:20px; color:#fff; }
.sub-desc hr { width:50px; margin:5px auto; border-bottom:3px solid #fff; }
.sub-desc { position:absolute; top:30%; text-align:center; width:100%; border:none; z-index: 2;}

#subgnb { border-bottom:1px solid #ddd; padding:0px 0px; border-top:1px solid #ddd; background:#F9F9F9; }
#subgnb .subgnb-home { float:right; display:inline-block; margin:7px 0px 0px 0px;}
#subgnb span, #subgnb a { font-size:17px; color:#404040; position:relative; top:3px; text-decoration:none;}
#subgnb a.active { color:#ED1C24; font-weight:bold; }
#subgnb .dropdown { display:inline-block; float: left;}
#subgnb .dropdown .btn { padding:15px; font-size:17px; font-weight:bold;}
#subgnb .dropdown .btn-default { border-right:1px solid #bbb; border-left:none; border-top:none; border-bottom:none; color:#404040; min-width: 165px; text-align:left; }
#subgnb .dropdown .btn:hover { background-color:#fff; transition:0.3s all ease; color:#404040;}
#subgnb .dropdown .btn .active  { background-color:#005D9A; }
#subgnb .dropdown-menu>li>a { padding:10px 20px; transition:0.3s all ease; font-size:17px;}
#subgnb .caret { border-top:2px solid #f1db9b; border-right: 0px solid transparent; border-left: 2px solid #f1db9b; position: relative; margin: 0; height: 8px; width: 8px; transform: rotate(225deg); transition: all 0.6s; margin-top:-10px; margin-left:15px; float:right; top:15px;}
#subgnb .dropdown:first-child { border-left:1px solid #ddd; }

.sub-top-title {  width:100%; text-align:center; font-size:40px; font-weight:normal; color:#fff; }
.sub-top-ul2 { text-align:center; margin:50px 0 20px; }
.sub-top-ul2 li { display:inline-block;  font-size:19px;  color:#333; padding:0 10px;}
.sub-top-ul2 li a { color:#333; cursor:pointer;  }
.sub-top-ul2 li a.active { color:#f1db9b; transition:0.3s all; padding-bottom:10px; border-bottom:3px solid #f1db9b; text-decoration:none; }
.sub-top-ul2 li a:hover { color:#f1db9b; transition:0.3s all; padding-bottom:10px; border-bottom:3px solid #f1db9b; 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-home { position:relative; top:0px!important;}
.home-button { min-width:initial!important;}

#unit4231 > #sub01 > span:nth-child(1) { color:#a8996e!important; }
#unit4231 > #sub01 > span:nth-child(2) { color:#e7d8b0!important; }

@media (min-width:1200px) and (max-width:1499px) {

}

@media (min-width:993px) and (max-width:1199px) {
    .sub-top-title { font-size:25px; }
}


@media (min-width:768px) and (max-width:992px) {
        #sub_title { font-size:25px; }
            .sub-desc { display:none; }
}

@media (max-width:767px) {
    #header .header-box { display:none; }
    .sub-desc { display:none; }
    #subgnb > .container { padding:0; }
    #subgnb .dropdown .btn-default { font-size:14px; }
    #subgnb .dropdown .btn { padding:10px; }
    #subgnb span, #subgnb a { font-size:14px; }
    #subgnb .dropdown .btn-default { min-width:115px; }
    #sub_title { font-size:25px; }
    
    #content > .container { padding:0; }
    #unit1724 { margin-top:20px!important; }
    #unit9138 { margin-top:15px!important; }
    #unit6923 { margin-top:15px!important; }
    
    #unit8243 > p { height:auto!important; font-size:17px!important; background:none!important; }
    
    #unit8253 .sub_01 { margin-top:15px!important; }
    #unit8253 .sub_01 li { line-height:30px!important; }
    
    #component2630 { padding:30px 15px!important; }
    #component7621 span { font-size:20px!important; }
    #component8239 { text-align:center; }
    #unit7449 { margin-top:15px!important; }
    #component2757 { padding:30px 15px!important; }    
    #unit1531 { padding:0px!important; }
		#unit3196 ol { padding:0!important; }
		
		#unit8279 td { min-width:60px!important; }
}