footer { margin-top:50px; }

#sub { overflow:hidden; }
.sub-top { position: relative; height: 420px; width: 100%; top: 0; z-index: 0; background-size: cover!important; background-position: 50% 50%!important; opacity: 0.8;     -webkit-animation: zoomin 9s 1; animation: zoomin 9S 1;}
.sub-rel { position: relative; height: 420px; background: #000;}
.sub-top-ul { position: absolute; bottom: 0px; text-align: center; margin: 0 auto; background-color: rgba(12, 76, 163, 0.5); width: 100%; }
.sub-top-ul li { font-size: 17px; padding: 30px 30px; text-align: center; display: inline-block; }
.sub-top-ul a { color: #fff; text-decoration: none; }
.sub-cont { background: #fff; position: relative; padding: 0; }
.sub-title2 { margin: 0 0 50px!important; font-size: 30px; display: inline-block; border-bottom: 2px solid #E6061B;  padding-bottom: 15px; font-weight: bold; }
#subgnb {  border-bottom:1px solid #ddd; background:#fff; }
#subgnb_pc img { position:relative; top:-3px; }
#subgnb_pc span { font-size:17px; color:#333; margin:0 3px; }
#subgnb_pc a { font-size:17px; color:#333; text-decoration:none; display:inline-block; border-radius:15px; background:#fff; padding:5px 15px; box-shadow: 4px 3px 2px 0px #afafaf;}

.subTitle { text-align:center; }
.sub-top-ul2 { border-bottom:1px solid #ddd; text-align:center; }
.sub-top-ul2 li { word-break:keep-all; }
.sub-top-ul2 li:hover { border-bottom:1px solid #C14A2C; transition:.3s all; }
.sub-top-ul2 li:hover a { color:#C14A2C; transition:.3s all; }
.sub-top-ul2 li { display:inline-block; font-size:18px; width:175px; padding:20px 0; margin:0 5px; height:65px;  }
.sub-top-ul2 li.active { border-bottom:1px solid #C14A2C; }
.sub-top-ul2 li.active a { color:#C14A2C; }
.sub-top-ul2 li a { color:#333; text-decoration:none; }

.lnb_title { font-size:30px; border-bottom:1px solid #000; padding:40px 0px; font-weight:600; 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: #ff6d6d; }
.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:#ff6d6d; }
.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:16px; 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:none; }
.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 #fff; background-color: #ff6d6d; }
.sub_depth3 li a  { color:#999; font-size:15px;  text-decoration:none;  transition:all ease 0.3s; }
#sub_title { font-size: 35px; font-weight: 600; border-bottom: 4px solid #C14A2C; display: inline-block; padding-bottom: 10px; margin:50px 0; }

@-webkit-keyframes zoomin { 0% { -webkit-transform: scale(1.2); } 100% {  -webkit-transform: scale(1); } }

.next-box-img { text-align:center; }
.next-box-img img { max-height:138px; }

.sub-top-ul3 { width:100%; margin:50px 0 0; overflow:hidden; }
.sub-top-ul3 li { float: left; width: 33.333%; font-size: 18px; color: #333; cursor: pointer; border: 1px solid #f2f2f2; box-sizing: border-box; color: #333; text-align:center; }
.sub-top-ul3 li a { color: #333; text-decoration: none; padding: 15px 0; display:inline-block; width:100%; }
.sub-top-ul3 li.active { background: #C14A2C }
.sub-top-ul3 li.active a { color:#fff!important;}
.sub-top-ul3 li:hover { background: #C14A2C; transition: 0.3s all; }
.sub-top-ul3 li:hover a { color:#fff!important; }

.bsjwLiveWrap { position:relative; display:inline-block; margin-bottom:50px; }
.bsjwLiveWrap #liveOff2 { position:absolute; top:25px; right:25px; }
.bsjwLiveWrap h2 { position:absolute; top:45%; left:0; width:100%; font-size:40px; color:#000; font-weight:bold; margin:0; }
#liveLink {
    display: inline-block;
    padding: 15px 50px;
    color: #C14A2C;
    font-size: 17px;
    border: 5px solid #fff;
    text-decoration: none;
    overflow: hidden;
    vertical-align: middle;
    background: transparent;
    overflow: hidden;
    -webkit-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1);
    position: relative;
    z-index: 10;
    border: 1px solid #C14A2C;
    font-weight: 100;
    width: 300px;
    margin: 0 0 30px;
}
#bsjwLiveWrapDesc { max-width:800px; margin:0 auto; }


#sub-19998 .dimode-component * { font-family:inherit!important; }
#sub-20026 .dimode-component * { font-family:inherit!important; }
#sub-19679 .dimode-component * { font-family:inherit!important; }
#sub-19680 .dimode-component * { font-family:inherit!important; }
#sub-19681 .dimode-component * { font-family:inherit!important; }
#sub-19682 .dimode-component * { font-family:inherit!important; }
#sub-19683 .dimode-component * { font-family:inherit!important; }
#sub-19684 .dimode-component * { font-family:inherit!important; }
#sub-20090 .dimode-component * { font-family:inherit!important; }

@media (min-width:1200px) and (max-width:1499px) {
	.sub-top-ul2 li { width:135px; font-size:17px; }
	#sub-19686 #unit9669 img { max-width:200px; }
	#sub-19686 #component4104 { margin:0 0 15px!important; }
	#sub-19686 #unit1724 > div { font-size:17px!important; }
	#sub-19686 #component6707 { width:100%!important; margin:0 0 15px!important; }
	#sub-19686 #unit9507 > div > div { padding:15px!important; height:auto!important; }
	#sub-19686 #unit9507 > div > div div { font-size:15px!important; margin:5px 0!important; }
	#unit3000 > div { font-size:17px!important; }		
}

@media (min-width:993px) and (max-width:1199px) {
	#unit5185 { padding:0 15px!important; }
	#unit7608 { padding:0 15px!important; }
	.sub_depth2 li { padding:20px 10px; }
	#content > .container > .row { margin:0; }
	#unit6032 > #main7 > div > div { 	    
		width: 45%!important;
    float: left!important;
    background-color: #cc6600!important;
    font-size: 20px!important;
    color: #fff!important;
    text-align: center!important;
    line-height: 25px!important;
    font-weight: 600!important;
  	padding: 20px 30px!important; 
  }	
  .sub-top-ul2 li { width:30%; font-size:17px; }
	#unit5316 > div { padding:0 0 10px!important; font-size:17px!important; }
	#component1522 { margin:0 0 15px!important; }
	#component3350 { width:33.333%!important; margin:0!important; padding:0 5px!important; }
	#unit3979 { margin:0 0 15px!important; }
	#unit3979 > div:nth-child(1) { margin:0 0 10px!important; }
	#unit3979 > div { text-align:center!important; font-size:15px!important; padding:0!important; width:100%!important; }  
	
	#sub-19686 #unit9669 img { max-width:200px; }
	#sub-19686 #component4104 { margin:0 0 15px!important; }
	#sub-19686 #unit1724 > div { font-size:17px!important; }
	#sub-19686 #component6707 { width:100%!important; margin:0 0 15px!important; }
	#sub-19686 #unit9507 > div > div { padding:15px!important; height:auto!important; }
	#sub-19686 #unit9507 > div > div div { font-size:15px!important; margin:5px 0!important; }
	#unit3000 > div { font-size:17px!important; }	
	
}

@media (min-width:768px) and (max-width:992px) {
	#unit5185 { padding:0 15px!important; }
	#unit7608 { padding:0 15px!important; }	
	#sub_title { font-size:30px; }
	.sub-cont-desc { padding:0; }
	.subTitle { text-align:center; }
	.sub-top-ul2 li a.active { border-bottom:none; }
	.sub-top-ul2 li { font-size:15.5px; width:30%; }
	#content > .container > .row { margin:0; }	
	#dimodePage * { word-break:keep-all; }
	.map-span { font-size:17px!important; display:block; }
	#live .container { padding:0; }
	#live .row { margin:0; }
	
	#sub-19686 #unit9669 img { max-width:200px; }
	#sub-19686 #component4104 { margin:0 0 15px!important; }
	#sub-19686 #unit1724 > div { font-size:17px!important; }
	#sub-19686 #component6707 { width:100%!important; margin:0 0 15px!important; }
	#sub-19686 #unit9507 > div > div { padding:15px!important; height:auto!important; }
	#sub-19686 #unit9507 > div > div div { font-size:15px!important; margin:5px 0!important; }
	#unit3000 > div { font-size:17px!important; }
	
	#component5302 { margin-bottom:20px!important; }
	#component5302 img { max-width:300px!important; }
	#unit6193 div { font-size:17px!important; }
	#component2010 { width:50%!important; padding:0!important; margin:0 0 15px!important; }
	
	#sub-19685 #unit1998 { padding:0!important; }
	#component4360 { padding:0!important; }
	#component4360 .row { margin:0!important; }
	#unit1998 > div:nth-child(1) { margin:0 0 15px!important; font-size:18px!important; }
	#unit1998 > div:nth-child(2) { margin:0 0 15px!important; }
	#unit4486 { padding:0!important; margin:20px 0!important; }
	#component4183 { margin-bottom:20px!important; }
	#unit2438 { padding:0!important; margin:0 0 15px!important; }
	#component6252 .row { margin:0!important; }
	#component6252 { padding:0!important; }
	#unit3777 { padding:0!important; }
	#unit3777 > div:nth-child(1) { margin:0 0 15px!important; font-size:18px!important; }
	#unit3777 > div:nth-child(2) { margin:0 0 15px!important; }
	#unit3908 { margin-top:30px!important; }
	
	#unit8892 > div > div { height:auto!important; padding:15px!important; }
	#unit8892 > div > div div { float:none!important; width:100%!important; }
	
	#unit8892 > div > div > div:nth-child(2) > div:nth-child(2) { font-size:18px!important; margin:0 0 15px!important; }
	#unit8892 > div > div > div:nth-child(2) > div:nth-child(3) { font-size:16px!important; margin:0 0 15px!important; }
	
	#unit8892 > div { padding:15px!important; }
	#unit7619 { padding:0!important; margin-bottom:15px; }
	#unit7619 > div { font-size:17px!important; }
	#unit3487 { padding:0!important; }
	#unit3487 div { padding:0!important; font-size:16px!important; line-height:25px!important; }
	#component4104 { margin:30px 0 10px!important; }
	#unit7157 > div { font-size:18px!important; }	
	
	#component3844 { margin:0!important; }
	#component2477 { margin:0 0 15px!important; }
	#unit6493 span { font-size:19px!important; }
	#unit2404 div { font-size:17px!important; }
	#unit9607 { width:100%!important; padding:15px!important; margin:0 0 15px!important; }
	#unit2450 { width:100%!important; padding:15px!important; margin:0 0 15px!important; }
	
	#unit6345 > div { padding:0 0 10px!important; font-size:17px!important; }
	#component9632 { width:100%!important; padding:0 0 10px!important; margin:0!important; }
	
	#unit5316 > div { padding:0 0 10px!important; font-size:17px!important; }
	#component1522 { margin:0 0 15px!important; }
	#component3350 { width:50%!important; margin:0!important; padding:0 5px!important; }
	#unit3979 { margin:0 0 15px!important; }
	#unit3979 > div:nth-child(1) { margin:0 0 10px!important; }
	#unit3979 > div { text-align:center!important; font-size:15px!important; padding:0!important; width:100%!important; }
	
	#unit2953 > div { font-size:18px!important; }
	#unit3124 td { font-size:15px!important; }
	#component1832 { margin:0 0 20px!important; }
	
	#unit6032 > #main7 > div > div { 	    
		width: 45%!important;
    float: left!important;
    background-color: #cc6600!important;
    font-size: 20px!important;
    color: #fff!important;
    text-align: center!important;
    line-height: 25px!important;
    font-weight: 600!important;
  	padding: 20px 30px!important; 
  }
	
	#sub-20090 #unit7466 > div { font-size:16px!important; line-height:25px!important; }
	#component3285 { margin:0 0 20px!important; }
	#unit3937 { margin:0 0 20px!important; }
	#component2579 { padding:10px!important; }
	#component2579 > div { height:auto!important; }
	#component2579 > div > div { font-size:16px!important; float:none!important; }	
	
}

@media (max-width: 767px) {
	#dimodePage .page-actions { padding:15px!important; }
	#sub_title { position:relative; z-index:1; }
	#sub-cont { padding-top:0; }
	.sub-top-ul2 { overflow:hidden;}
	.sub-top-ul2 li { float:left; width:50%; height:auto; }
	#subgnb_pc span { font-size:13px; position:relative; top:3px; }
	#subgnb_pc a { padding:5px 10px; font-size:13px; }
	#subgnb { position:relative; z-index:1; }	
	#sub_title { font-size:23px; margin:30px 0 40px; }
	.sdfc-content { background:#fff!important; }
	.sub-rel, .sub-top { height:325px; overflow:hidden; }
	.sub-top { position:relative; }
	.sub-top-ul3 li { font-size:15px; }
	.sub-top-ul2 li a.active { border-bottom:none; }
	.sub-top-ul2 li { font-size:14px; margin:0; transform: skew(-0.05deg); padding:10px 0; height:41px; }
	.subTitle { text-align:center; }
	.sub-cont-desc { padding:0; }
	.sub-cont { z-index:0; }
	#themeForm > .themes { margin-left:0;  margin-right:0; }
	#dimodePage .page-content { padding:0 15px; }
	
	.sub-top-ul3 { padding:0 15px; margin:30px 0 0; }
	.sub-top-ul3 li { width:50%; }
	.sub-top-ul3 li a { padding:10px 0 ;}
	
	.bsjwLiveWrap h2 { font-size:20px; }
	.bsjwLiveWrap #liveOff2 { max-width:70px; }
	#liveLink { padding:10px 0; width:230px; margin:0 0 20px; }
	footer { margin-top:30px; }
	
	#sub-19686 #unit9669 img { max-width:200px; }
	#sub-19686 #component4104 { margin:0 0 15px!important; }
	#sub-19686 #unit1724 > div { font-size:17px!important; }
	#sub-19686 #component6707 { width:100%!important; margin:0 0 15px!important; }
	#sub-19686 #unit9507 > div > div { padding:15px!important; height:auto!important; }
	#sub-19686 #unit9507 > div > div div { font-size:15px!important; margin:5px 0!important; }
	#unit3000 > div { font-size:17px!important; }
	
	#component5302 { margin-bottom:20px!important; }
	#component5302 img { max-width:300px!important; }
	#unit6193 div { font-size:17px!important; }
	#component2010 { width:50%!important; padding:0!important; margin:0 0 15px!important; }
	
	#sub-19685 #unit1998 { padding:0!important; }
	#component4360 { padding:0!important; }
	#component4360 .row { margin:0!important; }
	#unit1998 > div:nth-child(1) { margin:0 0 15px!important; font-size:18px!important; }
	#unit1998 > div:nth-child(2) { margin:0 0 15px!important; }
	#unit4486 { padding:0!important; margin:20px 0!important; }
	#component4183 { margin-bottom:20px!important; }
	#unit2438 { padding:0!important; margin:0 0 15px!important; }
	#component6252 .row { margin:0!important; }
	#component6252 { padding:0!important; }
	#unit3777 { padding:0!important; }
	#unit3777 > div:nth-child(1) { margin:0 0 15px!important; font-size:18px!important; }
	#unit3777 > div:nth-child(2) { margin:0 0 15px!important; }
	#unit3908 { margin-top:30px!important; }
	
	#unit8892 > div > div { height:auto!important; padding:15px!important; }
	#unit8892 > div > div div { float:none!important; width:100%!important; }
	
	#unit8892 > div > div > div:nth-child(2) > div:nth-child(2) { font-size:18px!important; margin:0 0 15px!important; }
	#unit8892 > div > div > div:nth-child(2) > div:nth-child(3) { font-size:16px!important; margin:0 0 15px!important; }
	
	#unit8892 > div { padding:15px!important; }
	#unit7619 { padding:0!important; margin-bottom:15px; }
	#unit7619 > div { font-size:17px!important; }
	#unit3487 { padding:0!important; }
	#unit3487 div { padding:0!important; font-size:16px!important; line-height:25px!important; }
	#component4104 { margin:30px 0 10px!important; }
	#unit7157 > div { font-size:18px!important; }	
	
	#component3844 { margin:0!important; }
	#component2477 { margin:0 0 15px!important; }
	#unit6493 span { font-size:19px!important; }
	#unit2404 div { font-size:17px!important; }
	#unit9607 { width:100%!important; padding:15px!important; margin:0 0 15px!important; }
	#unit2450 { width:100%!important; padding:15px!important; margin:0 0 15px!important; }
	
	#unit6345 > div { padding:0 0 10px!important; font-size:17px!important; }
	#component9632 { width:100%!important; padding:0 0 10px!important; margin:0!important; }
	
	#unit5316 > div { padding:0 0 10px!important; font-size:17px!important; }
	#component1522 { margin:0 0 15px!important; }
	#component3350 { width:50%!important; margin:0!important; padding:0 5px!important; }
	#unit3979 { margin:0 0 15px!important; }
	#unit3979 > div:nth-child(1) { margin:0 0 10px!important; }
	#unit3979 > div { text-align:center!important; font-size:15px!important; padding:0!important; width:100%!important; }
	
	#unit2953 > div { font-size:18px!important; }
	#unit3124 td { font-size:15px!important; }
	#component1832 { margin:0 0 20px!important; }
	
	#sub-19998 #unit2870 > #main7 { height:auto!important; padding:50px 0!important; margin:0!important; }
	#sub-19998 #unit2870 div { position:relative!important; top:0!important; left:0!important; transform:none!important; font-size:20px!important; margin:20px 0!important; line-height:inherit!important; }
	#component8277 { margin:0 0 20px!important; }
	#component4853 { margin:0 0 20px!important; padding:15px!important; }
	#unit5361 div { font-size:17px!important; line-height:30px!important; }
	#unit7608 { padding:0!important; margin:10px 0!important; }
	#unit5185 { padding:0!important; }
	#unit4860 { width:100%!important; }
	#unit6032 div { position:relative!important; top:0!important; left:0!important; transform:none!important; width:100%!important; pa}
	#unit6032 > #main7 > div > div { padding:10px 0!important; font-size:17px!important; }
	#unit6032 > #main7 { background-size:100% auto!important; height:auto!important; background:none!important; }
	#unit4860 table td { padding: 10px 5px!important; }
	
	#sub-20090 #unit7466 > div { font-size:16px!important; line-height:25px!important; }
	#component3285 { margin:0 0 20px!important; }
	#unit3937 { margin:0 0 20px!important; }
	#component2579 { padding:10px!important; }
	#component2579 > div { height:auto!important; }
	#component2579 > div > div { font-size:16px!important; float:none!important; }
}