@charset "utf-8";

.sub_cont_wrap { padding: 1.33em 0; }

.sub_visual_wrap { position: relative; width: 100%; height: 9.3em; background-repeat: no-repeat; background-position: center center; background-size: cover; background-image: url(../img/sub_visual_sub04.jpg); }
.sub_visual_wrap .txt_box { position: absolute; width: 100%; color: #fff; text-align: center; }
.sub_visual_wrap .txt_box .sub_tit { font-size: 1.5em; font-weight: 600; word-break:keep-all; }
.sub_visual_wrap .txt_box .sub_desc { font-size: 0.7em; margin-top: 0.7em; }

.sub_visual_wrap.sub01 { background-image: url(../img/sub_visual_sub01.jpg) } 
.sub_visual_wrap.sub02 { background-image: url(../img/sub_visual_sub02.jpg) } 
.sub_visual_wrap.sub03 { background-image: url(../img/sub_visual_sub03.jpg) } 
.sub_visual_wrap.sub04 { background-image: url(../img/sub_visual_sub04.jpg) }
.sub_visual_wrap.sub06 { background-image: url(../img/sub_visual_sub06.jpg) } 
.sub_visual_wrap.sub07 { background-image: url(../img/sub_visual_sub07.jpg) }
.sub_visual_wrap.sub09 { background-image: url(../img/sub_visual_sub09.jpg) }

@media(max-width:700px){
    .sub_visual_wrap { height: 10em; }
}

/* sub01 */
.sub01_wrap .facility_wrap {  }
.sub01_wrap .facility_wrap .facility_tit { text-align: center; margin-bottom: 1.5em; }
.sub01_wrap .facility_wrap .list_wrap { position: relative; height: 500px; border-radius: 20px; background:#f4f4f4; }
.sub01_wrap .facility_wrap .list_wrap .ready_desc { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); text-align: center; word-break: keep-all; line-height: 1.5em; }

/* sub02 */
.sub02_wrap .program_wrap { margin-top: 5em; }
.sub02_wrap .program_wrap:first-child { margin-top: 0; }
.sub02_wrap .program_wrap .program_tit { position: relative; font-size: 1em; color: #1e1d3e; margin-bottom: 1.8em; }
.sub02_wrap .program_wrap .program_tit:after { content: ''; display: block; width: calc(100% - 14.4em); height: 100%; position: absolute; right: 0; bottom: 0; background: url(../img/sub02_bg.png) repeat-x right center; }
.sub02_wrap .program_wrap .list_wrap li { float: left; width: 32%; margin-right: 2%; margin-top: 2%; }
.sub02_wrap .program_wrap .list_wrap li:nth-child(3n) { margin-right: 0; }
.sub02_wrap .program_wrap .list_wrap li:nth-child(-n+3) { margin-top: 0; }
.sub02_wrap .program_wrap .list_wrap li .thum { width: 100%; height: 8.43em; overflow: hidden; }
.sub02_wrap .program_wrap .list_wrap li .thum img { width: 100%; height: 8.43em; object-fit: cover; }
.sub02_wrap .program_wrap .list_wrap li .txt_box { text-align: center; width: 100%; overflow: hidden; padding: 1.65em 0.5em; background-color: #f4f4f4; height: 6.7em; }
.sub02_wrap .program_wrap .list_wrap li .txt_box .list_tit { font-size: 0.8em; font-weight: 600; color: #c89663; }
.sub02_wrap .program_wrap .list_wrap li .txt_box .list_desc { margin-top: 1em; word-break: keep-all; }

/* 211124 Y add */
.sub02_topbanner { position: relative; width: 100%; max-width: 1200px; text-align: right; background-color: #fef7ec; overflow: hidden; margin: 0 auto 1.8em; }
.sub02_topbanner .ban_img01 { width: 33%; position: absolute; left: 3%; top: 55%; transform: translateY(-50%); }
.sub02_topbanner .txt_wrap { text-align: left; position: absolute; z-index: 1; color: #c89663; line-height: 1.6em; left: 39%; top: 50%; transform: translateY(-50%); word-break: keep-all; }
.sub02_topbanner .small_txt { }
.sub02_topbanner .big_txt { font-size: 1.3em; }
.sub02_topbanner .ban_img02 { width: 33%; }
/* 211124 Y add */

@media(max-width:1099px){
    .sub0201_wrap.guide { width: 100%; margin: 0% auto; }
    .sub0201_wrap > div { display: none; }
    .sub0201_wrap .mob_view { display: block; }
    .sub02_wrap .program_wrap .list_wrap li { width: 49%; margin-right: 2%; margin-top: 2%; }
    .sub02_wrap .program_wrap .list_wrap li:nth-child(-n+3), .sub02_wrap .program_wrap .list_wrap li:nth-child(3n) { margin-right: 2%; margin-top: 2%; }
    .sub02_wrap .program_wrap .list_wrap li:nth-child(2n) { margin-right: 0; }
    .sub02_wrap .program_wrap .list_wrap li:nth-child(-n+2) { margin-top: 0; }
}
@media(max-width:900px){
    /* 211124 Y add */
    .sub02_topbanner { text-align: center; padding: 12% 2%; }
    .sub02_topbanner .ban_img01 { width: 70%; max-width: 400px; position: static; transform: none; }
    .sub02_topbanner .txt_wrap { text-align: center; position: static; transform: none; margin-top: 2%; }
    .sub02_topbanner .ban_img02 { display: none; }
    /* 211124 Y add */
}
@media(max-width:675px){
    .sub02_wrap .program_wrap .list_wrap li { width: 100%; margin-right: 0; margin-top: 2%; }
    .sub02_wrap .program_wrap .list_wrap li:nth-child(-n+2) { margin-top: 2%; margin-right: 0; }
}
/* 211124 Y add */
@media(max-width:440px){
    .sub02_topbanner .txt_wrap { font-size: 0.8em; }
}
@media(max-width:350px){
    .sub02_topbanner .txt_wrap { font-size: 0.7em; }
}
/* 211124 Y add */



/* sub0402 이용금액 */
.sub04_wrap .usage_wrap { margin-top: 4.33em; }
.sub04_wrap .usage_wrap:first-child { margin-top: 0; }
/*.sub04_wrap .usage_wrap > div { float: left; } */
.sub04_wrap .usage_wrap .com_tit_wrap { width: 26%; color: #84644f; padding-right: 3%; }
.sub04_wrap .usage_wrap .com_tit_wrap .icon img { width: 3.3em; }
.sub04_wrap .usage_wrap .com_tit_wrap .tit { font-size: 48px; margin: 0.4em 0 0.3em; line-height: 1.3; }
.sub04_wrap .usage_wrap .com_tit_wrap .tit_sub { font-size: 0.8em; font-weight: 300; margin-bottom: 20px;}
.sub04_wrap .usage_wrap .table_wrap { width: 100%; } 
.sub04_wrap .usage_wrap .com_table { width: 100%; font-size: 0.5em; text-align: center; line-height: 1.65; }
.sub04_wrap .usage_wrap .com_table .point_line th, .sub04_wrap .usage_wrap .com_table .point_line td { border-top: 0.14em solid #c89663; font-weight: bold; }
.sub04_wrap .usage_wrap .com_table .event { color: #c89663; }
.sub04_wrap .usage_wrap .com_table .txt_left { text-align: left; }
.sub04_wrap .usage_wrap .com_table th, .sub04_wrap .usage_wrap .com_table td { padding: 1em 2%; }
.sub04_wrap .usage_wrap .com_table th br, .sub04_wrap .usage_wrap .com_table td br { display: none; }
.sub04_wrap .usage_wrap .com_table th { font-weight: bold; border-bottom: 1px solid #fff; background-color: #f4f4f4; }
.sub04_wrap .usage_wrap .com_table td { border-left: 0.33em solid #fff; border-bottom: 1px solid #f4f4f4; word-break: keep-all; font-weight: 300; }
.sub04_wrap .usage_wrap .com_table.usage_fee_table tbody tr th { white-space: nowrap; }
.sub04_wrap .usage_wrap .refund_policy_table th { border-left: 0.33em solid #fff; }
.sub04_wrap .usage_wrap .refund_policy_table thead tr th:first-child, .sub04_wrap .usage_wrap .refund_policy_table tbody tr td:first-child { border-left: 0; }
.sub04_wrap .usage_wrap .table_guide_txt { margin: 0.5em 0 1.0em; }
.sub04_wrap .usage_wrap .table_guide_txt p { position: relative; font-size: 0.43em; line-height: 1.4; color: #999; padding-left: 0.8em; }
.sub04_wrap .usage_wrap .table_guide_txt p:after { content: '-'; position: absolute; top: 0; left: 0; }
.sub04_wrap .usage_wrap .btn_wrap { text-align: center; }
.sub04_wrap .usage_wrap .btn_wrap .view_btn { font-size: 0.43em; color: #fff; padding: 1em 3.5em; border-radius: 0.9em; background-color: #84644f; box-shadow: 0.4em 0.4em 1em rgba(0,0,0,0.15); margin-top: 40px;}

.sub04_wrap .entrance_guide .com_tit_wrap { width: 15%; }
.sub04_wrap .entrance_guide .guide_txt_wrap { width: 85%; }
.sub04_wrap .entrance_guide .guide_txt_wrap .txt_wrap p { position: relative; font-size: 0.5em; line-height: 1.5; margin-bottom: 0.7em; word-break: keep-all; padding-left: 0.8em; }
.sub04_wrap .entrance_guide .guide_txt_wrap .txt_wrap p:before { content: '·'; display: block; position: absolute; top: 0; left: 0; }
.sub04_wrap .entrance_guide .guide_txt_wrap .txt_gray { color: #999; font-weight: 300; }
.sub04_wrap .entrance_guide .guide_txt_wrap .txt_box { font-size: 0.43em; line-height: 1.5; word-break: keep-all; padding: 1em; background-color: #f4f4f4; margin-bottom: 1em; }
.sub04_wrap .entrance_guide .guide_txt_wrap .txt_wrap .comment { font-size: 0.5em; color: #efe7d9; font-weight: 300; margin-top: 1.3em; }
.sub04_wrap .entrance_guide.banner_wrap { margin-top: 3em; }
.sub04_wrap .entrance_guide.banner_wrap .banner { position: relative; float: none; width: 100%; }
.sub04_wrap .entrance_guide.banner_wrap .banner.banner_01 { background-color: #efe7d9;  text-align: right; }
.sub04_wrap .entrance_guide.banner_wrap .banner.banner_02 { background-color: #f4f4f4; }
.sub04_wrap .entrance_guide.banner_wrap .banner .com_tit_wrap {  width: 50%; position: absolute; top: 50%; transform: translateY(-50%); text-align: left; }
.sub04_wrap .entrance_guide.banner_wrap .banner .com_tit_wrap .tit { margin-top: 0; }
.sub04_wrap .entrance_guide.banner_wrap .banner .com_tit_wrap .desc { font-size: 0.5em; color: #444; line-height: 1.4; margin-top: 2.2em; word-break: keep-all; }
.sub04_wrap .entrance_guide.banner_wrap .banner.banner_02 .com_tit_wrap { right: 0; }
.sub04_wrap .entrance_guide.banner_wrap .banner .img { width: 100%; }
.sub04_wrap .entrance_guide.banner_wrap .banner.banner_02 .img { width: 50%; text-align: center; padding: 2.7em 0; }


@media(max-width:1000px){
    .sub04_wrap .usage_wrap > div { float: none; }
    .sub04_wrap .usage_wrap .com_tit_wrap, .sub04_wrap .usage_wrap .table_wrap { width: 100%; }
    .sub04_wrap .usage_wrap .com_tit_wrap { position: relative; width: 8.3em; padding-right: 0; margin: 0 auto 1.5em; } 
    .sub04_wrap .usage_wrap .com_tit_wrap .icon img {  }
    .sub04_wrap .usage_wrap .com_tit_wrap .txt_wrap { position: static; transform: none; margin: 0 auto; text-align: center; }
    .sub04_wrap .usage_wrap .com_tit_wrap .tit { margin-top: 0; }
    .sub04_wrap .entrance_guide .guide_txt_wrap { width: 100%; }
    .sub04_wrap .usage_wrap .table_wrap {margin-top: 2em;}
}
@media(max-width:880px){
    .sub04_wrap .usage_wrap { margin-top: 3.33em; }
    .sub04_wrap .usage_wrap .com_table { font-size: 0.4em; }
    .sub04_wrap .entrance_guide.banner_wrap .banner .com_tit_wrap { position: initial; transform: initial; width: 100%; text-align: center; margin: 0; padding: 2em 0 3em; }
    .sub04_wrap .entrance_guide.banner_wrap .banner.banner_01 .com_tit_wrap { padding: 3em 0; } 
    .sub04_wrap .entrance_guide.banner_wrap .banner.banner_01 .img { display: none; }
    .sub04_wrap .entrance_guide.banner_wrap .banner.banner_02 .img { padding: 2.7em 0 0; width: 10em; margin: 0 auto; }
    .sub04_wrap .usage_wrap .com_table th br, .sub04_wrap .usage_wrap .com_table td br { display: inline; }
}


/* sub0403 고객표준약관 */
.layout-content-wrap { width: 90%; padding: 5%; }


@media(max-width:700px){
    .sub_visual_wrap .txt_box .sub_tit { font-size: 1.33em; }
    .sub02_wrap .program_wrap .program_tit { font-size: 0.75em; }
}