@charset "utf-8";

* { font-family: 'Noto Sans KR', sans-serif; margin: 0; padding: 0; list-style: none; box-sizing: border-box; }
body { color: #333; }
a { color: inherit; text-decoration: none }
.cd::after { clear: both; display: block; content:""; }

header { height: 100%; background-color: #000; color: #fff; padding: 120px 0; padding-right: 50px;  padding-left: 75px; position: fixed; z-index: 999; }
header .gnb { margin-top: 50px; font-size: 16px; text-transform: uppercase; letter-spacing: 2px; }
header .gnb li { margin-bottom: 15px; transition: 0.3s; }
header .sub_gnb { padding-left: 20px; margin-top: 10px; }
header .sub_gnb li { margin-bottom: 5px; color: #fff; }
header .gnb li.on { color: #ff0000; }
header .gnb li:hover { color: #ff0000; }

footer { padding: 30px 0; width: 100%; text-align: center;  font-size: 14px; }
footer li { display: inline-block; margin: 0 15px; }
footer p { display: inline-block; border-right: 1px solid #000; line-height: 1; margin-right: 5px; padding-right: 5px; font-weight: 500; }


.wrap { padding-left: 320px; }
.inner { max-width: 1240px; margin: auto; padding: 120px 20px; }
.inner .title { font-size: 40px; font-weight: 700; line-height: 1; text-transform: uppercase;  margin-bottom: 30px; }
.inner p { font-size: 20px; font-weight: 300; line-height: 1; text-transform: uppercase;  margin-bottom: 20px; }


/* 인트로 */
.intro { width: 100%; height: 100vh; background-color: #fff; position: fixed; left: 0; top: 0; z-index: 9999; }
.intro img { cursor: pointer; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); margin-top: -50px; opacity: 0; }


/* 메뉴 버튼 */
.gnb_bt { position: absolute; z-index: 999; left: 3%; top: 50%; zoom: 0.8; display: none; transform: translate(0,-50%); -webkit-transform: translate(0,-50%); -moz-transform: translate(0,-50%); -ms-transform: translate(0,-50%); -o-transform: translate(0,-50%); }
.gnb_bt img { transition: 0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; }
.gnb_bt.on img { transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); }



/* 메인 */
.idx .inner { padding-bottom: 35px; }
.mainSlide .swiper-slide { height: 75vh; }
.mainSlide .swiper-slide img { width: 100%; }
.inner .swiper-pagination-bullet { width: 15px; height: 15px; border-radius: 100px; -webkit-border-radius: 100px; -moz-border-radius: 100px; -ms-border-radius: 100px; -o-border-radius: 100px;  }
.inner .swiper-pagination-bullet-active { background-color: #000; }



/* 서브 */
.sub1 .title { background: url(../img/logo_ico.png) right bottom no-repeat;}
.sub1 .cont1 h3 { font-size: 48px; font-weight: 700; line-height: 1.3; margin-bottom: 80px; }
.sub1 .cont1 p { font-size: 16px; line-height: 1.8; margin-bottom: 60px; }
.sub1 .cont1 p:nth-child(3) { margin-bottom: 40px; }
.sub1 .cont1 span { font-size: 20px; font-weight: 500; color: #ff0000; }
.sub1 .cont1 h4 { font-size: 16px; font-weight: 400; text-align: right; }


.sub1 .cont2 dl { position: relative; }
.sub1 .cont2 dl::after { content: ""; display: block; width: 1px; height: 100%; background-color: #000; position: absolute; top: 100px; left: 50%; }
.sub1 .cont2 dt { width: 100px; height: 100px; border-radius: 300px; background-color: #000; color: #fff; text-align: center; padding: 13px 0; margin: auto; margin-bottom: 20px; }
.sub1 .cont2 dd { margin-bottom: 35px; }
.sub1 .cont2 dd > div { width: 50%; display: inline-block; font-size: 0; }
.sub1 .cont2 dd h3 { font-size: 30px; font-weight: 500; color: #ff0000; display: inline-block; vertical-align: middle; margin: 0 25px;  }
.sub1 .cont2 dd p { font-size: 14px; margin-top: 10px; }
.sub1 .cont2 dd .point { width: 11px; height: 11px; border-radius: 50px; background-color: #000; display: inline-block; vertical-align: middle; }
.sub1 .cont2 dd .line { width: 85px; height: 1px; background-color: #000; display: inline-block; vertical-align: middle; }
.sub1 .cont2 dd:nth-child(even) { text-align: right; }
.sub1 .cont2 dd:nth-child(even) div { text-align: left; margin-left: -5px; }
.sub1 .cont2 dd:nth-child(even) p { text-align: right; }
.sub1 .cont2 dd:nth-child(odd) { text-align: left; }
.sub1 .cont2 dd:nth-child(odd) div { text-align: right; margin-right: -6px; }
.sub1 .cont2 dd:nth-child(odd) p { text-align: left; }


.wrap .sub2 { padding-bottom: 35px; }
.sub2 .subSlide .swiper-slide { height: 55vh; }
.sub2 .cont { height: 65vh; overflow: hidden; }
.sub2 img { width: 100%; }


.sub3 .list { font-size: 0; }
.sub3 .list li { width: 32.3333%; height: 320px; margin: 0.5%; background: url(../img/default.png) no-repeat center/cover; position: relative; overflow: hidden; cursor: pointer; display: inline-block;  }
.sub3 .list div { width: 100%; height: 100px; background-color: rgba(0,0,0,0.6); text-align: center; color: #fff; padding: 25px 0; font-size: 18px; position: absolute; bottom: -100px; left: 0; transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; }
.sub3 .list h3 { font-weight: 500; line-height: 1.5;  }
.sub3 .list p { font-weight: 300; color: #ddd; }
.sub3 .list li:hover div { bottom: 0; }
.sub3 .list li:nth-child(1) { background: url(../img/sample.png) no-repeat center/cover; }

.sub3 .view { text-align: center; }
.sub3 .view .vid { width: 100%; padding-top: 56%; position: relative; }
.sub3 .view .vid iframe { width: 100%;  position: absolute; left: 0; top: 0; height: 100%;}
.sub3 .view .text { margin: 80px 0; }
.sub3 .view h3 { font-size: 40px; margin-bottom: 50px; }
.sub3 .view p { font-size: 14px; line-height: 2.5; }
.sub3 .view img { width: 100%; margin-bottom: 40px; }

.sub4 .map { margin-bottom: 60px; }
.sub4 .map iframe { width: 100%; height: 450px; }
.sub4 li { margin-bottom: 10px; }
.sub4 h5 { width: 85px; display: inline-block; text-transform: uppercase; margin-right: 50px; }
.sub4 p { display: inline-block; }



.sub5 .title { display: none; }
.sub5 .cont .schedul { width: 100%; height: 780px; background-color: #ddd; }

.sub5 .sub_tit { font-size: 40px; font-weight: 700; line-height: 1; text-transform: uppercase; border-bottom: 1px solid #333; padding-bottom: 20px; }
.sub5 .cont .schedul_form { font-size: 16px; }
.sub5 .cont .schedul_form li { border-bottom: 1px solid #ddd; padding: 0 20px; }
.sub5 .cont .schedul_form h4 { width: 120px; font-weight: 400; display: inline-block; padding: 20px 0; }
.sub5 .cont .schedul_form p { font-weight: 400; display: inline-block; }
.sub5 .cont .schedul_form .form_t { width: 200px; height: 37px; border: 1px solid #ddd; padding: 0 10px; }
.sub5 .cont .schedul_form pre { width: 100%; height: 180px; margin-bottom: 5px; white-space: pre-wrap; border: 1px solid #ddd; overflow: hidden scroll; padding: 7px 10px; font-size: 13px; color: #666; }
.sub5 .cont .schedul_form li:last-child { border-bottom: 0; }
.sub5 .cont .schedul_form label { font-size: 14px; color: #666; }
.sub5 .cont .schedul_form label span { border-bottom: 1px solid #666; }
.sub5 .cont .schedul_form button { width: 160px; height: 44px; display: block; margin: auto; margin-top: 50px; margin-bottom: 30px; background-color: #333; color: #fff; border: 0; border-radius: 5px; }
.wrap .sub5 {  padding-bottom: 0; }


.wrap #bo_w .bo_w_tit { width: 49.5%; display: inline-block; }
.wrap #bo_w .bo_w_tit .frm_input { width: 100%; }
.wrap #bo_w .required { width: 49.5%; display: inline-block; }
.wrap .cal_tbl thead th { background-color: #fff; text-align: left; padding: 0 10px; }
.wrap .cal_tbl td { height: 130px; background-color: #fff; }
/* .wrap .cal_tbl tbody td:nth-child(1) { background-color: rgb(255, 241, 241); } */
/* .wrap .cal_tbl tbody td:nth-child(7) { background-color: rgb(241, 244, 255); } */
.wrap .list_day span:nth-child(1) { margin-right: 3px; border-radius: 2px; display: inline-block; padding: 0 3px; font-size: 0.75em; background-color: #aaa; color: #fff; }
.wrap .cal_arrow { background-color: #fff; }
.wrap .selectBox { width: 30%; display: inline-block; vertical-align: top; margin: 10px 0; margin-right: 20px; height: 40px; border: 1px solid #ddd; }
.wrap .dateBox { width: 68%; display: inline-block; }
.wrap .dateBox input { width: 41.5%; }
.wrap .dateBox label { display: inline-block; margin: 0 10px; }
.wrap .wr_content { width: 99%; }
.wrap a.btn_b02, .wrap .btn_b02 { background-color: #fff; color: #111; border: 1px solid #aaa; }


@media(max-width: 1600px){
    .wrap .inner { padding: 120px 5%; }
    .inner .title { font-size: 34px; }
    .sub1 .cont1 h3 { font-size: 40px; }
    .sub1 .cont1 p br { display: none; }
}
@media(max-width: 1400px){
    .sub3 .list li { height: 280px; }
}
@media(max-width: 1200px){
    .gnb_bt { display: block; }
    .intro img { zoom: 0.8; }

    header { width: 100%; height: auto; padding: 0; }
    header .logo { text-align: center; padding-top: 3%; padding-bottom: 1%; position: relative; }
    header .gnb { padding: 1% 5%; margin-top: 0; display: none; }
    header .gnb li { margin-bottom: 0; line-height: 3; border-bottom: 1px solid #fff; }
    header .gnb li:last-child { border-bottom: 0; }
    header .sub_gnb { margin-top: 0; display: none; }

    .wrap { padding-left: 0; padding-top: 90px; }
    .mainSlide .swiper-slide { height: auto; }

    .sub1 .cont1 p br { display: block; }
    .sub1 .cont2 p { word-break: keep-all; }
    .sub1 .cont2 p br { display: none; }
    .sub1 .cont2 dd:nth-child(even) p { padding-left: 10%; }
    .sub1 .cont2 dd:nth-child(odd) p { padding-right: 10%; }

    .sub2 .subSlide .swiper-slide { height: auto; }
    .sub2 .cont { height: auto; }
}
@media(max-width: 960px){
    .intro img { zoom: 0.5; }
    header .logo img { zoom: 0.8; }
    .gnb_bt { zoom: 0.6; left: 5%; }
    footer { padding: 3% 0; font-size: 12px; }
    .wrap { padding-left: 0; padding-top: 70px; }
    .wrap .inner { padding: 10% 20px; }
    .idx .inner { padding-bottom: 5%; }

    .inner .title { font-size: 28px; }
    .sub5 .sub_tit { font-size: 28px; }
    .sub1 .title { background: url(); }
    .sub1 .cont1 h3 { font-size: 32px; margin-bottom: 10%; }
    .sub1 .cont1 p { font-size: 14px; margin-bottom: 5%; }
    .sub1 .cont1 p:nth-child(3) { margin-bottom: 2%; }
    .sub1 .cont1 p br { display: none; }

    .sub3 .list li { height: 230px; }
    .sub3 .view h3 { font-size: 28px; margin-bottom: 3%; }
    .sub3 .view .text { margin: 5% 0; }
    .sub3 .view img { margin-bottom: 4%; }
    .sub5 .cont .schedul_form .form_t { width: 180px; }
}
@media(max-width: 767px){

    .sub1 .cont2 dl { zoom: 0.8; }
    .sub1 .cont2 dt { margin: 0; }
    .sub1 .cont2 dl::after { left: 50px; }
    .sub1 .cont2 dd .point { margin-left: 50px; }
    .sub1 .cont2 dd .line { width: 60px; }
    .sub1 .cont2 dd h3 { margin: 0 15px; }
    .sub1 .cont2 dd > div { width: 100%; }
    .sub1 .cont2 dd:nth-child(odd) { text-align: right; }
    .sub1 .cont2 dd:nth-child(odd) div { text-align: left; }
    .sub1 .cont2 dd:nth-child(odd) p { text-align: right; padding: 0; padding-left: 15%; }
    .sub1 .cont2 dd:nth-child(even) p { padding-left: 15%; }
    .sub1 .cont2 dd:nth-child(2n+1) div { margin-right: 0; margin-left: -6px; }

    .sub3 .list li { width: 49%; height: 180px }
    .sub3 .view h3 { font-size: 20px; margin-bottom: 3%; }
    .sub3 .view .text { margin: 5% 0; }
    .sub3 .view img { margin-bottom: 4%; }
    .sub3 .view p { line-height: 2; }

    .sub4 .map { margin-bottom: 5%; }
    .sub4 .map iframe { height: 280px; }
    .sub4 li { margin-bottom: 15px; }
    .sub4 h5 { display: block; margin-bottom: 5px;}

    .sub5 .cont .schedul_form li { padding: 3% 20px; }
    .sub5 .cont .schedul_form h4 { display: block; padding: 0; padding-bottom: 10px; }
    .sub5 .cont .schedul_form p { width: 100%; }
    .sub5 .cont .schedul_form .form_t { width: 100%; }
    .sub5 .cont .schedul_form li:nth-child(3) .form_t { width: 32.5%; }

    .tbl_wrap th:nth-child(3) {display: none;}
    .tbl_wrap td:nth-child(3) {display: none;}
    .tbl_wrap th:nth-child(4) {display: none;}
    .tbl_wrap td:nth-child(4) {display: none;}
    #bo_v_info .profile_info { float: left !important; }
}
@media(max-width: 350px){
    .sub3 .list li { width: 100%; height: 260px }
    .sub5 .cont .schedul_form li { padding: 3% 0; }
    .sub5 .cont .schedul_form li:nth-child(3) .form_t { width: 32%; }

}

#bo_w { width: 100%; }
#bo_w table { table-layout: fixed; margin-top: 30px; }
#bo_w .tbl_frm01 th { width: 10%; text-align: center; padding: 0; }

#wr_4 { margin-right: 5px; vertical-align: middle; }

#bo_w .btn_submit, #bo_w .btn_cancel { display: inline-block; padding: 5px 10px; }


.btn_bo_user button { height: 35px; padding: 0 10px; background-color: #fff; color: #bababa;  font-size: 0; border: 0; }
.btn_bo_user button i { font-size: 16px; }


/* 20210210 css 추가 */
.cal_tbl a:hover {color: #ff0000;}
.wrap .list_day span.color_red {background-color: #ff0000; color: white;}
.wrap .list_day span.color_blue {background-color: blue; color: white;}
.cal_tbl .popup_layer {z-index: 99;}


#bo_w .write_div { line-height: 35px; font-size: 12px; }

#bo_w .btn_submit, #bo_w .btn_cancel { padding: 0 10px; }

#bo_w .bo_w_flie .frm_file { vertical-align: top; }
.bo_v_com > li { line-height: 35px; }
.btn_bo_user button i { vertical-align: middle; }





/* 페이징 */
.pg_wrap { float:none; display:block; margin: 40px 0; }
.pg_wrap:after { display: none;
.pg { display: block; }
.pg .pg_page, .pg .pg_current { width: 32px; height: 32px; line-height: 30px; border-radius: 50px; font-size: 14px; color: inherit; font-weight: inherit; background-color: #fff; border: 1px solid #fff; }
.pg .pg_current { background-color: #000; border-radius: 100px; border: 0; font-weight: 400; color: #fff; }
.pg .pg_start { background-image: url(../img/first.png); border: 1px solid #ddd;}
.pg .pg_prev { background-image: url(../img/prev.png); border: 1px solid #ddd;}
.pg .pg_end { background-image: url(../img/last.png); border: 1px solid #ddd;}
.pg .pg_next { background-image: url(../img/next.png); border: 1px solid #ddd;}




.searchBox {text-align: right; }
.searchBox select { width: 80px; height: 35px; border: 1px solid #ddd; }
.searchBox input { height: 35px; border: 1px solid #fff; }
.searchBox button { height: 35px; width: 30px; background-color: #fff; border: 0;}
.sch_bar { width: calc(100% - 85px);  display: inline-block; border: 1px solid #ddd; }
.searchBox input { width: calc(100% - 40px); }

#bo_v_file li{ padding: 10px 15px !important;  }
#bo_v_link li{ padding: 10px 15px !important;  }
#bo_v_file li i { font-size: 1.25em !important; margin-right: 10px !important; }
#bo_v_link li i { font-size: 1.25em !important; margin-right: 10px !important; }
#bo_v_file ul { width: 600px; }
#bo_v_link ul { width: 600px; }