﻿@media (min-width: 1500px) { #content > .container, #subgnb > .container { width: 1400px; } }

#content { padding:0; }
#subtop img { width:100%; }
.subgnb-home { display:none!important; }
#sub_title { margin:50px 0 0; display:block; text-align:center; color:#333; }
.sub-title2 { font-size:20px; font-weight:normal; margin-top:20px; color:#fff; }
.line { color: #6390CA; font-weight: bold; margin-bottom:80px; }
#sub_title { font-size:35px; font-weight:normal; }
.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;}
.sub-top-title {  width:100%; text-align:center; font-size:40px; font-weight:normal; color:#fff; }
.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: #ED1C24; display:none; }
#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:14px; color:#404040; position:relative; top:3px; text-decoration:none;}
.btn-default { background:#F9F9F9;}
#subgnb a.active { color:#ED1C24; font-weight:bold; }
#subgnb .dropdown { display:inline-block; float: left;}
#subgnb .dropdown .btn { padding:10px 15px; font-size:15px; 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 #6290CE; border-right: 0px solid transparent; border-left: 2px solid #6290CE; 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-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:#6390CA; transition:0.3s all; padding-bottom:10px; border-bottom:3px solid #6390CA; text-decoration:none; }
.sub-top-ul2 li a:hover { color:#6390CA; transition:0.3s all; padding-bottom:10px; border-bottom:3px solid #6390CA; 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;}

@media (min-width:1200px) and (max-width:1499px) {
}

@media (min-width:993px) and (max-width:1199px) {
	    .sub-desc { top:20%; }
    .sub-top-title { font-size:26px; }
}


@media (min-width:768px) and (max-width:992px) {
    #subgnb > .container { padding:0px 15px;}
}

@media (max-width:767px) {
	.sub-top-ul2 { display:none; }
	#subgnb .dropdown .btn-default { min-width:110px; }
	#subgnb .dropdown .btn { font-size:14px; }
	#subgnb .dropdown-menu>li>a { font-size:15px; }
  #subgnb span, #subgnb a { font-size:13px;}
  #sub_title {font-size:20px; margin:30px 0px 15px;}
  #subgnb > .container { padding:0px;}
  .line { margin-bottom:30px; }
  #content > .container > .col-xs-12 { padding:0; }
  .page-content { padding-bottom:30px; }
  
  /* sub */
  
  #component7925, #component9123, #component3599, #component6465, #component5812,#component8559
  { width:50%!important; float:left; }
  
	#component3728 > div > div { font-size:18px!important; }
	#component1838 { padding:15px 15px!important; }
	#unit3196 div { font-size:15px!important; }
	#unit9699 table tbody { font-size:15px!important; }
	#unit9699 table tbody td { min-width:75px; }
	#unit3196 .sub_07 { padding:0px 15px; }
	#unit1566 { width:100%!important; margin:15px 0!important;}  
	#unit2811 { width:100%!important; margin:15px 0!important;}
	#component1838 ol { padding:0 15px; }
	#unit1507 table tbody { font-size:14px!important; }
	#unit1507 table tbody td { font-size:14px!important; }
	#unit9349 table tbody { font-size:14px!important; }
	#unit9349 table tbody td { font-size:14px!important; }
	#unit9349 table tbody td span { font-size:14px!important; }
	#unit3196 table tbody td { font-size:14px!important; }
	#unit3840 table tbody td { font-size:14px!important; }
	#unit7959 { padding:30px!important; }
	#unit3196 span { font-size:15px!important; }
	#unit7655 table tbody td { font-size:15px!important; }
	#unit7655 table tbody td span { font-size:15px!important; }
	#unit8004 div span { font-size:17px!important; }
	#unit2233 table tbody { font-size:15px!important; }
	#unit8964 > div span { font-size:15px!important; }
	#unit1647 table { width:100%!important; }
	#component4122 span { font-size:15px!important; }
	#unit6864 span { font-size:15px!important; }
	#unit6864 table td { font-size:15px!important; }
	#unit5657 > div { height:auto!important; background:none!important; }
	#unit5657 > div > div { padding:15px 0!important; }
	#unit5657 > div > div span { font-size:15px!important; }
	#unit2412 > div { font-size:18px!important; line-height:30px!important; padding:15px!important; height:auto!important; }
	#unit2412 > div .col-sm-6 { padding:0!important; height:auto!important; }
	#unit2412 > div .col-sm-6 span { width:100%!important; font-size:15px!important;}
	#unit2412 > div .col-sm-3 { padding:0!important; height:auto!important; }
	#unit2412 > div .col-sm-3 span { width:100%!important; font-size:15px!important;}
	#unit2412 > div > div { height:auto!important; margin-bottom:10px!important;}
	
}
