/************************ 서브페이지공통 ******************************/
.sub_inner {max-width: 1280px; margin: 0 auto;}

@media all and (max-width: 1420px){
    .sub_inner {max-width: 80%; margin: 0 auto;}
}

@media all and (max-width: 768px){
    .sub_inner {max-width: 90%; margin: 0 auto;}
}

#sub_visual {height: 480px;}
.sub1_visual {background: url('../img/sub/sub1_visual.jpg') center no-repeat; background-size: cover;}
.sub2_visual {background: url('../img/sub/sub2_visual.jpg') center no-repeat; background-size: cover;}
.sub3_visual {background: url('../img/sub/sub3_visual.jpg') center no-repeat; background-size: cover; border-radius: 0 0 60px 60px;}
.sub4_visual {background: url('../img/sub/sub4_visual.jpg') center; background-size: cover;}
.sub5_visual {background: url('../img/sub/sub5_visual.jpg') center no-repeat; background-size: cover;}
.visual_txt {color: #fff; font-size: 35px; position: absolute; width: 100%; bottom: 50px;}

@media all and (max-width: 768px){
    #sub_visual {height: 60vw;}
    .sub1_visual {background: url('../img/sub/mo/sub1_visual_mo.png') center no-repeat; background-size: cover;}
    .sub2_visual {background: url('../img/sub/mo/sub2_visual_mo.png') center no-repeat; background-size: cover;}
    .sub3_visual {background: url('../img/sub/mo/sub3_visual_mo.png') center no-repeat; background-size: cover; border-radius: 0;}
    .sub4_visual {background: url('../img/sub/mo/sub4_visual_mo.png') center no-repeat; background-size: cover;}
    .sub5_visual {background: url('../img/sub/mo/sub5_visual_mo.png') center no-repeat; background-size: cover;}
    .visual_txt {color: #fff; font-size: 25px; position: absolute; width: 100%; bottom: 20px;}
}

.sub_tab_wrap {border-radius: 0 0 65px 65px; background: #F6F6F6;}
.sub_tab {margin-bottom: 50px; align-items: center;}
.tab_menu {color: #888888; font-size: 20px; width: 100%;}
.tab_menu:hover {color: #212121}
.tab_menu.on {background: #fff; color: #FF616B; font-weight: bold}
.tab_menu.on:hover {color: #FF616B;}
.tab_menu a {display: block; text-align: center; padding: 22px 0; line-height: 1;}

.sub_box {display: none; padding-top: 100px;}
.sub_box.on {display: block}

.sub_title {justify-content: space-between; align-items: baseline; border-bottom: 1px solid #FF616B; padding-bottom: 16px; margin-bottom: 50px}
.sub_title .tit {align-items: baseline;}
.sub_title .tit h2 {font-size: 40px; font-weight: bold; margin-right: 16px; color: #212121; position: relative;}
.sub_title .tit h2::after {content: '';display: block; position: absolute; height: 3px; width: 100%; bottom: -18px; background: #FF616B;}
.sub_title .tit span {font-size: 28px; color: #BBBBBB}
.sub_title .tit_menu {font-size: 16px; color: #AAAAAA;}
.sub_title .tit_menu span.this {color: #333333;}
.sub_title .tit_menu i {padding: 0 3px}

@media all and (max-width: 768px){
    .sub_tab_wrap {border-radius:0;}
    .sub_tab {margin-bottom: 20px; max-width: 100%; align-items: stretch;}
    .tab_menu {font-size: 11px; display: flex; align-items: center; justify-content: center;}
    .tab_menu a {padding: 15px 0; line-height: 1.2;}

    .sub_box {padding-top: 30px;}

    .sub_title {padding-bottom: 8px; margin-bottom: 0px;}
    .sub_title .tit h2 {font-size: 22px; margin-right: 10px;}
    .sub_title .tit h2::after {bottom: -10px;}
    .sub_title .tit span {font-size: 16px;}
}

/************************ 서브1 ******************************/

.sub1_top_cont {padding-bottom: 50px;}
.sub1_top_cont .cont_text {align-items: center; margin: 0 0 77px; padding-top: 50px;}
.sub1_top_cont .sub1_tab1_swiper {width: 580px; overflow: hidden;}
.sub1_top_cont .sub1_tab1_swiper .swiper-pagination {display: inline-block; color: #fff; background: rgba(0,0,0,0.6); width: auto; font-size: 11px; padding: 3px 11px; border-radius: 20px; font-weight: 100; left: auto; right: 30px; bottom: 6%}
.sub1_top_cont .sub1_tab2_swiper {width: 580px; overflow: hidden;}
.sub1_top_cont .sub1_tab2_swiper .swiper-pagination {display: inline-block; color: #fff; background: rgba(0,0,0,0.6); width: auto; font-size: 11px; padding: 3px 11px; border-radius: 20px; font-weight: 100; left: auto; right: 30px; bottom: 6%}
.sub1_top_cont .sub1_tab3_swiper {width: 580px; overflow: hidden;}
.sub1_top_cont .sub1_tab3_swiper .swiper-pagination {display: inline-block; color: #fff; background: rgba(0,0,0,0.6); width: auto; font-size: 11px; padding: 3px 11px; border-radius: 20px; font-weight: 100; left: auto; right: 30px; bottom: 6%}
.sub1_top_cont .text {margin-left: 60px;}
.sub1_top_cont .text .tit {font-size: 30px; font-weight: bold; padding-bottom: 50px;}
.sub1_top_cont .text .sub_tit {font-size: 23px;}
.sub1_top_cont .text .cont {font-size: 18px; padding: 20px 0; color: #666666}
.sub1_top_cont .text .tag {padding-bottom: 60px;}
.sub1_top_cont .text .tag li {font-size: 15px; color: #888888; border: 1px solid #E0E0E0; border-radius: 80px; padding: 6px 16px; box-sizing: border-box; margin-right: 5px;}
.sub1_top_cont .text .link_button {}
.sub1_top_cont .text .link_button a {display: inline-block; padding: 15px 24px; color: #888888; background: #F6F6F6; margin-right: 10px;}
.sub1_top_cont .text .link_button a.on {color: #fff; background: #FF616B;}
.sub1_top_cont .text .link_button a:hover {font-weight: 500}
.sub1_top_cont .cont_text .text .link_button a i {padding-left: 15px}

.sub1_bot_cont {background: #F8F8F8; padding: 100px 0;}
.calendar {background: #FFFFFF; border-radius: 30px; padding: 50px 40px; box-sizing: border-box;}
.cal_tab_wrap {border-bottom: 1px solid #707070;}
.cal_tab {text-align: center; width: 100%; font-size: 20px; font-weight: 500; color: #888888; padding-bottom: 12px; cursor: pointer;}
.cal_tab.on {font-weight: bold; color: #212121; position: relative;}
.cal_tab.on::after {content: ''; display: block; position: absolute; border-bottom: 3px solid #212121; height: 3px; width: 100%; bottom: -2px}
.cal_box {display: none; padding-top: 40px;}
.cal_box.on {display: block;}
.cal_box_btn {text-align: right; padding-top: 30px;}
.cal_box_btn button {padding: 10px 20px; font-size: 16px; border: 1px solid #CCCCCC;}
.cal_box_btn button a {display: flex; color: #333333; font-weight: 300; align-items: center;}
.cal_box_btn button a i {transform: rotate(270deg); display: inline-block; width: 15px; margin-left: 10px;}
.step1_cal {padding-bottom: 40px;}
.cal_list {}
.cal_list li {margin-bottom: 15px}
.cal_list li:last-child {margin-bottom: 0}
.cal_list li .cal_list_tit {align-items: center; position: relative; border: 1px solid #E0E0E0; cursor: pointer;}
.cal_list li .cal_list_tit .cal_day {display: inline-block; padding: 18px 30px; background: #FFE2E4; color: #333333; font-size: 20px; line-height: 1; font-weight: bold}
.cal_list li .cal_list_tit .cal_sbj {padding: 0 38px; font-size: 18px; color: #212121; font-weight: 500;}
.cal_list li .cal_list_tit .cal_sbj i {font-size: 18px; font-weight: 400; color: #666666}
.cal_list li .cal_list_tit .arr {width: 18px; position: absolute; top: 50%; right: 38px; transform: translateY(-50%); filter: brightness(0);}
.cal_list li .cal_list_tit .arr.on img {transition: 0.5s;}
.cal_list li .cal_list_tit .arr.on img {transform: rotate(180deg);}
.cal_list li .cal_cont {display: none; border-bottom: 1px solid #E0E0E0; position: relative;}
.cal_list li .cal_cont::after {content: ''; display: block; position: absolute; width: 1px; height: 100%; background: #E0E0E0; right: 0; top: 0;}
.cal_list li .cal_cont::before {content: ''; display: block; position: absolute; width: 1px; height: 100%; background: #E0E0E0; left: 0; top: 0;}

@media all and (max-width: 1480px){
    .sub1_top_cont .mid_img > img {width: 100%}
}

@media all and (max-width: 768px){
    .sub1_top_cont {padding-bottom: 30px;}
    .sub1_top_cont .cont_text {flex-direction: column; padding-top: 20px; align-items: baseline; margin: 0 0 40px;}
    .sub1_top_cont .sub1_tab1_swiper {width: 100%;}
    .sub1_top_cont .sub1_tab2_swiper {width: 100%;}
    .sub1_top_cont .sub1_tab3_swiper {width: 100%;}
    .sub1_top_cont .text {margin-left: 0; margin-top: 20px;}
    .sub1_top_cont .text .tit {font-size: 18px; padding-bottom: 20px;}
    .sub1_top_cont .text .sub_tit {font-size: 16px;}
    .sub1_top_cont .text .cont {font-size: 14px; padding: 16px 0; font-weight: 300; line-height: 1.3;}
    .sub1_top_cont .text .tag {padding-bottom: 40px}
    .sub1_top_cont .text .tag li {font-size: 12px; padding: 3px 8px;}
    .sub1_top_cont .text .link_button {display: flex;}
    .sub1_top_cont .text .link_button a {margin-right: 0; width: 100%; text-align: center; padding: 8px 24px; font-size: 14px;}

    .sub1_bot_cont {padding: 30px 0;}
    .calendar {padding: 20px 15px;}
    .cal_tab {font-size: 13px;}
    .cal_box {padding-top: 30px;}
    .cal_box_btn {text-align: right; padding-top: 20px;}
    .cal_box_btn button {padding: 8px 10px; font-size: 14px; border: 1px solid #CCCCCC;}
    .cal_box_btn button a i { width: 12px; margin-left: 6px;}
    .step1_cal {padding-bottom: 30px;}
    .cal_list li {margin-bottom: 8px;}
    .cal_list li .cal_cont {padding: 5% 3%;}
    .cal_list li .cal_list_tit .cal_day {font-size: 13px; padding: 8px 12px; font-weight: 500;}
    .cal_list li .cal_list_tit .cal_sbj {font-size: 13px; padding: 0 12px; font-weight: 400;}
    .cal_list li .cal_list_tit .cal_sbj i {font-size: 11px; font-weight: 300;}
    .cal_list li .cal_list_tit .arr {width: 10px; right: 8px;}
}

/************************ 서브2 ******************************/
.sub2_bg {padding: 20px 0 110px;}
.sub2_bg_tab1 {background: url('../img/sub/sub2_tab1_bg.png') center no-repeat; background-position: bottom;}
.sub2_bg_tab3 {background: url('../img/sub/sub2_tab3_bg.png') center no-repeat; background-position: bottom; padding-bottom: 350px;}
.sub2_bg_tab5 {background: url('../img/sub/sub2_tab5_bg.png') center no-repeat; background-position: bottom;}

@media all and (max-width: 768px){
    .sub2_bg_tab1 {background: url('../img/sub/mo/sub2_tab1_bg_mo.png') center no-repeat; background-position: bottom; background-size: contain;}
    .sub2_bg_tab3 {background: url('../img/sub/mo/sub2_tab3_bg_mo.png') center no-repeat; background-position: bottom; background-size: contain; padding-bottom: 270px;}
    .sub2_bg_tab5 {background: url('../img/sub/mo/sub2_tab5_bg_mo.png') center no-repeat; background-position: bottom; background-size: contain;}
}

/************************ 서브3 ******************************/
.sub3_bg {padding-bottom: 90px}
.sub3_list_wrap {flex-wrap: wrap; padding-top: 20px;}
.sub3_list {width: calc((100% - 50px) / 3); margin-right: 25px; margin-bottom: 70px}
.sub3_list:nth-child(3n) {margin-right: 0}
.sub3_list a {}
.sub3_list a .img {overflow: hidden;}
.sub3_list a .img img {transition: 0.2s}
.sub3_list a:hover .img img {transform: scale(1.1);}
.sub3_list a .text {padding-top: 20px}
.sub3_list a .text .tit {font-size: 25px; font-weight: 500; color: #212121; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.sub3_list a:hover .text .tit {color: #FF616B}
.sub3_list a .text .name {font-size: 18px; color: #363636; padding: 10px 0 30px;}
.sub3_list a .text .day {font-size: 18px; color: #888888; display: block;}

@media all and (max-width: 768px){
    .sub3_list {width: calc((100% - 15px) / 2); margin-right: 15px; margin-bottom: 20px;}
    .sub3_list:nth-child(3n) {margin-right: 15px;}
    .sub3_list:nth-child(2n) {margin-right: 0;}
    .sub3_list a .text {padding-top: 10px;}
    .sub3_list a .text .tit {font-size: 12px;}
    .sub3_list a .text .name {font-size: 10px; padding: 5px 0 10px; font-weight: 300;}
    .sub3_list a .text .day {font-size: 10px; font-weight: 300;}
}

/************************ 서브4 ******************************/
.sub4_bg {padding-bottom: 160px;}
.sub4_title {position: relative; padding-bottom: 50px}
.sub4_title h3 {font-size: 30px; font-weight: bold; padding-bottom: 10px}
.sub4_title li {font-size: 15px; color: #888888; border: 1px solid #E0E0E0; border-radius: 80px; padding: 6px 16px; box-sizing: border-box; margin-right: 5px;}
.sub4_title div {position: absolute; right: 0; top:0; font-size: 16px; font-weight: 500; padding: 10px 20px; background: #FF616B;}
.sub4_title div a {display: block; color: #fff;}
.sub4_title div a i {padding-left: 15px;}

@media all and (max-width: 768px){
    .sub4_bg {padding-bottom: 30px;}
    .sub4_title {padding-top: 20px; padding-bottom: 20px;}
    .sub4_title h3 {font-size: 18px;}
    .sub4_title li {font-size: 12px; padding: 3px 8px;}
    .sub4_title div {position: relative; text-align: center; padding: 8px 20px; font-size: 13px; margin-top: 20px;}
}

/************************ 서브5 ******************************/
.sub5_bg {padding-bottom: 110px}
.sub5_tb_wrap {border-top: 1px solid #212121; border-bottom: 1px solid #212121; margin-bottom: 50px;}
.sub5_tb {}
.sub5_tb thead {}
.sub5_tb thead tr {font-size: 16px; color: #666666; background: #F9F9F9; border: 1px solid #E7E7E7;}
.sub5_tb thead tr th {padding: 18px 0;}
.sub5_tb tbody {}
.sub5_tb tbody tr {font-size: 18px; color: #666666; border-bottom: 1px solid #E0E0E0}
.sub5_tb tbody tr td {padding: 20px 0;}
.sub5_tb tbody tr td.num,
.sub5_tb tbody tr td.day {text-align: center}
.sub5_tb tbody tr td.sbj {padding-left: 3rem;}

.sub5_faq {border-top: 1px solid #212121; border-bottom: 1px solid #212121; margin-bottom: 110px;}
.sub5_faq > li {color: #333333}
.sub5_faq .sub5_faq_question {justify-content: space-between; align-items: center; padding: 20px 30px; cursor: pointer;}
.sub5_faq .sub5_faq_question .icon {color: #FF616B; font-size: 25px; padding-right: 70px; font-weight: bold}
.sub5_faq .sub5_faq_question .sbj {margin-right: auto; font-size: 20px}
.sub5_faq .sub5_faq_question .arrow {transition: 0.3s}
.sub5_faq .sub5_faq_question .arrow.on {transform: rotate(180deg);}
.sub5_faq .sub5_faq_answer {padding: 30px; background: #F7F7F7; color: #545454; display: none;}
.sub5_faq .sub5_faq_answer .icon {color: #FF616B; font-size: 25px; padding-right: 70px; font-weight: bold}
.sub5_faq .sub5_faq_answer .sbj {font-size: 18px}
.sub5_faq .sub5_faq_answer .sbj span {padding-top: 3px;}
.sub5_faq .sub5_faq_answer .sbj span p {padding-left: 5px; position: relative; line-height: 1.2;}
.sub5_faq .sub5_faq_answer .sbj span p::after {content: ':'; position: absolute; display: block; left: 0; top: 0}

.sub5_loca {position: relative; margin-bottom: 110px;}
.sub5_loca .loca_txt {padding-bottom: 30px}
.sub5_loca .loca_txt .tit {font-size: 30px; color: #212121; font-weight: bold;}
.sub5_loca .loca_txt .sub_tit {font-size: 22px; color: #666666; padding-top: 10px}
.sub5_loca .loca_map {height: 530px; background: #ccc}
.sub5_loca .loca_link {background: #FF616B; color: #fff; position: absolute; top: 0; right: 0; padding: 10px 20px; font-size: 1rem;}
.sub5_loca .loca_link i {padding-left: 15px;}

@media all and (max-width: 768px){
    .sub5_bg {padding: 40px 0 60px}
    .sub5_tb_wrap {margin-bottom: 20px}
    .sub5_tb thead tr {font-size: 12px;}
    .sub5_tb thead tr th {padding: 12px 0;}
    .sub5_tb tbody tr {font-size: 13px;}
    .sub5_tb tbody tr td {padding: 15px 0;}
    .sub5_tb tbody tr td.sbj {padding-left: 1rem;}

    .sub5_faq {margin: 0 0 60px;}
    .sub5_faq .sub5_faq_question {padding: 10px;}
    .sub5_faq .sub5_faq_question .icon {font-size: 15px; padding-right: 20px;}
    .sub5_faq .sub5_faq_question .sbj {font-size: 14px}
    .sub5_faq .sub5_faq_question .arrow {width: 13px;}
    .sub5_faq .sub5_faq_answer {padding: 10px}
    .sub5_faq .sub5_faq_answer .icon {font-size: 15px; padding-right: 20px;}
    .sub5_faq .sub5_faq_answer .sbj {font-size: 12px}
    .sub5_faq .sub5_faq_answer .sbj span {padding-top: 5px; display: inline-block;}

    .sub5_loca {margin: 0 0 60px;}
    .sub5_loca .loca_txt {padding-bottom: 20px;}
    .sub5_loca .loca_txt .tit {font-size: 15px;}
    .sub5_loca .loca_txt .sub_tit {font-size: 12px; padding-top: 5px;}
    .sub5_loca .loca_map {height: 390px;}
    .sub5_loca .loca_link {position: relative; display: block; text-align: center; margin-top: 20px;}
}