@charset "utf-8";


/*메인비주얼*/
.main_visual {text-align:center; position:relative; width:100%; height:980px; min-width:1100px; overflow:hidden;  z-index:1; }
.main_visual ul { width:100%; left:0px;top:0px; position:absolute; z-index:0; }
.main_visual li{background-repeat:no-repeat; background-position:center top; width:100%; height:980px; }
.main_visual li a{display:block;}


.main_visual .bg{width:100%; height:100%; position:absolute; left:0px; top:0px; z-index:0; background:rgba(0,0,0,0.2);}
.main_visual .main_visual_text {position:absolute; width:100%;  height:980px;  color:#fff; z-index:1;  text-align:center;}
.main_visual .main_visual_text .t1{font-size:38px; /*margin-top:350px;*/ line-height:60px; position:relative;color:#fff;}
.main_visual .main_visual_text .t2{font-size:50px; padding:450px 0px 0px;; font-weight:bold;}
.main_visual .main_visual_text .t3{font-size:16px; padding-top:20px; line-height:22px;}

.main_visual .main_pager {position:absolute; width:100%; left:0px; bottom:200px; 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:#fff;}

.main_visual .control {position:absolute; top:430px; width:100%; text-align:center; z-index:4; text-indent:-9999px;;  display:none;}
.main_visual .control a {float:left; width:51px; height:99px; background:url(../images/main/visual_btn.png) left top no-repeat; margin-left:40px}
.main_visual .control a#visual_next {float:right;background-position:right top; margin:0 40px 0 0;}


.main_visual .quick_box {position:absolute; left:0px; bottom:0px;width:100%;background:rgba(0,0,0,0.3);z-index:6;}
.main_visual .quick_box_col {display:table; width:100%; table-layout:fixed;}
.main_visual .quick_box_col .quick_box_col_col {display:table-cell; vertical-align:middle;}

.main_visual .quick_box .title {padding:30px 0px; background:#383838;  color:#fff; text-align:center; width:280px; font-size:30px; font-weight:bold; }

.main_visual .quick_box .list {border-top:1px rgba(255,255,255,0.6) solid; border-right:1px rgba(255,255,255,0.6) solid; color:#fff; font-weight:bold; font-size:16px;  }
.main_visual .quick_box .list a{color:#fff;  }
.main_visual .quick_box .quick_box_col_col.list:hover {background:rgba(226,75,9,0.6);}



/**/

.main_product {padding:150px 0px;  position:relative;}
.main_product h3{text-align:left; color:#000; font-size:55px; line-height:55px; letter-spacing:-1px;}
.main_product h3 span {color:#4e4e4e;  font-weight:normal; line-height:31px; display:inline-block; margin-left:10px; font-size:16px; }
.main_product ul { overflow:hidden; margin:35px auto; z-index:1; position:relative;}
.main_product ul li { width:446px; margin-right:30px; vertical-align:top;}
.main_product ul li .photo img {max-width:100%; vertical-align:top;}
.main_product ul li dl {margin-top:40px; text-align:center;}
.main_product ul li dl dt{font-size:22px; color:#000000; font-weight:bold; margin-bottom:10px;}
.main_product ul li dl dd{font-size:15px; color:#454545; white-space: normal; line-height:20px; }


.main_product .control {width:100%; position:absolute; left:0px; top:240px; z-index:0;}
.main_product .control a{float:left; margin:0px -120px; width:46px; height:80px; background:url(../images/main/main_product_btn.png) left top no-repeat; text-indent:-9999px;}
.main_product .control a#main_product_next{float:right; background-position:right top;}




.main_about_wrap { height:450px; background:#f2f2f2 url(../images/main/main_about_wrap_bg.jpg) right top no-repeat; ;}
.main_about_wrap .default_layout{ position:relative;}
.main_about_wrap .box { position:absolute; left:0px; width:500px; height:450px;  text-align:right;}
.main_about_wrap .box_wrap {display:table; width:100%; height:450px;  text-align:left;}
.main_about_wrap .box_wrap_box {display:table-cell;vertical-align:middle; color:#444444; padding:0px 40px}
.main_about_wrap .box_wrap_box h3 {padding:20px 0px 40px;}
.main_about_wrap .box_wrap_box h3 .t1 {color:#000; font-size:20px;}
.main_about_wrap .box_wrap_box h3 .t1 span{color:#e14b09;}
.main_about_wrap .box_wrap_box h3 .t2 {color:#3b3b3b; font-size:37px; line-height:40px; margin-top:10px;}


.main_about_wrap .box_wrap_box .info_text {margin-top:20px; color:#323232; font-size:15px; text-align: justify;}
.main_about_wrap .box_wrap_box .info_text span {display:block;}

.main_about_wrap .box_wrap_box a {display:inline-block;  margin-top:40px; background:#e24b09; color:#fff; line-height:55px; padding:0 25px; transition: all 0.2s; font-size:16px;}
.main_about_wrap .box_wrap_box a:hover {padding:0 40px; transition: all 0.3s;}




/*센터공지*/
.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; }
.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:#000; 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 .title .more  a{display:inline-block; border:1px #ddd solid; padding:0 20px; line-height:30px; font-size:11px;}



/*공지*/
/*
.center_box_wrap .center_box .col.first ul li {position:relative;}
.center_box_wrap .center_box .col.first ul li .t1 {font-size:16px; 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; left:0px; top:90px;}
.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.first .news {font-size:14px;}
.center_box_wrap .center_box .col.first .news ul li{ background:url(../images/main/main_notice_dot.jpg) 2px 10px no-repeat;}
.center_box_wrap .center_box .col.first .news ul li a{display:inline-block; width:60%; padding-left:20px; color:#000}
.center_box_wrap .center_box .col.first .news ul li a:hover{text-decoration:underline;}
.center_box_wrap .center_box .col.first .news ul li span {float:right; font-size:13px; color:#888;}

.center_box_wrap .center_box .col.webzine {padding-left:50px;width:430px; background:url(../images/main/main_webzine_bg.png) 60px 65px no-repeat;}
.center_box_wrap .center_box .col.webzine dl {margin-top:0px; margin-left:120px;}
.center_box_wrap .center_box .col.webzine dl dt{font-size:16px; color:#000; display:none;}
.center_box_wrap .center_box .col.webzine dl dd{margin-top:40px; font-size:15px;  color:#333; line-height:18px;}

.center_box_wrap .center_box .col.webzine .more {margin-top:20px; margin-left:120px;}
.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:40px; font-weight:bold; margin-top:10px; color:#000; letter-spacing:-1px;}

.center_box_wrap .center_box .col.cscenter .c_info {margin-top:15px;}
.center_box_wrap .center_box .col.cscenter .c_info_list {line-height:15px; margin-right:25px; font-size:14px; color:#333333; letter-spacing:-1px; line-height:20px;}
.center_box_wrap .center_box .col.cscenter .c_info_list.time {color:#888; }

.center_box_wrap .center_box .col.cscenter .c_info_list  span{display:inline-block; margin-right:3px;color:#000; font-size:12px;}





.center_box_wrap .center_box .col.cscenter .main_inquery {position:relative;}
.center_box_wrap .center_box .col.cscenter .main_inquery .title {display:block; margin-bottom:15px;}
.center_box_wrap .center_box .col.cscenter .main_inquery .title span{display:block;}

.center_box_wrap .center_box .col.cscenter .main_inquery .main_inquery_box { padding:0px;}
.center_box_wrap .center_box .col.cscenter .main_inquery .text_input {overflow:hidden; position:relative; overflow:hidden;}
.center_box_wrap .center_box .col.cscenter .main_inquery .text_input li {margin-bottom:5px; float:left; width:48%;}
.center_box_wrap .center_box .col.cscenter .main_inquery .text_input li.last {float:right;}
.center_box_wrap .center_box .col.cscenter .main_inquery .text_input li input[type="text"]{height:40px; line-height:40px; border:0px; background:#ededed;  padding:0 2.5%; vertical-align:middle; width:95%; }
.center_box_wrap .center_box .col.cscenter .main_inquery .text_input li select {height:40px; line-height:40px; background:#ddd; border:0px;  vertical-align:middle; width:100%;}
.center_box_wrap .center_box .col.cscenter .main_inquery .btns input {height:40px; line-height:40px;  background:#444; vertical-align:middle; width:100%; border:0px; color:#fff;}

.center_box_wrap .center_box .col.cscenter .main_inquery .text_input li input[type="submit"]{background:#555; color:#fff; border:0px; height:40px; line-height:40px;  font-weight:bold; font-size:13px;  width:100%; text-align:center; margin-top:5px;}
.center_box_wrap .center_box .col.cscenter .main_inquery .text_input li textarea {height:60px; line-height:20px; background:#fff; border:0px; padding:0 2%; vertical-align:middle; width:96%;}

.center_box_wrap .center_box .col.cscenter .main_inquery .etc {vertical-align:middle;font-size:12px; color:#666;}
.center_box_wrap .center_box .col.cscenter .main_inquery .hidden_text_agree {position:absolute; top:40px; left:0%; padding:10px;width:300px; height:150px; overflow:hidden; overflow-y:auto; display:none; color:#fff; border:1px #222 solid; background:#666; z-index:111; font-family: 'Noto Sans KR' ,sans-serif;; font-size:11px; }




.main_product_help { margin-top:100px;}
.main_product_help .col_box {display:table; width:100%;; table-layout:fixed;}
.main_product_help .col_box .col {display:table-cell; vertical-align:TOP; background:#f8f8f8;}



.main_product_help .col_box .col .utube_box{position:relative;padding-bottom:56.25%;height:0;overflow:hidden; }
.main_product_help .col_box .col .utube_box iframe, 
.main_product_help .col_box .col .utube_box object, 
.main_product_help .col_box .col .utube_box embed{position:absolute;top:0;left:0;width:100%;height:100%;}
.main_product_help .col_box .col.info {padding:0px 40px; font-size:16px; color:#000; vertical-align:middle;}
.main_product_help .col_box .col.info dl dt  {font-size:20px; font-weight:bold; margin-bottom:25px; color:#000;}
.main_product_help .col_box .col.info dl dd  {font-size:16px; color:#777}
.main_product_help .col_box .col.info .btn a {display:inline-block;  margin-top:40px; background:#e24b09; color:#fff; line-height:55px; padding:0 35px; transition: all 0.2s; font-size:16px;}
.main_product_help .col_box .col.info .btn a.etc {background:#444; color:#fff; }






.main_list_box {margin-top:100px;}
.main_list_box .main_list_box_col_box {overflow:hidden;}
.main_list_box .main_list_box_col_box .col {float:left; width:49%;}
.main_list_box .main_list_box_col_box .col.last {float:right;}


.main_list_box .main_list_box_col_box .col .main_gallery {overflow:hidden; background:#444444; padding:25px;}
.main_list_box .main_list_box_col_box .col.center .main_gallery {background:#444;}
.main_list_box .main_list_box_col_box .col .main_gallery .main_common_title {color:#fff;font-size:17px; border-bottom:1px rgba(255,255,255,0.3) solid; padding-bottom:20px;}
.main_list_box .main_list_box_col_box .col .main_gallery .main_common_title a{color:#fff;}

.main_list_box .main_list_box_col_box .col .main_gallery ul {margin-top:20px;}
.main_list_box .main_list_box_col_box .col .main_gallery li {position:relative;  overflow:hidden; margin:18px 0px; padding-bottom:18px; border-bottom:1px rgba(255,255,255,0.3) solid;}
.main_list_box .main_list_box_col_box .col .main_gallery li:nth-child(2n){border-bottom:0px; padding-bottom:0px; margin:0px;}
.main_list_box .main_list_box_col_box .col .main_gallery li .photo {float:left;}
.main_list_box .main_list_box_col_box .col .main_gallery li .photo img  {vertical-align:middle;}
.main_list_box .main_list_box_col_box .col .main_gallery li .text_box  {margin-left:160px;  color:#fff;}
.main_list_box .main_list_box_col_box .col .main_gallery li .text_box  .t1 {color:#fff; font-size:15px;}
.main_list_box .main_list_box_col_box .col .main_gallery li .text_box  .t2 {color:#fff;}










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

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

		
		.main_visual .main_visual_text {position:absolute; width:100%;  height:350px;  }
		.main_visual .main_visual_text .t2{font-size:20px; padding:20px 0px;; margin-top:180px; }


		.main_visual .main_pager { bottom:20px;}




		.main_visual .control {display:none;}

		.main_visual .quick_box {position:absolute; left:0px; bottom:0px;width:100%;background:rgba(0,0,0,0.3);z-index:6; display:none;}
		.main_visual .quick_box_col {display:block; width:auto; overflow:hidden;}
		.main_visual .quick_box_col .quick_box_col_col {display:block; float:left; vertical-align:middle; width:50%; -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box; min-height:60px;}

		.main_visual .quick_box .title {padding:30px 0px; background:#383838;  color:#fff; text-align:center; width:100%; font-size:20px; font-weight:bold; }

		.main_visual .quick_box .list {font-weight:normal;; font-size:11px;  }
		.main_visual .quick_box .list a{color:#fff; padding:0 10px; }
		.main_visual .quick_box .quick_box_col_col.list:hover {background:rgba(226,75,9,0.6);}


		


		.main_product {padding:50px 10px;  position:relative; overflow:hidden;}
		.main_product h3{font-size:30px; line-height:30px; letter-spacing:0px;}
		.main_product h3 span {line-height:20px; display:block; margin-left:0px; font-size:13px; margin-top:10px; }
		.main_product ul { overflow:hidden; margin:35px auto; z-index:1; position:relative;}
		.main_product ul li { width:250px; margin-right:20px; vertical-align:top;}
		.main_product ul li dl {margin-top:20px;}
		.main_product ul li dl dt{font-size:14px; margin-bottom:5px; white-space: normal; overflow:hidden;}
		.main_product ul li dl dd{font-size:12px; white-space: normal; padding-right:20px; line-height:18px; }


		.main_product .control {position:relative;  left:0px; top:0px;  text-align:center; overflow:hidden; }
		.main_product .control a{float:none !important;  margin:0px;display:inline-block; width:auto; background:none; height:auto;text-indent:0px; font-size:12px; line-height:40px; border:1px #ddd solid; padding:0 20px; background:#f2f2f2;}






			.main_about_wrap { height:auto; padding:20px 0px 40px;; background:#f2f2f2 !important; ;}
			.main_about_wrap .default_layout{ position:relative;}
			.main_about_wrap .box { position:relative; left:0px; width:auto;; height:auto;  text-align:right;}
			.main_about_wrap .box_wrap {display:block; width:auto; height:auto;  text-align:left;}
			.main_about_wrap .box_wrap_box {display:block; padding:0px 20px}
			.main_about_wrap .box_wrap_box h3 {padding:20px 0px 0px;   }
			.main_about_wrap .box_wrap_box h3 .t1 { font-size:20px;}
			.main_about_wrap .box_wrap_box h3 .t2 {font-size:30px; margin-top:0px;}
			.main_about_wrap .box_wrap_box .info_text {margin-top:20px; line-height:18px; font-size:13px;}
			.main_about_wrap .box_wrap_box a {margin-top:20px; line-height:45px; padding:0 25px;font-size:13px;}




			/*센터공지*/
			.center_box_wrap {padding:20px 10px 0px;}
			.center_box_wrap .center_box {display:block; width:auto;}
			.center_box_wrap .center_box .col{display:block;  border:1px #ddd solid !important;  padding:30px !important; margin-bottom:10px;; }
			.center_box_wrap .center_box .col.first{padding-left:0px; width:auto;}
			.center_box_wrap .center_box .col.last{border-right:0px;padding-right:0px;}

			.center_box_wrap .center_box .col .title {font-size:20px; ;}



			/*공지*/
			.center_box_wrap .center_box .col.first ul li {position:relative;}
			.center_box_wrap .center_box .col.first ul li .t1 {font-size:16px; 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 {left:auto; right:-31px; top:-86px;}

			.center_box_wrap .center_box .col.webzine {padding-left:0px;width:auto;; background:url(../images/main/main_webzine_bg.png) 30px 70% no-repeat;}
			.center_box_wrap .center_box .col.webzine .more {left:auto; right:-1px; top:-1px;}




			.center_box_wrap .center_box .col.cscenter .c_info {margin-top:15px;}
			.center_box_wrap .center_box .col.cscenter .c_info_list {line-height:15px; margin-right:25px; font-size:14px; color:#333333; letter-spacing:-1px; line-height:20px;}
			.center_box_wrap .center_box .col.cscenter .c_info_list.time {color:#888; }
			.center_box_wrap .center_box .col.cscenter .call {color:#e24b09; font-size:40px; margin-bottom:10px;}






			.main_list_box {margin-top:20px; margin:20px 10px 0px;}
			.main_list_box .main_list_box_col_box {overflow:hidden;}
			.main_list_box .main_list_box_col_box .col {float:none; width:auto; margin:0px !important}
			.main_list_box .main_list_box_col_box .col.center {margin:0px;}



			.main_product_help { margin:10px; padding:0px;}
			.main_product_help .col_box {display:block; width:auto;; table-layout:fixed;}
			.main_product_help .col_box .col {display:block; }



			.main_product_help .col_box .col.info {padding:30px 20px;}
			.main_product_help .col_box .col.info dl dt  {font-size:18px; margin-bottom:15px;}
			.main_product_help .col_box .col.info dl dd  {font-size:14px; line-height:18px;}









}