@charset "utf-8";


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


/*메인비주얼*/
.main_visual {text-align:center; position:relative; width:100%; min-width:1200px; overflow:hidden; padding:40px 0px; background:#f2f2f2; }
.main_visual .default_layout{border:1px #ddd solid; overflow:hidden; border-radius:10px; position:relative; z-index:5;}
.main_visual ul { width:100%; z-index:0;}
.main_visual li{background-repeat:no-repeat;}
.main_visual li img {vertical-align:middle; max-width:100%;}

.main_visual .main_visual_text {; width:100%;  top:0px;  color:#fff;  }




.main_visual .main_pager {position:absolute; width:100%;  bottom:80px; text-align:center;   z-index:9 !important;}
.main_visual .main_pager span {display:inline-block; margin:0 2px; width:12px; height:12px; background:#999; border-radius:12px;}
.main_visual .main_pager .cycle-pager-active{background:#0da9e2;}


.main_visual .control {position:absolute; top:260px; width:100%; text-align:center; z-index:4; text-indent:-9999px;;}
.main_visual .control a {float:left; width:46px; height:80px; 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_quick_wrap { padding-bottom:40px; background:#f2f2f2; }
.main_quick_wrap ul {display:table; width:100%; table-layout:fixed; border-bottom:1px #ddd solid; border-top:1px #ddd solid;}
.main_quick_wrap ul li{display:table-cell; vertical-align:middle; border-right:1px #ddd solid; text-align:center; padding:20px 0px; font-size:16px; background:#fff;}
.main_quick_wrap ul li.first{border-left:1px #ddd solid;}
.main_quick_wrap ul li .icon{height:68px; }
.main_quick_wrap ul li .icon img {vertical-align:middle; transition:transform 700ms }
.main_quick_wrap ul li .text {color:#000;}
.main_quick_wrap ul li:hover .icon img {transform:rotateY(360deg); transition:transform 700ms;}


/*공지박스*/
.notice_wrap_box {background:#f8f8f8; padding:50px 0px; }
.notice_wrap_box .default_layout {overflow:hidden;}
.notice_wrap_box .default_layout h3.title{font-size:25px; color:#000; margin-bottom:25px;}
.notice_wrap_box .default_layout h3.title a{color:#000}
.notice_wrap_box .main_notice{float:left; width:895px; }
.notice_wrap_box .main_notice ul li{float:left; width:285px; background:#fff; border-top:3px #0da9e2 solid; margin-right:20px; }
.notice_wrap_box .main_notice ul li:last-child{margin-right:0px;}
.notice_wrap_box .main_notice ul li .box {padding:20px;}
.notice_wrap_box .main_notice ul li .box .text .t1{font-size:20px; color:#000; line-height:20px; height:40px;}
.notice_wrap_box .main_notice ul li .box .text .date {font-size:13px; color:#777;  text-align:right; margin:6px 0px;}
.notice_wrap_box .main_notice ul li .box .text .t2 {font-size:16px;  line-height:20px; height:60px; }
.notice_wrap_box .main_notice ul li .box .text .more {font-size:13px; color:#777;  text-align:right; margin-top:6px; color:#0da9e2;}
.notice_wrap_box .main_notice ul li .box .text .more a{color:#0da9e2;}
.notice_wrap_box .main_notice ul li:hover {background:#0da9e2;}
.notice_wrap_box .main_notice ul li:hover .text .t1,
.notice_wrap_box .main_notice ul li:hover .text .date,
.notice_wrap_box .main_notice ul li:hover .text .t2,
.notice_wrap_box .main_notice ul li:hover .text .more a{color:#fff;}

.notice_wrap_box .main_notice ul li.nodata .box  {background:url(../plugin2/attach/logo_1605786803.png) center 70px no-repeat; background-size:60px;}
.notice_wrap_box .main_notice ul li.nodata .box .text {line-height:128px; padding-top:40px; text-align:center; color:#999}


.notice_wrap_box .main_youtube{float:right; width:285px; height:261px;  position:relative;}
.notice_wrap_box .main_youtube ul li {height:211px !important;; }
.notice_wrap_box .main_youtube ul li.nodata { text-align:center; color:#999; line-height:213px; background:#fff;}
.notice_wrap_box .main_youtube ul li a{display:block;}
.notice_wrap_box .main_youtube ul li img {vertical-align:middle; width:100%;}
.notice_wrap_box .main_youtube ul li .subject {position:absolute; width:100%; left:0px;  bottom:0px; padding:15px 0px; background:rgba(0,0,0,0.3); color:#fff; text-align:center; font-size:16px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }

.notice_wrap_box .main_youtube .btns {position:absolute; right:0px; top:5px; font-size:0px;}
.notice_wrap_box .main_youtube .btns a {display:inline-block; height:22px; background-image:url(../images/main/main_tube_btns.jpg); background-repeat:no-repeat; text-indent:-999px;}
.notice_wrap_box .main_youtube .btns a#main_tube_prev {width:22px; background-position:left top; }
.notice_wrap_box .main_youtube .btns a#main_tube_next {width:21px; background-position:right top; }


/*갤러리*/

.main_gallery {padding:50px 0px;}
.main_gallery h3 {text-align:center; font-size:30px; color:#212121;}
.main_gallery h3 a{color:#212121;}
.main_gallery ul {overflow:hidden; margin-top:30px;}
.main_gallery ul li {float:left; width:285px; margin-right:20px;}
.main_gallery ul li:last-child{margin-right:0px;}
.main_gallery ul li .box {padding:20px;}
.main_gallery ul li .photo {overflow:hidden; width:100%; height:196px;}
.main_gallery ul li .photo img {vertical-align:middle;-moz-transition: all 0.3s;  -webkit-transition: all 0.3s;  transition: all 0.3s;}
.main_gallery ul li:hover .photo img {-moz-transform: scale(1.07); -webkit-transform: scale(1.07); transform: scale(1.07);}
.main_gallery ul li .box .t1 {font-size:20px; font-weight:bold; color:#050505; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.main_gallery ul li .box .t2 {font-size:15px; color:#545454; line-height:18px; height:36px; margin-top:20px;}
.main_gallery ul li .box .more {text-align:right; margin-top:10px;}
.main_gallery ul li .box .more a{displaY:inline-block; color:#fff; background:#0da9e2; text-align:center; padding:0 10px; line-height:30px; font-size:12px;}
.main_gallery ul li:hover .box .more a{background:#c64b4b}


.main_gallery ul li.nodata .photo {background:#f8f8f8 url(../plugin2/attach/logo_1605786803.png) center 50% no-repeat; background-size:60px;}
.main_gallery ul li.nodata .t1 {text-align:center; }




.main_fast {overflow:hidden;}
.main_fast li {float:left; width:50%; background:#444;}
.main_fast li.last { background:#c64b4b;}
.main_fast li .box {position:relative; padding:40px 40px 40px 140px; color:#fff;}
.main_fast li .box .icon{position:absolute;left:40px; top:60px;}
.main_fast li .box dl dt{ font-size:20px;}
.main_fast li .box dl dd{ font-size:16px; color:rgba(255,255,255,0.6)}
.main_fast li .box a {display:block; margin-top:20px; color:#fff; background:url(../images/main/main_fast_more.png) left bottom no-repeat;}




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

	#container {padding-top:70px;}



	.main_visual {min-width:auto;width:auto;  overflow:hidden; margin:20px 10px; -webkit-box-sizing: border-box;    -moz-box-sizing: border-box;    box-sizing: border-box; background:#fff;}
	.main_visual .default_layout {width:auto; }
	.main_visual .control {display:none;}



	



	/*메인퀵*/

	.main_quick_wrap  {margin-bottom:0px; margin:0 10px; padding-bottom:20px;  background:#fff;}
	.main_quick_wrap ul {display:block; overflow:hidden; border-bottom:0px #ddd solid; border-left:1px #ddd solid; }
	.main_quick_wrap ul li{float:left; width:33.333333333%; border-left:0px #ddd solid; border-bottom:1px #ddd solid;  font-size:13px; -webkit-box-sizing: border-box;    -moz-box-sizing: border-box;  box-sizing: border-box;}
	.main_quick_wrap ul li.first{ border-left:0px #ddd solid;}



	/*공지박스*/
	.notice_wrap_box { padding:50px 10px; }
	.notice_wrap_box .main_notice{float:none; width:auto; }
	.notice_wrap_box .main_notice ul li{float:none; width:auto;margin-right:0px; margin-bottom:10px; }



	.notice_wrap_box .main_youtube{float:none; width:auto; height:auto;  position:relative; margin-top:20px;}
	.notice_wrap_box .main_youtube ul li {width:100% !important;}

	

	/*갤러리*/
	.main_gallery {padding:50px 10px;}

	.main_gallery ul li {float:none; width:auto; margin-right:0px;}
	.main_gallery ul li:last-child{margin-right:0px;}
	.main_gallery ul li .box {padding:20px;}
	.main_gallery ul li .photo img {width:100%;}
	.main_gallery ul li .box .more { margin-top:0px;}


	.main_fast li {float:none; width:auto;}
	


}