/* ====================== Sub 공통부분 ======================*/
#sub{font-weight: 400}
#sub .tit_wrap .bar{margin-bottom:2rem}


/* Sub section bg */
.sub_bg01 {background:url(/img/sub/sub_bg01.jpg) no-repeat right center / cover}/* 대리석느낌 */
.sub_bg02 {background:url(/img/sub/sub_bg02.jpg) no-repeat right center / cover}/* 화장실타일느낌 */
.sub_bg03 {background: #f3e7d1;
           background: -webkit-linear-gradient(to bottom, #f3e7d1, #fdfaf5 50%);
           background: linear-gradient(to bottom, #f3e7d1, #fdfaf5 50%)}/* 그라데이션 */
.sub_bg04 {background: url(/img/sub/sub_bg04.jpg) no-repeat left center / cover} /* 은색 물방울 퍼지는 느낌 */

/* Sub_Top */
.sub_top{background: url(/img/sub/subtop00.jpg) no-repeat center center / cover;height: 500px;display: flex;align-items: center;color: #fff;padding-top: 80px;}
/* 섹션별 배경 */
.sub_top.mn01 {background: url(/img/sub/subtop01.jpg) no-repeat center center / cover;}
.sub_top.mn02, .sub_top.mn03, .sub_top.mn04{background: url(/img/sub/subtop02.jpg) no-repeat center center / cover;}
.sub_top.mn05 {background: url(/img/sub/subtop06.jpg) no-repeat center center / cover;}
.sub_top.secQnA{background: url(/img/sub/subtop05.jpg) no-repeat center center / cover;}/* QnA게시판 TOP */
.sub_top.secCase{background: url(/img/sub/subtop04.jpg) no-repeat center center / cover;}/* Case Room 게시판 Top */
.sub_top.Besides{background: url(/img/sub/subtop02.jpg) no-repeat center center / cover;}/* Besides(개인정보처리방침,이용약관) Top */

.sub_top .tit_wrap {width: 100%;}

.sec-empty{margin-top:100px}

@media (max-width:768px) {
    .sub_top{    padding-top: 70px ;height: 400px;}
    .sec-empty{margin-top:70px}
}

/* Sub_Tab */
.sub_tab{display: flex;justify-content: center;}
.sub_tab li{width: calc(100%/6);text-align: center;display: flex;justify-content: center;align-items: center}
.sub_tab li a{display: block;padding:0.7em 5px;width: 100%;line-height: 1.2}
.sub_tab li.on{background: #b5905c}
.sub_tab li.on a{color: #fff;}

@media (max-width:1240px) {
    /* Sub_Tab */
    .sub_tab{flex-wrap:wrap}
    .sub_tab li{width: calc(100% / 3 )}

    /* 섹션별 sub tab */
    .mn03 .sub_tab{justify-content: flex-start;}
}


/* ====================== Top_content ======================*/
.top_content{}
.top_content .txt{background-color: rgba(255,255,255,0.6);padding:4rem 3rem 5rem}
.top_content .txt span{display: inline-block;}

/* 섹션별 padding  및 높이 */
.mn03 .top_content .txt,.mn04 .top_content .txt{padding:10rem 3rem}

/* 섹션별 배경화면 */
.mn02_1 .top_content{background:url(/img/sub/mn02/1/cont01_bg.jpg) no-repeat right 20% center / cover}
.mn02_2 .top_content{background:url(/img/sub/mn02/2/cont01_bg.jpg) no-repeat right center / cover}
.mn02_3 .top_content{background:url(/img/sub/mn02/3/cont01_bg.jpg) no-repeat right 30% center / cover}
.mn02_4 .top_content{background:url(/img/sub/mn02/4/cont01_bg.jpg) no-repeat left 20% center / cover}
.mn02_5 .top_content{background:url(/img/sub/mn02/5/cont01_bg.jpg) no-repeat right 45% center / cover}
.mn02_6 .top_content{background:url(/img/sub/mn02/6/cont01_bg.jpg) no-repeat center center / cover}

.mn03_1 .top_content{background:url(/img/sub/mn03/1/cont01_bg.jpg) no-repeat center center / cover}
.mn03_2 .top_content{background:url(/img/sub/mn03/2/cont01_bg.jpg) no-repeat right 30% center / cover}
.mn03_3 .top_content{background:url(/img/sub/mn03/3/cont01_bg.jpg) no-repeat left 20% center / cover}
.mn03_4 .top_content{background:url(/img/sub/mn03/4/cont01_bg.jpg) no-repeat left 30% center / cover}
.mn03_5 .top_content{background:url(/img/sub/mn03/5/cont01_bg.jpg) no-repeat right 30% center / cover}
.mn03_6 .top_content{background:url(/img/sub/mn03/6/cont01_bg.jpg) no-repeat right 35% center / cover}
.mn03_7 .top_content{background:url(/img/sub/mn03/7/cont01_bg.jpg) no-repeat right 25% center / cover}
.mn03_8 .top_content{background:url(/img/sub/mn03/8/cont01_bg.jpg) no-repeat right 45% center / cover}

.mn04_1 .top_content{background:url(/img/sub/mn04/1/cont01_bg.jpg) no-repeat center center / cover}
.mn04_2 .top_content{background:url(/img/sub/mn04/2/cont01_bg.jpg) no-repeat right 10% center / cover}
.mn04_3 .top_content{background:url(/img/sub/mn04/3/cont01_bg.jpg) no-repeat right 20% center / cover}
.mn04_4 .top_content{background:url(/img/sub/mn04/4/cont01_bg.jpg) no-repeat right 30% center / cover}
.mn04_5 .top_content{background:url(/img/sub/mn04/5/cont01_bg.jpg) no-repeat center center / cover}
.mn04_6 .top_content{background:url(/img/sub/mn04/6/cont01_bg.jpg) no-repeat right 25% center / cover}
.mn04_7 .top_content{background:url(/img/sub/mn04/7/cont01_bg.jpg) no-repeat right 30% center / cover}
.mn04_8 .top_content{background:url(/img/sub/mn04/8/cont01_bg.jpg) no-repeat center center / cover}
.mn04_9 .top_content{background:url(/img/sub/mn04/9/cont01_bg.jpg) no-repeat center center / cover}

@media (max-width:768px) {
    .mn03 .top_content .txt, .mn04 .top_content .txt{padding:7rem 3rem}
}


/* ====================== Besides ====================== */
.Besides{background:url(/img/sub/mn01/space_bg.png) no-repeat right bottom -3% / 40rem}


/* ====================== About ====================== */
.About{background:url(/img/sub/mn01/about_bg.jpg) no-repeat center center / cover}
.About .txt{max-width:768px;line-height: 1.7}
.About .sign{margin-top: 4em;width: 50%;max-width: 263px;}

/* ====================== line_bann ====================== */
.line_bann{background:url(/img/sub/mn01/line_bann.jpg) no-repeat center center / cover}
.line_bann .inner{position: relative;}

/* .line_bann .bann_doc{position: absolute;;bottom: 0;display: flex;justify-content: space-between;width: 100%;z-index: 1} */

.line_bann .txtbox{background: rgba(195, 128, 31, 0.3);padding:2em 5em;max-width:800px;margin: auto;position: relative;}
.line_bann .txtbox .bar{width: 100%;background: #b5905c;height: 1px;margin:1em auto;max-width:560px}
.line_bann .txtbox h4{line-height: 1.2}
.line_bann .txtbox p{line-height: 1.7}

.line_bann .bann_logo{max-width:800px;margin:auto;display: flex;justify-content:center;align-items: center;padding:2em;}
.line_bann .bann_logo .bar{width: 1px;align-self: stretch;background: #b5905c;margin: 0 1em}

@media (max-width:1440px) {
    .line_bann{background:linear-gradient(to top, transparent 70% ,#fff 95%) ,url(/img/sub/mn01/line_bann.jpg) no-repeat center center / cover;}
    .line_bann .bann_logo img{height: 50px;}
    /* .line_bann .bann_doc{position: relative;justify-content: center;}
    .line_bann .bann_doc img{max-width:400px;width: 50%;} */
}
@media (max-width:768px) {
    .line_bann .txtbox{padding:2em}
    .line_bann .bann_logo img{height: 35px;}
}
@media (max-width:325px) {
    .line_bann .bann_logo {flex-direction: column}
    .line_bann .bann_logo .bar{background:none;margin:10px 0}
}

/* ====================== infomation - mn05_1 ====================== */
.infomation {background: #fcf8f0 url(/img/sub/mn01/doc_bg.png) no-repeat right bottom -20%;}
.infomation .inner{display: flex}

.infomation .tit {margin-bottom:1em}
.infomation .tit img{margin-right:1.5rem}
.infomation .leftbox{width: 50%;padding-right: 5%}
.infomation .leftbox dl{padding-left: 10%;}
.infomation .leftbox dt {flex-shrink: 0;letter-spacing: 0.3em;margin-right:1em}
.infomation .leftbox dd {line-height: 1.2;width: 100%;}
.infomation .leftbox dd small{font-size:0.8em}

.infomation .rightbox{width: 50%;border-left:1px solid #b5905c;padding-left: 5% }
.infomation .rightbox .tel_link{padding-left:10%}

@media (max-width:1240px) {
    .infomation {background-size:18em}
    .infomation .leftbox dl,.infomation .rightbox .tel_link{padding-left: 0;}
}
@media (max-width:768px) {
    .infomation .inner{flex-wrap:Wrap}
    .infomation .leftbox{width: 100%;padding:0 0 2em}
    .infomation .rightbox{width: 100%;padding:2em 0 0;border-left:none;border-top:1px solid #b5905c;max-width:500px}
}

/* ====================== directions - mn05_2 ====================== */
.directions{background: url(/img/sub/mn01/space_bg.png) no-repeat right bottom -3% / 40rem;}
.sub_map{width: 100%;}
.sub_map .map{width: 100% !important;max-height: 700px !important;height:60vw !important;margin: 0 auto !important;min-height: 350px !important;padding: 0 !important;    border: 0 !important;}

.hp_info{display: flex}
.hp_info li{width: 33%;}
.hp_info li:nth-child(2){border-right:1px solid #b5905c;border-left:1px solid #b5905c}

@media (max-width:768px) {
    .hp_info {flex-direction: column}
    .hp_info li{width: 100%;padding:2em 0}
    .hp_info li:nth-child(2){border:1px solid #b5905c;border-right:none;border-left:none}
    .hp_info li img{width: 60px;}
}

/* ====================== Space ====================== */
.Space{background:url(/img/sub/mn01/space_bg.png) no-repeat right top 10% / 23vw}
.Space .gallery-thumbs {margin-top:10px}
.Space .gallery-thumbs .swiper-slide{cursor: pointer}

.Space .swiper-button-prev,.Space .swiper-button-next{width: 4em;height: 4em;background-size: contain;background-repeat: no-repeat;}
.Space .swiper-button-prev:hover,.Space .swiper-button-next:hover{background-color: rgba(0,0,0,0.2)}
.Space .swiper-button-prev::after,.Space .swiper-button-next::after{display: none}
.Space .swiper-button-prev{background-image: url(/img/sub/mn01/btn1_prev.png); left:2em}
.Space .swiper-button-next{background-image: url(/img/sub/mn01/btn1_next.png);right:2em}

@media (max-width:768px) {
    .Space .swiper-button-prev,.Space .swiper-button-next{width: 3em;height: 3em;}
    .Space .swiper-button-prev{left:0}
    .Space .swiper-button-next{right:0}
}

/* ====================== Doctor ====================== */
.doctor{overflow: hidden}
.doctor .doc_bg{background: #f4f4f4 url(/img/sub/mn01/doc_bg.png) no-repeat right bottom -20%;}
.doctor .doc_bg_rv{background-position: left bottom -20%}

.doctor .doc_wrap{display: flex;justify-content: space-between;flex-wrap:wrap}
.doctor .imgbox{width: 50%;position: relative;}
.doctor .imgbox img{position: absolute;left: 0;bottom: 0;filter: drop-shadow(2rem -0.3rem 0.2rem rgba(204, 204, 204,0.8));max-width: none;}

.doctor .txtbox{width: 50%;padding: 3em 0;z-index: 1;}
.doctor .name{display: flex;align-items: baseline;}
.doctor .name span{display: inline-block;margin-left:2em}
.doctor .txt{display: flex;width: 100%;justify-content: space-between;min-height: 460px;}
.doctor .txt ul{width: 49%;}
.doctor .txt ul li{padding-bottom:0.5em}

/* 반전 */
.doctor .doc_bg_rv{background-position: left bottom -20%}
.doctor .doc_bg_rv .imgbox img{left:auto;right:0;filter: drop-shadow(-2rem -0.3rem 0.2rem rgba(204, 204, 204,0.8))}
.doctor .doc_bg_rv .txtbox{order:-1}

@media (max-width:1240px) {
    .doctor .txtbox{width: 100%;order:-1 !important;}
    .doctor .txt{min-height: auto}
    .doctor .imgbox {width: 80%;margin: auto;}
    .doctor .imgbox img{position: relative;margin: auto;max-width:100%}

}
@media (max-width:768px) {
    .doctor .doc_bg{background-size:100%}
}


/* ====================== Sp_half ====================== */
.sp_half{padding-left: calc((100% - 1660px)/2);}
.sp_half .inner{width: 95%;margin-left:auto;display: flex;justify-content: space-between;}
.sp_half .leftbox{width: 45%;}
.sp_half .leftbox p{line-height: 1.8}
.sp_half .rightbox{width: 53%;}

.sp_half.reverse{padding-right: calc((100% - 1660px)/2);padding-left:0}
.sp_half.reverse .inner{margin-right:auto;margin-left:0}
.sp_half.reverse .leftbox{order:1;text-align: right}
.sp_half.reverse .tit_wrap .bar{margin-left:auto}



@media (max-width:1240px) {
    .sp_half .inner,.sp_half.reverse .inner{flex-wrap:wrap;width: 90%;margin: auto}
    .sp_half .leftbox{width: 100%;}
    .sp_half .rightbox{width: 100%;margin-top:2rem}

    .sp_half.reverse .leftbox{order: 0}
}

/* ====================== 소아교정에만 사용하는 CSS ====================== */
.Growth  {background: #f6f6f6 url(/img/sub/mn02/4/Growth.jpg) no-repeat left bottom / cover ;overflow: hidden;}
.Growth .ct_box{display: flex;justify-content: space-between;flex-wrap:wrap}
.Growth .left_cont{width: 50%;position: relative;}
.Growth .left_cont img{position: absolute;right: 0;bottom: 0;max-width:none}
.Growth .right_cont{width: 50%;align-items: center;position: relative;z-index: 2}


.Growth li{background: #fff;margin-bottom:2em;padding:1em 2em;}
.Growth .right_cont .li_fin{position: relative;background:none;padding:0 0 2em 1.5em}
.Growth .right_cont .li_fin::before{content:'▶';color: #c5a475;position: absolute;left: 0;}

@media (max-width:1240px) {
    .Growth .left_cont {width: 90%;margin: auto;}
    .Growth .left_cont img{position: relative;margin: auto;max-width:100%}
    .Growth .right_cont{width: 100%;}
}

/* ====================== icon_row_list ====================== */
.icon_row_list{display: flex;justify-content: space-between;}
.icon_row_list li{background: #fff;padding:3em 1em;width: 24%;} /* 기본갯수 4개 */
.icon_row_list li.border{border:1px solid #e1e1e1}
.icon_row_list li.li_pd{padding:5em 1em} /* li 패딩값 추가 */
.icon_row_list li .cir{display: inline-block;width: 2.5em;height: 2.5em;line-height: 2.5em;border-radius: 50%}


.icon_row_list.half {flex-wrap:wrap;width: 100%;}
.icon_row_list.half li{width: 49%;margin-top:2%; padding: 2em;}
.icon_row_list.half li:nth-child(-n+2){margin-top:0}

.icon_row_list.three li{width: 32%;}
.icon_row_list.five li{width: 19%;}

.icon_row_list.six{flex-wrap:wrap}
.icon_row_list.six li{width: 32%;margin-top:2%}
.icon_row_list.six li:nth-child(-n+3){margin-top:0}

@media (max-width:1240px) {
    .icon_row_list{flex-wrap:wrap}
    .icon_row_list li{width: 48% !important;margin-top:4%}
    .icon_row_list li:nth-child(-n+2){margin-top:0}

    .icon_row_list.six li:nth-child(3){margin-top:2%}
    .icon_row_list li.li_pd{padding:3em 1em} /* li 패딩값 추가 */

}

@media (max-width:768px) {
    .icon_row_list .icon_box img{max-width:120px;width: 65%;}

    .icon_row_list.half li,.icon_row_list.m100 li{width: 100% !important;}
    .icon_row_list.half li:first-child~li,.icon_row_list.m100 li:first-child~li{margin-top:1em}
}


/* ====================== triangle_meno ====================== */
.triangle_meno{display: flex;justify-content: space-between; flex-wrap:wrap}
.triangle_meno li{position: relative;background: #fff;width: 48.5%;padding:2em;margin-top:3%}
.triangle_meno li::before{position: absolute;content:'';width: 0;height: 0;top: 0;left: 0;
    border-top: 2.2rem solid #b5905c;
   border-bottom: 2.2rem solid transparent;
   border-left: 2.2rem solid #b5905c;;
   border-right: 2.2rem solid transparent;}
.triangle_meno li:nth-child(-n+2){margin-top:0}

@media (max-width:768px) {
    /* triangle_meno */
    .triangle_meno li{width: 100%;}
    .triangle_meno li:nth-child(1)~li{margin-top:1em}
}
/* ====================== card_list ====================== */
.card_list{display: flex;justify-content:space-between;;flex-wrap:wrap}
.card_list li{width: 48.5%;border:1px solid #e1e1e1;padding: 2em 1.5em;margin-top:3%;transition: all 0.5s;position: relative;background:#fff}

.card_list li .cir{display: inline-block;width: 2.5em;height: 2.5em;line-height: 2.5em;border-radius: 50%}
.card_list li .cl_icon{max-width:125px;width: 60%;}
.card_list li .trian{position: absolute;content:'';width: 0;height: 0;top: 0;left: 0;
    border-top: 2rem solid #b5905c;
   border-bottom: 2rem solid transparent;
   border-left: 2rem solid #b5905c;;
   border-right: 2rem solid transparent;}


.card_list li.active{border:1px solid #b5905c; box-shadow: 3px 3px 7px rgba(196, 166, 126, 0.2)}
.card_list li.active p,.card_list li.active h4{font-weight: bold;color: #b5905c;}

.card_list.four li:nth-child(-n+2){margin-top:0}

.card_list.five {justify-content: center}
.card_list.five li{width: 32%;margin-right:2%}
.card_list.five li:nth-child(3){margin-right:0}
.card_list.five li:nth-child(5){margin-right:0}
.card_list.five li:nth-child(-n+3){margin-top:0}

@media (max-width:768px) {
    .card_list {flex-wrap:wrap}
    .card_list li{width: 100% !important;margin-right:0 !important;display: flex;align-items: center;padding:1.2em}
    .card_list li .cir{flex-shrink: 0;margin-right:1em}
    .card_list li p{text-align: left;margin-top:0}
    .card_list li.icon {display: block;padding:2em 1em}
    .card_list li.icon p{margin-top:15px;text-align: center}
    .card_list li .cl_icon{width: 30%;}

    .card_list li:nth-child(1)~li{margin-top:1em !important}

    .card_list li.m100{flex-wrap:wrap;}
    .card_list li.m100 p{width: 100%;margin-top: 10px;}
}

/* ====================== vs_table ====================== */
.vs_table {}
.vs_table ul{display: flex;text-align: center}
.vs_table li{display: flex;align-items: center;justify-content: center;padding:20px 15px;border-right:2px solid #dcdcdc;border-bottom:2px solid #dcdcdc;overflow:hidden}

.vs_table .vs_li01{border-left:2px solid #dcdcdc;font-weight: 400;width: 20rem;flex-shrink: 0}
.vs_table .vs_li02{border-right:2px solid #b5905c;width: 50%;}
.vs_table .vs_li03{;background-color:#f9f0e4;border-right:2px solid #b5905c;color:#b5905c;width: 50%;}
.vs_table .vs_gray{background-color:#f6f6f6;}

/* thead부분 */
.vs_thead .vs_li01{border-top:2px solid #dcdcdc}
.vs_thead .vs_li02{border-top:2px solid #dcdcdc;font-weight:bold;}
.vs_thead .vs_li03{border:2px solid #b5905c;border-left: 0;font-weight:bold;background: #b5905c;color: #fff;}
/* tbody 부분 */
.vs_tbody li{min-height:100px}
.vs_last .vs_li03{border-bottom:2px solid #b5905c}

@media (max-width:768px) {
    .vs_table ul li{padding:10px}
    .vs_table .vs_li01{width: 16rem;}
}

@media (max-width:500px) {
    .vs_table .vs_li01{width: 14rem;}
}

/* ====================== compare_table ====================== */
.compare_table{}
.compare_table ul{display: flex;text-align: center}
.compare_table li{display: flex;align-items: center;justify-content: center;padding:20px 15px;width: 30%;border-right:2px solid #b5905c;border-bottom:2px solid #b5905c;overflow:hidden;color: #b5905c;}
.compare_table li.min-hx2{min-height: 180px}

.compare_table .cp_li01{background: #f9f0e4;border-left:2px solid #b5905c;font-weight: 400;width: 10%;flex-shrink: 0;color: #000}

/* thead부분 */
.cp_thead li{color: #fff}
.cp_thead .cp_li01{border-top:2px solid #b5905c;}
.cp_thead .cp_li02{border-top:2px solid #b5905c;font-weight:bold;background: #d3b68e;}
.cp_thead .cp_li03{border-top:2px solid #b5905c;border-left: 0;font-weight:bold;background: #c5a271;}
.cp_thead .cp_li04{border-top:2px solid #b5905c;border-left: 0;font-weight:bold;background: #b5905c;}
/* tbody 부분 */
.cp_tbody li{min-height:100px}

@media (max-width:768px) {
    .compare_table ul li{padding:10px}
    .compare_table .cp_li01{;min-width: 4em}
}

/* ====================== step__list  ====================== */
.step_list{display: flex;justify-content: space-between;}
.step_list li{padding:0 1em;width: 24%;} /* 기본갯수 4개 */
.step_list li .cir{display: inline-block;width: 2.5em;height: 2.5em;line-height: 2.5em;border-radius: 50%;transform: translateY(-50%);}
.step_list li .img_box{border:1px solid #ddd}

.step_list.three li{width: 33%;} /*3개 */



@media (max-width:1240px) {
    .step_list{flex-wrap:wrap}
    .step_list li{width: 49% !important;margin-top:4%}
    .step_list li:nth-child(-n+2){margin-top:0}
}
@media (max-width:450px) {
    .step_list li{width: 100% !important;}
    .step_list li:nth-child(1)~li{margin-top:2em}
}

/* ====================== Line_step  ====================== */
.line_step{display: flex;justify-content: space-between;}
.line_step li{width:calc(100%/5);padding:0 2em;border-right:1px solid #c5a475}
.line_step li:last-child{border-right:none}
@media (max-width:768px) {
    .line_step{flex-wrap:wrap}
    .line_step li{width: 48% ;margin-top:3.5em}
    .line_step li:nth-child(-n+2){margin-top:0}
    .line_step li:nth-child(even){border-right:none}
    .line_step li:nth-child(odd){border-right:1px solid  #c5a475}
}

/* ====================== common ====================== */
.common{background:url(/img/sub/common_bg.jpg) no-repeat right 12% center / cover}


/* ====================== Reservation ====================== */
.cm_reserve{}
.cm_reserve .list{display: flex;margin-top:1em;}
.cm_reserve .list h3{width: 40%;padding-left:15px;padding-top:5px}
.cm_reserve .list h3.required{;background-position: left top !important}
.cm_reserve .list input,.cm_reserve .list textarea{width: 100%;padding:15px;border:none;border-radius: 10px;}
.cm_reserve .privacy{max-height: 150px;;background:#fff;width: 100%;overflow: scroll;border-radius: 10px}
.cm_reserve .privacy .txt{padding:20px;white-space: pre-line;}
.cm_reserve .list_fin{text-align: right}
.cm_reserve .list_fin input{margin-right:10px}

.cm_reserve .submit_btn{;max-width:300px;margin: auto;border-radius: 10px;overflow: hidden;}
.cm_reserve .submit_btn input{width: 100%;;border: none;outline: none;padding: 1.5rem 1rem;
    -webkit-appearance: none; -webkit-border-radius: 0;
}

@media (max-width:1240px) {
    .cm_reserve .list{flex-direction: column;}
    .cm_reserve .list h3{width: 100%;margin-bottom:10px}
}

/* ====================== Before & After ====================== */
.bfaf_wrap{display: flex;justify-content: space-between;align-items: center}
.bfaf_wrap > div {width: 40%;text-align: center;}
.bfaf_wrap .cir_arr{display: inline-block;width: 2em;height: 2em;line-height: 2em;border-radius: 50%;text-align:center}
.bfaf_wrap .imgbox{height: 380px;border:1px solid #ddd}
.bfaf_wrap .imgbox::after{width: 100%;height: 100%;content:'준비중입니다.';display: flex;align-items: center;justify-content: center;z-index: -1}

@media (max-width:1240px) {
    .bfaf_wrap{flex-direction: column;}
    .bfaf_wrap .cir_arr{margin:2em auto;transform: rotate(90deg);line-height: 2.2em}
    .bfaf_wrap > div {width: 100%;text-align: center;max-width:540px;}
    .bfaf_wrap .imgbox{max-height: 380px;height: 67vw;}
}

/* ====================== num_list ====================== */
.num_list {padding:0 5%}
.num_list li{display: flex;padding:1.5em 0;border-bottom:1px solid #ddd}
.num_list li:first-child{padding-top:0}
.num_list .num{display: inline-block;flex-shrink: 0;margin-right:2em}

@media (max-width:1240px) {
    .num_list {padding:0}
}