@charset "utf-8";


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


/*메인비주얼*/
.main_visual {text-align:center; position:relative; width:100%; height:550px; min-width:1400px; overflow:hidden; z-index:1;}
.main_visual ul {height:550px; position:relative; z-index:1;}
.main_visual li{background-repeat:no-repeat; background-position:center top; width:100%; height:550px; background-size:cover}




.main_visual .main_visual_text {position:absolute; width:100%; height:550px; top:0px;  color:#fff; z-index:2;   }
.main_visual .main_visual_text .bg {position:absolute; left:0px; top:0px; width:100%; height:100%; background:rgba(0,0,0,0.4); z-index:0;}
.main_visual .main_visual_text .text {position:relative; z-index:1;  padding-top:150px; color:#fff; text-align:left; }
.main_visual .main_visual_text .t1 {font-size:30px; }
.main_visual .main_visual_text .t2 {display:block;font-size:55px;  padding:23px 0px 30px; letter-spacing:-2px; }
.main_visual .main_visual_text .t3 {font-size:20px; }





.main_visual .main_pager {position:absolute; width:100%;  bottom:40px; text-align:center;  z-index:99999999 !important;}
.main_visual .main_pager span{display:inline-block; vertical-align:top; text-indent:-9999px; cursor:pointer; width:18px; height:18px; margin:0 6px; border-radius:18px; background:rgba(255,255,255,0.6); }
.main_visual .main_pager .cycle-pager-active{background:#fff;}







/*센터공지*/
.center_box_wrap {padding:50px 0px 0px;}
.center_box_wrap .center_box {display:table; width:100%; table-layout:fixed;}
.center_box_wrap .center_box .col{display:table-cell; position:relative; vertical-align:top; padding:0 40px; border-right:1px #ededed solid;}
.center_box_wrap .center_box .col.first{padding-left:10px; width:380px;}
.center_box_wrap .center_box .col.last{border-right:0px;padding-right:0px;}

.center_box_wrap .center_box .col .title {font-size:20px; color:#0b338b; overflow:hidden; margin-bottom:30px;}
.center_box_wrap .center_box .col .title .more {float:right; font-size:13px; color:#888; font-weight:normal;}




/*공지*/
.center_box_wrap .center_box .col.first ul li {position:relative;}
.center_box_wrap .center_box .col.first ul li .t1 {font-size:18px; color:#000;}
.center_box_wrap .center_box .col.first ul li .t1 a{color:#000;}
.center_box_wrap .center_box .col.first ul li .t2 {font-size:14px; margin-top:10px; color:#999; line-height:18px;}
.center_box_wrap .center_box .col.first ul li .t2 a{color:#999;}

.center_box_wrap .center_box .col.first ul li .more {position:absolute; right:30px; top:-60px;}
.center_box_wrap .center_box .col.first ul li .more a{display:inline-block; border:1px #ddd solid; padding:0 20px; line-height:30px; font-size:11px;}


.center_box_wrap .center_box .col.webzine {padding-left:50px;width:530px; background:url(../images/main/main_webzine_bg.jpg) 60px 80% no-repeat;}
.center_box_wrap .center_box .col.webzine dl {margin-top:0px; margin-left:200px;}
.center_box_wrap .center_box .col.webzine dl dt{font-size:18px; color:#000;}
.center_box_wrap .center_box .col.webzine dl dd{margin-top:60px; font-size:14px; margin-top:10px; color:#999; line-height:18px;}

.center_box_wrap .center_box .col.webzine .more {position:absolute; right:30px; top:0px;}
.center_box_wrap .center_box .col.webzine .more a{display:inline-block; border:1px #ddd solid; padding:0 20px; line-height:30px; font-size:11px;}





.center_box_wrap .center_box .col.cscenter .title span {display:block; font-size:13px; color:#888; font-weight:normal;}
.center_box_wrap .center_box .col.cscenter .call {font-size:30px; font-weight:bold; margin-top:10px; color:#000; letter-spacing:-1px;}
.center_box_wrap .center_box .col.cscenter .call span {display:inline-block; margin-right:6px;color:#fff; font-size:15px; padding:0 10px; background:#8f9db9; vertical-align:top; font-weight:normal;}

.center_box_wrap .center_box .col.last .title { margin-bottom:20px;}


.center_box_wrap .center_box .col.cscenter .c_info {margin-top:10px;}
.center_box_wrap .center_box .col.cscenter .c_info_list {display:inline-block; line-height:15px; margin-right:25px; font-size:20px; color:#333333; letter-spacing:-1px; line-height:20px;}
.center_box_wrap .center_box .col.cscenter .c_info_list.c_info_list_last {margin-right:0px;}

.center_box_wrap .center_box .col.cscenter .c_info_list  span{display:inline-block; margin-right:6px;color:#fff; font-size:15px; padding:0 10px; background:#8f9db9;  }



.main_product {text-align:center; font-size:0px; margin-top:40px; display:none;}
.main_product li{display:inline-block;  width:330px; margin:0 10px; height:280px; background-repeat:no-repeat; background-position:no-repeat; background-size:cover; position:relative;}
.main_product li .text{background:rgba(0,0,0,0.4); position:absolute; left:0px; top:0px; width:100%; height:100%; line-height:280px;  font-size:23px; text-align:center;}
.main_product li:hover .text{background:rgba(8,49,137,0.6);}
.main_product li a{color:#fff; }

.main_product li.m1 {background-image:url(../images/main/main_product01.jpg);}
.main_product li.m2 {background-image:url(../images/main/main_product02.jpg);}
.main_product li.m3 {background-image:url(../images/main/main_product03.jpg);}
.main_product li.m4 {background-image:url(../images/main/main_product04.jpg);}




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




	.main_visual { width:100%; height:300px; min-width:auto; padding-top:100px;}
	.main_visual ul {height:300px; }
	.main_visual li { width:100%; height:300px; background-size:cover;}



	

		
	.main_visual .main_visual_text {position:absolute; width:100%; height:300px; top:0px;   }
	.main_visual .main_visual_text .bg {position:absolute; left:0px; top:0px; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:0;}
	.main_visual .main_visual_text .text {position:relative; z-index:1; padding-left:30px;  padding-top:80px; color:#fff; text-align:center; }
	.main_visual .main_visual_text .t1 {font-size:18px; }
	.main_visual .main_visual_text .t2 {display:block;font-size:25px;  padding:13px 0px 20px; letter-spacing:-2px; }
	.main_visual .main_visual_text .t3 {font-size:16px; }







	/*센터공지*/
	.center_box_wrap {padding:0px 0px;}
	.center_box_wrap .center_box {display:block}
	.center_box_wrap .center_box .col{display:block; width:auto !important; padding:30px !important;  }
	.center_box_wrap .center_box .col.first{padding-left:0px; width:auto;}


	.center_box_wrap .center_box .col.first ul li .more {position:relative; left:0px; top:0px; margin-top:20px;}



	.center_box_wrap .center_box .col.webzine {padding-left:0px; border-top:1px #ddd solid; width:auto; margin-top:0px;   background: url(../images/main/main_webzine_bg.jpg) 20px 80px no-repeat;}
	.center_box_wrap .center_box .col.webzine .more {position:relative; left:0px; top:0px; margin-top:30px;}
	.center_box_wrap .center_box .col.webzine dl {margin-left:150px;}

	.center_box_wrap .center_box .col.cscenter {border-top:1px #ddd solid;}
	


	.main_product {margin-top:0px; overflow:hidden;}
	.main_product li{float:left; width:50%; margin:0px; margin-bottom:0px; height:auto; padding-top:30%;}
	.main_product li .text{background:rgba(0,0,0,0.6); position:absolute; left:0px; top:0px; width:100%; height:100%; line-height:90px;  font-size:16px; text-align:center;}
	.main_product li:hover .text{background:rgba(8,49,137,0.6);}









}