@charset "utf-8";

.sub_cont_wrap { padding: 4.66em 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: 13em; background-image: url(../img/sub_m_visual_sub04.jpg) }
    .sub_visual_wrap.sub01 { background-image: url(../img/sub_m_visual_sub01.jpg) }
    .sub_visual_wrap.sub02 { background-image: url(../img/sub_m_visual_sub02.jpg) }
    .sub_visual_wrap.sub03 { background-image: url(../img/sub_m_visual_sub03.jpg) }
    .sub_visual_wrap.sub04 { background-image: url(../img/sub_m_visual_sub04.jpg) } 
}


/* sub02 */
.sub02_wrap .sub0201 .tit_box{ max-width: 95%; margin: 0 auto; text-align: center; }
.sub02_wrap .sub0201 .spa_tit{ font-size: 1.33em; color:#e67683; margin-bottom: 0.55em; font-weight: 700; }
.sub02_wrap .sub0201_01{ margin-bottom: 6.83em; text-align: center; }
.sub02_wrap .sub0201_01 .tit_box .spa_desc{ font-size: 0.53em; color:#666; margin-bottom:1.87em; line-height: 1.5em; font-weight: 300; }
.sub02_wrap .sub0201_01 .img{ position: relative; max-width: 1200px; margin: 0 auto; height:15em; background:  url('../img/sub0201_img01.jpg')no-repeat; background-size: cover; }
.sub02_wrap .sub0201_01 .txt_box{ position: absolute; left: 50%; transform: translateX(-50%); bottom:-3.8em; background: #f9eeed; opacity: 0.9; text-align: left; width: 1050px; max-width:90%; padding: 1.5em 2em; box-shadow: 4px 7px 7px 2px rgba(0,0,0,0.05);}
.sub02_wrap .sub0201_01 .txt_box .txt_tit{ font-size: 1em; color:#e67683; margin-bottom: 0.7em; }
.sub02_wrap .sub0201_01 .txt_box .txt_desc{ color:#666; font-size: 0.53em; line-height: 1.5em; font-weight: 300; }
.sub02_wrap .sub0201_01 .txt_box .txt_line01{margin-bottom: 1.5em;}
.sub02_wrap .sub0201_01 .txt_box .txt_line01 span{ color:#2e2e2e; font-weight: 700; }
.sub02_wrap .sub0201_02 .tit_box { margin-bottom: 1.83em; }
.sub02_wrap .sub0201_02{ max-width:100%; height: 100%; min-height:700px; background: url("../img/sub0201_bg.jpg")no-repeat; padding: 2.56em 0 3.5em; background-size: cover; }
.sub02_wrap .sub0201_02 .care_list{ text-align: center; }
.sub02_wrap .sub0201_02 .care_list li{ position: relative; display: inline-block; }
.sub02_wrap .sub0201_02 .care_list li:nth-child(2n-1) a{ margin-right: 0.84em; }
.sub02_wrap .sub0201_02 .care_list li:nth-child(2n) a { margin-left: 0.4em; }
.sub02_wrap .sub0201_02 .care_list li:before{ content:''; width: 1px; height: 90%; background: #f1beb9; position: absolute; right: 0; top: 50%; transform:translateY(-50%); }
.sub02_wrap .sub0201_02 .care_list li:last-child:before{ display: none; }
.sub02_wrap .sub0201_02 .care_list li.on a{ color:#fff; background: #f1beb9; }
.sub02_wrap .sub0201_02 .care_list li a{ display: inline-block; border:1px solid #f1beb9; color:#f1beb9; font-size: 0.66em; padding: 0.5em 0.7em; border-radius: 10px;}
.sub02_wrap .sub0201_02 .cont_box_wrap_01 .cont_box{ width:1050px; min-height: 7.5em; margin: 0 auto; background: #f9eeed; border-radius:10px; padding: 1.7em 1em; }
.sub02_wrap .sub0201_02 .cont_box_wrap_01 .cont_box_01{ margin-bottom: 1em; }
.sub02_wrap .sub0201_02 .cont_box_wrap_01 .cont_box .cont_tit{ float: left; width:13%; line-height: 1.2em; font-size:0.9em; text-align: center; color:#666; font-weight: 700; margin:3% 7% 0 0; }
.sub02_wrap .sub0201_02 .cont_box_wrap_01 .cont_box .cont_list_wrap{ width: 80%; float: left; }
.sub02_wrap .sub0201_02 .cont_box_wrap_01 .cont_box .cont_list_wrap .cont_list{ width: 100%;}
.sub02_wrap .sub0201_02 .cont_box_wrap_01 .cont_box .cont_list_wrap .cont_list li{ float: left; width: 20%; text-align: center; }
.sub02_wrap .sub0201_02 .cont_box_wrap_01 .cont_box .cont_list_wrap .cont_list li > p{ color:#7a7878; font-size: 0.6em; margin-top: 1em; font-weight: 300; }
.sub02_wrap .sub0201_02 .cont_box_wrap_02{display: none;}
.sub02_wrap .sub0201_02 .cont_box_wrap_02 .list_wrap .big_list{ width: 1050px; max-width: 90%; margin: 0 auto; }
.sub02_wrap .sub0201_02 .cont_box_wrap_02 .list_wrap .big_list > li{ float: left; width: 32.6%; height:16em; background: #f9eeed; border-radius: 10px; padding: 5% 2%; margin-right: 1%;}
.sub02_wrap .sub0201_02 .cont_box_wrap_02 .list_wrap .big_list > li:last-child{ margin-right: 0; }
.sub02_wrap .sub0201_02 .cont_box_wrap_02 .list_wrap .big_list > li .list_tit{ color:#666; font-size: 0.9em; font-weight: 700; margin-bottom: 14%; text-align: center;}
.sub02_wrap .sub0201_02 .cont_box_wrap_02 .list_wrap .big_list > li:nth-child(2) .list_tit { margin-bottom: 27%; }
.sub02_wrap .sub0201_02 .cont_box_wrap_02 .list_wrap .big_list li:nth-child(2) > .small_list > li:first-child {margin-bottom: 2em;}
.sub02_wrap .sub0201_02 .cont_box_wrap_02 .list_wrap .big_list li > .small_list > li{ position: relative; margin: 0 0 1em 1.5em; }
.sub02_wrap .sub0201_02 .cont_box_wrap_02 .list_wrap .big_list li > .small_list > li img{ width: 70%; max-width: 80px; margin-right: 8%; }
.sub02_wrap .sub0201_02 .cont_box_wrap_02 .list_wrap .big_list li > .small_list > li:last-child{margin-bottom: 0;}
.sub02_wrap .sub0201_02 .cont_box_wrap_02 .list_wrap .big_list li > .small_list > li .cont_desc{ position: absolute; top: 50%; transform:translateY(-50%); color:#7a7878; font-size: 0.6em; display: inline-block; line-height: 1.2em; text-align: center; font-weight: 300; }

.sub02_wrap .sub0201_03{padding: 3em 0 0;}
.sub02_wrap .sub0201_03 .spa_tit{ text-align: center; margin-bottom: 1.5em; }
.sub02_wrap .sub0201_03 .cont_box .img{ float: left; width: 48%; height: 100%; }
.sub02_wrap .sub0201_03 .cont_box .img img{ width: 100%; height: 100%; }
.sub02_wrap .sub0201_03 .cont_box .cont_desc_wrap .cont_box_up{float: right; width: 49.5%;}
.sub02_wrap .sub0201_03 .cont_box .cont_desc_wrap .cont_box_down{float: right; width: 49.5%;}
.sub02_wrap .sub0201_03 .cont_box .cont_desc_wrap .cont_desc{ color:#666; font-size: 0.53em; line-height: 1.8em; margin-bottom: 1.23em; word-break:keep-all; font-weight: 300; }
.sub02_wrap .sub0201_03 .cont_box .cont_desc_wrap .cont_tit{ color:#e67683; font-size: 0.66em; font-weight: 700; line-height: 2em; }

.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: #e67683; 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: #e67683; }
.sub02_wrap .program_wrap .list_wrap li .txt_box .list_desc { margin-top: 1em; word-break: keep-all; font-weight: 300; }

@media(max-width:1193px){
    .sub02_wrap .sub0201_03 .cont_box .cont_desc_wrap .cont_desc br{display: none;}
}

@media(max-width:1099px){
    .sub_cont_wrap{padding: 1.5em 0;}
    .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; }
    .sub02_wrap .sub0201_01 .tit_box{ margin-bottom: 0; }
}
@media(max-width:1080px){
.sub02_wrap .sub0201_02 { padding: 1.2em 0; }
.sub02_wrap .sub0201 .tit_box { margin-bottom: 0.8em; }
.sub02_wrap .sub0201_01 .txt_box{ padding: 0.8em 1.1em; bottom: -5.5em; }
.sub02_wrap .sub0201_02 .cont_box_wrap .list_wrap .big_list li > .small_list > li img{ margin-right: 0; }
.sub02_wrap .sub0201_02 .cont_box_wrap .cont_box { width: 90%; padding: 5% 7%; }
.sub02_wrap .sub0201_02 .cont_box_wrap .cont_box .cont_tit { float:none; width: 100%; margin: 0; margin-bottom: 1.3em; }
.sub02_wrap .sub0201_02 .cont_box_wrap .cont_box .cont_tit br { display: none; }
.sub02_wrap .sub0201_02 .cont_box_wrap .cont_box .cont_list_wrap { width: 100%; }
.sub02_wrap .sub0201_02 .care_list li:before { height: 60%; }
.sub02_wrap .sub0201_02 .cont_box_wrap_02 .list_wrap .big_list > li{ width: 100%; height: auto; margin-right: 0; margin-bottom: 1em; padding: 5% 2% 6%;}
.sub02_wrap .sub0201_02 .cont_box_wrap_02 .list_wrap .big_list > li:last-child{margin-bottom: 0;}
.sub02_wrap .sub0201_02 .cont_box_wrap_02 .list_wrap .big_list > li:nth-child(2) .list_tit { margin-bottom: 1.3em; }
.sub02_wrap .sub0201_02 .cont_box_wrap_02 .list_wrap .big_list > li:nth-child(2) > .small_list{ max-width: 57%; margin: 0 auto; }
.sub02_wrap .sub0201_02 .cont_box_wrap_02 .list_wrap .big_list > li:nth-child(2) > .small_list li{ width: 50%; }
.sub02_wrap .sub0201_02 .cont_box_wrap_02 .list_wrap .big_list li:nth-child(2) > .small_list > li:first-child { margin-bottom: 0; }
.sub02_wrap .sub0201_02 .cont_box_wrap_02 .list_wrap .big_list > li .list_tit{margin-bottom: 1.3em;}
.sub02_wrap .sub0201_02 .cont_box_wrap_02 .list_wrap .big_list li > .small_list{ max-width:80% ; margin: 0 auto; }
.sub02_wrap .sub0201_02 .cont_box_wrap_02 .list_wrap .big_list li > .small_list > li{ width: 33%; float: left; text-align: center; margin: 0; }
.sub02_wrap .sub0201_02 .cont_box_wrap_02 .list_wrap .big_list li > .small_list > li .cont_desc{ position: unset; transform:none; display: block; margin-top: 1em; }
.sub02_wrap .sub0201_02 .cont_box_wrap_02 .list_wrap .big_list li > .small_list > li:nth-child(2) {margin-bottom: 0;}
}
@media(max-width:960px){
    .sub02_wrap .sub0201_01 .img{ height: 9em; }
    .sub02_wrap .sub0201 .spa_tit{ font-size: 1.1em; margin-bottom: 0.8em; }
    .sub02_wrap .sub0201_03{ padding: 1.9em 0 0; }
    .sub02_wrap .sub0201_03 .cont_box .img{ margin-top: 2%; margin-bottom: 0.5em; }
    .sub02_wrap .sub0201_03 .cont_box .cont_desc_wrap .cont_box_up{ margin-top: 1%; }
    .sub02_wrap .sub0201_03 .cont_box .cont_desc_wrap .cont_box_down{ width: 100%; }
}
@media(max-width:768px){
    .sub02_wrap .sub0201_02 .cont_box_wrap_02 .list_wrap .big_list li > .small_list{ max-width: 100%; }
    .sub02_wrap .sub0201_02 .cont_box_wrap_02 .list_wrap .big_list li:nth-child(2) > .small_list{ max-width: 80%; margin: 0 auto; }
    .sub02_wrap .sub0201_03 .cont_box .img{ float: none; width: 100%; height: auto; margin-right: 0; }
    .sub02_wrap .sub0201_03 .cont_box .cont_desc_wrap .cont_box_up{ float:none; width: 100%; }  
}
@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; }
    
    .sub02_wrap .sub0201_01 .txt_box .txt_desc br { display: none; }

    
    .sub02_wrap .sub0201_02 .care_list li:before { height: 65%; }
    .sub02_wrap .sub0201_02 .cont_box_wrap .cont_box .cont_list_wrap .cont_list li { width: 33.3%; margin-bottom: 1em; }
    .sub02_wrap .sub0201_02 .cont_box_wrap .cont_box .cont_list_wrap .cont_list li:nth-child(4) { width: 50%; margin-bottom: 0; }
    .sub02_wrap .sub0201_02 .cont_box_wrap .cont_box .cont_list_wrap .cont_list li:nth-child(5) { width: 50%; margin-bottom: 0; }
    .sub02_wrap .sub0201_03 .cont_box .cont_desc_wrap > p br{display: none;}
    .sub02_wrap .sub0201_03 .cont_box .cont_desc_wrap > p >span br{ display: block; }
}


/* 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: #e67683; 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; color:#edaca5; }
.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; margin-top: 20px;}
.sub04_wrap .usage_wrap .com_table .point_line th, .sub04_wrap .usage_wrap .com_table .point_line td { border-top: 0.14em solid #e67683; }
.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 br.view_br, .sub04_wrap .usage_wrap .com_table td br.view_br { display: block; }

.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:#e67683; 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: #f1beb8; 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: #f9eeed;  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.55em; }
    .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; }
}