@charset "UTF-8";
/* CSS Document */

/*메인슬라이더*/
.mainslider{position:relative; clear:both; padding:0 !important; border-top: 2px solid #2c2f99 !important; }
@media(max-width:1200px){
.sunlin ul.menu li{width:90%; margin:5px 10px;}
.mainslider{margin-top:100px !important;}
}




/*latest_box*/
.latest_box li.box{ display:inline-block; width:32.5%; height:280px; margin-top:20px; border:1px solid #ddd; padding:20px; margin:3px;}
.latest_box li.box .titlegroup{}
.latest_box li.box:nth-child(1){width:35%;}
.latest_box li.box:nth-child(2){width:28%;}
.latest_box li.box:nth-child(3){width:35%;}

/*latest_box2*/
.latest_box2 li.box{ display:inline-block; width:32.5%; height:320px; margin-top:20px; border:1px solid #ddd; padding:20px; margin:3px;}
.latest_box2 li.box .titlegroup{}

@media(max-width:1200px){
.tiles{padding:10px !important;}
.latest_box li.box{ display:inline-block; width:100% !important; height:auto; margin:0 0 5px 0;}
.latest_box2 li.box{ display:inline-block; width:100%;  height:auto;  margin:0 0 5px 0;}
.banner_together{display:block; margin-bottom:10px;}
} 
 
/*메인타이틀*/
.titlegroup{padding:0 0 10px 0px; position:relative; clear:both; text-align:center; position:relative; overflow:hidden;}
.titlegroup span.title{float:left; width:100%; display:inline-block; color:#555; font-size:180%; letter-spacing:-1px !important; padding-bottom:0px; font-weight:100; border-bottom:4px solid #ddd; text-transform:capitalize; margin-bottom: 0px; font-family: 'GmarketSansMedium';}
.titlegroup span.title:after{
    content: '';
    display: block;
    margin-bottom: 10px;
    width: 100px;
    border-bottom: 4px solid #2d3098;
    position: absolute;

}
.titlegroup span.info_title{text-align:left;}
.titlegroup span.subtitle{
    font-weight: 100;
    color:#42aecd;
    }

.titlegroup span.title b{color:#333; position:relative; display:inline-block;}
.titlegroup span.title b:after {
    content: '';
    display: block;
    margin-bottom: 10px;
    width: 100%;
    border-top: 4px solid #42aecd;
}
.titlegroup a.more{ color:#333; margin-top:0px; position:absolute; padding:0 10px; border-radius:5px; top:5px; right:0; width:auto; height:25px; line-height:25px; text-align:center; border:1px solid #ddd; color:#ddd;}
.titlegroup a.more:hover{color:#004782; border:1px solid #004782}
@media(max-width:480px){
.titlegroup a.more{ bottom:8px;}
}
.titlegroup span.text{clear:both; color:#777; margin-top:7px; display:none; }


/**/
ul.latest_box li.banners {border:none; padding:0; margin:0;}
ul.latest_box li.banners ul.banner_together li.ban {display:block; border:1px solid #ddd; height:135px; padding:15px; text-align:left;}
ul.latest_box li.banners ul.banner_together li.ban:first-child {margin-top:3px; background:#f2f9fd url("/theme/henalhome/design/img/img_ban1.png") right center no-repeat;}
ul.latest_box li.banners ul.banner_together li.ban:last-child {margin-top:10px; background:#f0f5ff url("/theme/henalhome/design/img/img_ban2.png") right center no-repeat;}
ul.latest_box li.banners ul.banner_together li.ban span.subtit{color:#127fb8; }
ul.latest_box li.banners ul.banner_together li.ban p{color:#065496; font-size:160%; display:block; margin-bottom:20px;}
ul.latest_box li.banners ul.banner_together li.ban a.more{color:#777; border:1px solid #777; padding:10px 15px; border-radius:10px; clear:both;}


/*center_menu*/
ul.center_menu{text-align:center; padding:15px 0;}
ul.center_menu li{display:inline-block;}

.centerbox{float:none; width:100%;}

/*cscenter*/
.cscenter{width:100%;height:auto; overflow:hidden; padding-top:0px; text-align:left; }
.cscenter .subtitle {padding:0; font-size:150%; color:#000; padding:10px 0; width:100%; height:auto; float:none;}
.cscenter .subtitle strong {
	display: block;
	color: #999;
	font-weight:normal;
	padding:10px;
	text-align:center;
}
.cscenter .subtitle span.csnumber{display:block; float:left;}
.cscenter .subtitle span.csnumber b{
	display:inline-block;
    height:auto;
    line-height:100%;
    font-size:210%;
    text-align:left;
    border-radius: 0px;
    padding: 0 0 20px 0px;
    font-weight:900;
}
.cscenter .subtitle span.csnumber b a{
    color: #222 !important;
}
.cscenter .subtitle span.csnumber img{display:block; width:20%; float:right;}
.cscenter .subtitle span.time{display:block; font-size:65%; line-height:135%;}
.cscenter p.btn_more2{clear:both; display:inline-block; background:#f8f8f8; border:1px solid #ddd; border-radius:15px; padding:10px;}
.cscenter h6.infodesk{font-weight:bold; color:#444; padding:8px 0 0 0px; font-size:200%; text-align:left; margin-top:0; margin-bottom:0px; float:left; width:20%;}
.cscenter ul {clear:both; width:100%; display:block; padding:10px 0;}
.cscenter ul li { clear:both;}
.cscenter ul li span {float:right; width:70%;}
.cscenter ul li span.day{text-align:left; width:25%; float:left;}
.cscenter ul li span.time{color:#000;}
.cscenter ul li.caution{ clear:both; background:none; color:#222; border:0px solid #333; font-size:150%; padding-top:30px !important; margin-top:5px; text-align:left; padding:0 !important; display:inline-block; }
.cscenter ul li.end{color:#e81d25;}
.cscenter ul li:last-child{margin-top:10px;}
.cscenter ul.bankcode{margin-top:10px; border:2px solid #81aa46; border-radius:10px;}
p.map{
    display: block;
    width: 154px;
    height: 50px;
    line-height: 50px;
    border: 1px solid #ddd;
    color: #777;
    margin-right: 0px;
    text-align: center;
    border-radius: 5px;
}
.phonebox{}
.phonebox li{display:inline-block; width:49%; height:50px;  margin-top:0 !important; background:#f8f8f8; border:1px solid #ddd; padding:5px 10px !important; text-align:center;}
.phonebox li a{display:block; width:100%; height:100%; line-height:38px !important;}
.phonebox li:hover{background:#243286; }
.phonebox li:hover a{color:#fff;}
.phonebox li .btn_more2{width:100%;}

@media(max-width:1200px){
.cscenter .subtitle span.csnumber b{
    font-size: 250%;
    text-align:left;
    float:left;
}
.cscenter .subtitle span.csnumber b a{
    font-size:70% !important;
}


}
@media(max-width:992px){

}
@media(max-width:768px){

}
@media(max-width:480px){
		
}