@media (min-width:1500px) { #content > .container, #subgnb > .container {  width: 1550px !important; } }

#header { background:#303030; padding: 7px 0px;}
#header .header-box { color:#fff; }
#header .header-box.active { margin-left:20px; color:#1DB0BD; font-weight:bold; }
#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: #1DB0BD; 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 .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:#1DB0BD; 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 #1DB0BD; border-right: 0px solid transparent; border-left: 2px solid #1DB0BD; 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; }

.lnb { padding:0px 30px; margin-top:50px; }
.lnb_title { font-size:30px; border-bottom:1px solid #1dafbd; padding:40px 0px; font-weight:normal; text-align:center; position:relative;}
.sub-left-triangle { position: absolute; right: 0px; top: 0; width: 0; height: 0; border-left: 30px solid transparent; border-top-width: 30px; border-top-style: solid; border-top-color: #1DB0BD; }
.sub_depth2 { margin-top:0px; padding-top:0px; }
.sub_depth2 li { padding: 20px 25px; border-bottom:1px solid #ddd; transition:all ease 0.3s; }
.sub_depth2 li.active, .sub_depth2 > li:hover { background:#1dafbd; }
.sub_depth2 li.active a, .sub_depth2 > li:hover a { color:#fff; }
.sub_depth2 > li > a { color:#777; font-weight:600;  font-size:17px; text-decoration:none; }
.sub_depth2 li a { color:#777; font-weight:600;  font-size:17px; text-decoration:none; }
.sub_depth2 li i { position:relative; margin:3px 15px 0px 0px; cursor:pointer; float:right; font-size:16px;}
.sub_depth2 li i.fa-minus { display:none; }
.sub_depth2 li:last-child { border-bottom:1px solid #ddd!important; }
.sub_depth3 { padding:0px 15px; margin-top:15px; display:none; }
.sub_depth3.active { display:block; }
.sub_depth3 li { padding: 10px 20px; border-bottom:1px solid #999; background-color: #b2d8ff; }
.sub_depth3 li a  { color:#999; font-size:15px;  text-decoration:none;  transition:all ease 0.3s; }
.sub_depth3 li a:hover  { color:#739AB9; }
.sub_depth3.a_96 li a:hover { color:#4E5397; }
.sub_depth3.a_98 li a:hover { color:#E4C640; }

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

#unit9899 > div { width:100%!important; }

@media (min-width:1200px) and (max-width:1499px) {
	.lnb { padding:0; }
}

@media (min-width:993px) and (max-width:1199px) {
  .sub-top-title { font-size:25px; }
	.lnb { padding:0; }    
	.lnb_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) {
.line{margin-bottom: 10px;}
	#subgnb { padding:15px 10px; }
	#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; }
	#unit8593 div span { font-size:20px!important; }
	#unit1028 div span { font-size:19px!important; }
	#unit3562 { text-align:center!important; margin-top:15px!important;}
	#component5394 { margin-top:15px!important;}
	#component6238 { margin:0!important; }
	#unit7304 div { font-size:17px!important; }
	#unit7420, #unit1355 { margin-bottom:15px!important;}
	#unit3562 > div { font-size:20px!important; text-align:center!important; }
	#unit3562 > div strong { font-size:23px!important; }
	#component7783 { padding:30px 0px!important; }
	#unit1028 { padding:30px 15px!important; }
	#unit1028 > div { font-size:15px!important; }
	#unit1028 li { font-size:15px!important; }
	#unit7390 table td { padding:10px 5px!important; }
	#unit7390 table td span { font-size:14px!important; }
	#component6238 span { font-size:15px!important; }
	#unit9899 > div { width:100%!important; }
	#unit9406 div { font-size:17px!important; margin:3px 0!important; }
	#unit1218 table span { font-size:14px!important; }
	
	#unit1218 > div > div:first-child { left:0%!important; position: relative!important; text-align:center; top:0!important; margin-bottom:15px!important;}
	#unit1218 >div { height:auto!important; padding:30px 0!important; }

	#unit1218 span { font-size:17px!important; }
	#unit1218  img, #unit3839 img, #unit5134 img, #unit5169 img{width: 70% !important;}
	#unit1218  , #unit3839, #unit5134, #unit5169 {padding: 10px 0;}
	#unit4766, #unit1327 { margin-bottom:15px!important; }
	#unit1218 > div > div:nth-child(2) { left:0%!important; text-align:center; padding:0 15px; top:0!important; position: relative!important; }
	#unit3839 > div > div:first-child { left:0%!important; position: relative!important; text-align:center; top:0!important;  }
	#unit3839 >div { height:auto!important; padding:30px 0!important; }

	#unit3839 span { font-size:17px!important; }
	#unit3839 > div > div:nth-child(2) { left:0%!important; text-align:center; padding:0 15px; top:0!important; position: relative!important; }
	#unit5134 > div > div:first-child { left:0%!important; position: relative!important; text-align:center;}
	#unit5134 > div > div:nth-child(2) { left:0%!important; text-align:center; padding:0 15px; }
	#unit5169 > div > div:first-child { left:0%!important; position: relative!important; text-align:center;}
	#unit5169 > div > div:nth-child(2) { left:0%!important; text-align:center; padding:0 15px; }
	
	#unit5702 > div { width:100%!important; font-size:17px!important; margin-bottom:15px!important; }					
	#unit3717 div span { font-size:15px!important; }
	#unit7313 > div { border: 2px solid #1cb0bd!important; border-radius: 50%!important; width: 200px!important; height: 200px!important; text-align: center!important; overflow: hidden!important; position: relative!important; margin: 0 auto 15px!important; }
	#unit7313 > div >div { position: absolute; top: 21%!important; left: 33%!important;} 
	#unit7313 > div >div img { width:50px!important; height:50px!important; }
	#unit7313 > div >div span { font-size:17px!important; }
	#unit8842 > div { border: 2px solid #1cb0bd!important; border-radius: 50%!important; width: 200px!important; height: 200px!important; text-align: center!important; overflow: hidden!important; position: relative!important; margin: 0 auto 15px!important; }
	#unit8842 > div >div { position: absolute; top: 21%!important; left: 33%!important;} 
	#unit8842 > div >div span strong { font-size:17px!important; }
	#unit8842 > div >div img { width:50px!important; height:50px!important; }
	#unit8842 > div >div span { font-size:17px!important; }
	#unit2552, #unit8631 { margin-bottom:15px!important; }
	
	#component2425 span, #component3686 span { font-size:20px!important; }
	#unit2412 > #sub03 { height:auto!important; }		
	#unit2412 > #sub03 > div { height:auto!important; overflow:hidden; padding:0!Important; margin-bottom:15px!important;}
	#unit2412 > #sub03 > div span { width:100%!important; font-size:15px!important; text-align:center!important; }
}