@charset "utf-8";
/*폰트*/
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css); /*400 700 800*/
body { font-size:14px; font-family:'Nanum Gothic', "dotum", Arial,Helvetica;}

.dl_list dd{
	line-height:30px; font-size:18px; position: relative; padding-left:30px;
}
.dl_list dd b{
    position: absolute; top:0px; left:0;
}

.title-bx.bor-b{
	border-bottom: 2px solid #aaa;	margin-bottom:15px;
}
.title-bx h2{margin-bottom: 4px; font-size:26px; font-weight: 700}
.title-bx h3{margin-bottom:4px;}
.title-bx p{margin-bottom: 10px}

.ul-list{list-style: none; padding-left:5px;}


.servicebx{position:relative;}
.servicebx h2{position:absolute; bottom:0px; width:200px; left:50%; margin-left:-100px; text-align:center; background:rgba(0, 0, 0, .5); color:#fff; padding:6px 0;}

	/*-webkit-transition-delay: all 0.5s ease; transition-delay: all 0.5s ease;*/

.grid-bx figure a .mask{display:none;}
.grid-bx figure a:hover .mask{display:block; position:absolute; top:0; background:rgba(0, 0, 0, .2); height:100%; width:100%; z-index:10;   }
.grid-bx figure a .mask i{text-align:center; color:#fff; position:absolute; top:50%; left:50%; margin-left:-20px; margin-top:-20px}
.grid-bx figure p{text-align:center; padding-top:3px}


#horizontal-tabs ul.tabs-bx{border-left:0;overflow: hidden;border-radius: 0;list-style: none;margin: 0;padding: 0; text-align: center}
#horizontal-tabs ul.tabs-bx li {float:none; display: inline-block; border-radius: 50%; border:1px solid #ddd; margin-right:7px; width:45px!important; height:45px; padding:10px; text-align: center}
#horizontal-tabs ul.tabs-bx li.current{border:1px solid #3268c0!important; background:#3268c0;color:#fff;}

#monkey{display:none;}
@media (min-width: 1200px){
.main-header .container{position:relative;}
/*.main-header .container{position:relative; background:url('../../img/monkey1.png') no-repeat  226px 2px;}*/
#monkey{display:block;position:absolute; top:10px ; left:230px; z-index:10000; width:133px; height:82px;  background:url('../../img/monkey1.png') no-repeat ;}
}



.bx-controls-direction a{z-index:9000!important}


@media (max-width: 768px) {
.top-bar .social{display:none;}
.phone-login  span{display:block;}
}

#main-phone-link{display:none;}
#main-phone-link a{ line-height:50px; text-align:center; color:#fff; display:block; font-size:20px;font-weight:600; border-radius:0px; margin:15px 15px 0 15px;}
#main-phone-link a span{top:5px;}
				  
@media (max-width:480px) {/*모바일에서 감출것들  */
#main-slider, .m-none{display:none;}

#main-phone-link{display:block;}
}


/*-----table----*/
/*일반 리스트*/
.TB_list thead th{text-align:center; background: #f5f5f5; padding-top:12px!important; padding-bottom:12px!important; border-top:1px solid #ddd!important; }
.TB_list tbody{text-align:center; border-bottom:1px solid #ccc;}
.TB_list tbody tr td:nth-child(2){text-align:left;}
.TB_list tbody a{color:#333;}
.TB_list tbody a:hover{color:darkgoldenrod}

.pagination{text-align:center; display: block;}
.pagination li a{float:none; margin-left: -5px; padding:8px 12px;color:#666!important;}

/*공지  basic2.css에도 있음*/
.fig_list ul{margin:0; padding:0}
.fig_list li{border-bottom:1px solid #ddd; padding:40px 0;list-style: none}
.headline{margin:5px 0 3px 0}
.headline a{ color:#333}
.subline{margin-bottom:10px; color:#999}
.subline small{margin-left:7px}
.excerpt{overflow: hidden; text-overflow: ellipsis; 
	display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; word-wrap:break-word; 
	margin-bottom:20px}	
.btn-color-o{border:1px solid #3268c0}
.btn-color-o:hover{background:#3268c0 color:#fff;}


/*상담*/
.counsel-form{margin-bottom:40px}
.counsel-form table{width:100%}
.counsel-form thead th{padding:10px 0}
.counsel-form tbody{border-top:2px solid #3268c0}
.counsel-form tbody tr{border-bottom:1px solid #ddd}
.counsel-form tbody td{padding:10px;}
.bg_tb{background:#f5f5f5}

.counsel-form input[type="checkbox"], .counsel-form input[type="radio"]{position:relative; top:2px;}
.counsel-form label{margin-right:7px; font-weight: normal; margin-left:2px}