/*sub common **********************************************************/
.sfigure_wrap{width: 100%; height: 380px; position: relative; background: url('/Skin/images/pc/sbg01.jpg') no-repeat center center/cover; text-align: center;}
.sfigure_wrap.s02f{background: url('/Skin/images/pc/sbg02.jpg') no-repeat center center/cover;}
.sfigure_wrap.s03f{background: url('/Skin/images/pc/sbg03.jpg') no-repeat center center/cover;}
.sfigure_wrap.s04f{background: url('/Skin/images/pc/sbg04.jpg') no-repeat center center/cover;}
.sfigure_wrap.s05f{background: url('/Skin/images/pc/sbg05.jpg') no-repeat center center/cover;}
.sfigure_wrap.s06f{background: url('/Skin/images/pc/sbg06.jpg') no-repeat center center/cover;}
.sfigure_wrap .sf_title{font-weight: 600; color: #fff; font-size: 42px; padding-top: 170px;}
.sfigure_wrap .slnb_wrap{position: absolute; bottom: 0; width: 100%; height: 75px; background: rgba(0,0,0,.6); text-align: center;}
.sfigure_wrap .slnb{display: inline-block; height: 100%;}
.sfigure_wrap .slnb li{float: left; margin: 0 30px; height: 100%; padding-top: 25px;}
.sfigure_wrap .slnb li.on{border-bottom: 4px solid #69ac12;}
.sfigure_wrap .slnb li.on a{color: #aed679;}
.sfigure_wrap .slnb li a{color: #fff; font-weight: 500; font-size: 18px; }

#sub_wrap{width: 1282px; margin: 0 auto; padding-top: 100px; padding-bottom: 200px; }
#sub_wrap *{font-family: 'Nanum Gothic', sans-serif; font-style: normal;}

.sContent .stitle{font-size: 30px; color: #4a8400; font-weight: 700; margin-bottom: 50px;}


    /*borad*/
    .board_grid{width: 100%;}
    .board_grid tr td{border-bottom: 1px solid #e0e0e0; height: 70px; text-align: center;}
    .board_grid tr.first td{background: #f9f9f9; border-top: 1px solid #e0e0e0; height: 57px; text-align: center;}
    .board_grid tr .title{width: 500px; position: relative; text-align: left;}
    .board_grid tr .title a{display: block; height: 100%; width: 95%; position: absolute; top: 0; left: 0; line-height: 70px;}
    .board_grid tr .title a.lock::after{display: inline-block; content: ""; width: 14px; height: 100%; background: url('/Skin/images/pc/icon_lock.png') no-repeat center center/contain; margin-left: 10px;}
    .board_grid tr .title a b{display: inline-block; white-space: nowrap; max-width: 99%; overflow: hidden; text-overflow: ellipsis;}
    .board_grid tr .t_writer{position: relative;}
    .board_grid tr .t_writer span{width: 90%; height: 100%; position: absolute; display: inline-block; margin: 0 auto; line-height: 70px; top: 0; left: 0;}
    .board_grid tr .t_writer b{width: 90%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block;}

    /*board_write*/
    .board_write{width: 100%; margin: 0 auto; }
    .board_write table{border-collapse: collapse; width: 100%;}
    .board_write table tr:first-child td{border-top: 1px solid #eaeaea;}
    .board_write table td{height: 53px; padding: 10px 0 10px 13px; border-bottom: 1px solid #eaeaea;}
    .board_write table .col1{width: 198px; padding-left: 26px; background: #f7f7f7;}
    .board_write table input[type="text"]{width: 100%; height: 32px; border: 1px solid #ccc;}
    .board_write table .password{width: 394px;}
    .board_write table .textarea{width: 100%; height: 503px; border: 1px solid #ccc;}
    .board_write table .check_wrap span{font-size: 15px; color: #333; font-weight: 400; position: relative; padding-left: 25px;}

    table.boardCategoryArea input[type="text"], table.boardCategoryArea input[type="tel"], table.boardCategoryArea input[type="password"]{width: 100%; height: 32px; border: 1px solid #ccc;}
    table.boardCategoryArea input[type="password"]{width: 394px;}
    table.boardCategoryArea textarea{width: 100%; height: 503px; border: 1px solid #ccc; font-size:13px; padding:10px;}
    .board_write table .check_wrap span{font-size: 15px; color: #333; font-weight: 400; position: relative; padding-left: 25px;}


    .btn_center{text-align: center; margin-top: 70px;}
    .btn_center .btn_wrap{display: inline-block;}
    .btn_center .btn_wrap::after{content: ""; display: block; clear: both;}
    .btn_center .btn_wrap a,
    .btn_center .btn_wrap button{width: 130px; height: 40px; font-size: 15px; font-weight: 700; margin-right: 10px; display: block; float: left; line-height: 40px;}
    .btn_center .btn_wrap .write_in{background: #4a8400; color: #fff;}
    .btn_center .btn_wrap .write_cancle{background: #ccc; color: #666;}

/*sub01 - 1 *********************************************************/
.s011box01{width: 100%;}
    .s011box01 .intro_img{width: 100%; height: 400px; overflow: hidden; margin-bottom: 50px;}
    .s011box01 .intro_img img{width: 100%;}
    .s011box01 .t1{font-size: 20px; font-weight: 700; color: #000; margin-bottom: 20px;}
    .s011box01 .t2{font-size: 15px; font-weight: 700; color: #555; line-height: 30px; letter-spacing: -0.04em; word-break: keep-all;}

.s011box02{width: 1160px; margin:  115px auto 0 auto;}
    .lake_dti{float: left; text-align: center;}
    .lake_dti02{float: right;}
    .lake_dti .img_eff{ width: 520px; height: 260px; position: relative;}
    .lake_dti .img_eff::before{content: ""; display: block; border: 4px solid #4a8400; width: 100%; height: 100%; position: absolute; top: 0; left: 0;}
    .lake_dti .img_eff .imgWrap{width: 100%; height: 100%; position: absolute; bottom: 15px; right: 15px; overflow: hidden;}
    .lake_dti .img_eff .imgWrap img{width: 100%; }
    .lake_dti .t1{font-size: 20px; font-weight: 700; color: #000; margin-top: 30px;}

/*sub01 - 2 *********************************************************/
.ntd_img::after{content: ""; display: block; clear: both;}
.ntd_img .ibox{float: left; width: 50%;}
.ntd_img .ibox:nth-child(1){width: 770px;}
.ntd_img .ibox:nth-child(2){width: 512px;}
.ntd_img .ibox img{float: left; width: 100%;}

.ntd_txt{margin-bottom: 30px;}
.ntd_txt .t1{font-size: 20px; font-weight: 700; color: #000; margin: 30px 0; position: relative; padding-left: 8px; height: 20px; line-height: 20px;}
.ntd_txt .t1::before{content: ""; display: block; width: 3px; height: 20px; background: #4a8400; position: absolute; top: 0; left: 0;}
.ntd_txt .t2{font-weight: 700; font-size: 15px; color: #555; line-height: 30px; white-space: pre-line; letter-spacing: -0.05em; word-break: keep-all;}

/*sub01 - 3 *********************************************************/
.s013box01{width: 100%;}
    .map_area{width: 100%;}
        #daumRoughmapContainer1544159874595.root_daum_roughmap{width: 100%;}
        .map_area .root_daum_roughmap .wrap_map{height: 445px;}
        .wrap_controllers{display: none;}
    .map_txt .minfo_t{font-size: 30px; font-weight: 700; color: #000; padding-bottom: 20px; border-bottom: 2px solid #4a8300; margin-top: 50px;}
    .map_txt .mi_box{width: 33.33%; height: 250px; float: left; text-align: center;}
    .map_txt .mi_box:nth-child(1){background: url('/Skin/images/pc/map_i01.png') no-repeat center top 60px;}
    .map_txt .mi_box:nth-child(2){background: url('/Skin/images/pc/map_i02.png') no-repeat center top 60px;}
    .map_txt .mi_box:nth-child(3){background: url('/Skin/images/pc/map_i03.png') no-repeat center top 60px;}
    .map_txt .mi_box .t1{font-size: 15px; font-weight: 700; margin-bottom: 25px; margin-top: 160px;}
    .map_txt .mi_box .t2{font-size: 17px; font-weight: 700; color: #666;}


/*sub02,3 *********************************************************/
#sub_wrap .top_img{width: 100%;}
#sub_wrap .top_img img{width: 100%;}

.book_info01{margin: 50px 0;}
.book_info01 .t1{font-size: 19px; font-weight: 700; color: #000; margin-bottom: 30px;}
.book_info01 .t2{font-size: 15px; font-weight: 700; color: #555; white-space: pre-line; line-height: 25px;}
.book_info02{margin-bottom: 50px;}
.book_info02 .scroll_box{font-size: 13px; white-space: pre-line; width: 100%; height: 210px; overflow-y: auto; line-height: 25px; border: 1px solid #ddd; padding: 11px;}
.book_info02 .check_btn span{font-size: 15px;}
.book_info03{margin-bottom: 50px;}
.book_info03 .t1{font-size: 17px; font-weight: 700; color: #000; margin-bottom: 30px;}
.book_info03 .t2{width: 100%;}
.book_info03 .t2 li:first-child{border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6;}
.book_info03 .t2 li{width: 100%; min-height: 53px; padding: 20px 0; }
.book_info03 .t2 li::after{content: ""; display: block; clear: both;}
.book_info03 .t2 li span{display: block; width: 25%; float: left; text-align: center; font-size: 14px;}
.book_info03 .t2 .col4 b{display: inline-block; margin: 0 10px;}
.book_info03 .t2 .row3{width: 75%; border-bottom: 1px solid #e6e6e6; border-top: 1px solid #e6e6e6;}
.book_info03 .t2 .row3 span{width: 33.33%;}
.book_info03 .t2 .colspan{position: relative; top: 40px;}


/*sub04 *********************************************************/
.thumbView{width: 100%; height: 640px;}
.thumbView .swiper-slide .imgBox{width: 100%; height: 100%; background: no-repeat center center/cover;}
.thumbView .swiper-button-prev{width: 52px; height: 98px; background: url('/Skin/images/pc/slide_arr01.png') no-repeat center/contain; margin-top: -49px;}
.thumbView .swiper-button-next{width: 52px; height: 98px; background: url('/Skin/images/pc/slide_arr02.png') no-repeat center/contain; margin-top: -49px;}

.slideThumb{width: 100%; height: 140px; margin-top: 8px;}
.slideThumb .swiper-slide{overflow: hidden;}
.slideThumb .swiper-slide .imgBox{width: 100%; height: 100%; background: no-repeat center center/cover;}
.slideThumb .swiper-slide-thumb-active{border: 1px solid #000;}


/*sub05 *********************************************************/
.bntc_box{width: 100%; background: #f6f6f6; border: 1px solid #ccc; padding: 21px; margin-bottom: 20px;}
.bntc_box .t1{font-size: 16px; font-weight: 700; color: #000; margin-bottom: 15px;}
.bntc_box .t2{font-size: 14px; color: #555; margin-bottom: 10px;}
.bntc_box .t2:last-child{margin-bottom: 0;}

.board_grid.booking tr .col1{width: 80px;}
.board_grid.booking tr .col2{width: 150px;}
.board_grid.booking tr .col3{width: 635px; text-align: left;}
.board_grid.booking tr .col4{width: 90px;}
.board_grid.booking tr .col5{width: 210px;}
.board_grid.booking tr .col6{width: auto;}

.board_grid.booking tr:not(:first-child) .col2 span{font-weight: 700;}
.board_grid.booking tr:not(:first-child) .col2 .book01{color: #df8c0f;}
.board_grid.booking tr:not(:first-child) .col2 .book02{color: #75b324;}
.board_grid.booking tr .col3 a{display: block; width: auto; width: 600px;}
.board_grid.booking tr .col3 a.lock::after{display: inline-block; content: ""; width: 14px; height: 15px; background: url('/Skin/images/pc/icon_lock.png') no-repeat center center/contain; margin-left: 10px;}
.board_grid.booking tr .col3 a b{display: inline-block; width: 550px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.board_grid.booking tr .col4 .t_writer{display: block; width: 80px; margin: 0 auto; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.board_grid.booking tr.first td{text-align: center;}

.book_select{width: 150px; height: 35px; font-size: 14px;}
.book_select option{font-size: 14px; display: block;}

.bbtn_wrap::after{content: ""; display: block; clear: both;}
    .bwrite_btn{float: right; display: block; width: 70px; height: 30px; line-height: 30px; text-align: center; color: #fff; font-size: 14px; font-weight: 700; background: #aaa; margin-top: 30px;}


.search_wrap{width: 100%; height: 30px; margin-top: 104px; text-align: center;}
.search_wrap02{margin-top: 0;}
.search_wrap .d_select{width: 120px; min-width: 100px; height: 30px; font-size: 14px; font-weight: 700; padding-left: 10px;}
.search_wrap .d_input{width: 360px; height: 30px; margin: 0 5px;}
.search_wrap .d_btn{width: 80px; height: 30px; font-size: 14px; font-weight: 700; background: #5b5b5b; color: #fff;}
    



/*sub06 *********************************************************/
.board_grid.notice tr .col1{width: 150px;}
.board_grid.notice tr .col2{width: 665px;}
.board_grid.notice tr .col3{width: 125px;}
.board_grid.notice tr .col4{width: 180px;}
.board_grid.notice tr .col5{width: auto;}


/*
    반응형 ***************************************

    분기점[width]  - 1282 | 1024 | 800 | 715 | 470 | 355 
    
*/



@media all and (min-width: 1025px) and (max-width: 1282px){

    #sub_wrap{width: 100%; padding: 100px 5% 200px 5%;}

    /*sub01-1*/
    .s011box01 .intro_img{width: 100%; height: auto;}
    .s011box01 .intro_img img{width: 100%;}
    .s011box02{width: 100%;}
        .lake_dti{width: 50%;}
        .lake_dti .img_eff{width: 80%; margin: 0 auto;}
        .lake_dti .img_eff .imgWrap img{height: 100%; width: auto;}

    /*sub01-2*/
    .ntd_img{width: 100%;}
    .ntd_img .ibox:nth-child(1){width: 60%;}
    .ntd_img .ibox:nth-child(2){width: 40%;}

    /*sub04*/
    .thumbView{height: 500px;}
    #s04_slide .swiper-slide img{width: 100%;}
    .thumbView .swiper-button-prev{width: 35px;}
    .thumbView .swiper-button-next{width: 35px;}

    /*sub05*/
    .board_grid.booking tr .col1{width: 6%;}
    .board_grid.booking tr .col2{width: 10%;}
    .board_grid.booking tr .col3{width: auto; text-align: left; position: relative;}
    .board_grid.booking tr .col4{width: 10%;}
    .board_grid.booking tr .col5{width: 10%;}
    .board_grid.booking tr .col6{width: 10%;}

    .board_grid.booking tr .col3 a{width: 100%; position: absolute; height: 100%; top: 0;}
    .board_grid.booking tr .col3 a b{width: 90%; line-height: 70px;}
    .board_grid.booking tr .col3 a.lock::after{height: 100%;}

    /*sub06*/
    .board_grid.notice tr .col1{width: 10%;}
    .board_grid.notice tr .col2{width: auto;}
    .board_grid.notice tr .col3{width: 12%;}
    .board_grid.notice tr .col4{width: 12%;}
    .board_grid.notice tr .col5{width: 10%;}

    /*board in*/
    .board_write table .col1{width: 25%;}
    .board_write table .col2{width: auto;}

}

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

    #sub_wrap{width: 100%; padding: 100px 5% 100px 5%;}
    .sfigure_wrap{height: 280px; margin-top: 90px;}
    .sfigure_wrap .sf_title{font-size: 38px; padding-top: 95px;}
    .sfigure_wrap .slnb_wrap{height: 60px;}
    .sfigure_wrap .slnb li{padding-top: 16px;}
    .sfigure_wrap .slnb li a{font-size: 16px;}

    .sContent .stitle{font-size: 25px;}

    /*sub01-1*/
    .s011box01 .intro_img{width: 100%; height: auto;}
    .s011box01 .intro_img img{width: 100%;}
    .s011box02{width: 100%;}
        .lake_dti{width: 50%;}
        .lake_dti .img_eff{width: 80%; margin: 0 auto;}
        .lake_dti .img_eff .imgWrap img{height: 100%; width: auto;}

    /*sub01-2*/
    .ntd_img{width: 100%;}
    .ntd_img .ibox:nth-child(1){width: 60%;}
    .ntd_img .ibox:nth-child(2){width: 40%;}

    /*sub02,03*/
    .book_info01 .t2{white-space: inherit; word-break: keep-all;}
    .book_info03 .t2 li span{font-size: 13px; word-break: keep-all;}

    /*sub04*/
    .thumbView{height: 400px;}
    #s04_slide .swiper-slide img{width: 100%;}
    .thumbView .swiper-button-prev{width: 35px;}
    .thumbView .swiper-button-next{width: 35px;}

    /*sub05*/
    .board_grid.booking tr .col1{width: 6%;}
    .board_grid.booking tr .col2{width: 15%;}
    .board_grid.booking tr .col3{width: auto; text-align: left; position: relative;}
    .board_grid.booking tr .col4{width: 10%;}
    .board_grid.booking tr .col5{width: 10%;}
    .board_grid.booking tr .col6{display: none;}

    .board_grid.booking tr .col3 a{width: 100%; position: absolute; height: 100%; top: 0;}
    .board_grid.booking tr .col3 a b{width: 90%; line-height: 70px;}
    .board_grid.booking tr .col3 a.lock::after{height: 100%;}

    /*sub06*/
    .board_grid.notice tr .col1{width: 7%;}
    .board_grid.notice tr .col2{width: auto;}
    .board_grid.notice tr .col3{width: 12%;}
    .board_grid.notice tr .col4{width: 15%;}
    .board_grid.notice tr .col5{display: none;}

    /*board in*/
    .board_write table .col1{width: 20%;}
    .board_write table .col2{width: auto;}

    .search_wrap{width: 100%; height: 90px; padding-top: 24px; text-align: center;}
	.search_wrap .d_select{width: 15%; font-size: 14px; font-weight: 700; padding-left: 10px;}
	.search_wrap .d_input{width: 40%; margin: 0 5px;}
	.search_wrap .d_btn{width: 10%; font-size: 14px; font-weight: 700; background: #5b5b5b; color: #fff;}

	.sub_board_write table .col1{font-size: 14px; width: 20%; padding-left: 10px;}

}

@media all and (min-width: 716px) and (max-width: 800px){

    #sub_wrap{width: 100%; padding: 100px 5% 100px 5%;}
    .sfigure_wrap{height: 280px; margin-top: 90px;}
    .sfigure_wrap .sf_title{font-size: 38px; padding-top: 95px;}
    .sfigure_wrap .slnb_wrap{height: 60px;}
    .sfigure_wrap .slnb li{padding-top: 16px;}
    .sfigure_wrap .slnb li a{font-size: 16px;}

    .sContent .stitle{font-size: 25px;}

    /*sub01-1*/
    .s011box01 .intro_img{width: 100%; height: auto;}
    .s011box01 .intro_img img{width: 100%;}
    .s011box02{width: 100%;}
        .lake_dti{width: 80%; float: none; margin: 0 auto;}
        .lake_dti02{margin-top: 50px;}
        .lake_dti .img_eff{width: 100%; margin: 0 auto;}
        .lake_dti .img_eff .imgWrap img{height: auto; width: 100%;}

    /*sub01-2*/
    .ntd_img{width: 100%;}
    .ntd_img .ibox:nth-child(1){width: 60%;}
    .ntd_img .ibox:nth-child(2){width: 40%;}

    /*sub01-3*/
    .map_area .root_daum_roughmap .wrap_map{height: 300px;}
    .map_txt .minfo_t{font-size: 23px;}

    /*sub02,03*/
    .book_info01 .t2{white-space: inherit; word-break: keep-all;}
    .book_info03 .t2 li span{font-size: 13px; word-break: keep-all;}

    /*sub04*/
    .thumbView{height: 350px;}
    #s04_slide .swiper-slide img{width: 100%;}
    .slideThumb{height: 105px;}
    .thumbView .swiper-button-prev{width: 25px;}
    .thumbView .swiper-button-next{width: 25px;}

    /*sub05*/
    .board_grid.booking tr .col1{width: 10%;}
    .board_grid.booking tr .col2{width: 15%; padding-right: 10px;}
    .board_grid.booking tr .col3{width: auto; text-align: left; position: relative;}
    .board_grid.booking tr .col4{width: 10%;}
    .board_grid.booking tr .col5{display: none;}
    .board_grid.booking tr .col6{display: none;}

    .board_grid.booking tr .col3 a{width: 100%; position: absolute; height: 100%; top: 0;}
    .board_grid.booking tr .col3 a b{width: 90%; line-height: 70px;}
    .board_grid.booking tr .col3 a.lock::after{height: 100%;}

    /*sub06*/
    .board_grid.notice tr .col1{width: 10%;}
    .board_grid.notice tr .col2{width: auto;}
    .board_grid.notice tr .col3{width: 12%;}
    .board_grid.notice tr .col4{width: 15%;}
    .board_grid.notice tr .col5{display: none;}

    /*board in*/
    .board_write table td, .board_write table span, .board_write table input, .board_write table textarea{font-size: 14px;}
    .board_write table .check_wrap span{font-size: 14px;}
    .board_write table .col1{width: 20%;}
    .board_write table .col2{width: auto;}

    .search_wrap{width: 100%; height: 90px; padding-top: 24px; text-align: center; margin-top: 45px;}
	.search_wrap .d_select{width: 15%; font-size: 14px; font-weight: 700; padding-left: 10px;}
	.search_wrap .d_input{width: 40%; margin: 0 5px;}
	.search_wrap .d_btn{width: 10%; font-size: 14px; font-weight: 700; background: #5b5b5b; color: #fff;}


}



@media all and (min-width: 471px) and (max-width: 715px){

    #sub_wrap{width: 100%; padding: 100px 5% 100px 5%;}
    .sfigure_wrap{height: 200px; margin-top: 80px;}
    .sfigure_wrap .sf_title{font-size: 30px; padding-top: 50px;}
    .sfigure_wrap .slnb_wrap{height: 60px;}
    .sfigure_wrap .slnb li{padding-top: 16px;}
    .sfigure_wrap.s01f .slnb{width: 100%;}
    .sfigure_wrap.s04f .slnb{width: 100%;}
    .sfigure_wrap.s01f .slnb li{width: 33.33%; margin: 0;}
    .sfigure_wrap.s04f .slnb li{width: 25%; margin: 0;}
    .sfigure_wrap .slnb li a{font-size: 16px;}
    
    .sContent .stitle{font-size: 25px;}
    


    /*sub01-1*/
    .s011box01 .intro_img{width: 100%; height: auto;}
    .s011box01 .intro_img img{width: 100%;}
    .s011box02{width: 100%;}
        .lake_dti{width: 62%; float: none; margin: 0 auto;}
        .lake_dti02{margin-top: 50px;}
        .lake_dti .img_eff{width: 100%; margin: 0 auto; height: 200px;}
        .lake_dti .img_eff .imgWrap img{height: 100%; width: auto;}
        .lake_dti .t1{font-size: 18px;}

    /*sub01-2*/
    .ntd_img{width: 100%;}
    .ntd_img .ibox:nth-child(1){width: 100%;}
    .ntd_img .ibox:nth-child(2){display: none;}

    /*sub01-3*/
    .map_area .root_daum_roughmap .wrap_map{height: 300px;}
    .map_txt .minfo_t{font-size: 23px;}
    .map_txt .mi_box{float: none; width: 90%; height: 120px; margin: 10px auto; padding-top: 15px;}
    .map_txt .mi_box::after{content: ""; display: block; clear: both;}
    .map_txt .mi_box .t1{margin: 0;  text-align: left; padding-left: 100px; float: left;}
    .map_txt .mi_box:nth-child(1){background-size: 55px; background-position: top 20px left 20px;}
    .map_txt .mi_box:nth-child(2){background-size: 55px; background-position: top 20px left 20px;}
    .map_txt .mi_box:nth-child(3){background-size: 55px; background-position: top 20px left 20px;}
    .map_txt .mi_box .t2{text-align: left; padding-left: 100px; padding-top: 30px;}
    .map_txt .mi_box:nth-child(2) .t2{font-size: 20px; padding-top: 40px;}
    .map_txt .mi_box:nth-child(3) .t2{font-size: 20px; padding-top: 40px;}

    /*sub02,03*/
    .book_info01 .t2{white-space: inherit; word-break: keep-all;}
    .book_info03 .t2::after{content: ""; display: block; clear: both;}
    .book_info03 .t2 li{width: 40%; float: left; border: none; }
    .book_info03 .t2 .row3{width: 40%; border: none;}
    .book_info03 .t2 .row3 span{width: 100%;}
    .book_info03 .t2 .colspan{top: 0; width: 200%;}
    .book_info03 .t2 li:first-child{border: none; width: 20%;}
    .book_info03 .t2 li:first-child span{border-right: 1px solid #eee;}
    .book_info03 .t2 li span{float: none; display: block; width: 100%; text-align: left; min-height: 50px; padding-top: 13px; padding-left: 20px; font-size: 13px; border-bottom: 1px solid #eee; word-break: keep-all;}
    .book_info03 .t2 li span:first-child{border-top: 1px solid #eee;}
    .book_info03 .t2 .col4 b{margin: 0 20px 0 0;}
    

    /*sub04*/
    .thumbView{height: 300px;}
    #s04_slide .swiper-slide{position: relative; overflow: hidden;}
    #s04_slide .swiper-slide img{width: auto; height: 100%; position: absolute; left: 50%; margin-left: -400px;}
    .slideThumb{height: 105px;}
    .thumbView .swiper-button-prev{width: 25px;}
    .thumbView .swiper-button-next{width: 25px;}

    /*sub05*/
    .board_grid.booking tr td{font-size: 14px;}

    .board_grid.booking tr .col1{display: none;}
    .board_grid.booking tr .col2{width: 20%; padding-right: 10px;}
    .board_grid.booking tr .col3{width: auto; text-align: left; position: relative;}
    .board_grid.booking tr .col4{width: 10%;}
    .board_grid.booking tr .col5{display: none;}
    .board_grid.booking tr .col6{display: none;}

    .board_grid.booking tr .col3 a{width: 100%; position: absolute; height: 100%; top: 0;}
    .board_grid.booking tr .col3 a b{width: 90%; line-height: 70px;}
    .board_grid.booking tr .col3 a.lock::after{height: 100%; width: 13px;}

    /*sub06*/
    .board_grid.notice tr td{font-size: 14px;}
    .board_grid.notice tr .col1{width: 10%;}
    .board_grid.notice tr .col2{width: auto;}
    .board_grid.notice tr .col3{display: none;}
    .board_grid.notice tr .col4{width: 20%;}
    .board_grid.notice tr .col5{display: none;}

    /*board in*/
    .board_write table td, .board_write table input, .board_write table textarea{font-size: 13px;}
    .board_write table .check_wrap span{font-size: 13px;}
    .board_write table .col1{width: 18%; padding: 10px 0 10px 10px;}
    .board_write table .col2{width: auto;}
    .board_write .btn_center .btn_wrap .write_submit{width: 110px; font-size: 14px;}
    
    .search_wrap{width: 100%; height: 90px; padding-top: 24px; text-align: center; margin-top: 45px;}
	.search_wrap .d_select{width: 20%; font-size: 14px; font-weight: 700; padding-left: 10px;}
	.search_wrap .d_input{width: 35%; margin: 0 5px;}
	.search_wrap .d_btn{width: 10%; font-size: 14px; font-weight: 700; background: #5b5b5b; color: #fff;}
}

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

    #sub_wrap{width: 100%; padding: 100px 5% 100px 5%;}
    .sfigure_wrap{height: 200px; margin-top: 80px;}
    .sfigure_wrap .sf_title{font-size: 30px; padding-top: 50px;}
    .sfigure_wrap .slnb_wrap{height: 60px;}
    .sfigure_wrap .slnb li{padding-top: 16px;}
    .sfigure_wrap.s01f .slnb{width: 100%;}
    .sfigure_wrap.s04f .slnb{width: 100%;}
    .sfigure_wrap.s01f .slnb li{width: 33.33%; margin: 0;}
    .sfigure_wrap.s04f .slnb li{width: 25%; margin: 0;}
    .sfigure_wrap .slnb li a{font-size: 16px;}
    
    .sContent .stitle{font-size: 25px;}


    /*sub01-1*/
    .s011box01 .intro_img{width: 100%; height: auto;}
    .s011box01 .intro_img img{width: 100%;}
    .s011box02{width: 100%;}
        .lake_dti{width: 80%; float: none; margin: 0 auto;}
        .lake_dti02{margin-top: 50px;}
        .lake_dti .img_eff{width: 100%; margin: 0 auto; height: 200px;}
        .lake_dti .img_eff .imgWrap img{height: 100%; width: auto;}
        .lake_dti .t1{font-size: 18px;}

    /*sub01-2*/
    .ntd_img{width: 100%;}
    .ntd_img .ibox:nth-child(1){width: 100%;}
    .ntd_img .ibox:nth-child(2){display: none;}

    /*sub01-3*/
    .map_area .root_daum_roughmap .wrap_map{height: 300px;}
    .map_txt .minfo_t{font-size: 23px;}
    .map_txt .mi_box{float: none; width: 90%; height: 120px; margin: 10px auto; padding-top: 15px;}
    .map_txt .mi_box::after{content: ""; display: block; clear: both;}
    .map_txt .mi_box .t1{margin: 0; text-align: left; padding-left: 100px; float: left;}
    .map_txt .mi_box:nth-child(1){background-size: 55px; background-position: top 20px left 20px;}
    .map_txt .mi_box:nth-child(2){background-size: 55px; background-position: top 20px left 20px;}
    .map_txt .mi_box:nth-child(3){background-size: 55px; background-position: top 20px left 20px;}
    .map_txt .mi_box .t2{text-align: left; padding-left: 100px; padding-top: 30px; font-size: 14px; word-break: keep-all;}
    .map_txt .mi_box:nth-child(2) .t2{font-size: 20px; padding-top: 40px;}
    .map_txt .mi_box:nth-child(3) .t2{font-size: 20px; padding-top: 40px;}

    /*sub02,03*/
    .book_info01 .t2{white-space: inherit; word-break: keep-all;}
    .book_info03 .t2::after{content: ""; display: block; clear: both;}
    .book_info03 .t2 li{width: 38%; float: left; border: none; }
    .book_info03 .t2 .row3{width: 38%; border: none;}
    .book_info03 .t2 .row3 span{width: 100%;}
    .book_info03 .t2 .colspan{top: 0; width: 200%;}
    .book_info03 .t2 li:first-child{border: none; width: 24%;}
    .book_info03 .t2 li:first-child span{border-right: 1px solid #eee;}
    .book_info03 .t2 li span{float: none; display: block; width: 100%; text-align: left; min-height: 50px; padding-top: 13px; padding-left: 20px; font-size: 11px; border-bottom: 1px solid #eee; word-break: keep-all;}
    .book_info03 .t2 li span:first-child{border-top: 1px solid #eee;}
    .book_info03 .t2 .col4 b{margin: 0 20px 0 0;}

    /*sub04*/
    .thumbView{height: 250px;}
    #s04_slide .swiper-slide{position: relative; overflow: hidden;}
    #s04_slide .swiper-slide img{width: auto; height: 100%; position: absolute; left: 50%; margin-left: -400px;}
    .slideThumb{height: 80px;}
    .thumbView .swiper-button-prev{width: 20px;}
    .thumbView .swiper-button-next{width: 20px;}

    /*sub05*/
    .board_grid.booking tr td{font-size: 13px;}

    .board_grid.booking tr .col1{display: none;}
    .board_grid.booking tr .col2{width: 24%; padding-right: 0;}
    .board_grid.booking tr .col3{width: auto; text-align: left; position: relative;}
    .board_grid.booking tr .col4{width: 10%;}
    .board_grid.booking tr .col5{display: none;}
    .board_grid.booking tr .col6{display: none;}

    .board_grid.booking tr .col3 a{width: 100%; position: absolute; height: 100%; top: 0;}
    .board_grid.booking tr .col3 a b{width: 80%; line-height: 70px;}
    .board_grid.booking tr .col3 a.lock::after{height: 100%; width: 11px;}
    .board_grid.booking tr .col4 .t_writer{width: 60px;}

    /*sub06*/
    .board_grid.notice tr td{font-size: 13px;}
    .board_grid.notice tr .col1{width: 15%;}
    .board_grid.notice tr .col2{width: auto;}
    .board_grid.notice tr .col3{display: none;}
    .board_grid.notice tr .col4{display: none;}
    .board_grid.notice tr .col5{display: none;}

    /*board in*/
    .board_write table td, .board_write table input, .board_write table textarea{font-size: 13px;}
    .board_write table .check_wrap span{font-size: 13px;}
    .board_write table .col1{width: 25%; padding: 10px 0 10px 10px;}
    .board_write table .col2{width: auto;}
    .board_write .btn_center .btn_wrap .write_submit{width: 110px; font-size: 13px;}

    .search_wrap{width: 100%; height: 90px; padding-top: 24px; text-align: center; margin-top: 45px;}
	.search_wrap .d_select{width: 20%; font-size: 14px; font-weight: 700; padding-left: 10px;}
	.search_wrap .d_input{width: 35%; margin: 0 5px;}
    .search_wrap .d_btn{width: 10%; font-size: 14px; font-weight: 700; background: #5b5b5b; color: #fff;}
    
}