@charset "utf-8";

.sub_cont_wrap { padding: 3.33em 0; }

.sub_visual_wrap { position: relative; width: 100%; height: 13.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; }
.sub_visual_wrap .txt_box .sub_desc { font-size: 0.4em; margin-top: 1.2em; }

.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) } 

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


/* 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% - 10.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; }

@media(max-width:1099px){
    .sub0201_wrap.guide { width: 100%; margin: -3.33em 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: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; }
}


/* 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: #c89663; 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: 1em; margin: 0.4em 0 0.3em; line-height: 1.3; }
.sub04_wrap .usage_wrap .com_tit_wrap .tit_sub { font-size: 0.5em; font-weight: 300; }
.sub04_wrap .usage_wrap .table_wrap { width: 74%; } 
.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; }
.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; }
.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.7em 0 1.6em; }
.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: #c89663; box-shadow: 0.4em 0.4em 1em rgba(0,0,0,0.15) }

.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: absolute; right: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); }
    .sub04_wrap .usage_wrap .com_tit_wrap .tit { margin-top: 0; }
    .sub04_wrap .entrance_guide .guide_txt_wrap { width: 100%; }
}
@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; }
}