@charset "utf-8";
#main_tit .under_line{display: inline-block; *display: inline; *zoom:1; width: 0%;height: 4px;  background: #fff;}
#m_visual #main_tit{position: absolute; left: 50%; top: 290px; z-index: 2; opacity: 0;}
#m_visual #main_tit div{position: relative; left: -50%; text-align: center;}
#m_visual #main_tit .title_top{font-size: 16px; color: #fff; font-weight: bold;}
#m_visual #main_tit h2{font-size: 60px; line-height: 1.4em; letter-spacing: -2px;color:#fff;padding: 15px 0; font-weight: 400;}
#m_visual #main_tit .main_typing{font-weight: normal; font-size: 16px; color: #fff; height: 40px;}
#m_visual #main_tit a{display: inline-block; *display: inline; *zoom:1; width: 250px; height: 35px; line-height: 35px; border: 2px solid #fff; border-radius: 20px; text-align: center; color: #fff; transition:0.2s all; background: rgba(0,0,0,0.2);}
#m_visual #main_tit a:hover{background: #fff; color: #666; font-weight: bold; border-radius: 5px;}

#contain_wrap h3{width: 1200px; margin: 0 auto; font-size: 40px; font-weight: 700; padding-bottom:10px; letter-spacing: -1px; text-align: center;}
#contain_wrap h3 span{font-size: 16px; color: #999; letter-spacing: 5px; font-weight: 300;font-family: 'Oswald', sans-serif;}
#contain_wrap h3 .under_line{display: inline-block; *display: inline; *zoom:1; width: 5%;height: 1px;  background: #010101;}
#contain_wrap > p{font-size: 14px; line-height: 22px; color: #777; font-weight: 300; text-align: center;}


/*1page*/
#contents_box div .grt_img{display: block; width: 100%; height: 250px; overflow: hidden; position: relative;}
#contents_box div .grt_img img{position: absolute; left: 0%; top:0%; width: 100%; transition:0.5s all;}
#contents_box div h4, #contain05 #admission_box div h4, #contain07 #data_box div h4{font-size: 24px; font-weight: 300; padding: 30px 0; }
#contents_box div p{font-size:14px; color:#777; line-height: 21px;}
.grt_btn{display: inline-block; *display: inline; *zoom:1; width: 180px; font-size: 14px; height: 30px; line-height: 30px; border: 2px solid #e9e9e9; border-radius: 20px; text-align: center; color: #999; transition:0.2s all; margin-top: 30px; transition:0.2 all;}
#contents_box div:hover .grt_btn, #contain05 #admission_box div:hover .grt_btn{color: #E06656; border: 2px solid #E06656;  border-radius: 5px;}
#contents_box div:hover .grt_img img{width: 110%; left: -5%; top:-5%;}

.map_table{width:100%;font-size: 14px;border-top:3px solid #333; color:#666;border-collapse: separate; border-spacing: 0px;  border-bottom: none !important;}
.map_table th{padding:15px; width:30%; border-bottom: 1px solid #e9e9e9; border-right:1px solid #e9e9e9; background: #fafafa; color:#333;}
.map_table td{padding:15px 20px; width:60%; border-bottom: 1px solid #e9e9e9; color:#666;}

/*1page//*/

/*2page*/
.contain_s_vis{overflow: hidden; text-align: center;}
.contain_s_vis{padding: 170px 0;}
.contain_s_vis:hover i{transform:scale(1.3,1.3);}
.contain_s_vis div h3{font-size: 40px; font-weight: 700;  letter-spacing: -1px;  color:#fff; }
.contain_s_vis div h3 span{font-size: 16px; color: #e9e9e9; letter-spacing: 5px; font-weight: 300;font-family: 'Oswald', sans-serif;}
.contain_s_vis div h3 p{ font-weight: 100;}
.contain_s_vis div span{font-size: 14px; color: #fff;}
.contain_s_vis div .under_line{display: inline-block; *display: inline; *zoom:1; width: 5%;height: 1px;  background: #fff;}

@media screen and (max-width:1200px){
	.contain_s_vis{padding: 70px 0;}
}
@media screen and (max-width:600px){
	.contain_s_vis{padding: 35px 0;}
	.contain_s_vis div h3{font-size: 20px;line-height: 30px;}
}

/*//2page*/



.tabs {height:46px;border-bottom: 1px solid #e9e9e9; width:100%;font-size:14px;}
.tabs li {float: left;text-align:center;cursor: pointer; width: 400px;height: 45px;line-height: 45px;
		  border-left: none;font-weight: bold;color:#fff;overflow: hidden;position: relative;}
.tabs li.active {color:#6B5983;background: #fafafa;border-bottom: 1px solid #e9e9e9;}
.tab_content {display: none;}
.tab_container .tab_content ul {width:100%;}
/*//6page*/




/*--팝업 CSS--*/

.LayPop{position: absolute; top: 0px; left:50%;width:1200px; min-height: 570px; padding-bottom:60px;padding-left:25px;padding-right:25px;z-index: 999999;display:none; background: #fff; box-shadow: 0px 0px 20px #ccc;}

.close{position: absolute; top:15px; right:20px;z-index: 9999999999; opacity: 0.3; transition:0.5s all;}
.close:hover{transform:rotate(90deg); opacity: 1;}
.popCon{position:relative; width:1200px;  margin:0 auto; }


.box_title{text-align:center; width:1200px; padding-bottom: 15px; border-bottom:1px solid #e9e9e9;}
.box_title h3{display:block; font-size:28px; font-weight:bold; color:#333; margin-top:42px; padding-bottom: 5px; line-height: 40px;}

.tit_under{font-size: 14px; color: #666;}

.popBoxtxt{display:block; font-size:14px; color:#333; margin-top:25px; line-height:25px; }


#popup01 .under_box, #popup02 .under_box, #popup03 .under_box{overflow: visible !important;}
.under_box{margin-top: 60px; overflow: visible; line-height: 25px; max-height: 500px; overflow-y: scroll;}
.under_box img{float: left;}
.under_box .popbox_greeting{display:block; float: left; width: 700px; margin-left: 40px; padding-left: 30px; border-left: 1px dashed #999; font-size:14px; color:#333; line-height:25px;}

.under_box .business_table{ width: 95%; border: 1px solid #ccc;}
.under_box .business_table th{ border: 1px solid #B5558A; background: #B5558A; color:#fff; padding: 5px; }
.under_box .business_table td{border: 1px solid #ccc; padding: 5px; text-align: center; border-top: none;}




.pop_bg{position: fixed;top: 0;	left: 0;z-index: 70;width: 100%;height: 100%;background:url(/images/pop_all_bg.png) 0 0 repeat;display:none;}
.pop_bg img{position: absolute; left: 5%; top: 45%;}
.Btn{overflow:hidden;  margin-top:20px;}
.Btn li{float:right; margin-left:11px;}
/*--팝업 CSS//--*/




/*견적문의폼영역*/
#db_banner{height: 178px; background:url(/images/bg_db_bottom.gif); width:100%; position: fixed; bottom:-30px; z-index: 9999;transition:1s all; transform:translateZ(0);}
#db_banner.on{bottom: -1px !important;}
#db_banner .wrap_btn{display: none; position: absolute;width: 200px; right:0;opacity: 1; margin-top: -198px;transition:1s all;}
#db_banner .wrap_btn img{width: 100%;}
#db_banner.on .wrap_btn{opacity: 0.4; display: none;}
#db_banner h2{width: 100%;height: 34px; position: relative; background: url(/images/bg_db_tit) repeat-x;}
#db_banner h2 img{position: absolute; left: 50%; margin-left: -960px;}
#db_banner .inner_db{width: 1200px; margin: 0 auto; overflow: hidden;}
#db_banner .inner_db > div{float:left;}
.db_btn_sns{line-height: 0; float: left; padding-bottom: 10px; padding-right: 59px; overflow: hidden; background: url(/images/db_wall.gif) no-repeat 100% center;}
.db_btn_sns ul li{margin-top: 5px;}
.db_btn_sns ul li img{width: 100%;}
#cs_frm{float: left; width: auto;}
.db_input{width:881px;}
.db_input table{float:left; width:482px; margin-top: 5px;border-spacing:0; border-collapse: collapse;margin-left:42px;}
.db_input table td{height: 65px; color: #fff;}
.db_input table td input{border:1px solid #ddd;}
.db_input table td textarea{height: 40px;border:1px solid #ddd; width:320px;}
.db_input table td .td_select{width:48px; height: 30px; border:1px solid #ddd;}
.db_input table .db_tit{min-width: 35px; text-align: center; font-weight: bold; color:#fff; font-size:15px;  /*background: red;*/}
.db_input table .db_tit_no{text-align: center; font-weight: bold; color:#fff; font-size:15px; width:65px; /*background: red;*/}
.db_input .db_btn_go{float:right; margin-top: 20px;}
.db_input .db_btn_go button:hover{cursor: pointer;}
.db_input .db_btn_go input{width: 181px; height: 78px; background: url(/images/db_btn_go.png) no-repeat; border: none; cursor: pointer;}
.input01{width:80px; height: 30px;}
.input02{width:48px; height: 30px;}
.db_cont_01{width:auto;}
.info_agree_td{text-align: center; vertical-align: top;}
.info_agree_td input{background: red; width:15px; height: 15px; margin-top: 4px;}

@media screen and (max-width:1200px) and (min-width:900px){
	#db_banner .inner_db{width: 100%;}
	#db_banner{height: 215px;}
	.db_btn_sns{padding-right: 0px; background: none; padding: 0 10px;}
	.db_btn_sns ul li{float: left; width: 50%;}
	.db_input table td{height: 50px;}
}

@media screen and (max-width:900px){	
	.db_input{width:auto;text-align:center;}
	.db_input table{margin-left:0;}
	.db_input table td{height:48px;}
	.db_input table .db_tit{text-align:left;}
	#db_banner .inner_db{width: 100%;}
	#db_banner{height: 215px;}
	.db_btn_sns{padding-right: 0px; background: none; padding: 0 10px;}
	.db_btn_sns ul li{float: left; width: 50%;}	
	#db_banner .wrap_btn{width: 100px; margin-top: -99px;}
	#cs_frm{width: 100%;}
	.db_btn_sns{float: none !important;}
	#db_banner{height: 245px;padding: 0 10px; box-sizing:border-box;}
	.db_input table{border-top: 1px solid #101019;}
	.db_input table tbody{border-top:1px solid #25252f;}
	.db_input table,
	.db_input tbody,
	.db_input tr{width: auto; display: inline-block;}
	.db_input .db_btn_go{float:none; width: 181px; height: 78px; margin: 0 auto; overflow: hidden;}
	.input01{width:100px!important;}
	.input02{width:100px!important;}
	.info_agree_td{text-align:center;}
}



#pop_bg{width:100%;height:100%;position:fixed;left:0;top:0;background:rgba(0,0,0,.7);z-index:-1;}
.p_info_agree{color:#ffcc00;cursor:pointer;}
#p_info_pop{background:#fff;padding:15px;width:280px;position:fixed;top:50%;left:50%;margin-left:-155px;margin-top:-180px;display:none;z-index:10000;}
.p_info_close{float:right;cursor:pointer}
.p_info_scroll{width:278px;height:300px;overflow-y:scroll;border:1px solid #ddd;margin-top:10px;font-size:12px;}