@charset "utf-8";

#wrap{}

/* 메인 컨텐츠 */
.area_main_content{width:100%;}


/* 메인 슬라이드 */
.main_wide_slide{position:relative; height:auto;}
.main_slide li {display: flex; justify-content: center;}
.main_slide img{max-width:100%;}
.main_wide_slide .main_slide i{position:absolute;left:50%;top: 50%; transform: translate(-50%,-50%); display:block; width:353px;height:87%; background:url("/dangam/images/home/main/main_vi_conbg.png") no-repeat;font-style:normal; background-size: 100%;}
.main_wide_slide .main_slide i span.tit{font-size: 2.4em;color:#fff;line-height:1.2em;text-align:center;display:block;padding: 50px 0 20px 0;letter-spacing:-1px;}
.main_wide_slide .main_slide i span.stxt{font-size: 0.79em;color: #eaeaea;line-height: 1.8em;text-align:center;width: 74%;margin: 0px auto;display:block;}
.main_wide_slide .bx-controls-direction, .main_wide_slide .bx-controls-auto{display:none;}
.main_wide_slide .bx-pager{position:absolute; bottom: 20px; display:block; width:100%; margin:110px 0 0 0px; text-align:center;}
.main_wide_slide .bx-pager-item {display:inline-block; vertical-align:bottom;}
.main_wide_slide .bx-pager-item a{background:#fff; display:block; text-indent:-9999px; width:11px; height:11px; margin:0 3px; -moz-border-radius: 50%;   -webkit-border-radius: 50%;  border-radius: 50%; }
.main_wide_slide .bx-pager-item:first-child{margin-left:43px;}
.main_wide_slide .bx-pager-item a.active{background:#ec4d2c;}
.main_wide_slide .bx-wrapper .bx-pager.bx-default-pager a:hover,
.main_wide_slide .bx-wrapper .bx-pager.bx-default-pager a.active,
.main_wide_slide .bx-wrapper .bx-pager.bx-default-pager a:focus {
  background:#ec4d2c;
}

/* 메인 공지사항 */
#main_board {position:relative; width:100%; clear:both; overflow:hidden;}
#main_board .board_wrap { max-width:1200px; margin:0px auto; display: flex; justify-content: space-between;}

#main_board .m_notice {position:relative; width:45%; margin:40px 22px; float:left; }
#main_board .m_notice .notice_tit {display:block;font-size:1.2em; margin:14px 0 8px 15px; color:#222;}
#main_board .m_notice .notice_line {position:relative; display:block; width:100%; height:5px; background:#cecfda; border:0;}
#main_board .m_notice span.line {position:absolute; top:40px; left:0; display:block; width:19%; height:5px; background:#ec4d2c;}
#main_board .m_notice ul {margin:20px 0 0 0;}
#main_board .m_notice ul li {position:relative;}
#main_board .m_notice ul li a {font-size:0.9em;display: block;padding: 6px 0 6px 0;color:#222; padding-left: 10px;}
#main_board .m_notice ul li a:before {content:"";display:block;margin-right: 3px;float:left;padding: 5px 0;height: 10px;width: 10px;background: url("/dangam/images/home/board_bar.png") 0px 5px no-repeat;}
#main_board .m_notice ul li a time{float:right; font-size:0.9em; color:#777;}
#main_board .m_notice .board_more_b{position:absolute; top:13px; right:0px; font-size:0.9em; padding-right:15px; background: url("/dangam/images/home/btn_more_b.png") right center no-repeat;}

/* #main_board .m_schedule{position:relative; width:488px; margin:40px 0px 0 0; float:right;}
#main_board .m_schedule .notice_tit{display:block; height:31px; font-size:1.2em; margin:0px 0 0px 0px; color:#fff; background:#585858; padding:15px 0 0 29px;}
#main_board .m_schedule .date{width:88px; height:88px; float:left; text-align:center; margin:40px 0 0 29px; font-size:1.8em; color:#fff; background:#ec4d2c;  -moz-border-radius: 50%;   -webkit-border-radius: 50%;  border-radius: 50%; }
#main_board .m_schedule .date .year{font-size:0.4em; color:#fff; display:block; padding: 20px 0 3px 0;}
#main_board .m_schedule .schedule_board{border:1px solid #efefef; min-height:167px; overflow:hidden;}
#main_board .m_schedule ul{ float:right; width:73%; margin:15px 0 0 0;}
#main_board .m_schedule li{position:relative;}
#main_board .m_schedule li a{font-size:0.9em;display: block;padding: 8px 0 8px 0;color:#222; padding-left: 10px;}
#main_board .m_schedule li a:before{content:"";display:block;margin-right: 3px;float:left;padding: 5px 0;height: 10px;width: 10px;background: url("/dangam/images/home/main/board_bar.png") 0px 5px no-repeat;}
#main_board .m_schedule .board_more_w{position:absolute; top:17px; right:20px; font-size:0.9em; color:#fff; padding-right:15px; background: url("/dangam/images/home/main/btn_more_w.png") right center no-repeat;}
#main_board .m_schedule ul li a time{float:right; font-size:0.9em; color:#777; padding-right:20px;} */

#main_board .m_quick{clear:both; position:relative; width:55%; margin:45px 0 0 0 ; padding-bottom:50px; float:left;}
#main_board .m_quick a{display:block; float:left; width:33%; padding: 40px 0 0; text-align:center; font-size:0.85em;margin-top: 30px;}
#main_board .m_quick a.icon-quick-01{background:url("/dangam/images/home/ic-01.png") center 0 no-repeat;}
#main_board .m_quick a.icon-quick-01:focus, #main_board .m_quick a.icon-quick-01:hover{background:url("/dangam/images/home/ic-01-on.png") center 0 no-repeat;}
#main_board .m_quick a.icon-quick-02{background:url("/dangam/images/home/ic-02.png") center 0 no-repeat;}
#main_board .m_quick a.icon-quick-02:focus, #main_board .m_quick a.icon-quick-02:hover{background:url("/dangam/images/home/ic-02-on.png") center 0 no-repeat;}
#main_board .m_quick a.icon-quick-03{background:url("/dangam/images/home/ic-03.png") center 0 no-repeat;}
#main_board .m_quick a.icon-quick-03:focus, #main_board .m_quick a.icon-quick-03:hover{background:url("/dangam/images/home/ic-03-on.png") center 0 no-repeat;}
#main_board .m_quick a.icon-quick-04{background:url("/dangam/images/home/ic-04.png") center 0 no-repeat;}
#main_board .m_quick a.icon-quick-04:focus, #main_board .m_quick a.icon-quick-04:hover{background:url("/dangam/images/home/ic-04-on.png") center 0 no-repeat;}
#main_board .m_quick a.icon-quick-05{background:url("/dangam/images/home/ic-05.png") center 0 no-repeat;}
#main_board .m_quick a.icon-quick-05:focus, #main_board .m_quick a.icon-quick-05:hover{background:url("/dangam/images/home/ic-05-on.png") center 0 no-repeat;}
#main_board .m_quick a.icon-quick-06{background:url("/dangam/images/home/ic-06.png") center 0 no-repeat;}
#main_board .m_quick a.icon-quick-06:focus, #main_board .m_quick a.icon-quick-06:hover{background:url("/dangam/images/home/ic-06-on.png") center 0 no-repeat;}
#main_board .m_quick a.icon-quick-07{background:url("/dangam/images/home/ic-07.png") center 0 no-repeat;}
#main_board .m_quick a.icon-quick-07:focus, #main_board .m_quick a.icon-quick-07:hover{background:url("/dangam/images/home/ic-07-on.png") center 0 no-repeat;}
#main_board .m_quick a.icon-quick-08{background:url("/dangam/images/home/ic-08.png") center 0 no-repeat;}
#main_board .m_quick a.icon-quick-08:focus, #main_board .m_quick a.icon-quick-08:hover{background:url("/dangam/images/home/ic-08-on.png") center 0 no-repeat;}

#main_reservation_slide{width:100%; clear:both; overflow:hidden;}
#main_reservation_slide .reservation_slide{position:relative; width:1020px; margin:70px auto; margin-top:70px;}
#main_reservation_slide .bx-controls-direction{position:absolute; right:0px; top:0px;}
#main_reservation_slide .bx-controls-direction a{display:block; text-indent:-9999px; float:left; margin-left:1px;}
#main_reservation_slide .bx-controls-direction .bx-prev{width:62px; height:62px; background:url("/dangam/images/home/re_btn_prev.jpg") no-repeat;}
#main_reservation_slide .bx-controls-direction .bx-next{width:62px; height:62px; background:url("/dangam/images/home/re_btn_next.jpg") no-repeat;}

#main_reservation_slide .bx-controls-auto, #main_reservation_slide .bx-default-pager{display:none;}
#main_reservation_slide .contents_wrap{position:absolute; top:62px; right:0; width:100%; max-width:303px; max-height:303px; background:#4a67b8;}
#main_reservation_slide .contents_wrap h2{font-size:22px; color:#fff; display:block; line-height:50px; padding:45px 0 0 42px;}
#main_reservation_slide .contents_wrap h2 i.i_orange{font-style:normal; color:#ffd542;}
#main_reservation_slide .contents_wrap h2 i.i_down{font-style:normal; padding-left:50px; vertical-align:top; display:inline-block; margin-top:-15px;}
#main_reservation_slide .contents_wrap h2 strong{font-size:2.5em;}
#main_reservation_slide .contents_wrap .stxt{display:block; width:180px; margin:10px 0 0 0; font-size:0.82em; color:#bcc8ea; padding:0 0 36px 42px;}
#main_reservation_slide .reservation_btn{display: inline-block;position: absolute;top: 317px;right: 0;width:100%;max-width: 303px; padding: 23px 0px 20px 0; color:#cbd2e7;background: #333 url("/dangam/images/home/reserv_btn_icon.png") 200px center no-repeat;}
#main_reservation_slide .reservation_btn:hover,
#main_reservation_slide .reservation_btn:focus{color:#ffc939;}
#main_reservation_slide .reservation_btn i{display:block; font-style:normal; font-size:1.1em; margin-left:43px;}


#main_facility_slide {width:100%; clear:both; overflow:hidden; background:url("/dangam/images/home/facility_sec_bg.jpg") repeat;}
#main_facility_slide .facility_slide{position:relative; width:1020px; margin:0px auto; overflow:hidden; padding:80px 0}
#main_facility_slide .facility_slide .fa_slide_wrap .main_slide i{width:355px;position:absolute;bottom:20px;left:50%;margin-left: -160px; font-style:normal; font-size:0.9em;}
#main_facility_slide .facility_slide .fa_slide_wrap .main_slide i span.fa_cate{width:30%; padding:6px 9px; color:#fff; background:#4a67b8; display:inline-block; }
#main_facility_slide .facility_slide .fa_slide_wrap .main_slide i span.fa_name{width:50%;padding:6px 9px;color:#fff;margin-left: -5px;background:#333;display:inline-block;}


#main_facility_slide .bx-controls-auto, #main_facility_slide .bx-default-pager{display:none;}
#main_facility_slide .contents_wrap{position:absolute; top:80px; left:0; width:100%; max-width:303px; max-height:303px; background:#0db6bc;}
#main_facility_slide .contents_wrap h2{font-size:22px; color:#fff; display:block; line-height:50px; padding:45px 0 0 42px;}
#main_facility_slide .contents_wrap h2 i.i_orange{font-style:normal; color:#ffd542;}
#main_facility_slide .contents_wrap h2 i.i_down{font-style:normal; padding-left:50px; vertical-align:top; display:inline-block; margin-top:-15px;}
#main_facility_slide .contents_wrap h2 strong{font-size:2.5em;}
#main_facility_slide .contents_wrap .stxt{display:block; width:200px; margin:10px 0 0 0; font-size:0.82em; color:#fff; padding:0 0 36px 42px;}
#main_facility_slide .facility_btn{display: inline-block;position: absolute;top: 323px;left: 0;width:100%;max-width: 303px; padding: 23px 0px 20px 0; color:#cbd2e7;background: #186e87 url("/dangam/images/home/main/reserv_btn_icon.png") 200px center no-repeat;}
#main_facility_slide .facility_btn:hover,
#main_facility_slide .facility_btn:focus{color:#ffc939;}
#main_facility_slide .facility_btn i{display:block; font-style:normal; font-size:1.1em; margin-left:43px;}
#main_facility_slide .fa_slide_wrap{position:relative; width:710px; float:right;}


#main_facility_slide .bx-controls-direction{position:absolute;left: 50%;margin-left: -10px;text-align: center;bottom: 10px;}
#main_facility_slide .bx-controls-direction a{display: inline-block;text-indent:-9999px; margin-left:1px;text-align: center;}
#main_facility_slide .bx-controls-direction .bx-prev{width: 32px;height: 32px;text-align: left;margin-left: -180px;background:url("/dangam/images/home/main/facility_btn_prev.png") no-repeat;}
#main_facility_slide .bx-controls-direction .bx-next{width: 32px;height: 32px;background:url("/dangam/images/home/main/facility_btn_next.png") no-repeat;margin-left: 330px;/* text-align: right; */}

/* 반응형 조건 */
@media (max-width: 1340px) {
  /* 메인배너 */
  .main_wide_slide .main_slide i{background: none;}
}
@media (max-width: 1200px) {
  .main_wide_slide .main_slide i {width: 50%;}
  .main_wide_slide .main_slide i span.tit {
    font-size: 1.8em;
    padding: 20px 0;
  }

  #main_board .board_wrap{ max-width:1200px; margin:0px auto; display: flex; justify-content: space-between; flex-wrap: wrap;}
  #main_board .m_notice{position:relative; width:90%; margin:40px auto; float:left; }
  #main_board .m_quick{clear:both; position:relative; width:100%; margin: 0 0 0 0 ; padding-bottom:50px; float:left;}

  /* 주요시설 + 슬라이드 */
  #main_facility_slide {width:100%; clear:both; overflow:hidden; background:url("/dangam/images/home/main/facility_sec_bg.jpg") repeat;}
#main_facility_slide .facility_slide{width:auto; }
#main_facility_slide .contents_wrap{position:absolute; top:0px; left:50%; transform: translateX(-50%); width:100%; max-width:90%; max-height:303px; background:#0db6bc;}

#main_facility_slide .facility_btn{display: inline-block;position: absolute; top: 252px; left:50%; transform: translateX(-50%); width:100%; max-width: 90%; padding: 23px 0px 20px 0; color:#cbd2e7;background: #186e87 url("/dangam/images/home/main/reserv_btn_icon.png") 200px center no-repeat;}

#main_facility_slide .fa_slide_wrap{position:relative; width:90%; float:none; margin: 250px auto 0;}

}

@media (max-width: 850px) {
  .main_wide_slide .main_slide i {width: 90%;}
}

@media (max-width: 760px) {
  .main_wide_slide .main_slide i span.tit {
    font-size: 1.4em;
  }
  .main_wide_slide .main_slide i span.stxt {display: none;}
}
@media (max-width: 500px) {
  #main_board .m_notice ul li a time{display: none;}
}