@charset "utf-8";



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


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

.main_visual .visual_text {text-align:center; position:absolute; left:0px; top:200px; 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 .main_visual_text {text-align:center; position:absolute; left:0px; top:0px; width:100%; height:100%; z-index:9999; }
.main_visual .main_visual_text .bg{position:absolute; top:0px; left:0px; width:100%;; height:100%;  background:rgba(0,0,0,0.5); z-index:0;}
.main_visual .main_visual_text .t0{color:#fff; font-size:60px; font-weight:bold; z-index:1; position:relative; padding-top:220px;}
.main_visual .main_visual_text .t1{color:rgba(255,255,255,0.9); font-size:18px; font-weight:normal; margin-top:40px;  z-index:1; position:relative;}
 



.main_visual .main_pager {display:block; text-align:center; position:absolute;left:0px; top:550px; width:100%;}
.main_visual .main_pager a{display:inline-block; cursor:pointer;  margin:0 3px; border:3px #ddd solid;  }
.main_visual .main_pager a img {vertical-align:middle; width:60px; height:45px; }
.main_visual .main_pager .cycle-pager-active{border-color:#ffa523;}
.main_visual .bg {position:absolute; left:0px; top:0px; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:0;}


.main_wrap {margin-top:40px; margin-bottom:40px; overflow:hidden;}
.main_wrap .col_list {float:left; width:250px;}
.main_wrap .col_list.bun,
.main_wrap .col_list.notice{margin-left:20px;background:#c8d5d8; height:260px;}

/*갤러리*/
.main_wrap .main_gallery_box {float:left; width:658px;  position:relative;  overflow:hidden; border:1px #ddd solid; border-right:0px; height:258px !important;}
.main_wrap .main_gallery_box ul {width:100% !important;}

.main_wrap .main_gallery_box li.list{position:relative; overflow:hidden;    width:328px; border-right:1px #ddd solid;  }

.main_wrap .main_gallery_box li.list .box {padding:30px; }
.main_wrap .main_gallery_box li.list .photo{text-align:Center; height:220px;}
.main_wrap .main_gallery_box li.list .photo img {vertical-align:middle; max-width:100%;;}
.main_wrap .main_gallery_box li.list .info_box {padding-left:0px; overflow:hidden; position:relative;  clear:both;}
.main_wrap .main_gallery_box li.list .info_box input[type="checkbox"]{vertical-align:middle;}


.main_wrap .main_gallery_box li.list .subject {text-align:Center;   }
.main_wrap .main_gallery_box li.list .subject .t1 {font-size:20px; line-height:22px; font-weight:bold; color:#000; margin-top:16px;  }
.main_wrap .main_gallery_box li.list .subject .t2 {margin-top:5px; font-size:14px; color:#777; white-space: normal;}


.main_wrap .main_gallery_box li .col_box {margin-top:15px; }
.main_wrap .main_gallery_box li .col_box .col_info  {margin-top:10px; font-size:15px; line-height:20px; color:#777; }



.main_videos {border-right:1px #ddd solid;}
.main_videos .videos_col_box {display:table; width:100%;}
.main_videos .videos_col_box .v_col  {display:table-cell; vertical-align:middle;  table-layout:fixed; padding:30px;}
.main_videos .videos_col_box .v_col.video  {width:50%; }
.main_videos .videos_col_box .v_col.video img  {vertical-align:middle; width:100%;}
.main_videos .videos_col_box .v_col.info {}
.main_videos .videos_col_box .v_col.info dl dt {font-size:22px; color:#178184;}
.main_videos .videos_col_box .v_col.info dl dd {font-size:15px; margin-top:10px; line-height:18px; color:#777)}
.main_videos .videos_col_box .v_col.info a {display:inline-block; margin-top:30px; background:#178184; color:#fff; padding:0 20px; line-height:40px;}


.main_wrap .main_gallery_box .main_gallery_btn {position:absolute; width:100%; left:0px; top:40%; z-index:99999999999999;}
.main_wrap .main_gallery_box .main_gallery_btn a{float:left; margin:0 10px; width:17.5px; height:32px; background:url(../images/main/main_gallery_arrow_new.png) left top no-repeat; text-indent:-9999px;}
.main_wrap .main_gallery_box .main_gallery_btn a#gallery_btn_next{background-position:right top; float:right;}

.main_wrap .col_list.bun{ height:260px; position:relative;}
.main_wrap .col_list.notice{background:#444;}




.main_wrap .col_list  h3.title {font-size:20px; line-height:20px; margin:30px 20px 10px; color:#222;}
.main_wrap .col_list  h3.title a{ color:#222;}

.main_wrap .col_list.notice  h3.title a{ color:#fff;}


.main_wrap .col_list.bun .bun_wrap { padding:20px; position:relative;}
.main_wrap .col_list.bun .bun_wrap ul{width:100%; }
.main_wrap .col_list.bun .bun_wrap ul li {width:100%;  overflow:hidden;  }
.main_wrap .col_list.bun .bun_wrap ul li img{vertical-align:top;width:100%; }
.main_wrap .col_list.bun .bun_wrap ul li .t1 { text-align:left; line-height:33px; color:#333; font-size:16px; font-weight:bold; margin-top:10px;}
.main_wrap .col_list.bun .bun_wrap ul li .t2 {font-size:14px; color:#888; line-height:18px; display:none;}
.main_wrap .col_list.bun .bun_wrap ul li:hover .t1 {color:#2cbcbf}


.main_wrap .col_list.bun .btns {position:absolute; right:20px; top:30px; height:22px; font-size:0px; background:#fff;}
.main_wrap .col_list.bun .btns a{display:inline-block; width:20px; height:20px; border:1px #ddd solid; text-align:center;}
.main_wrap .col_list.bun .btns a span{display:inline-block; width:9px; height:20px; background:url(../images/main/main_sc_btns.png) left 50% no-repeat; text-indent:-9999px;}
.main_wrap .col_list.bun .btns a#bun_btn_prev {border-left:0px;}
.main_wrap .col_list.bun .btns a#bun_btn_next span{background-position:right 50%; }





.main_wrap .col_list.notice ul{padding:20px; position:relative; }
.main_wrap .col_list.notice ul li {margin-bottom:13px; border-bottom:1px rgba(255,255,255,0.3) solid; padding-bottom:13px;}
.main_wrap .col_list.notice ul li:last-child {border-bottom:0px;}
.main_wrap .col_list.notice ul li .t1 {font-size:17px; font-weight:bold; color:#fff}
.main_wrap .col_list.notice ul li .t2 {font-size:15px; color:#888; line-height:18px;}
.main_wrap .col_list.notice ul li .date {font-size:12px; color:#999; line-height:18px;}
.main_wrap .col_list.notice ul li:hover .t1 {color:#ffa523;}



/*메인마지막정보*/
.main_info_box {padding:30px 0px;}
.main_info_box h3{font-size:20px;  overflow:hidden; line-height:25px; margin-bottom:20px; color:#000;}
.main_info_box h3 a{float:right;}
.main_info_box h3 a span{display:inline-block; line-height:20px; padding:2px 10px 0px; border:1px #d3d6da solid; background:#fff; font-size:12px; font-weight:normal;}

.main_info_box_wrap {display:table; width:100%; }
.main_info_box_wrap .col {display:table-cell; vertical-align:top; padding:40px 40px 20px; border:1px #ddd solid; }
.main_info_box .notice {width:330px;}
.main_info_box .notice ul{}
.main_info_box .notice ul li {overflow:hidden; line-height:25px; font-size:13px; padding-left:10px; background:url(../images/main/main_notice_dot.jpg) left 11px no-repeat;}
.main_info_box .notice ul li a{float:left; width:70%;  color:#555555}
.main_info_box .notice ul li a:hover{text-decoration:underline;}
.main_info_box .notice ul li span{float:right; color:#aaaaaa;}
.main_info_box .notice .btn {margin-top:30px ; background:#fff; border:1px #cccccc solid; overflow:hidden;}
.main_info_box .notice .btn span{float:left; width:50%; text-align:center;}
.main_info_box .notice .btn span a{display:block; line-height:44px; background:#fff; transition: all 0.3s; }
.main_info_box .notice .btn span a:hover{background:#178184; color:#fff; border-color:#178184; transition: all 0.2s; }
.main_info_box .notice .btn span a.last{border-right:1px #cccccc solid;}



.main_info_box .news { border-left:0px;}
.main_info_box .news ul{overflow:hidden;}
.main_info_box .news ul li {float:left; width:220px; margin-right:20px; }
.main_info_box .news ul li:nth-child(3n+3) {margin-right:0px;}
.main_info_box .news ul li .photo img{vertical-align:top; width:100%; height:130px;;}
.main_info_box .news ul li dl dt{font-weight:bold; font-size:14px; padding-top:5px; color:#000000;   overflow:hidden;    white-space:nowrap;    text-overflow:ellipsis; padding-right:10px;}
.main_info_box .news ul li dl dd{margin-top:3px; font-size:12px; color:#777777; line-height:18px;}
.main_info_box .news ul li:hover dl dt {text-decoration:underline; color:#000;}
.main_info_box .news ul li:hover dl dd {text-decoration:underline;}



/*공통타이틀*/

.main_box01 {position:relative; overflow:hidden; padding:20px 0px;}

.main_box01 h3{font-size:16px; line-height:16px; color:#353535;}
.main_box01 h3 a{color:#353535;}
.main_box01 h3 span{ border-top:2px #49842b solid;}


.main_box01 .col_box {position:relative; z-index:1;}
.main_box01 .col_box .list {float:left; width:33.333333%;}
.main_box01 .col_box .m1 {background:url(../images/main/main_quick01.png) 85% 50% no-repeat;}
.main_box01 .col_box .m2 {background:url(../images/main/main_quick02.png) 85% 50% no-repeat;}
.main_box01 .col_box .m3 {background:url(../images/main/main_quick03.png) 85% 50% no-repeat;}

.main_box01 .box {padding:15px;}

.main_box01 {height:150px;}
.main_box01 dl {padding:10px 0px; background:url(../images/main/have_equipment_bg.png) 100% 10px no-repeat; }
.main_box01 dl.regulations {background:url(../images/main/regulations_bg.png) 100% 10px no-repeat; }
.main_box01 dl dt{font-size:20px; color:#3a5baa; font-weight:bold; transition: all 0.2s;}
.main_box01 dl dd{font-size:15px; color:#676767; margin-top:15px; line-height:18px; transition: all 0.2s;}

.main_box01  .col_box .list:hover dl dt {color:#000; transition: all 0.3s;}
.main_box01  .col_box .list:hover dl dd {color:#000; transition: all 0.3s;}











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

body {background:#f8f8f8;}

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


.main_visual .main_visual_text {top:0px;  }
.main_visual .main_visual_text .t0{font-size:30px;  font-weight: bold; padding-top:120px;}
.main_visual .main_visual_text .t1{font-size:15px;  padding:0 10px;  margin-top:20px; line-height:20px;}

.main_visual .main_pager {width:100%;  bottom:40px;}

.default_layout {width:auto; min-width:auto;}





.main_wrap {margin:10px 10px 0px;}
.main_wrap .col_list {float:none; width:auto; margin-bottom:10px;}
.main_wrap .col_list.bun,
.main_wrap .col_list.notice{margin-left:0px;  height:auto;}

/*갤러리*/
.main_wrap .main_gallery_box {float:none; width:auto; background:#fff; height:auto !important;}



.main_videos .videos_col_box {display:block; width:auto;}
.main_videos .videos_col_box .v_col  {display:block; padding:20px;}
.main_videos .videos_col_box .v_col.video  {width:auto; }
.main_videos .videos_col_box .v_col.video img  {vertical-align:middle; width:100%;}



/*갤러리*/







.main_wrap .col_list.bun{ height:auto; padding:20px;  }





.main_wrap .col_list  h3.title {font-size:20px; line-height:20px; margin:0px; margin-bottom:20px; }





.main_wrap .col_list.bun .bun_wrap { padding:0px; position:relative; }
.main_wrap .col_list.bun .bun_wrap ul{width:auto;  }

.main_wrap .col_list.bun .bun_wrap ul li .t1 {  font-size:16px;}
.main_wrap .col_list.bun .bun_wrap ul li .t2 {font-size:14px;}





.main_wrap .col_list.notice{padding:30px;}


.main_wrap .col_list.notice ul{padding:0px; position:relative; }
.main_wrap .col_list.notice ul li {margin-bottom:13px; border-bottom:1px rgba(255,255,255,0.3) solid; padding-bottom:13px;}
.main_wrap .col_list.notice ul li:last-child {border-bottom:0px;}
.main_wrap .col_list.notice ul li .t1 {font-size:14px; font-weight:bold; color:#fff}
.main_wrap .col_list.notice ul li .t2 {font-size:13px; color:#888; line-height:18px;}
.main_wrap .col_list.notice ul li .date {font-size:12px; color:#999; line-height:18px;}
.main_wrap .col_list.notice ul li:hover .t1 {color:#ffa523;}


/*공통타이틀*/

.main_box01 { padding:30px; margin:0px 10px 30px; border:1px #ddd solid; background:#fff;}

.main_box01 h3{font-size:16px; line-height:16px; color:#353535;}
.main_box01 h3 a{color:#353535;}
.main_box01 h3 span{ border-top:2px #49842b solid;}


.main_box01 .col_box {position:relative; z-index:1;}
.main_box01 .col_box .list {float:none; width:auto; border-bottom:1px #ddd solid;}
.main_box01 .col_box .m3 { border-bottom:0px;}


.main_box01 .col_box .m1,
.main_box01 .col_box .m2 ,
.main_box01 .col_box .m3 { background-position:right 50%;}


.main_box01 .box {padding:15px 0px;}

.main_box01 {height:auto;}





/*메인마지막정보*/
.main_info_box {padding:10px 0px;}
.main_info_box h3{font-size:20px;  overflow:hidden; line-height:25px; margin-bottom:20px; color:#000;}
.main_info_box h3 a{float:right;}
.main_info_box h3 a span{display:inline-block; line-height:20px; padding:2px 10px 0px; border:1px #d3d6da solid; background:#fff; font-size:12px; font-weight:normal;}

.main_info_box_wrap {display:block; width:auto; }
.main_info_box_wrap .col {display:block; vertical-align:top; padding:20px; border:1px #ddd solid; background:#fff;}



.main_info_box .news { border-left:0px; border:0px; border-bottom:1px #ddd solid;}

.main_info_box .news ul li {float:left; width:49%; margin-right:0px; }
.main_info_box .news ul li:nth-child(3n+2) {float:right;}
.main_info_box .news ul li:nth-child(3n+3) {margin-right:0px; display:none;}
.main_info_box .news ul li .photo img{vertical-align:top; width:100%; height:auto;;}







}