@charset "utf-8";
@import url("./width1024_default.css");


#container {position:relative; z-index:0; font-family: 'Nanum Square';}


/*메인비주얼*/
.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_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:260px;}
.main_wrap .col_list.bun,
.main_wrap .col_list.notice{margin-left:20px;background:#c8d5d8; height:340px;}

/*갤러리*/
.main_wrap .main_gallery_box {float:left; width:540px;  position:relative;  overflow:hidden;}
.main_wrap .main_gallery_box ul {width:100% !important;}
.main_wrap .main_gallery_box ul li{width:100% !important;  height:340px !important; overflow:hidden; }
.main_wrap .main_gallery_box ul li .photo {position:relative; z-index:1;}
.main_wrap .main_gallery_box ul li .photo img {vertical-align:top; width:100%;}


.main_wrap .main_gallery_box ul li .box {position:absolute; left:0px; bottom:0px; width:100%; background:rgba(0,0,0,0.6); z-index:9; text-align:left;}
.main_wrap .main_gallery_box ul li dl {padding:20px;}
.main_wrap .main_gallery_box ul li dl dt a{display:block; font-size:18px; color:#fff;  overflow:hidden;  line-height:20px; padding:10px 0px;   text-overflow:ellipsis;  text-align:left;}
.main_wrap .main_gallery_box ul li dl dd a{display:block; font-size:14px; color:rgba(255,255,255,0.8); line-height:16px;  white-space:normal;color:#999;  }


.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.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:340px; position:relative;}
.main_wrap .col_list.notice{background:#333;}




.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:14px; font-weight:bold; margin-top:10px;}
.main_wrap .col_list.bun .bun_wrap ul li .t2 {font-size:13px; color:#888; line-height:18px;}
.main_wrap .col_list.bun .bun_wrap ul li:hover .t1 {color:#ffa523}


.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: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 {position:relative; overflow:hidden; padding:20px 0px; border-top:1px #ddd solid;}

.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) 94% 50% no-repeat;}
.main_box01 .col_box .m2 {background:url(../images/main/main_quick02.png) 94% 50% no-repeat;}
.main_box01 .col_box .m3 {background:url(../images/main/main_quick03.png) 94% 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:16px; color:#353535; font-weight:bold; transition: all 0.2s;}
.main_box01 dl dd{font-size:13px; color:#676767; margin-top:15px; line-height:18px; transition: all 0.2s;}

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