@charset "utf-8";



#container {position:relative; z-index:0;  }


/*메인비주얼*/
.main_visual {text-align:center; position:relative; width:1400px; margin:0 auto;  min-width:1400px; overflow:hidden;  z-index:1;}
.main_visual ul { width:100%; height:500px; z-index:0;}
.main_visual ul li {width:100%; height:500px; overflow:hidden;}
.main_visual ul li img {vertical-align:middle; }

/*
.main_visual .visual_text {text-align:center; position:absolute; left:0px; top:220px; width:100%; z-index:9999; color:#fff; font-size:60px; font-weight:bold;}
.main_visual .visual_text span{display:block;  color:rgba(255,255,255,0.9); font-size:18px; font-weight:normal; margin-top:40px;}

.main_visual .bg {position:absolute; left:0px; top:0px; width:100%; height:600px; background:rgba(0,0,0,0.4); z-index:0;}

.main_visual .main_pager {position:absolute; width:100%;  bottom:280px; text-align:center;   z-index:99999999 !important;}
.main_visual .main_pager span{display:inline-block; vertical-align:top; text-indent:-9999px; cursor:pointer; width:12px; height:12px; margin:0 3px; border-radius:12px; border:2px #fff solid;; }
.main_visual .main_pager .cycle-pager-active{background:#e5dfdc;}
*/

.main_visual_quick_wrap {display:table; width:100%; table-layout:fixed; margin-top:10px;}
.main_visual_quick_wrap .col{display:table-cell; vertical-align:middle; color:#fff; background:#7e9c45; padding:30px 0px;}
.main_visual_quick_wrap .col img {vertical-align:middle; margin-bottom:20px;}
.main_visual_quick_wrap .col.last {background:#212831;}
.main_visual_quick_wrap .col dt{font-size:20px;font-weight:bold; }
.main_visual_quick_wrap .col dd{font-size:13px; margin-top:10px; color:rgba(255,255,255,0.6); line-height:20px;}






/*하단정보*/
.main_info_wrap {overflow:hidden; margin-top:60px;}
.main_info_wrap .col {float:left; height:210px;  position:relative; overflow:hidden;}
.main_info_wrap .col h3{font-size:24px; color:#222222; background:url(../images/main/main_title_line.jpg) left bottom no-repeat; padding-bottom:20px; margin-bottom:30px;}

.main_info_wrap .about {width:360px; border-right:1px #e4e4e4 solid;}
.main_info_wrap .about .text  {line-height:20px; padding-right:60px; font-size:14px; color:#666666;}
.main_info_wrap .about a {position:absolute; left:0px; bottom:0px;  border:1px #dddddd solid; padding:0 20px; line-height:30px; color:#222; font-size:12px; transition: all 0.2s;}
.main_info_wrap .about a:hover {background:#222; border-color:#222; color:#fff; padding:0 30px; transition: all 0.3s;}

.main_info_wrap .contact {width:370px; margin-left:60px;}
.main_info_wrap .contact .c_name  {line-height:20px; font-weight:bold; font-size:14px; color:#000000;}
.main_info_wrap .contact .c_info {margin-top:15px;}
.main_info_wrap .contact .c_info_list {display:inline-block; line-height:15px; margin-right:25px; font-size:20px; color:#333333; letter-spacing:-1px;}
.main_info_wrap .contact .c_info_list  span{display:inline-block; width:20px; height:20px;line-height:20px; background:#444; text-align:center; font-size:13px; vertical-align:middle;  color:#fff; font-weight:bold;margin-right:3px;}
.main_info_wrap .contact .btns {position:absolute; left:0px; bottom:0px; width:100%; }
.main_info_wrap .contact .btns_wrap {display:table; width:100%;  table-layout:fixed;}
.main_info_wrap .contact .btns_wrap a{display:table-cell; border:1px #dddddd solid;border-left:0px; text-align:center; line-height:30px; color:#222; font-size:12px; transition: all 0.2s; }
.main_info_wrap .contact .btns_wrap a.first{border-left:1px #dddddd solid;}
.main_info_wrap .contact .btns_wrap a:hover {background:#222; border-color:#222; color:#fff;  transition: all 0.3s;}


.main_info_wrap .location {width:380px;float:right;}
.main_info_wrap .location .location_wrap {background:#fcf9f4 url(../images/main/main_location_bg.png) 90% bottom no-repeat; height:138px; transition: all 0.2s;}
.main_info_wrap .location .location_wrap .box {padding:30px;}
.main_info_wrap .location .text  {line-height:20px;  font-size:15px; color:#444444; font-weight:bold;margin-top:5px;}
.main_info_wrap .location .add  {line-height:20px;  font-size:14px; color:#777777;margin-top:5px;}
.main_info_wrap .location .arrow  {font-size:18px; color:#333;margin-top:5px; transition: all 0.2s;}
.main_info_wrap .location:hover .location_wrap {background-color:#ddd; transition: all 0.3s;}
.main_info_wrap .location:hover .arrow{margin-left:10px; transition: all 0.3s;}




	@media all and (max-width:1024px) {

/*메인비주얼*/
	.main_visual {width:auto;  min-width:auto;}
	.main_visual ul {height:auto;}
	.main_visual ul li {height:auto;}
	.main_visual ul li img {width:100%;}


	.main_visual_quick_wrap {margin-top:0px;}
	.main_visual_quick_wrap .col{padding:30px 0px;}
	.main_visual_quick_wrap .col img {margin-bottom:20px;}
	.main_visual_quick_wrap .col dt{font-size:15px; }
	.main_visual_quick_wrap .col dd{font-size:12px;padding:0 10px;}




	
	/*하단정보*/
	.main_info_wrap { margin-top:10px; border-top:1px #ddd solid;}
	.main_info_wrap .col {float:none; height:auto; padding:30px;  border-bottom:1px #ddd solid !important; margin-bottom:0px;}
	.main_info_wrap .col h3{font-size:20px; }

	.main_info_wrap .about {width:auto; border-right:0px;}
	.main_info_wrap .about a {position:relative; margin-top:30px; displaY:inline-block;}


	.main_info_wrap .contact {width:auto; margin-left:0px;}

	.main_info_wrap .contact .btns {position:relative; margin-top:20px; }


	.main_info_wrap .location {width:auto;float:none;}



	}