@charset "utf-8";



#container {position:relative; z-index:0; }


/*메인비주얼*/
.main_visual {text-align:center; position:relative; width:100%; height:850px; min-width:1700px; overflow:hidden; z-index:1;}
.main_visual ul {height:850px; position:relative; z-index:1;}
.main_visual li {background-repeat:no-repeat; background-position:center top; width:100%; height:850px; background-size:cover}


.main_visual .main_visual_text {position:absolute; width:100%; height:850px; 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:270px; color:#fff; text-align:center; }
.main_visual .main_visual_text .t1 {font-size:25px; }
.main_visual .main_visual_text .t2 {display:block;font-size:60px;  padding:27px 0px 37px; }
.main_visual .main_visual_text .t3 {font-size:18px; }

.main_visual .pager_box {position:absolute; width:100%;  bottom:160px; text-align:center;   z-index:99999999 !important;}
.main_visual .main_pager {text-align:center; font-size:14px; color:#fff; font-weight:bold; margin-left:10px;}
.main_visual .main_pager span{display:inline-block;  margin-right:10px;}
.main_visual .main_pager a{display:block; color:#fff; padding-right:20px;  margin-right:5px;}
.main_visual .main_pager .cycle-pager-active{border-bottom:3px #fff solid;}

.main_visual .main_visual_btn {position:absolute; width:100%; left:0px; top:42%; z-index:999999; }
.main_visual .main_visual_btn a{float:left;  margin:0 100px; width:51px; height:99px; background:url(../images/main/main_visual_btn.png) left top no-repeat; text-indent:-9999px;}
.main_visual .main_visual_btn a#main_btn_next{background-position:right top; float:right;}





/*공지*/
.main_gallery { padding-top:60px; }
.main_gallery h3 {text-align:left; font-size:55px; color:#f7323f; line-height:55px; }
.main_gallery h3 span {display:block; font-size:18px; color:#777; font-weight:normal;}


.main_gallery ul{margin-top:20px;}
.main_gallery ul li{width:290px;; margin-right:20px; overflow:hidden;}
.main_gallery ul li img {vertical-align:top; width:100%;}
.main_gallery ul li .text_box {background:#fff; padding:10px 0px;}
.main_gallery ul li .t1 {font-size:16px;color:#000000; margin:10px 0px; font-weight:bold;;}
.main_gallery ul li:hover .t1 {color:#f3700a;}
.main_gallery ul li .t2 {font-size:13px; color:#2d2d2d; line-height:16px;     white-space: normal;}
.main_gallery ul li:hover .t2 {color:#000; text-decoration:underline;}
.main_gallery ul li .date {font-size:12px; color:#929292; margin-top:5px;}


.main_gallery .btns{position:absolute; top:270px; width:100%;   z-index:0; }
.main_gallery .btns a{width:16px; height:32px; background:url(../images/main/main_gallery_btn.png) left 50% no-repeat; text-indent:-9999px; float:left; text-align:center; margin-left:-60px; }
.main_gallery .btns a#gallery_next {background-position:right 50%;  float:right;  margin-right:-60px;}



/*중간배경*/
.main_wide_view_wrap {padding:200px 0px; margin-top:60px; text-align:center;  overflow:hidden; background:url(../images/main/main_wide_view_wrap_bg.jpg) center top no-repeat;  background-attachment:fixed; position:relative;}
.main_wide_view_wrap h3 {font-size:30px; color:#fff; line-height:30px; font-weight:normal;}
.main_wide_view_wrap h3 span{display:block; font-size:16px; color:rgba(255,255,255,0.6);  line-height:23px; padding-top:20px;}








.main_programs {padding:90px 0px 30px;}

.main_programs h3 {text-align:left; font-size:55px; color:#f7323f; line-height:55px; }
.main_programs h3 strong {color:#000; font-weight:normal;}
.main_programs h3 span {display:block; font-size:18px; color:#777; font-weight:normal;}

.main_programs  ul {margin-top:60px;}
.main_programs li {margin-bottom:160px; padding-left:500px; position:relative; }
.main_programs li .photo_bg {position:absolute; left:-20px; top:20px; width:400px; height:200px; background:#f7323f;  z-index:0;}
.main_programs li .photo {width:400px; height:200px; position:absolute; left:0px; top:0px; background-repeat:no-repeat; background-position:center top; background-size:100%;  z-index:1;}
.main_programs li .subject {font-size:40px; line-height:40px; color:#000; margin-top:40px;}

.main_programs li .info_box  {margin-top:30px;}
.main_programs li .info_box .col  {display:inline-block; margin-right:30px; color:#888}
.main_programs li .info_box .col span {color:#000;display::inline-block; margin-right:4px;}
.main_programs li .detail_btn  {margin-top:10px;}
.main_programs li .detail_btn  a{display:inline-block; color:#f7323f; font-size:14px; ; line-height:50px; }







/*소개*/
.main_wide_about_wrap {height:350px; text-align:center;  overflow:hidden; position:relative; background:url(../images/main/main_wide_about_wrap_bg.jpg) center top no-repeat;  background-attachment:fixed;}
.main_wide_about_wrap .default_layout{height:350px; overflow:hidden; position:relative; z-index:1;}
.main_wide_about_wrap .default_layout .text_box {margin-left:700px; padding-top:100px; text-align:left; }

.main_wide_about_wrap .default_layout .text_box dl dt {font-size:40px;  color:#fff;}
.main_wide_about_wrap .default_layout .text_box dl dd {font-size:14px; color:rgba(255,255,255,0.8); line-height:20px;margin-top:20px;}
.main_wide_about_wrap .default_layout .text_box a {display:inline-block;  margin-top:40px; border:1px #fff solid;; color:#fff; line-height:40px; padding:0 30px; transition: all 0.2s;}
.main_wide_about_wrap .default_layout .text_box a:hover {padding:0 40px; transition: all 0.3s;}

.main_wide_about_wrap .right_wrap{position:absolute; top:0px; right:0px; width:50%; height:350px;  background:#f7323f;  z-index:0;}





@media all and (max-width:1024px) {



	.main_visual { width:100%; height:300px; min-width:auto; padding-top:70px}
	.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;  }
	.main_visual .main_visual_text .text {position:relative; z-index:1;  padding-top:70px; color:#fff; text-align:center; }
	.main_visual .main_visual_text .t1{font-size:12px; margin-top:0px; line-height:16px; }
	.main_visual .main_visual_text .t2 {font-size:22px;  padding:10px 0px; }
	.main_visual .main_visual_text .t3 {font-size:13px; line-height:16px; padding:0px 10px;}

	.main_visual .pager_box {bottom:30px;}



		
	/*공지*/
	.main_gallery { padding-top:60px; margin:0 10px; overflow:hidden}
	.main_gallery h3 {font-size:40px; line-height:40px; }
	.main_gallery h3 span {font-size:16px; line-height:16px; padding-top:5px;}


	.main_gallery ul{margin-top:20px;}
	.main_gallery ul li{ overflow:hidden;}


	.main_gallery .btns{display:none;}
	.main_gallery .btns a{width:16px; height:32px; background:url(../images/main/main_gallery_btn.png) left 50% no-repeat; text-indent:-9999px; float:left; text-align:center; margin-left:-60px; }
	.main_gallery .btns a#gallery_next {background-position:right 50%;  float:right;  margin-right:-60px;}



	/*중간배경*/
	.main_wide_view_wrap {padding:80px 0px; }





	.main_programs {padding:80px 0px 30px; margin:0 10px;}

	.main_programs h3 {font-size:40px; line-height:40px; }
	.main_programs h3 span {font-size:16px; line-height:16px; padding-top:5px;}

	.main_programs  ul {margin-top:60px; overflow:hidden;}
	.main_programs li {margin-bottom:60px; padding-left:0px; position:relative; }
	.main_programs li .photo_bg {position:absolute; left:0px; top:10px; width:100%; height:200px; }
	.main_programs li .photo {width:100%; height:200px; position:relative; left:0px; top:0px; }
	.main_programs li .subject {font-size:30px; line-height:30px;; margin-top:20px;}

	.main_programs li .info_box  {margin-top:10px;}
	.main_programs li .detail_btn  {margin-top:0px;}







	/*소개*/
	.main_wide_about_wrap {height:auto; }
	.main_wide_about_wrap .default_layout{height:auto; }
	.main_wide_about_wrap .default_layout .text_box {margin:30px;   background:#f7323f; padding:30px;}
	.main_wide_about_wrap .default_layout .text_box dl dt {font-size:30px;}
	.main_wide_about_wrap .default_layout .text_box dl dd {font-size:14px;}
	.main_wide_about_wrap .right_wrap{display:none;}


	








}

