p {word-break: keep-all;}

/* 병원소개 */
 .cp .sub_header{background: url(https://d2ipzucit9ojde.cloudfront.net/homepage/img/sub_cp_bg.jpg) bottom no-repeat; background-size: cover; }
 .cp .cp_title{display: block;}
.cp .tab01_tit.tab_cp{display: block;}
.cp .tab_in_menu.tab_cp{display: block;}
.cp1 .sel_tit.cp_1{display: block;}
.cp2 .sel_tit.cp_2{display: block;}
.cp3 .sel_tit.cp_3{display: block;}
.cp4 .sel_tit.cp_4{display: block;}
.cp5 .sel_tit.cp_5{display: block;}

/* 진료안내 */
 .cl:not(.cl2) .sub_header{background: url(https://d2ipzucit9ojde.cloudfront.net/homepage/img/sub_cl_bg.jpg) bottom no-repeat; background-size: cover; }

/* 산과 / 부인과 배너 */
.cl.cl2-1 .sub_header{background: url(https://d2ipzucit9ojde.cloudfront.net/homepage/img/sub_cl_bg.jpg) bottom no-repeat; background-size: cover; }
.cl.cl2-2 .sub_header{background: url(https://d2ipzucit9ojde.cloudfront.net/homepage/img/sub_cl_bg.jpg) bottom no-repeat; background-size: cover; } 
/* 소아청소년과 배너 */
.cl.cl2-3 .sub_header{background: url(https://d2ipzucit9ojde.cloudfront.net/homepage/img/sub_cl2-2_bg.jpg) bottom no-repeat; background-size: cover; }
/* 내과 배너 */
.cl.cl2-4 .sub_header{background: url(https://d2ipzucit9ojde.cloudfront.net/homepage/img/sub_cl2-3_bg.jpg) bottom no-repeat; background-size: cover; }
/* 유방외과 배너 */
.cl.cl2-5 .sub_header{background: url(https://d2ipzucit9ojde.cloudfront.net/homepage/img/sub_cl2-4_bg.jpg) bottom no-repeat; background-size: cover; }
/* 갑상선외과 배너 */
.cl.cl2-6 .sub_header{background: url(https://d2ipzucit9ojde.cloudfront.net/homepage/img/sub_cl2-4_bg.jpg) bottom no-repeat; background-size: cover; }
/* 마취통증의학과 배너 */ 
.cl.cl2-7 .sub_header{background: url(https://d2ipzucit9ojde.cloudfront.net/homepage/img/sub_cl_bg.jpg) bottom no-repeat; background-size: cover; }
/* 영상의학과 배너 */
.cl.cl2-8 .sub_header{background: url(https://d2ipzucit9ojde.cloudfront.net/homepage/img/../img/sub_cl_bg.jpg) bottom no-repeat; background-size: cover; }



.cl .tab_clinic02 {display: none;}
.cl .tab_in_clinic_menu{display: block;}

.cl .clinic_title{display: block;}
.cl .tab01_tit.tab_clinic{display: block;}

.cl .tab_in_menu.tab_clinic{display: block;}

.cl1 .sel_tit.cl_1{display: block;}
.cl2 .sel_tit.cl_2{display: block;}
.cl3 .sel_tit.cl_3{display: block;}
.cl4 .sel_tit.cl_4{display: block;}
.cl5 .sel_tit.cl_5{display: block;}
.cl6 .sel_tit.cl_6{display: block;}
.cl7 .sel_tit.cl_7{display: block;}
.cl8 .sel_tit.cl_8{display: block;}

.cl2.cl2-1 .sel_tit.cl_2_1{display: block;}
.cl2.cl2-2 .sel_tit.cl_2_2{display: block;}
.cl2.cl2-3 .sel_tit.cl_2_3{display: block;}
.cl2.cl2-4 .sel_tit.cl_2_4{display: block;}
.cl2.cl2-5 .sel_tit.cl_2_5{display: block;}
.cl2.cl2-6 .sel_tit.cl_2_6{display: block;}
.cl2.cl2-7 .sel_tit.cl_2_7{display: block;}
.cl2.cl2-8 .sel_tit.cl_2_8{display: block;}

 /* .tab_clinic02  */


/* 의료진상담 */
 .md .sub_header{background: url(https://d2ipzucit9ojde.cloudfront.net/homepage/img/sub_md_bg.jpg) bottom no-repeat; }
 .md .md_title{display: block;}
.md .tab01_tit.tab_md{display: block;}
.md .tab_in_menu.tab_md{display: block;}
.md1 .sel_tit.md_1{display: block;}
.md2 .sel_tit.md_2{display: block;}
.md3 .sel_tit.md_3{display: block;}
.md4 .sel_tit.md_4{display: block;}
.md5 .sel_tit.md_5{display: block;}
.md6 .sel_tit.md_6{display: block;}
.md7 .sel_tit.md_7{display: block;}

.md6.md5 .sel_tit.md_6{display: none;}

/* 건강검진센터 */
 .health .sub_header{background: url(https://d2ipzucit9ojde.cloudfront.net/homepage/img/sub_hl_bg.jpg) bottom no-repeat; }
 .health  .hl_title{display: block;}
.health  .tab01_tit.tab_hl{display: block;}
.health  .tab_in_menu.tab_hl{display: block;}
.hl1 .sel_tit.hl_1{display: block;}
.hl2 .sel_tit.hl_2{display: block;}
.hl3 .sel_tit.hl_3{display: block;}
.hl4 .sel_tit.hl_4{display: block;}





/* 난임의학연구소 */
.isc .sub_header{background: url(https://d2ipzucit9ojde.cloudfront.net/homepage/img/sub_isc_bg.jpg) bottom no-repeat; }
.isc .isc_title{display: block;}
.isc .tab01_tit.tab_isc{display: block;}
.isc .tab_in_menu.tab_isc{display: block;}
.isc1 .sel_tit.isc_1{display: block;}
.isc2 .sel_tit.isc_2{display: block;}
.isc3 .sel_tit.isc_3{display: block;}
.isc4 .sel_tit.isc_4{display: block;}

.isc.isc4 .tab_in_menu.tab_isc01,
.isc.isc5 .tab_in_menu.tab_isc01 {display: none;}

.tab_isc01,
.tab_hl2,
.tab_isc2,
.tab_clinic02
{display: none;}


/* ****난임의학연구소 커뮤니티 서브메뉴 안보이게**** */
.isc1 .tab_in_menu.tab_isc2,
.isc2 .tab_in_menu.tab_isc2,
.isc3 .tab_in_menu.tab_isc2,
.isc4 .tab_in_menu.tab_isc2{display: none;}

.isc5 .tab_isc01{display: none;}

.isc5-1 .tab_isc1 > .sel_tit.isc_5,
.isc5-2 .tab_isc1 > .sel_tit.isc_6
/* .isc5-1 .tab_isc2 > .sel_tit.isc_1,
.isc5-2 .tab_isc2 > .sel_tit.isc_2,
.isc5-3 .tab_isc2 > .sel_tit.isc_3,
.isc5-4 .tab_isc2 > .sel_tit.isc_4
.isc5-4 .tab_isc2 > .sel_tit.isc_5 */
{display: block;}


/* // 난임의학연구소  탭정리 끝*/


/* 난임의학연구소 난임센터 */
.isc.isc1 .tab_isc2{display: none;}
.isc.isc1  .tab_in_menu.tab_isc01 {display: block;}
.isc1_1 .sel_tit.isc_1_1,
.isc1_2 .sel_tit.isc_1_2,
.isc1_3 .sel_tit.isc_1_3,
.isc1_4 .sel_tit.isc_1_4,
.isc1_5 .sel_tit.isc_1_5,
.isc1_6 .sel_tit.isc_1_6{display: block;}

.isc.isc1 .tab_isc01 {display: block;}
.isc.isc5 .tab_isc2{display: block;}



/* // 난임의학연구소 난임센터 */



/* 240920 */
.health .tab_hl2 {display: none;}
.health.hl3 .tab_hl2 {display: block;}
.health.hl3-1 .sel_tit.hl_3_1{display: block;} 
.health.hl3-2 .sel_tit.hl_3_2{display: block;} 

.cl .tab_clinic02 {display: none;}
.cl.cl2  .tab_clinic02 {display: block;}
/* // 240920 */



/* 문화센터 */
.cc .sub_header{background: url(https://d2ipzucit9ojde.cloudfront.net/homepage/img/../img/sub_cc_bg.jpg) bottom no-repeat; }
.cc .cc_title{display: block;}
.cc .tab01_tit.tab_cc{display: block;}
.cc .tab_in_menu.tab_cc{display: block;}
.cc1 .sel_tit.cc_1{display: block;}
.cc2 .sel_tit.cc_2{display: block;}
.cc3 .sel_tit.cc_3{display: block;}
.cc4 .sel_tit.cc_4{display: block;}

/* 산후조리원 */
 .care .sub_header{background: url(https://d2ipzucit9ojde.cloudfront.net/homepage/img/../img/sub_care_bg.jpg) bottom no-repeat; }
 .care .care_title{display: block;}
.care .tab01_tit.tab_care{display: block;}
.care .tab_in_menu.tab_care{display: block;}
.care1 .sel_tit.care_1{display: block;}
.care2 .sel_tit.care_2{display: block;}
.care3 .sel_tit.care_3{display: block;}
.care4 .sel_tit.care_4{display: block;}
.care5 .sel_tit.care_5{display: block;}

/* 고객센터 */
 .cs .sub_header{background: url(https://d2ipzucit9ojde.cloudfront.net/homepage/img/../img/sub_cs_bg.jpg) bottom no-repeat; }
 .cs .cs_title{display: block;}
.cs .tab01_tit.tab_cs{display: block;}
.cs .tab_in_menu.tab_cs{display: block;}
.cs1 .sel_tit.cs_1{display: block;}
.cs2 .sel_tit.cs_2{display: block;}
.cs2-1 .sel_tit.cs_2-1{display: block;}
.cs3 .sel_tit.cs_3{display: block;}
.cs4 .sel_tit.cs_4{display: block;}



/* 고객서비스 */
 .sv .sub_header{background: url(https://d2ipzucit9ojde.cloudfront.net/homepage/img/../img/sub_sv_bg.jpg) bottom no-repeat; }
 .sv .service_title{display: block;}
.sv .tab01_tit.tab_service{display: block;}
.sv .tab_in_menu.tab_service{display: block;}
.sv1 .sel_tit.sv_1{display: block;}
.sv2 .sel_tit.sv_2{display: block;}
.sv3 .sel_tit.sv_3{display: block;}
.sv4 .sel_tit.sv_4{display: block;}
.sv5 .sel_tit.sv_5{display: block;}

.cl .sub_header,
.md .sub_header,
.health .sub_header,
.cc .sub_header,
.care .sub_header,
.cs .sub_header,
.sv .sub_header,
.isc .sub_header {background-size: cover;}













.no_post{color:#888; text-align: center; font-weight: 500;}
.content{padding:105px 0 105px;}
.list_in .no_list_text {padding: 60px 0; text-align: center; border-top: 1px solid #ddd; color: #888;border-bottom: 1px solid #ddd; color: #888;
}
.no_btn .book_btn{display: none !important;}

.date {position: relative;}
.date input[type=date]{background: url(https://d2ipzucit9ojde.cloudfront.net/homepage/img/cal.svg) no-repeat right .8em center; background-size: 1.1em;}
.date input[type=date]::-webkit-calendar-picker-indicator{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: transparent; color: transparent; }

.time_round{display: flex; gap: .6em; flex-wrap: wrap;}
.time_round .roundtxt{font-weight: 500; font-size: 1rem; cursor: pointer; border: 1px solid #FF859E; color: #FF859E; background-color: #fff; padding: .3rem 1rem; border-radius: 20em; margin-right: 0;}  
.time_round .roundtxt.on{border: 1px solid #FF859E; color: #fff; background-color: #FF859E;}
.time_round .roundtxt.no{border-color: #ddd; background-color: #eee; color: #888;}
.time_round .roundtxt:hover:not(.on, .no){background-color: #FF859E20;}



















/* 테이블 공통 */

.table_wrap{width: 100%; max-width: 100%; overflow-x: auto; overflow-y: hidden;}
.table_wrap table{width: 100%; border-top: 1px solid #ddd;}
.table_wrap table tr th{background-color: #f5f5f5; padding: 12px 16px; 
    width: 200px; border-bottom: 1px solid #ddd; font-weight: 600;
 text-align: center; vertical-align: middle; word-break: keep-all;}
 .table_wrap table tr th span{font-weight: 500;}
.table_wrap table tr td{padding: 12px 16px; border-bottom: 1px solid #ddd; line-height: 1.6;}
.table_wrap table tr td p.point{position: relative; padding-left: 20px;}
.table_wrap table tr td p.point::before{content: ""; width: 5px; height: 5px; background-color: #999; position: absolute; left: 0; top: 11px;}

.bold{font-weight: 600;}


.cp3 .table_wrap table tr th{width: 140px;}





/* 의료진소개 */

.dr_con ul{display: flex; align-items: stretch; gap: 1.4rem .8rem; flex-wrap: wrap;}
.dr_con ul li{width: calc(50% - .4rem); padding: 2.2rem 2.6rem; border: 1px solid #ddd; border-radius: .8rem; transition: all .15s; display: flex; flex-direction: column;}
.dr_con:not(.dr_detail) ul li:hover{border-color: #FF859E; box-shadow: 0 0 16px #FF859E30;}
.dr_top{display: flex; gap: 2rem; flex: 1;}
.dr_img{position: relative; width:100%; padding-bottom: 30%; flex: 0.25;}
.dr_img img{position: absolute; width: 100%; height:100%; left:50%; top:50%; transform: translate(-50%, -50%); object-fit: cover; border-radius: .6rem; border: 1px solid #eee;}
.dr_txt{flex: .75; position: relative; display: flex; flex-direction: column;}
.dr_txt .intxt{display: flex; flex-direction: column; gap: .4rem; padding: .9rem 0; flex: 1;}
.dr_txt .intxt .cate{color: #FF859E; font-size: 1.05rem; font-weight: 600;}
.dr_txt .intxt .dr_name{font-weight: 600; font-size: 1.4em; display: flex; align-items: center; gap: .4rem;}
.dr_txt .intxt .dr_name span{background-color: #FF859E; padding: .4em; color: #fff; font-size: 1rem; font-weight: 500; border-radius: .3rem; line-height: 1;}
.dr_txt .intxt .spsb{font-weight: 500; color: #666; max-height: 3em; overflow: hidden; flex: none;}
.dr_txt .intxt .spsb p, .dr_txt .intxt .spsb span{display: inline-block; width: max-content; font-size: 16px; line-height: 1.5;}
.dr_txt .intxt .spsb p:after, .dr_txt .intxt .spsb span:after{content: '·'; color: #bbb; display: inline-block; margin: 0 6px; position: relative;}
.dr_txt .intxt .spsb p:last-child:after, .dr_txt .intxt .spsb span:last-child:after{display: none;}


.dr_txt .dr_bottom{display: flex; gap: 8px; width: 100%;}
.dr_txt .dr_bottom button{width: 100%; font-size: 1.05rem; padding: .8rem 0; border-radius: .3rem;  color:#555;}
.dr_txt .dr_bottom button:first-child{color: #fff;}

.dr_txt .dr_bottom button:hover{background-color: #f1728b !important;}
.dr_txt .dr_bottom button:last-child:hover{background-color: #ebebeb  !important;}

.dr_con.dr_detail ul li{width: 60%; margin: 0 auto; padding: 1.8rem; cursor: default;}
.dr_con.dr_detail ul li .dr_top{justify-content: space-around;}
.dr_con.dr_detail ul li .dr_img{padding-bottom: 18%; flex: .25; width: 160px;}
.dr_con.dr_detail .intxt{gap: .6rem;}
.dr_con.dr_detail .dr_txt .dr_bottom{flex-direction: column;}
.dr_con.dr_detail .dr_txt .dr_bottom button:first-child{color: #fff;}
.dr_con.dr_detail .dr_txt .dr_bottom button:first-child:hover{background-color: #f1728b !important;}
/* .dr_con.dr_detail .dr_txt .dr_bottom{margin-top: 14px;} */
.dr_con.dr_detail .time{}

.dr_con.dr_detail .dr_txt .intxt .spsb{height: fit-content;}


/* .cl .reservation_wrap01 .tbody{border-bottom: 1px solid #ddd; width: 100%; } */
.cl .reservation_wrap01 .tbody>li{min-height: 8rem; padding: 8px;}
.cl .reservation_wrap .month{margin-bottom: 30px;}
.cl .reservation_wrap .tbody>li .date{padding: 0; padding-bottom: .4em;}
.cl .reservation_wrap .tbody>li .con li{text-align: left}
.cl .reservation_wrap .tbody>li .con li p{background-color: transparent;  display: inline-block; padding: .4em 0; color: #555;}
.cl .reservation_wrap .tbody>li .con li.off p{background-color: #e52d18; color: #fff;  padding: .4em;}
.cl .reservation_wrap .tbody>li .con li.afternoon_off p{background-color: rgb(148, 130, 202); color: #fff;  padding: .4em;}
.cl .reservation_wrap .tbody>li .con li.morning_off p{background-color: #2da852; padding: .4em; color: #fff;}
.cl .reservation_wrap .dr_txt .intxt .dr_name{}

.dr_con.dr_detail .dr_txt .intxt .dr_name{font-size: 1.5em; }
.dr_con.dr_detail .dr_txt .intxt .dr_name span{font-size: 1rem;}




/* 홍보 영상 */

.promotion ul li{margin-top:30px;}
.promotion .panels ul{margin-bottom: -32px;}
.promotion .panels ul li{margin-top: 0; margin-bottom: 32px; cursor: pointer;}

.promotion ul li > div{border:1px solid #ddd}
.promotion ul li .promotion_bg{display: block; width:100%; height:210px;}
.promotion02 ul li .promotion_bg{display: block; width:100%; height:216px;}

.promotion ul li .promotion_bg img{width:100%;}
.promotion ul li .text_box{padding:20px 20px; position:relative}
.promotion02 ul li .text_box{height:120px;}
.promotion ul li .text_box .con_title{font-size:1.25rem; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; width: 95%;}
.promotion ul li .text_box .con_text{font-size:0.937rem; color:#666;line-height: 1.7em;
    margin-top: 6px;}
.promotion ul li .text_box .con_text.target03{height: 3em}
.promotion ul li .text_box .con_date{font-size:0.937rem; text-align: left; margin-top:16px; color:#888; right: 25px;}
.promotion ul li .text_box .progress{font-size:14px; font-weight: 800; font-family:'S-CoreDream-3Light'; margin-bottom:5px}
.promotion ul li .text_box .progress .new{background-color:#be3434 ;padding:2px 8px; color:#fff;font-size:11px; margin-right:5px;}
.promotion ul li .text_box .progress .ing{color:#be3434;}
.promotion ul li .text_box .progress .end{color:#be3434;}


.promotion.event ul li .text_box{padding:20px 20px; position:relative}

/*  자주하는 질문 */

dl.accordion{width:100%;margin:0 auto 20px; border-top: 1px solid #000;}
dl.accordion>div{border-bottom: 1px solid #ddd;}
.accordion dt{font-size:1.025rem; font-weight: 300; padding:20px 55px;	margin:0 0 2px;position:relative; cursor: pointer;}
.questions_point01{font-size:1.875rem;font-weight: 500;margin-right:5px; color:#444;position:absolute; top:50%; transform: translateY(-50%); left:20px;}
.questions_point02{font-size:1.875rem; font-weight: 500;margin-right:5px; color:#e52d18; position:absolute; top:50%; transform: translateY(-50%);  left:20px;}

.accordion dt i{width:18px; display: block;position:absolute;top:50%;transform: translateY(-50%); right:20px;}

.accordion dt i.on{transform: rotate(180deg) translateY(20px);}


.accordion dd{font-size:1.025rem; font-weight: 300;color:#4d4d4d;background:#f5f5f5;padding:20px 50px;margin:0 0 2px;display:none;position:relative; }
/* search_box */
.questions .questions_top{margin-top:30px;}
.questions .questions_top .search {margin-left: auto; border: 1px solid #ddd;width: 20%; display: flex; align-items: center;}
.questions .questions_top .search input { border: none; outline: 0; font-size: 14px;
    padding: 10px; border-right: 1px solid #ddd; width: 90%;}
.questions .questions_top .search button { height: 28px; border: none; padding: 0 10px;
    cursor: pointer; background-color: #fff; margin: 0 auto;}
.questions .questions_top .search button i { font-size: 1.25rem; color: #333;}

.page_but i.fa{color:#666}
.page_but { margin-top: 60px;}
.page_but ul { width: 100%; display: flex; align-items: center; justify-content: center !important;font-size: 15px;
    color: #666}
.page_but ul li.arrow { color: #000; font-size: 16px; margin: 0;}
.page_but ul li { padding: 0 3px; margin: 0 8px; color: #888; font-size: 14px;  margin-bottom: 0 !important; cursor: pointer;}
.page_but ul li.active {border-bottom: 2px solid #000; color: #000; font-size: 16px;}
.page_but ul li i{display: flex; align-items: center; justify-content: center;}


/* 공지사항 */

.notice h5{font-size:2rem; text-align: center; margin-bottom:50px;}
.notice .notice_top {display: flex;justify-content: flex-end;margin:20px auto;width:100%}
.notice .notice_top .search{width: 250px; max-width: 100%; display: flex;align-items: center; background-color: #f5f5f5; border-radius: .4em;}
.notice .notice_top .search input{ border: none; outline: 0;font-size: 14px;padding:14px 16px; width:90%; background-color: #f5f5f5; border-radius: .4em;}
.notice .notice_top .search button{width: 45px; height: 45px; border: none; padding:0 10px;cursor: pointer; margin: 0 auto;}
.notice .notice_top .search button i img{width: 19px;}
.notice .notice_top .search button i{ font-size: 1.25rem; color:#333; opacity: .4;}
/* .notice.my_inquiry .table .body_table li > div{display: table;}
.notice.my_inquiry .table .body_table li > div p{display: table-cell;} */

.notice .table ul li > div{display: flex; text-align: center;align-items: center; justify-content: space-between; }
.notice.my_inquiry .table .body_table li > div .t_date{width: auto;}
/* .faq .table .body_table > li > .faq_a{align-items: flex-start;} */


.notice .table ul p{padding:16px 8px; font-weight: 500 !important;}
.notice .table .head_table{font-weight: bold; color:#999 !important;border-bottom:1px solid #ddd; border-top: 1px solid #000;}
.notice .table .body_table li{border-bottom:1px solid #ddd;padding:10px 0;}
.notice .table .t_no{width:120px;color: #333;}
.t_kind{width:10%;color: #333;}
.notice .table .t_title{width:50%;}
.notice .table .head_table p{color: #888 !important;}
.notice .table .body_table .t_title{text-align: left; cursor: pointer;}
.notice .table .body_table.no_hover .t_title{cursor: default;}
.notice .table .t_name{width:120px;color: #333;}
.notice .table .t_date{width:120px;color: #333;}
.notice .table .t_views{width:100px;color: #333;}

.notice .dis-f .left{width: 230px; }
.notice .dis-f .right{width: calc(100% - 230px); padding-left: 60px;}
.t_img{width: 15%;}
.t_img>i{border: 1px solid #ddd; padding:4px; display: block; width: 100px; height: 100px; }
.lock img{width: 20px; display: inline-block; vertical-align: top;  margin-left: 4px;}



/* 공지사항 view */
textarea{outline: 0;}
input{outline: 0;}
.notice_view .top .view_title{font-size:1.5rem; width:100%; padding-bottom: 6px;  font-weight: 600;}
.notice_view .top > div{display: flex;justify-content: space-between; color:#888; font-size: 0.975rem; font-weight: 500;}
.notice_view .body{border-bottom: 1px solid #ddd; min-height: 200px;height: 100%; font-size: 17px;}
.text_box_sec{min-height: 200px; padding: 20px 10px; font-size: 17px; font-weight: 500;}
.notice_view .body textarea{border:none}
.notice_view .body .body_in_file { padding: 16px; background-color: #f5f5f5; border-radius: 8px; margin-bottom: 32px;}
.notice_view .body .body_in_file p{color:#666;font-size:1rem; display: flex; align-items: center; }
.notice_view .body .body_in_file p a{cursor: pointer; font-weight: 500; padding: 2px 0; font-size: 1rem;}
.notice_view .body .body_in_file p + p{margin-top: 8px;}
.notice_view .body .body_in_file p i{margin-right: 8px;display: flex; align-items: center; justify-content: center; width: 15px;}
.notice_view .body .body_in_file p i img{width: 20px; opacity: 0.7;}
.notice_view .bottom .post {border-bottom: 1px solid #666;}
.notice_view .bottom .post > div{display: flex; padding:15px 0; border-bottom:1px solid #ddd}
.notice_view .bottom .tit{display: flex;width: 100px; justify-content: space-between; align-items: center;padding-left:10px; font-weight: 500; position: relative;}
.notice_view .bottom .tit:after{content: ''; position: absolute; display: block; top: 50%; right: .4em; transform: translateY(-50%) rotate(135deg); width: 6px; height: 6px; border-top: 1px solid #666; border-right: 1px solid #666;}
.notice_view .bottom .next_post .tit:after{transform: translateY(-50%) rotate(-45deg) !important;}


.notice_view .bottom .post_text{padding-left:30px; width: calc(100% - 100px); font-weight: 500; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; cursor: pointer;}
.notice_view .bottom .button{text-align: right;margin-top:30px;display: flex; gap: 8px; justify-content: flex-end;}
.notice_view .bottom .button button{padding:14px; width: 120px; border:1px solid #FF859E; background-color: #FF859E; color:#fff; font-size: 16px; border-radius: .3em;}



.notice_view .top{padding: 24px 0; border-top: 1px solid #666; border-bottom: 1px solid #ddd;}
.qna_view #content{min-height: 300px;}
/* .qna_view .answer .fa-arrow-right:before{font-size: 13px;background-color: #f5f5f5;margin-top:10px;} */
.qna_view .top{padding: 24px 0; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;}


/* 이벤트, 공모전 */
.top.event_top .period{  padding-bottom: 24px; margin-bottom: 24px; border-bottom: 1px solid #eee; justify-content: flex-start; gap: 4px; color: #555; font-size: 1.15rem; }
.top.event_top .period p{font-weight: 500;} 
.top.event_top .period span{color: #aaa; margin-right: .5rem; font-weight: 500;}
.top.event_top .view_title{font-size: 1.7rem;}


/* FAQ */
.faq .table .t_no {width: 8%;}
.faq .table .body_table{border-top: 1px solid #ddd;}
.faq .table .body_table .t_title {width: 100%; text-align: left; font-size: 1.1rem; position: relative; padding-right: 2rem; }
.faq .table .body_table .faq_a{text-align: left; line-height: 1.6; font-weight: 500;}
.faq .table .body_table .faq_a .t_title{cursor: default;}
.faq .table .body_table .faq_q .t_title::after{content: ''; position: absolute; display: block; top: 50%; right: .4em; transform: translateY(-50%) rotate(135deg); width: 8px; height: 8px; border-top: 1px solid #666; border-right: 1px solid #666; transition: all .2s;}
.faq .table .body_table .faq_q .t_title.rotate::after{transform: translateY(-50%) rotate(-45deg) !important;}

.faq .table .body_table > li > .faq_q > .t_title > span {line-height: 1.5 !important;}

.faq .table .body_table li {padding: 0;}
.faq .table .body_table > li > .faq_q > .t_no > span,
.faq .table .body_table > li > .faq_a > .t_no > span{width: 45px; height: 45px; display:flex; justify-content: center; align-items: center; border-radius: 100px; font-weight: 600; line-height: 1;}
.faq .table .body_table > li > .faq_q > .t_no > span{text-align: center; background-color: #FF859E; color: #fff;}
.faq .table .body_table > li > .faq_a > .t_no > span{text-align: center; background-color: #FF859E10; color: #FF859E; border: 1px solid #FF859E;}
/* .faq .table .body_table > li > .faq_q {padding: 20px 0;} */
.faq .table .body_table > li > .faq_q > .t_title > span {font-weight: 600; font-size: 1.1rem;}
.faq .table .body_table > li > .faq_a {border-top: 1px dashed #ddd; padding: 20px 0; background-color: #FF859E10;}
.faq .table .t_arr {position: relative; width: 10%; display: block;}
.faq .table .t_arr > i { position: absolute; display: block; width: 20px; height: 20px; top: 50%; left: 50%; transform: translate(-50%, -50%); transition: all 0.3s;}
.faq .table .t_arr > i.rotate{transform: translate(-50%, -50%) rotate(-180deg); transition: all 0.3s;}



/* 1:1문의 */
.qna h5{font-size:2rem; text-align: center; margin-bottom:50px;}
.qna .qna_top {display: flex;justify-content:flex-end ;    width: 100%;
    margin: 30px auto;}
.qna .qna_top .category_list{margin-right:10px; position:relative;     width: 13%;}
.qna .qna_top .category_list p{width:180px; padding:10px;font-size: 14px; position:relative;width: 100%; background-color: #f5f5f5;}
.qna .qna_top .category_list p::after{content: ''; display: block; width:6px; height:6px; border-top:2px solid #999; border-right:2px solid #999; transform: rotate(135deg) translateX(-50%); position:absolute; right:20px; top:42%;}
.qna .qna_top .category_list ul{padding:10px; font-size:14px; border:1px solid #ddd; line-height: 2em;position:absolute; width:100%;background-color: #fff;top:43px;display: none;}
.qna .qna_top .search{width:22%; background-color: #f5f5f5;
 display: flex;align-items: center;margin-right: 10px;}
 .qna .qna_top > button{border:1px solid #ddd; padding:0 40px;color: #333;}
.qna .qna_top .search input{ border: none; outline: 0;font-size: 14px;padding: 12px;background-color: #f5f5f5;  width:90%;}
.qna .qna_top .search button{height:20px; border: none; padding:0 13px;cursor: pointer; background-color: #f5f5f5;margin: 0 auto;}
.qna .qna_top .search button i{font-size: 1rem;}


.shop_view .qna .table ul li > div{border-bottom: 0; }
.shop_view .qna .table ul li > div.after_answer{background-color: #f5f5f5;}
.qna .table ul li > div{display: flex; text-align: center;align-items: center;border-bottom:1px solid #ddd;}
.qna .table ul li > div.after_answer{background-color: #f5f5f5; border-bottom: 1px solid #ddd;}
.qna .table ul.head_table li > div{border: 0;}
.qna .table ul p{padding:15px 20px}
.qna .table .head_table{font-weight: bold; color:#999; cursor: default !important;}
/* .qna .table .body_table{border-top:1px solid #888;} */
.qna .table .body_table li{border-bottom:1px solid #ddd;padding:10px 0;}
.qna .table .t_no{width:10%}
.qna .table .t_category{width:15%}
.qna .table .t_title{width:40%;}
.qna .table .body_table .t_title{width:40%; text-align: left;}
.qna .table .t_name{width:15%;}
.qna .table .t_date{width:20%;}

.qna .table ul:nth-child(2) .t_title{cursor: pointer;}

.qna .table .body_table .t_no{font-size:0.937rem;color:#555;}
.qna .table .body_table .t_name{font-size:0.937rem;color:#555;}
.qna .table .body_table .t_date{font-size:0.937rem;color:#555}

.qna .table .after_answer .t_no{width:20%;text-align: right;}
.qna .table .after_answer .t_no img{width:23px;transform: translateY(-5px);}
.qna .table .after_answer .t_title{width:40%;}
.qna .table .after_answer .answer{width:135px;}
.qna .table .after_answer .answer span{font-size:14px; color:#fff; background-color: #FF859E; padding:5px 16px; display: inline-block; height:100%; border-radius: 20px;}
.qna .table .t_title i.fa{padding-left:5px;color:#888}
b.doc{font-weight: inherit; display: inline-block; margin-left: 4px;}


/* 상품 사용후기 */
.review .title_p{width:100% !important;}

.review h5{font-size:2rem; text-align: center; margin-bottom:50px;}
.review .qna_top {display: flex;justify-content:flex-end ;    width: 100%; margin: 30px auto;}
.review .qna_top .category_list{margin-right:10px; position:relative;     width: 13%;}
.review .qna_top .category_list p{border:1px solid #ddd;  width:180px; padding:10px;font-size: 14px; position:relative;width: 100%;}
.review .qna_top .category_list p::after{content: ''; display: block; width:6px; height:6px; border-top:2px solid #ddd; border-right:2px solid #ddd; transform: rotate(135deg) translateX(-50%); position:absolute; right:20px; top:42%;}
.review .qna_top .category_list ul{padding:10px; font-size:14px; border:1px solid #ddd; line-height: 2em;position:absolute; width:100%;background-color: #fff;top:43px;display: none;}
.review .qna_top .search{border:1px solid #ddd; width:22%; display: flex;align-items: center;margin-right: 10px;}
.review .qna_top > button{border:1px solid #ddd; padding:0 40px;color: #333;}
.review .qna_top .search input{ border: none; outline: 0;font-size: 14px;padding: 12px; border-right: 1px solid #ddd;width:90%;}
.review .qna_top .search button{height: 28px; border: none; padding:0 13px;cursor: pointer; background-color: #fff;margin: 0 auto;}
.review .qna_top .search button i{font-size: 1rem;}

.review .table ul li > div{display: flex; text-align: center;align-items: center;}
.review .table ul p{padding:15px 0px}
.review .table .head_table{font-weight: bold; color:#999;}

.review .table li{border-bottom:1px solid #ddd;padding:10px 0;}
.review .table .t_category{width:39%; margin-right: 2%; cursor: pointer;}
.review .table .before_answer .t_category{text-align: left; display:flex;    align-items: center;}
.review .table .before_answer .t_category i{display: inline-block; width: 170px; vertical-align: middle;border-radius: 15px;
    overflow: hidden;  }
    .review .table .before_answer .t_category i img{display: flex;width: 100%; height: 100%;}
.review .table .t_category .title_p{display: inline-block; width:calc(100% - 170px); vertical-align: middle;padding-left:15px;}
.review .table .t_title{width:20%; cursor: pointer; margin-left: 2%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.review .table .body_table .t_title{width:40%; text-align: left;}
.review .table .t_name{width:10%;}
.review .table .t_date{width:19%;}
.review .table .t_count{width:8%;}
.review .table .t_star{width:104px; position: relative; overflow: hidden;}

.review .t_star span{display: block;}
.review .t_star .star{top: 7px; width: 104px; height: 18px;}
.review .t_star .review-main-star .star5 {left: 0px;}
.review .t_star .review-main-star .star4 {left: -18px;}
.review .t_star .review-main-star .star3 {left: -40px;}
.review .t_star .review-main-star .star2 {left: -62px;}
.review .t_star .review-main-star .star1 {left: -84px;}

.review .table .after_answer .t_no{width:20%;text-align: right;}
.review .table .after_answer .t_no img{width:23px;transform: translateY(-5px);}
.review .table .after_answer .t_title{width:40%;}
.review .table .after_answer .answer{width:5%;font-size:10px; border:1px solid #be3434; color:#be3434; padding:3px 2px; height:100%;}
.review .table .t_title i.fa{padding-left:5px;color:#888}

.review_view .top > div{justify-content: flex-start;}
.review_view .top > div p{margin-right: 15px;}
.review_view .t_star{position: relative; overflow: hidden; width: 132px;}
.review_view .t_star .star{top: 4px; width: 94px; height: 16px; left: 0;}
.review_view .top .t_star .bg{background: #fff; position: relative; z-index: 9; display: inline-block;}
.review_view .top .t_star .review-main-star .star5 {left: 38px;}
.review_view .top .t_star .review-main-star .star4 {left: 19px;}
.review_view .top .t_star .review-main-star .star3 {left: 0px;}
.review_view .top .t_star .review-main-star .star2 {left: -19px;}
.review_view .top .t_star .review-main-star .star1 {left: -39px;}
.review .mobile_table{display: none;}


.review_view #content{min-height: 300px;}
.review_view .answer {/* border-top:2px solid #333 */padding:20px;}
.review_view .answer .fa-arrow-right:before{font-size: 13px;}
.review_view .body textarea{padding:10px;background-color: #f5f5f5;margin-top:10px;}
/* 문의하기 view */


.contact{width:100%;margin:0 auto;}
.contact ul li.goods > div{display: flex; border-bottom:1px solid #ddd; padding:20px 0;justify-content: space-between;}
.contact ul li.goods .goods_img{width:150px; height:150px; border:1px solid #ddd; position:relative}
.contact ul li.goods .goods_text{width:calc(100% - 150px);padding-left:30px;}
.contact ul li.goods .goods_text .text_title{font-size:1.25rem;}
.contact ul li.goods .goods_text .text_price{font-size:1.125rem;margin-top:10px;}
.contact ul li.goods .goods_text .text_count{margin-top: 16px; font-size: 1.025rem;}
.contact ul li.goods .goods_text .button button{border-color:#ddd;padding:8px 20px; margin:5px 0;font-size:0.875rem}
.contact ul li.goods .yes_goods .goods_img::before{width:100%; height:100%; content:''; display: block; position:absolute;background-color: #f5f5f5; z-index: -1;} 

.contact ul li.goods .goods_text{display: flex;justify-content:space-between;align-items: center;}
.contact ul li.in_list .left{width:120px; background-color: #f8f8f8; padding:20px; display: flex; justify-content: center; align-items: center; text-align: center;}
.contact ul li.in_list .right{width:calc(100% - 120px); padding:20px;}
.text_input{border: 1px solid #ddd; padding:12px; width:100%; background-color: #fff; border-radius: 4px; font-size: 16px;}
.contact ul li.in_list .right textarea.text_input{height: 350px;}

.contact ul.loca li.in_list .left{width: 200px; }
.contact ul.loca li.in_list .left p{font-size: 1.15em; color: #555;}
.contact ul.loca li.in_list .right{width:calc(100% - 220px); padding:20px 0; }
.contact ul.loca li.in_list .right > div{padding-left: 20px;}
.contact ul.loca li.in_list .right > div > p:first-child{font-size: 1.2em; font-weight: 600;}
.contact ul.loca li.in_list .right > div > p:last-child{color: #555;}
.contact ul.loca li.in_list .right > div > p:last-child i{opacity: .9; font-weight: 400}

.contact ul li.in_list {display: flex;width:100%; border-bottom:1px solid #ddd;}
.contact ul li.in_list .left p{font-weight: 600; word-break: keep-all; line-height: 1.3;}
.contact ul li.in_list .right p{font-weight: 500; word-break: keep-all; font-size: 1.1rem;}
.contact ul li.in_list > div:nth-child(2n){border-right:none;}
.contact ul li.check_box_list{display: flex;}
.contact ul li.check_box_list .right{display: flex;}
.contact ul li.check_box_list .right > div{margin-right: 20px;}
.contact ul li.check_box_list > div input { width: auto;}
.contact ul li.in_list .cancel_reason{padding: 20px 0 ;}
.contact ul li.in_list .cancel_reason > p{font-size: 16px; font-weight: 500;}
select.text_input{background: url(https://d2ipzucit9ojde.cloudfront.net/homepage/img/arrow_bot.svg) no-repeat right .8em center; background-size: .7em;}

/* 문화센터 프로그램 일정 ver.2 -> 테이블형식 */
.s_table{overflow: auto; width: 100%; }
.s_table table{table-layout: fixed; overflow-x: auto; border-collapse: collapse; width: 100%; background-color: #fff;}
.s_table table th{background-color: #f5f5f5;}
.s_table table th, .s_table table td{padding: 1em .6em; border: 1px solid #ddd; vertical-align: middle; text-align: center; width: 100%; min-width: fit-content; word-break: break-all; }
.s_table table p{word-break: keep-all; font-size: 1rem;}
.s_table table tbody p{display: inline; word-break: break-all;}

.img_add_btn{width:100%; border:1px solid #ddd; padding:15px 0; border-radius: 4px;margin-top:10px; font-size: 16px; color: #555; display: flex; justify-content: center; align-items: center; gap: .6em; transition: all .2s;}
.img_add_btn i{display: flex; align-items: center; justify-content: center;}
.img_add_btn i img{width: 24px;}
.img_add_btn:hover{background-color: #FF859E; color: #fff; border-color: #FF859E90;}
.img_add_btn:hover i img{filter: brightness(1000%);}



.img_box ul li{display: inline-block; width:98px; height:98px; margin-right:10px; position:relative}
.img_box ul li:last-child{margin:0}
.img_box{width:100%;}
.img_box .img_im{overflow: scroll;}
.img_box ul{width: 640px;display: flex;justify-content: flex-start;}
.img_box .sc_event{width:100%; overflow-x: auto; }
.img_box .sc_event::-webkit-scrollbar{background-color: #fff; height:10px; }
.img_box .sc_event::-webkit-scrollbar-thumb{background-color: #ddd; border-radius: 10px;background-clip: padding-box;
    border: 2px solid transparent;}
.img_box ul li > div{width:20px; background-color: rgba(0 , 0, 0 , 0.7);padding:4px; border-radius: 10px; position:absolute; top:7px; right:7px; cursor: pointer;}
.img_box ul li > div > img{width:20px; background-color: rgba(0 , 0, 0 , 0.3);padding:4px; border-radius: 10px; position:absolute; top: 0; right: 0; cursor: pointer;}

.img_box ul li > i  {display: block; width: 100%; height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); overflow: hidden;}
.img_box ul li > i > img {width: 100%; height: 100%; display: block; object-fit: cover;}

.contact .bottom_button{display: flex; justify-content:center;margin:30px auto 0; gap: 8px; width: 80%;}
.contact .bottom_button button{padding:15px 0px; border:1px solid #ddd;width:100%;  border-radius: 4px; font-size: 16px; color: #555; flex: 0.5;}
.contact .bottom_button button:last-child{background-color: #FF859E;border-color:#FF859E; color:#fff; flex: 1;}



/* view -> img */

.view .text_box_sec{padding: 20px 10px;}
.view .img_box ul {display: block;}
.view .img_box ul li {width: auto;}
.view .text_box_sec > div {margin-top: 24px;}



/*문의하기 view02 */
textarea{outline: 0;}
input{outline: 0;}

.qna_view .top .view_title{font-size:1.5rem; width:100%; padding-bottom: 6px;  font-weight: 600;}
.qna_view .top > div p{font-weight: 400;}
/* .qna_view .top > div{display: flex;justify-content: space-between; color:#888; font-size: 0.975rem; font-weight: 500;} */
.qna_view .body{min-height: 400px;height: 100%; font-size: 17px;;}
.qna_view .body textarea{border:none;}
.qna_view .body .answer{background-color: #f5f5f5;padding:16px; margin-top: 16px; border-radius: .4em; font-weight: 500; min-height: 150px;}
.qna_view .body .answer textarea{background-color: #f5f5f5; height:100px;}
.qna_view .bottom .post { border-bottom:1px solid #000}
.qna_view .bottom .post > div{display: flex; padding:15px 0; border-bottom:1px solid #ddd}
.qna_view .bottom .tit{display: flex;width: 13%; justify-content: space-between; align-items: center;padding-left:10px}


.qna_view .bottom .post_text{padding-left:30px;}
.qna_view .bottom .button{text-align: right;margin-top:40px;}
.qna_view .bottom .button button.list_but{padding:12px 40px; border:1px solid #FF859E; background-color: #FF859E; color:#fff; font-size: 16px; border-radius: 4px;}



.qna_view .bottom .delete{text-align: left;margin-top: 10px;}
.qna_view .bottom .delete button{font-size: 14px; color:#888;position: relative;padding: 0;
    margin-right: 5px;
    padding-right: 5px;}
    .qna_view .bottom .delete button:last-child{background-color:#E55D5D; color: #fff; padding: .6em 1em; border-radius: 4px;}
.qna_view .bottom .delete button:first-child::after{content:'';display: block;width:2px; height: 14px; background-color: #ddd;position:absolute;top:53%;transform: translateY(-50%); right:-2px;}



	/* 체크박스 디자인 */
.contact .d-block{display: flex; align-items: center;}
.contact .d-block input[type="checkbox"] {display: none;}
.contact .d-block input[type="checkbox"] + label {
        display: inline-block; width:20px; height: 20px; background: #fff;border:1px solid #888;
        cursor: pointer; border-radius: 4px;float:left; margin-right:7px;}
.contact .d-block:after {display:block; clear:both; content:"";}
.contact .d-block input[type="checkbox"]:checked + label {
    background: url(https://s3.ap-northeast-2.amazonaws.com/lbcontents/images/JCGENIX/16592190343485.png)no-repeat center/20px 20px; float: left;border:1px solid #FF859E;}
    
    
    .contact ul li.secret .right .text_input{width:150px; float:left}
    .contact ul li.secret .right .secret_checkbox{width:calc(100% - 150px); float:left;padding-left: 20px;}
    .contact ul li.secret .right > p{width:100%;}
    .contact ul li.secret .secret_checkbox{display: flex;height: 40px;}

    .contact ul li.secret .secret_checkbox .d-block{margin-right:10px;} 


.per_input{display: flex; align-items: center; gap: 4px; color: #888;}


.md_write .contact ul li.secret .right .secret_checkbox {padding-left: 0;}


/* shop */
.main_slide .swiper-slide{width: 100% !important;}
.main_slide.swiper-wrapper{height:100%;}
.main_slide .swiper-slide img{width:80%; }
.sub_slide .swiper-slide img{width:100%; height:100%;}
.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after{content: '' !important;}
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after{content: '' !important;}

.shop .top_minilist{margin-bottom:20px;}
.top_minilist span.on{color:#000; font-weight: bold;position:relative;padding-right:15px;}
.top_minilist span.on::after{content:''; display: none; width:7px; height:7px;border-top:1px solid #333; border-right:1px solid #333;position:absolute; right:0; top:36%; transform: translateY(-50%) rotate(135deg);}


.top_minilist span{position:relative; margin-right:10px;padding-right:10px;color:#666; font-size:14px;}
.top_minilist span::before{width:8px; height:8px; border-top:1px solid #666; border-right:1px solid #666; content:'';display: block;transform: rotate(45deg) translateY(-50%);position:absolute; top:49%; right:0;}
.top_minilist span:last-child:before{border:none}


.sub-p-banner{width:100%; height:500px;}
.sub-p-banner .img-bg{width:100%; height:100%; background-attachment: fixed;}

.sub-p-list-container
{display: flex; display: -webkit-box; display: -ms-flexbox;
    -webkit-box-orient: horizontal; -ms-flex-direction: column; flex-direction: column;}


.tab-list-con{margin-right:auto; width: 272px;}
.tab-list-con h5{color:#777; font-weight: 300; line-height: 1.2;}
.tab-list-con .sel-list{width:272px; z-index: 100;}
.tab-list-con .sel-list > li{padding:8px;}
.tab-list-con .sel-list-tit{padding-left:0;}
.tab-list-con .sel-list-tit .sel-arrow{top:42%; background-image: url(https://lbcontents.s3.ap-northeast-2.amazonaws.com/images/IPIACOSMETIC/icon-b-arrow.png); width:18px; height:10px;}


.tab-con{margin:4px 16px; font-size:1.15em; cursor: pointer; opacity:.5; padding-bottom:4px; position: relative;transform: translateY(1px);}
.tab-con:first-child{margin-left:0;}
.tab-con.current{opacity: 1; background-color:#fff; color:#333; font-weight: 600; position: relative;}
.tab-con.current::after{content: ""; width: 100%; height: 2px; background-color: #000; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%);}
.tab-con:hover{font-weight: 600;}

/* 제품필터 */
.filter-list-con{max-width:96px; width:100%;position: absolute; right:16px; bottom:0;}

.sel-list-tit{ display: block; cursor: pointer; padding:4px 8px; padding-right:16px; position: relative;} 
.sel-list-tit .sel-arrow{ position: absolute; right:4px;}
.sel-list-tit .sel-arrow.sel-arrow-st1{position: absolute; top:14px; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #aaa;}
.sel-list-tit .sel-arrow.sel-arrow-st2{position: absolute; top:50%; transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%);
    background-size:9px 5px; width:9px; height:5px; background-repeat: no-repeat; background-image:url(https://lbcontents.s3.ap-northeast-2.amazonaws.com/images/IPIACOSMETIC/icon-arrow-st2.png);}

    .sel-list-tit.open .sel-arrow{transform: rotate(180deg); -webkit-transform:rotate(180deg); -ms-transform:rotate(180deg);}
    .sel-list-tit.open .sel-arrow.sel-arrow-st2{transform: rotate(180deg) translateY(45%); -webkit-transform:rotate(180deg) translateY(45%); -ms-transform:rotate(180deg) translateY(45%);}
.sel-list{border:1px solid #d1d1d1; display: none; position: absolute; width: 100%; z-index:10; background-color:#fff;}
.sel-list > li{ display: block; cursor: pointer; padding:4px 8px;}
.sel-list > li:hover{background-color:#f6f6f6;}

/* 제품상세 */
.pd-view-t-container li{   width: 100%;
    -webkit-box-orient: vertical; -ms-flex-direction: row; flex-direction: row; align-items: center;}
.pd-view-t-container .pd-img-con{padding-bottom:0; background-color:#fff;}

.pd-sle-con{ margin-bottom:10px}
.pd-detail > div:first-child > dl:last-child{ margin-bottom:0px}
.pd-sle-con .right{width:100%; display: block;}
.pd-sle-con .right select{width:100%; padding:16px; border:1px solid #ddd;     color: #333;}
.pd-sle-con02:first-child {border-top:1px solid #888; border-bottom:none;}
/* .pd-sle-con02 {border-top:1px solid #888; border-bottom:1px solid #888} */
.pd-sle-con02 .select_list{display: flex;justify-content: space-between;
    align-items: center; font-size: 0.875rem; border-top: 1px solid #ddd; background-color: #f5f5f5;
    padding: 15px;}
.pd-sle-con02 .select_list .select_name {width: 45%;}
.pd-sle-con02 .select_list .select_numder { display: flex;width: 20%;
    justify-content: flex-end;}
    .count-container {width: fit-content;}
.pd-sle-con02 .select_list .select_price {text-align: right; width: 20%;}
.pd-sle-con02 .select_list .product_price {font-size: 1.125rem;}
.pd-sle-con02 .select_list .product_price span{}
.pd-sle-con02 .select_list .product_accumulate {font-size: 13px; /* margin-top: 4px; */}
.pd-sle-con02 .select_list .span_accumulate {}
.pd-sle-con02 .select_list .product_tit { font-size: 1rem;}
.pd-sle-con02 .select_list .select_product {color: #888; margin-top: 3px;}
.pd-sle-con02 .select_list .span_ac_point {color: #be3434; border: 1px
 solid #be3434; padding: 2px 2px 0px; font-size: 10px; border-radius: 3px
;  margin-right: 5px;}
.pd-sle-con02 .select_list .close {width: 13px;  display: block;  margin-left: 5px;}

/* 제품상세 상단 이미지 사이즈 */

.shop_view .pd-view-t-container .row-too-short{display: flex;align-items: center;flex-direction: column;}
.pd-view-t-container .pd-img-con .pd-img {max-width: 400px;}

.pd-detail{margin:auto;/* padding-top:16px; */ padding-top: 0;}
.pd-detail .option{margin-bottom:16px;}
.pd-view-t-container dl{display: block; /* line-height:3; */ font-size:1em;margin-bottom: 12px ; }
.pd-view-t-container dt{min-width:130px;}

.pd-view-t-container .pd-total dt{min-width:100px;}


.pd-view-t-container dl.sh_basics_tit{font-size:15px;color:#888}
.pd-view-t-container dl.sh_basics_tit:last-child{margin-bottom: 0;}
.pd-view-t-container .basics_option{ padding:24px 0; margin-bottom: 0;border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; margin-bottom:16px;}
.pd-view-t-container dt, .pd-view-t-container dd{display: table-cell;}


.pd-view-t-container .pd-total{display: flex;    margin-top: 10px;justify-content: flex-end;align-items: flex-end;}

/* .pd-total{border-top:1px solid #dfdfdf;}  */
.pd-total dt{ font-weight: 500;}
.pd-total dd {font-size:1rem; line-height: 1;}
.pd-total dd .price{font-weight: 500;font-size:2rem; color: #be3434;}
.pd-total dd .price i.dollar{color: #222; font-weight: 600;}
.pd-detail > div:first-child{padding-top:15px;}





/* 제품 수량 */
.count-container{font-size:0; padding: 10px 0;background: #fff;display: flex; justify-content: center; align-items: center;}
.count-container input[type="number"]::-webkit-inner-spin-button {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
  }
.count-container span:nth-child(2){width:40px;}
.count-container span{text-align: center; display: inline-block; font-size:22px; font-weight: 500; line-height:1em; }
.count-container span.count{position: relative; top:-3px;}
.count-container span.num{/* border:1px solid #d1d1d1;  */background-color: #fff;transform: translateY(1px);cursor: pointer;width: 35px; height: 35px; display: flex;
    align-items: center; justify-content: center;
    border: 1px solid #ddd; border-radius: 50%;
}
/* .count-container span.num:hover{border:1px solid transparent; background-color:#626262; color:#fff;} */
.count-container span i{font-weight: 300; line-height: 1; color: #999;}
.count-container span input{border:0; text-align: center; width:100%; font-size:15px;  background-color: transparent;transform: translateY(-1px);    padding-bottom: 1px; font-weight: 500;}
/* 제품 수량 사이즈 조절 */
.count-container.count-small span{font-size:16px; line-height:1;}
.count-container.count-small span.num{width:22px; height:22px; font-family: sans-serif;}
.count-container.count-small span input{width:36px;}


/* 제품상세 버튼 */
.pd-btn-container.row{margin-left: -2px; margin-right: -2px;}
.pd-btn-container.row > p{padding:0 2px;}
.pd-btn-container .btn{width:100%; min-width: unset; padding:0;}
.pd-btn-container .btn img{height:27px;}
.pd-btn-container .btn-icon:hover{background-color:#222; border:1px solid transparent;}

/* 별점 */
.star-container{position: relative; background-image: url(https://lbcontents.s3.ap-northeast-2.amazonaws.com/images/IPIACOSMETIC/icon-star0.png); width: 128px; height:22px; overflow: hidden;}
.star{position: absolute; top:0; left:-128px; width: 128px; height:22px; background-size:contain; display: block; text-align: left; background-image: url(https://lbcontents.s3.ap-northeast-2.amazonaws.com/images/IPIACOSMETIC/icon-star5.png);}
.star-container .star1{left:-107px;}
.star-container .star2{left:-80px;}
.star-container .star3{left:-54px;}
.star-container .star4{left:-27px;}
.star-container .star5{left:0;}

/* 중간영역 소개 탭 */
.view-tab-container{font-size:0; letter-spacing: 0;border-bottom: 1px solid #bbb;} 
.view-tab-container li{font-size:16px; display:inline-block;  text-align: center; cursor: pointer; color:#626262; /* background-color:#f6f6f6 */; position: relative;
    width:33.333%; margin:0; padding:17px 8px;}

.view-detail-wrap .bg-light-gray{padding:32px;}

.view-detail-wrap .qna .head_table{border-top:1px solid #888; color:#333; border-bottom: 1px solid #ddd;}
.view-detail-wrap .qna .head_table p{ color:#333}


.table-container .pd-detail-table tr td:first-child{font-weight: 700;}
.table-container .pd-detail-table td{padding:8px 12px; }


/* btn-etc */
.btn-etc{text-decoration: underline;  cursor: pointer;}
.btn-etc-box a{color:#626262; background-color:#fff; line-height: 1; padding:10px 40px; border:1px solid #d1d1d1; font-size:0.85em; cursor: pointer;}
/* .btn-etc-box:hover, .btn-etc-box:focus{color:#fff; background-color:#626262; border:1px solid transparent;} */
button.btn-etc-box{font-size:1em; min-width: 96px; min-height:36px; padding:8px 16px;}


/* 채용공고 */
.rec_sec + .rec_sec{margin-top: 3rem;}
.rec_sec ul li.in_list .right textarea.text_input{height: 200px;}

.age_select{display: flex; gap: 8px;}
.age_select select{background-position: right .6em center;}
.age_select select{flex: .4;}
.age_select select:nth-child(1){flex: 1;}
.certi_box .right{width: 100% !important; padding:0 !important;}
.certi_wrap{display: flex; width: 100%;}
.certi_box .right{padding: .4em 0 !important;}
.certi_wrap.cer_body {}
.certi_wrap.cer_body > div{padding: .4em .8em;}
.certi_wrap.cer_head > div{padding: .8em; text-align: center; background-color: #f5f5f5; font-weight: 600;} 
.certi_wrap > div +  div{border-left: 1px solid #ddd;}
.certi_wrap > input{display: inline-block;}

.certi_n{width: 45% !important;}
.certi_date{width: 25% !important;}
.certi_org{width: 30% !important;}

.g_date{width: 20% !important;}
.g_name{width: 30% !important;}
.g_cate{width: 25% !important;}
.major{width: 25% !important;}

.w_per{width: 40% !important;}
.w_name{width: 22.5% !important;}
.w_gr{width: 15% !important;}
.w_duty{width: 22.5% !important;}




/* 이벤트 */

.all{width:760px;
	margin:auto;
}
.event .tabSet{margin-bottom:30px;}
.event .tabSet ul.tabs {display: flex;justify-content: flex-start; margin-bottom: 32px;}
.event .tabSet ul.tabs li{margin-top: 0;}
.event .tabSet ul.tabs li + li{margin-left: 24px;}
.event .tabSet ul.tabs li a{color:#888;display:block;font-weight:bold;font-size:19px; padding: 8px 0;}
.event .tabSet ul.tabs li a.on{border-bottom: 2px solid #FF859E; color: #FF859E;}
.panels{min-height:180px;margin-top: 30px;}
/* .panel{display:none;} */


.event .panels ul{display: flex; flex-wrap: wrap;}


.event .no_post{margin-bottom: 60px;}


/* 개인정보처리방침 */
.privacy .pr_con{border:1px solid #ddd; border-radius: .4em; font-weight: 500;}
.dot{padding-left: 0.8em; position: relative; font-weight: 500;}
.dot::before{content: ""; width: 4px; height: 4px; border-radius: 50%; background-color: #d9d9d9; position: absolute; left: 0; top: 7px;}
.dot.dot-p::before{background-color: #FF859E;}
.bigtit{font-size: 1.4rem;  margin: 2.8rem 0 1.2rem; color: #ff6875;}





/* 상세보기 상단 스와이퍼 */
.top_shop_detail{display: flex;}
.top_shop_detail >ul{width: 50%;flex-direction: column;display:flex;
    justify-content: flex-start;
    align-items: center;}


/* mypage_review */
.mypage_review  h3 { font-size: 1.8rem; font-weight: 500; text-align: left; border-bottom: 2px solid #000; margin-bottom: 0px; padding-bottom: 15px;}
.mypage_review .tabSet .tabs li{margin-right:20px;}
.mypage_review .tabSet .tabs li a{opacity: 0.8;padding-bottom:2px;}
.mypage_review .tabSet .tabs li a.on{border-bottom:2px solid #666;opacity:1;display: block;}
.mypage_review .tabSet .tabs li h4{font-size:1rem; font-weight: 500; }
.mypage_review .tabSet .tabs{margin-top:20px;}
.mypage_review .head_table li{padding:0;}
.mypage_review.review .table ul p { padding: 0px 0px;}



.mypage_review .flex_sec{display: flex;}
.mypage_review .flex_sec .product_img{width: 170px;margin-right:30px;;}
.mypage_review .flex_sec .product_img i{width: 100%; height: 100%; background-color: #f5f5f5;display: block;padding:30px;border-radius: 20px;}
.mypage_review .flex_sec .product_text_box{width:calc(100% - 200px);}
.mypage_review .flex_sec .product_title{font-size:1.25rem;}
.mypage_review .flex_sec .p_op{font-size:1rem;opacity: 0.8;margin-top:10px;}
.mypage_review .flex_sec .but_box button{font-size:0.9rem; border:1px solid #bbb; padding:10px 20px;color:#888;}
.mypage_review .in_body_table01{margin-top:20px;}
.mypage_review .payment_date{margin-bottom:40px;}

.mypage_review .payment_date > p{border-bottom:1px solid #ddd;padding-bottom:10px;}

.mypage_review .panels{min-height: auto;margin-top: 30px;}
.mypage_review .product_text_box {display: flex;
    align-items: center;
    justify-content: space-between;}

.mypage_review .table ul p { padding: 0px 0px 15px; }

.mypage_review .t_category span{width: 130px;margin-right:10px;border-radius: 10px;overflow: hidden;}
.mypage_review .t_category i{width:calc(100% - 140px);;}
.mypage_review .t_category span img{height: 100%; display: block;}
.mypage_review .t_star span { height: 30px;}



/* 사이드 네비게이션 */


.side_nav b{font-size: 1.8rem; font-weight: 600; display: block; margin-bottom: 24px;}
.side_nav .side_sub_depth>span{font-size: 1.4rem; display: block; font-weight: 600; margin-bottom: 16px;}
.side_nav .side_sub_depth + .side_sub_depth{margin-top: 32px; border-top: 1px solid #ddd; padding-top: 32px;}
.side_nav .side_sub_depth a.on{color: #FF859E; opacity: 1; font-weight: 700;}
.side_nav .side_sub_depth a {display: block; font-weight:500; font-size: 18px; opacity: 0.7;}
.side_nav .side_sub_depth a + a{padding-top:10px;}
.side_info{background-color: #f5f5f5; padding:32px 24px; margin-top: 72px;}
.side_info .top p{font-size: 17px;font-weight: 600;}
.side_info .mid a{display: block; color: #FF859E; font-size: 23px; font-weight: 600; margin: 8px 0;}
.side_info .btm{font-size: 14px; border-top: 1px solid #ddd; padding-top: 16px;}
.side_info .btm p{display: block;}
.side_info .btm p + p{margin-top: 4px;}




/* 디자인 제품 업로드 후 삭제될 코드 */
.no_use .view-tab-container li{width: 50%;}
.no_use .top_shop_detail >ul{justify-content: center;}

.no_use .inquiry_wrap ul li{display: flex; align-items: flex-start; margin-bottom: 24px;}
.no_use .inquiry_wrap ul li input{ background-color: #f5f5f5; border: 0; padding: 10px 12px; width: 100%;}
.no_use .inquiry_wrap ul li b{width: 100px; font-weight: 600; font-size: 17px;}
.no_use .inquiry_wrap ul li div{width: calc(100% - 100px);}
.no_use .inquiry_wrap ul li.long{width: 100%;}
.no_use .inquiry_wrap .btn_wrap{text-align: center; display: flex;justify-content:flex-end;}
.no_use .inquiry_wrap .btn_wrap button{display: block;padding: 12px 16px; color: #fff; background-color: #000; min-width: 120px; font-size: 16px;}
.no_use .inquiry_wrap textarea{padding: 12px 16px; background-color: #f5f5f5; border: 0;}




/* 모바일 전체메뉴 */
.m_all_menu_wrap{ position: fixed; display: none; top: 0; left: 0; width: 100%; z-index: 999; background-color: #fff; min-height: 90vh; overflow-y: auto; overflow-x: hidden;}
.m_all_menu_wrap .top{display: flex; background-color: #fff; flex-wrap: wrap; align-items: center;
     justify-content: space-between; padding: 48px 24px 24px 24px; border-bottom: 1px solid #ddd;
}
.m_all_menu_wrap .top>div{width: 100%;}
i.arrow{display: block; border-right: 1px solid #999; border-bottom: 1px solid #999; 
    transform: rotate(-45deg); width: 10px; height: 10px; margin-left: 8px;
}
.m_all_menu_wrap .top.no_login .name{font-size: 16px;}
.m_all_menu_wrap .top.no_login .name span{display: flex; align-items: center; margin-top: 8px;}
.m_all_menu_wrap .top.no_login .name span a{display: block; font-weight: 600;}
.m_all_menu_wrap .top .name{font-size: 18px;}
.m_all_menu_wrap .top .name span{font-weight: 700; font-size: 1.5em;}

.m_all_menu_wrap .logout{background-color: #f5f5f5; border-radius: 55px; padding: 4px 12px;}

.m_all_menu_wrap .mo_title p{font-weight: 600; font-size: 17px;}
.m_all_menu_wrap .mo_title.on span{transform:rotateZ(90deg);}
.m_all_menu_wrap .menu_list{ padding: 0 24px;}
.m_all_menu_wrap .menu_list ul li{border-bottom: 1px solid #ddd; padding: 16px 0; }
.m_all_menu_wrap .menu_list ul li .con_wrap .mo_title{display: flex; justify-content: space-between; cursor: pointer;}
.m_all_menu_wrap .menu_list ul li .con_wrap .m-sub-depth{display: none; padding-top: 8px;}
.m_all_menu_wrap .menu_list ul li .con_wrap .m-sub-depth a{display: block; padding: 4px 0; font-size: 15px;}
.m_all_menu_wrap .top00{display: flex; justify-content: space-between; padding: 24px 24px 0 24px;}
.m_all_menu_wrap .top00 .x_btn{ font-weight: 800; font-size: 20px; cursor: pointer; }
.m_all_menu_wrap .top00 .x_btn span{font-weight: 700;}




.title_area{font-size:2.5rem; font-weight: 600; text-align: left;  margin-bottom: 32px;}
.title_area h3{font-weight: 600; word-break: keep-all;}
.title_area h2{text-align: center; font-weight: 600;}
.address_view  .title_area{margin-bottom: 48px;}
.title_area i{color: #FF859E;}

.title_area.sm_title{font-size: 2.35rem;}


h3.in-sub-title{font-size:2em; text-align: center; margin-bottom:40px; font-weight: 500;}

/* .notice.my_inquiry .table .body_table li > div{display: table;}
.notice.my_inquiry .table .body_table li > div p{display: table-cell;}
.notice.my_inquiry .table .body_table li > div .t_date{width: auto;} */

.my_inquiry .notice_top button{border: 1px solid #ddd; padding: 0 40px; color: #333;}
.my_inquiry .notice_top{}
.my_inquiry .notice_top .category_list ul {padding: 10px;font-size: 14px;border: 1px solid #ddd;line-height: 2em;position: absolute;width: 100%;background-color: #fff;top: 43px;display: none;}
.my_inquiry .notice_top .category_list {margin-right: 10px;position: relative;width: 13%;}
.my_inquiry .notice_top .search {width: 22%;background-color: #f5f5f5;display: flex;align-items: center;margin-right: 10px;}
.my_inquiry .notice_top{display: flex;justify-content: flex-end;width: 100%;margin: 30px auto;}
.my_inquiry .notice_top .category_list p {width: 180px;padding: 10px;font-size: 14px;position: relative;width: 100%;background-color: #f5f5f5; cursor: pointer;}
.my_inquiry .notice_top .category_list p::after {content: '';display: block;width: 6px;height: 6px;border-top: 2px solid #999;border-right: 2px solid #999;transform: rotate(135deg) translateX(-50%);position: absolute;right: 20px;top: 42%;}



.inquiry ul.inquiry-top{border-top: 1px solid #000;}
 



/* 캠핑장 이용안내 */

.room_info_wrap .top h3{font-size: 30px; display: block; margin-bottom: 32px; font-weight: 600;}
.room_info_wrap .top{margin-bottom: 80px;}
.room_info_wrap .top p{font-size: 18px;}

.room_info_wrap .list ul li {padding: 32px 0;}
.room_info_wrap .list ul li:first-child{padding-top: 0;}
.room_info_wrap .list ul li + li{border-top: 1px solid #ddd;}
.room_info_wrap .list ul li .con_wrap{}
.room_info_wrap .list ul li .con_wrap .left{}
.room_info_wrap .list ul li .con_wrap .left b{font-size: 18px; display: block; margin-bottom: 24px; font-weight: 700;}
.room_info_wrap .list ul li .con_wrap .right{}
.room_info_wrap .list ul li .con_wrap p + p{margin-top: 8px;}
.room_info_wrap .list ul li .con_wrap p{position: relative; padding-left: 16px; font-size: 17px;}
.room_info_wrap .list ul li .con_wrap p::after{content: ""; position: absolute; left: 0; top: 13px; width: 5px; height: 2px; background-color: #999;}
.room_info_wrap .list ul li .con_wrap p span{display: block; opacity: 0.7; color: #e52d18;}

.room_info_wrap .list b.sub-title{font-size: 40px; display: block; margin-bottom: 32px;}

.room_info_wrap .list .con .img_wrap{width: 500px; padding-bottom: 47% }
.room_info_wrap .list .con01 .img_wrap{background: url(https://s3.ap-northeast-2.amazonaws.com/lbcontents/images/BREEZEHILL/166162104678894.jpg)no-repeat center center /cover;}
.room_info_wrap .list .con02 .img_wrap{background: url(https://s3.ap-northeast-2.amazonaws.com/lbcontents/images/BREEZEHILL/166161683151939.jpg)no-repeat center center /cover;}

.room_info_wrap .list ul{width: calc(100% - 500px); padding-left: 100px;}


/* 방안내 */
.room_wrap{padding: 0;position: relative; overflow: hidden;}
.room_wrap .top{position: relative;}
/* .room_wrap .top02{height: 100vh;} */
.room_wrap .room_slide{position: relative;}
.room_wrap .room_slide {width: 100%; height: 100%; overflow: hidden;  }
.room_wrap .room_slide .con_wrap{width: 100%;padding-bottom: 38% ;position: relative; overflow: hidden;}
.room_wrap .room_slide .con_wrap::after{content: ""; width: 100%; height: 100%; background: rgba(0 , 0, 0 , 0.2); position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.room_wrap .room_slide03 .con_wrap::after{display: none;}
.room_wrap .room_slide .con_wrap video{position: absolute; width: 100%;}

.room_wrap .room_slide03 .con_wrap{padding-bottom: 45%;}
.room_wrap .room_slide .con_wrap img{position: absolute; width: 100%; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.room_wrap .room_slide .swiper-slide01 .con_wrap{}
.room_wrap .room_slide .swiper-slide02 .con_wrap{}
.room_wrap .room_slide .swiper-slide03 .con_wrap{}




.room_wrap .room_slide .swiper-pagination-bullet{width: 50px; height: 3px; border-radius: 0; background-color: #fff !important; margin: 0 8px !important; opacity: 0.8 !important;}
.room_wrap .room_slide .swiper-pagination{bottom: 25px;}
.room_wrap .room_slide .swiper-pagination-bullet-active{background-color: #FF859E !important;}
.room_wrap .arrow{ display: none;}
.room_wrap .arrow ul{}
.room_wrap .arrow ul li{color: #fff; position: absolute; top: 50%; transform: translateY(-50%); width: 26px; height: 50px; z-index: 3;}
.room_wrap .arrow ul li.arrow_left{left: 20px;}
.room_wrap .arrow ul li.arrow_right{right: 20px;}
.room_wrap .arrow ul li:first-child, .room_wrap .arrow ul li:last-child{cursor: pointer;}



.room_wrap .interior_slide .arrow {display: block; position: absolute; width: 190px; left: 50%; transform: translateX(-50%);bottom: -3px; z-index: 99;}
.room_wrap .interior_slide .arrow ul{display: flex; align-items: center; justify-content: space-between;}
.room_wrap .interior_slide .arrow ul li{width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; position: static; transform: inherit;}
.room_wrap .interior_slide .arrow ul li.arrow_left{left: 0;}
.room_wrap .interior_slide .arrow ul li.arrow_left span{ border-left: 2px solid #555;border-top: 2px solid #555;}
.room_wrap .interior_slide .arrow ul li.arrow_right{right: 0;}
.room_wrap .interior_slide .arrow ul li.arrow_right span{border-right: 2px solid #555; border-bottom: 2px solid #555;}

.room_wrap .interior_slide .arrow ul li span{display: block; width: 12px; height: 12px; transform: rotate(-45deg);}



.room_wrap .interior_slide .con_wrap{background-color: #e7e7e7; height: 100%; position: relative; width: 100%; padding-bottom:110%;  transition-duration: 0.3s; border-radius: 1rem ; overflow: hidden;}


.room_wrap .interior_slide .arrow ul li img{width: auto;}
.room_wrap .top .txt_wrap{width: 100%; position: absolute; text-align: center; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 3;}
.room_wrap .top .txt_wrap b{color: #fff; text-align: center; line-height: 1.3; font-size: 70px; display: block; margin-bottom: 16px; text-shadow: 1px 1px 10px rgba(0 , 0, 0 , 0.6);}
.room_wrap .top .txt_wrap p{font-size: 20px; line-height: 1.7; color: #fff;  text-shadow: 1px 1px 10px rgba(0 , 0, 0 , 0.6);}

.room_wrap .interior_slide .swiper-slide{opacity: 1; transition-duration: 0.3s;transform-origin: 50% 0;}
.room_wrap .interior_slide .swiper-slide img{height: 100%; width: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.room_wrap .interior_slide .swiper-slide-active{ opacity: 1 !important; z-index: 3;}
/* .room_wrap .interior_slide .swiper-slide-active .con_wrap{padding-bottom:75%;} */
.room_wrap .interior_slide{overflow: hidden; padding-bottom: 62px;}
.room_wrap .interior_slide .swiper-wrapper{align-items: flex-start;}

.room_wrap .interior_slide .swiper-slide-next{display: flex; justify-content: flex-end;}
.room_wrap .interior_slide .swiper-slide-prev{display: flex; justify-content: flex-start;}
.room_wrap .interior_slide .swiper-pagination{bottom: -0; font-size: 20px; font-weight: 600;}
.swiper-pagination-total{opacity: 0.5; font-weight: 500; padding: 0 5px;}
.swiper-pagination-current{color: #FF859E; font-weight: 700; padding: 0 8px;}


.cc .interior_slide .swiper-slide{}
.cc .interior_slide .swiper-slide p{position: absolute; color: #fff; background-color: rgba(0,0,0,.6); bottom: 16px; left: 50%; transform: translateX(-50%); width: max-content; padding: 10px 16px; font-weight: 400; text-align: center; font-size: 1.125rem; display: block; border-radius: 30px;}
/* .cc .interior_slide .swiper-slide.swiper-slide-active p{display: block;} */




.room_title{margin-bottom: 20px;}
/* .room_title h2{font-size: 32px; color: #333; position: relative; text-transform: uppercase; font-weight: 600; display: flex; align-items: center; gap: .5rem;} */
.room_title h2{font-size: 32px; color: #333; position: relative; text-transform: uppercase; align-items: center; font-weight: 600; word-break: keep-all; line-height: 1.3;}
.room_title h2 i img{width: 2rem; display: inline-block; opacity: .8; margin-right: .5rem;}

.room_title.room2 h2{font-size: 28px;}
.room_title.room2 h2 i img{width: 1.6rem;}

.big_img .img_wrap{position: relative; width:100%; padding-bottom: 30%;}
.big_img .img_wrap img{position: absolute; width: 100%; height:100%; left:50%; top:50%;transform: translate(-50%, -50%); object-fit: cover;}


/* .room_wrap .room_title h2::after{content: ""; width: 30%; height:1px; background-color: #ddd; position: absolute; right: 0; top:48%;} */
.room_wrap .room_title.no_point h2::after{display: none;}

.room_wrap .con + .con{margin-top: 80px;}
.room_wrap .in .txt_wrap p{font-size: 20px; word-break: keep-all;}
.room_wrap .in .txt_wrap p + p{margin-top: 4px;}
.room_wrap .in .txt_wrap p.point{position: relative; padding-left: 20px;}
.room_wrap .in .txt_wrap p.point::before{content: ""; width: 5px; height: 5px; background-color: #999; position: absolute; left: 0;top: 12px;}

.room_wrap .in .img_wrap.border{border: 1px solid #ddd;}

.room_wrap .con.con_top .room_title{width:335px;}
.room_title p{font-size: 1.1rem; font-weight: 500; word-break: keep-all; margin-top: .4rem; color: #555;}
.room_title p.dot:before{top: 9px;}
.room_title p img{width: 1.2rem; filter: saturate(0); display: inline-block; opacity: .5;}
.room_wrap .con.con_top .in{width: calc(100% - 335px); padding-left: 80px;}

.room_wrap .con .in b.sub-title02{display: block; font-size: 20px; padding-bottom: 12px; margin-bottom:12px;font-weight: 600; border-bottom: 1px solid #000;}
.room_wrap .con .in .list ul li{margin-bottom: 16px;}
.room_wrap .con .in .list ul li .con_wrap{border-radius: 5px; border: 1px solid #ddd; padding: 8px 16px; height: 100%;}
.room_wrap .con .in .list ul li .con_wrap p{text-align: center; font-weight: 600; line-height: 1.3;}
.room_wrap .con .in .list ul{display: flex; flex-wrap: wrap; margin-bottom: -24px;}
.room_wrap .con .in .inner + .inner{margin-top:32px;}
.room_wrap .con .in .list .icon{text-align: center;}
.room_wrap .con .in .list .icon img{width: 72px;}

.info_box{margin: 30px 0;}
.info_box p{font-weight: 500; font-size: 1.5rem; line-height: 1.6;}
.bigger{font-size: 1.4em; }
.info_box p i{font-weight: 600; color: #FF859E;}
.info_box p + p{margin-top: 1.4rem;}



b.fc-p{font-weight: inherit; color: #FF859E;}

.reser_top {height: 50vh; text-align: center; background: url(https://s3.ap-northeast-2.amazonaws.com/lbcontents/images/BREEZEHILL/166353057320195.jpg)no-repeat center center / cover;
    background-attachment: fixed;  display: flex; align-items: center; justify-content: center;
}
.reser_top p{text-align: center; font-size: 20px; font-weight: 500; margin-bottom: 32px; color: #fff; word-break: keep-all;}
.reser_top button{text-align: center; transition-duration: 0.3s; font-weight: 600; font-size: 17px; width: 150px;  color: #fff; border: 1px solid #fff; padding: 16px; display: flex; align-items: center; justify-content: center; margin: 0 auto;}
.reser_top button:hover{background-color: #FF859E;border: 1px solid #FF859E;}
.reservation_wrap .month{margin-bottom: 60px;}
.cc_tt .month{margin-bottom: 20px;}
.cc_tt .month ul{justify-content: flex-start !important;}
.reservation_wrap .month ul{display: flex; align-items: center; justify-content: center; }
.reservation_wrap .month ul li.arrow{cursor: pointer; width: 44px; height: 44px; display: flex; align-items: center; justify-content: center; border-radius: 50%; border: 1px solid #ddd; position: relative;}
.reservation_wrap .month ul li.arrow:hover{background-color: #f8f8f8;}

.reservation_wrap .month ul li.arrow.a_r:after{content: ''; display: inline-block; position: relative; width: .5em; height: .5em; border-top: 1px solid #999; border-right: 1px solid #999; position: absolute; display: block; left: 45%; top: 50%; transform: translate(-50%, -50%) rotate(45deg);}
.reservation_wrap .month ul li.arrow.a_l:after{content: ''; display: inline-block; position: relative; width: .5em; height: .5em; border-top: 1px solid #999; border-left: 1px solid #999; position: absolute; display: block; left: 55%; top: 50%; transform: translate(-50%, -50%) rotate(-45deg);}

.reservation_wrap .month ul li.arrow img{width: 10px;}
.reservation_wrap .month ul li span{font-size: 2px; font-weight: 600; margin: 0 20px;}
.reservation_wrap01 .month ul li span{font-size: 1.6rem;}
.reservation_wrap .thead{display: flex; align-items: center; justify-content: center;}
.reservation_wrap .thead>li{border: 1px solid #ddd; border-top: 2px solid #ddd; text-align: center; width: calc(100% / 7); margin-right: -1px; margin-top: -1px; padding: 12px; font-weight: 500; background-color: #f5f5f5; font-size: 1.1rem;}
.reservation_wrap .thead>li.sun{color: #e52d18;}
.reservation_wrap .thead>li.sat{color: #0269bb;}
.reservation_wrap .tbody{display: flex; justify-content: center; flex-wrap: wrap;}
.reservation_wrap .tbody>li{width: calc(100% / 7); border: 1px solid #ddd; margin-right: -1px; padding: 0px; min-height:95px; margin-top: -1px; }
.reservation_wrap01 .tbody>li{min-height: 14rem;}



.cc .reservation_wrap01 .tbody>li:hover:not(.no_time){background-color: #FF859E30; cursor: pointer; }
.cc .reservation_wrap01 .tbody>li:not(.no_time) .date{cursor: pointer;}
.cc .reservation_wrap .tbody>li:hover:not(.no_time) .con li p{background-color: #FF859E20; }


.hl3-2 .table_wrap{width: 100%; overflow: auto;}
.hl3-2 table{width: 100%; ;}
.hl3-2 table td{min-width: 130px;}
.hl3-2 table th, .hl3-2 table th{word-break: keep-all; }



/* 카페 이용방법 테이블 */
.table_wrap.border-table{position: relative; width: 100%; overflow: inherit;}
.table_wrap.border-table table{table-layout: fixed;}
.table_wrap.border-table th{font-weight: 500;}
.table_wrap.border-table td, .table_wrap.border-table th{border: 1px solid #ddd; text-align: center; vertical-align: middle; padding: 12px 0;}
.table_wrap.border-table td{padding: 26px 12px; word-break: keep-all;}
.room_info_wrap .not_txt{display: none; margin-bottom: .3rem;}

.reservation_wrap02 .tbody>li{display: flex; align-items: center; justify-content: center;}
.reservation_wrap .tbody>li.end div{opacity: 0.7;}
.reservation_wrap .tbody>li.end .date p{display: block;}
.reservation_wrap .tbody>li .date p{display: none;}
.reservation_wrap .tbody>li .date b{font-weight:600; display: block; text-align: left !important;}
.reservation_wrap .tbody>li .date b:last-child{font-weight: 500;}
.reservation_wrap .tbody>li .date{cursor: pointer;  padding: .8em;}

.reservation_wrap01 .tbody>li .date{cursor: default;}

/* .reservation_wrap02 .thead>li{min-width: 75px;}
.reservation_wrap02 .tbody>li{min-width: 75px;} */

.reservation_wrap02 .tbody>li .date{margin-bottom: 0;}
.reservation_wrap02 .tbody>li{min-height: auto; text-align: center;}
.reservation_wrap02 .tbody>li .date b{font-size: 15px;}
.reservation_wrap02 .tbody>li .date b:last-child{font-size: 1rem;}
.reservation_wrap02 .tbody>li .date b.today{width: 25px; height: 25px; margin: 0 auto; text-align: center; font-size: 1rem; background-color: #FF859E; border-radius: 5px; display: flex; align-items: center; justify-content: center;color: #fff;}
.reservation_wrap .info{margin-bottom: 16px;}
.reservation_wrap .info ul{display: flex; align-items: center;}
.reservation_wrap .info ul li{display: flex; align-items: center; }
.reservation_wrap .info ul.con01 li span{color: #fff; font-size: 14px; display: block; margin-right: 8px; font-weight: 600; border-radius: 5px; width: 25px; height: 25px; display: flex; align-items: center; justify-content: center;}
.positive{background-color: #FF859E; color: #fff;}
.ing{background-color: #ff4d5f;}
.complete{background-color: #222;}
b.positive{width: 30px; height: 30px; border-radius: 5px; display: flex !important; align-items: center; justify-content: center;text-align: center; }
b.positive ~ b{color: #FF859E !important; font-weight: 600;}
.reservation_wrap .info ul li + li{margin-left: 16px;}


.reservation_wrap .calender .tbody>li:nth-child(1) .date b:first-child{color: #e52d18; font-weight: 500;}
.reservation_wrap .calender .tbody>li:nth-child(7n + 1) .date b:first-child{color: #e52d18; font-weight: 500;}

.reservation_wrap .calender .tbody li:nth-child(7n) .date b:first-child{color: #0269bb; font-weight: 500;}


.reservation_wrap .calender .con ul li + li{margin-top: .4rem;}
.reservation_wrap .calender .con ul li .con_wrap p{font-size: 15px; font-weight: 600;}
.reservation_wrap .calender .con ul li .con_wrap {display: flex; align-items: center; cursor: pointer;}
.reservation_wrap .calender .con ul li .con_wrap span{color: #fff; font-size: 13px; margin-right: 8px; font-weight: 600; border-radius: 5px; width: 20px; height: 20px; display: flex; align-items: center; justify-content: center;}
.reservation_wrap .calender .con ul li .price{font-weight: 600; display: none;}


.reservation_wrap .tbody>li .con li{text-align: center; font-size: .85em; font-weight: 500;}
.reservation_wrap .tbody>li .con li p{font-weight: 500;  background-color: #f5f5f5; line-height: 1; padding: .4em 0; border-radius: 2px;}

.check_con .chk_box { display: block; position: relative; padding-left: 25px;  cursor: pointer; font-size: 16px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

/* 기본 체크박스 숨기기 */
.check_con .chk_box input[type="checkbox"] { display: none; }
.check_con .chk_box input[type="radio"] { display: none; }

/* 선택되지 않은 체크박스 스타일 꾸미기 */
.check_con .on { width: 20px; height: 20px; background: #ddd; position: absolute; top: 2px; left: -0; border-radius: 5px; }
.reser03_2 .on {border-radius: 50%; width: 18px; height: 18px; top: 3px;}

/* 선택된 체크박스 스타일 꾸미기 */
.check_con .chk_box input[type="radio"]:checked + .on { background: #FF859E; }
.check_con .chk_box input[type="checkbox"]:checked + .on { background: #FF859E; }
.check_con .on:after { content: ""; position: absolute; display: none; }
.check_con .chk_box input[type="checkbox"]:checked + .on:after { display: block; }
.check_con .on:after { width: 6px; height: 10px; border: solid #fff; border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); position: absolute; left: 7px; top: 4px; }

.reser03_2 .chk_box input[type="radio"]:checked + .on:after { display: block; }
.reser03_2 .on:after { width: 7px; height: 7px; border-radius: 50%;background-color: #fff; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }



.reservation_wrap02 .con + .con{margin-top: 60px;}
.reservation_wrap02 .con b.title{font-size: 30px; font-weight: 600;display: block; margin-bottom:8px;}
.reservation_wrap02 .con .in{background-color: #f6f6f6; padding: 32px;}
.reservation_wrap02 .con .in dl{display: flex; align-items: flex-start; font-size: 18px;}
.reservation_wrap02 .con .in dl + dl{margin-top: 4px;}
.reservation_wrap02 .con .in dl dt{width: 140px; font-weight: 700;}
.reservation_wrap02 .con .in dl dd{width: calc(100% - 140px); font-weight: 400;}
.room_list>ul{border-top: 2px solid #222;}
.room_list>ul li .con_wrap{display: flex; justify-content: space-between; align-items: center;}
.room_list>ul li .con_wrap .left{display: flex; align-items: center;}
.room_list>ul li .con_wrap .left .img_wrap{cursor: pointer; width: 220px; margin-right: 32px; position: relative; padding-bottom: 34%;border: 1px solid #ddd; overflow: hidden;}
.room_list>ul li .con_wrap .left .img_wrap img{position: absolute; object-fit: contain; left: 50%; top: 50%; transform: translate(-50%, -50%);width: 100%;}
.room_list>ul li .con_wrap .left .img_wrap .zoom{position: absolute; right: 0; bottom: 0; z-index: 3;
    width: 30px; height: 30px; background:rgba(0 , 0, 0 , 0.3) url(https://s3.ap-northeast-2.amazonaws.com/lbcontents/images/BREEZEHILL/166257412720400.png)no-repeat center center / 20px;
}


.room_list>ul li .con_wrap .left .txt_wrap span{border-radius: 55px; margin-bottom: 8px; font-size: 13px; width: 75px; text-align: center; display: block; padding: 4px 12px; color: #fff; background-color: #FF859E;}
.room_list>ul li{border-bottom: 1px solid #ddd; padding: 24px 0;}
.room_list>ul li .con_wrap .mid{display: flex; align-items: center;}
.room_list>ul li .con_wrap .mid .p_count + .p_count{margin-left: 8px;}
.room_list>ul li .con_wrap .mid .p_count select{padding: 6px 32px 6px 16px; border: 1px solid #ddd; background-position: 90% 50%;}
.room_list>ul li .con_wrap .mid .p_count{text-align: center; font-weight: 600; }
.room_list>ul li .con_wrap .mid .p_count b{font-weight: 700; display: block; margin-bottom:8px;}

.room_list>ul li .con_wrap .left .txt_wrap b{display: block; font-size: 19px; font-weight: 700;}
.room_list>ul li .con_wrap .left .txt_wrap p{font-size: 16px;}
.room_list>ul li .con_wrap .left .txt_wrap .room_add{margin-top: 8px;}
.room_list>ul li .con_wrap .left .txt_wrap .room_statu span.posi{background-color: #FF859E; color: #fff;}
.room_list>ul li .con_wrap .left .txt_wrap .room_statu span.end{background-color: #999; color: #fff;}
.room_list>ul li div.end .txt_wrap{opacity: 0.3;}
.room_list>ul li div.end .mid{opacity: 0.3;}
.room_list>ul li div.end .right{opacity: 0.3;}
.room_list>ul li div.end{pointer-events: none;}

.room_list>ul li .right { display: flex; justify-content: flex-end; flex-direction: column; align-items: flex-end;}
.room_list>ul li .right .price{font-size: 26px; font-weight:700; text-align: right; margin-bottom: 16px;}

.room_list>ul li .right .detail{margin-bottom: 16px;}
.room_list>ul li .right .detail i{display: block; text-align: center; font-size: 0.95em; font-weight: 600;}
.room_list>ul li .right .detail p{display: flex; flex-direction: column; font-size: 15px; text-align: right;}
.room_list>ul li .right .detail p.plus_btn{margin: 0 16px;;}
.room_list>ul li .right .detail{display: flex; align-items: flex-end; justify-content: flex-end;}
.room_list>ul li .right .p_detail{display: flex; justify-content: flex-end; text-align: right;}
.room_list>ul li .right .btn{width: 145px}
.room_list>ul li .right
.room_list>ul li .right .detail p.weekday span{text-align: right;}

.reservation_wrap02 .result{margin-top:32px; display: flex; justify-content: flex-end; align-items: center;}
.reservation_wrap02 .result p.result_price{font-size: 23px; font-weight: 700;}
.reservation_wrap02 .result p.result_price span{font-weight: 700; color: #FF859E; }
.reservation_wrap02 .result button{background-color: #FF859E; font-size: 20px; padding: 12px 24px; width: 170px; box-shadow: 1px 1px 10px rgba(0 , 0, 0 , 0.1); border-radius: 5px; display: block; margin-left: 24px; color: #fff;}
.reservation_wrap02 .result .result_inner{text-align: right;}
.reservation_wrap02 .result p.detail{font-weight: 500; margin-top: 4px;}
.reservation_wrap02 .result p.detail i{position: relative; padding-right: 8px; margin-right: 8px; font-weight: 500;}
.reservation_wrap02 .result p.detail i:last-child{padding-right: 0; margin-right: 0;}
.reservation_wrap02 .result p.detail i::after{content: ""; width: 1px; height: 12px; background-color: #999; position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
.reservation_wrap02 .result p.detail i:last-child::after{display: none;}

/* .dr_s_month span{padding: .6rem 1.2rem; border-radius: 2rem; color: #fff; background-color: #FF859E; font-weight: 500 !important;} */
.dr_tab ul{display: flex; align-items: center; gap: .3rem; margin-top: 2rem; flex-wrap: wrap; background-color: #f8f8f8; border-radius: .5rem; padding: 1.6rem;}
.dr_tab ul li{font-weight: 500; padding: .6rem .8rem; background-color: #fff; color: #555; border-radius: .2rem; font-size: 1.05rem; cursor: pointer; border: 1px solid #ddd; width: max-content; position: relative;}
.dr_tab ul li:hover{background-color: #f8f8f8;}
.dr_tab ul li.on{background-color:#fff3f6; border-color: #FF859E; color: #FF859E;}


.dr_tab2 ul{display: flex; align-items: center; gap:0; margin-top: 2rem; margin-bottom: 4rem; flex-wrap: wrap;border: 1px solid #eee; border-bottom: none; border-right: none;}
.dr_tab2 ul li {width: calc(100% / 5); border-right: 1px solid #eee;}
.dr_tab2 ul li:first-child{border-bottom: 1px solid #eee;}
.dr_tab2 ul li + li{ border-bottom: 1px solid #eee;}
.dr_tab2 ul li a{font-weight: 500; width: 100%; height: 100%; padding: 1rem 0; background-color: #fff; color: #555; font-size: 1.1rem; cursor: pointer; position: relative; display: block; text-align: center;}
.dr_tab2 ul li:hover a{background-color: #f8f8f8;}

.dr_tab2 ul li.on a{background-color:#fff3f6; border-color: #FF859E; color: #FF859E;}
.dr_tab2 ul li.on{ border:1px solid #FF859E;}

.program-main-tab{margin-top: 2rem;}
.program-sub-tab{margin-bottom: 4rem;}
.health.hl3 .room_info_wrap .table_wrap > table + .room_title{margin-top: 48px;}

.dr_tab2 .tab_mintxt{display: none !important;}

.cl .dr_tab2 ul li a{padding: 1.5rem 0;}

/* .isc .dr_tab li a{} */


.btn .check_box_wrap{position: relative;}
.btn .check_box_wrap i{position: absolute; cursor: pointer; top: 50%; transform: translateY(-50%); font-weight: 700; left: 42%;}
.btn .check_box_wrap input[type="checkbox"]:checked + span.on2{background-color: #FF859E;}
.option span.on2{width: 120px;}
.room_list.option>ul li .btn{width: 120px;}
.option .btn .check_box_wrap i{left: 47%;}
.option .btn{margin-top: 16px;}


span.on2{width: 145px; height: 45px; display: block; background-color: #f5f5f5; border-radius: 5px; cursor: pointer; }
.check_box_wrap .on2:after { content: ""; position: absolute; border-color: #999;}
.check_box_wrap .chk_box2 input[type="checkbox"]:checked + .on2:after { border-color: #fff;}
.check_box_wrap .chk_box2 input[type="checkbox"]:checked ~ i{color: #fff;}
.check_box_wrap .on2:after { width: 6px; height: 10px; border: solid #777; border-width: 0 2px 2px 0; 
    -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); position: absolute; left:21%; top: 15px;
 
 }
.check_box_wrap input{display: none;}

.reservation_wrap02 .con01>div{width: 50%;  margin: 0 auto; padding-right: 0 !important;}
.reservation_wrap02 .con01>div:first-child{padding-right: 56px;}
.reservation_wrap02 .calendar2 tr td:first-child{color: #e52d18;}
.reservation_wrap02 .calendar2 tr td:last-child{color: #0269bb;}
.reservation_wrap02 .calendar2 tr th:first-child{color: #e52d18;}
.reservation_wrap02 .calendar2 tr th:last-child{color: #0269bb;}

.reservation_wrap02 .calendar2 tr td{ border: 1px solid #ddd; padding: 12px; cursor: pointer;}
.reservation_wrap02 .calendar2 tr td p{text-align: center; font-weight: 600; }
.reservation_wrap02 .calendar2 tr td p.pass{opacity: 0.3;}
.reservation_wrap02 .calendar2 tr td p.today{width: 25px; height: 25px; margin: 0 auto; text-align: center; background-color: #FF859E; border-radius: 5px; display: flex; align-items: center; justify-content: center;color: #fff;}
.reservation_wrap02 .calendar2 tr th{border: 1px solid #ddd; text-align: center; padding: 12px; cursor: pointer; font-weight: 600;}
.reservation_wrap02 .calendar2 table{table-layout: fixed; width: 100%;}
.reservation_wrap02 .calendar2 .in2{margin-bottom: 20px;text-align: center; font-size: 20px;}
.reservation_wrap02 .calendar2 .in2 i{color: #FF859E;font-weight: 600;}
.reservation_wrap02 .calendar2 .select_date{text-align: center; margin-bottom: 20px;}
.reservation_wrap02 .calendar2 .select_date ul li.arrow{cursor: pointer; width: 35px; height: 35px; border-radius: 50%; border: 1px solid #ddd; display: flex; align-items: center; justify-content: center; position: relative;} 
.reservation_wrap02 .calendar2 .select_date ul li.arrow.a_r:after{content: ''; display: inline-block; position: relative; width: .5em; height: .5em; border-top: 1px solid #999; border-right: 1px solid #999; position: absolute; display: block; left: 47%; top: 50%; transform: translate(-50%, -50%) rotate(45deg);}
.reservation_wrap02 .calendar2 .select_date ul li.arrow.a_l:after{content: ''; display: inline-block; position: relative; width: .5em; height: .5em; border-top: 1px solid #999; border-left: 1px solid #999; position: absolute; display: block; left: 53%; top: 50%; transform: translate(-50%, -50%) rotate(-45deg);}


/* .reservation_wrap02 .calendar2 .select_date ul li.arrow img{width: 10px;} */
.reservation_wrap02 .calendar2 .select_date ul li span{font-weight: 700; font-size: 23px; display: block; margin: 0 24px;}
.reservation_wrap02 .calendar2 .select_date ul{display: flex; align-items: center; justify-content: center;}


.reser03 ul li b.title{display: block; width: 100%; font-size: 30px; font-weight: 600; margin-bottom: 24px; padding-bottom: 8px; border-bottom: 1px solid #222;}
.reser03 ul li + li{margin-top:60px;}
.reser03 ul li.agree .in .txt_wrap{background-color: #f5f5f5; padding: 16px; max-height: 300px; overflow-y: auto; overflow-x: hidden;}
.reser03 ul li.agree .in .txt_wrap p{position: relative; padding-left: 16px;}
.reser03 ul li.agree .in .txt_wrap p::after{content: ""; width: 5px; height: 5px; position: absolute; left: 0; top: 10px; background-color: #999;}
.reser03 ul li.agree .in .txt_wrap p + p{margin-top: 4px;}
.reser03 ul li.agree .in>div + div{margin-top: 16px;}
.reser03 ul li.agree .in .check_box{margin-bottom: 8px;}
.reser03 tr td{vertical-align: middle;}
.reser03 ul li.input input{border: 1px solid #ddd;}
.reser03 ul li.input .in{display: flex; flex-wrap: wrap; justify-content: space-between;}
.reser03 ul li.input .in dl{width: 49%; margin-bottom: 32px;}
.reser03 ul li.input .in dl dd{width: 100%;}
.reser03 ul li.input .in dl dd input{width: 100%; padding: 16px 8px;}
.reser03 ul li.input .in dl dt p{font-weight: 600; display: block; margin-bottom: 4px;}
.reser03 ul li.input .in dl dt p span{color: #ff4d5f;}
.reser03 ul li.input .in dl:last-child{width: 100%;}
.reser03 ul li.input .in dl textarea{resize: none; padding-inline-start: 8px; padding: 8px;}
.reser03 ul li.input .in dl.time select{width: 120px; border: 1px solid #ddd; padding: 8px; background-position: 90% 50%; }

.reser03 ul li.count .in dl{display: flex;}
.reser03 ul li.count .in dl dt{width: 130px; font-weight: 600;}
.reser03 ul li.count .in dl dt p{font-weight: 600;}
.reser03 ul li.count .in dl dd{width: calc(100% - 130px);}
.reser03 ul li.count .in dl + dl{margin-top: 16px;}
.reser03 ul li.count .txt_wrap{margin-top: 16px; background-color: #f5f5f5; padding: 16px;}
.reser03 ul li.count .txt_wrap p{position: relative; padding-left: 16px;}
.reser03 ul li.count .txt_wrap p::before{content: ""; width: 5px; height: 5px; background-color: #999; position: absolute; left: 0; top: 10px;}
.reser03 ul li.count button.all{width: 150px; border-radius: 5px; display: flex; align-items: center; justify-content: center; text-align: center; background-color: #FF859E; font-size: 18px; margin: 32px auto 0 auto; padding: 16px; color: #fff;}
.reser03 ul li.count dl.money dd p i{color: #FF859E; font-weight: 600;}
.reser03 ul li.count dl.money dd p{font-size: 20px;}
.reser03 ul li.count dl.money dd{}


.reservation_wrap04 .btm{ margin-top: 32px;}
.reservation_wrap04 .txt_wrap{background-color: #f5f5f5; padding: 16px;}
.reservation_wrap04 .btm>b{font-size: 20px; font-weight: 600; display: block; margin-bottom: 8px;}
.reservation_wrap04 .txt_wrap p {position: relative;padding-left: 16px;}
.reservation_wrap04 .txt_wrap.txt_wrap p::before {content: "";width: 5px;height: 5px;background-color: #999;position: absolute;left: 0;top: 10px;}
.reservation_wrap04 .txt_wrap.txt_wrap p {position: relative;padding-left: 16px;}

.period_select ul li p{background-color: #f5f5f5; padding: 10px 32px; border-radius: 5px; margin-right: 14px; cursor: pointer; }
.period_select ul li p:last-child{margin-right: 0;}
.period_select ul li p.select{background-color: #FF859E; color: #fff;}
.small{font-size: 0.55em;}

.reser_search{min-height: 100vh !important;}
.reser_search .in input{border: 1px solid #ddd; border-radius: 5px;}
.reser_search header{display: flex; padding: 28px 0; border-bottom: 1px solid #ddd; background-color: #fff;}
.reser_search header .left{position: absolute; left: 0; top: 50%; transform: translateY(-50%); display: flex; align-items: center; cursor: pointer;}
.reser_search header .left img{width: 15px; margin-right: 16px;}
.reser_search header .left span{font-size: 20px; font-weight: 600;}
.reser_search header .center{text-align: center;}
.reser_search header .center h2{font-size: 25px; font-weight: 600;}
.reser_search header .right{position:absolute; right: 20px; top: 50%; transform: translateY(-50%);}
.reser_search header .right img{width: 175px;}
.reser_search .con_wrap{min-height: 80vh;}
.reser_search .con{ height: 100%; 
    display: flex; flex-direction: column; align-items: center; justify-content: center; 
    width: 650px; max-width: 95%; margin: 0 auto; border-radius: 5px; padding: 90px;
    border: 1px solid #ddd; background-color: #fff;
}
.reser_search .logo{width: 217px; margin: 0 auto 48px auto;}
.reser_search .con .in {width: 100%; }
.reser_search .con input{padding:16px 12px;}
.reser_search .con input:focus{outline: 1px solid #FF859E;}
.reser_search .con input[type="text"]{width: 100%;}
.reser_search .con input[type="number"]{width: calc(32% - 10px);}
.reser_search .con .in + .in{margin-top: 32px;}
.reser_search .con .in p{margin-bottom: 8px; font-weight: 600;}
.reser_search .con button{padding:16px 24px; margin-top: 32px; border-radius: 5px; width: 100%; font-size: 18px;}
.reser_search .con button.btn-primary{background-color: #FF859E; color: #fff; }
.reser_search .con button.btn-cancle{background-color: #ff4d5f; color: #fff; }
.reser_search .con button.btn-prev{background-color: #ddd; color: #666; }
.reser_search .con02{padding:62px 90px;}
.reser_search .con02 .in{border-bottom: 1px solid #ddd;}
.reser_search .con02 .in>p{opacity: 0.5;}
.reser_search .con02 .btn_wrap button{width: 49%;}
.reser_search .con02 p.option{font-size: 0.95em;}

/* 탭_라운드 */
.tab_round ul{overflow-x: auto; -ms-overflow-style:none; scrollbar-width: none; margin-right: -16px; margin-left: -16px; padding: 0 16px;} 
.tab_round ul::-webkit-scrollbar{display: none;}

.tab_round ul{display: flex;  gap: 10px;  align-items: center; }
.tab_round ul li a{padding: 12px 16px; border-radius: 40px; border: 1px solid #ddd; color: #777; font-weight: 500; display: block; height: max-content; line-height: 1; width: max-content; background-color: #fff;} 
.tab_round ul li.on a{background-color: #FF859E; color: #fff; border-color: #FF859E; }
.tab_round ul li:not(.on) a:hover{border-color: #FF859E; color: #FF859E; color: #FF859E;}

/* ======================================
   진료과 메인 탭 (.dep_main_tab)
   - 세그먼트형 언더라인 탭 (서브 탭과 시각적 차별화)
   ====================================== */
.tab_round.dep_main_tab{
    margin-bottom: 32px;
    border-bottom: 1px solid #E5E8EB;
}
.tab_round.dep_main_tab ul{
    gap: 0;
    align-items: stretch;
}
.tab_round.dep_main_tab ul li{
    flex-shrink: 0;
}
.tab_round.dep_main_tab ul li a{
    padding: 16px 22px;
    border: none;
    border-bottom: 3px solid transparent;
    border-radius: 0;
    background: transparent;
    color: #6B7280;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.4;
    transition: color 0.15s, border-color 0.15s;
    margin-bottom: -1px;
    width: auto;
}
.tab_round.dep_main_tab ul li a:hover{
    color: #FF859E;
    border-color: transparent;
    background: transparent;
}
.tab_round.dep_main_tab ul li.on a{
    color: #FF859E;
    background: transparent;
    border-color: transparent;
    border-bottom-color: #FF859E;
    font-weight: 700;
}
@media (max-width: 768px){
    .tab_round.dep_main_tab{margin-bottom: 24px;}
    .tab_round.dep_main_tab ul li a{padding: 14px 16px; font-size: 15px;}
}

.notice_top.faq_top{align-items: center; justify-content: space-between;}
.notice_top .button{flex-shrink: 0; width: 108px;}
.notice_top .button button{font-size: 1rem; padding: 14px ; border-radius: 4px; color: #fff; background-color: #FF859E; margin-left: 8px; width: 100%;} 
.tab_mintxt{font-size: 1rem; font-weight: 400; color: #666; display: none;}

.notice_top .button.sc_btn{width: max-content;}
/* .notice_top .button.sc_btn button{background-color: #ddd; border-color: #ddd; color: #444;} */


/* 탭_작은버튼 */
.tab_minbtn{margin: 1.8rem 0 1rem;}
.tab_minbtn ul{display: flex; justify-content: flex-end; align-items: center; gap: .4em;}
.tab_minbtn ul li{cursor: pointer; font-size: 1rem; font-weight: 500; border: 1px solid #ddd; padding: .4em 1.2em; border-radius: 4px; background-color: #fff;}
.tab_minbtn ul li.on{background-color: #333; border-color: #333; color: #fff;}
.tab_minbtn ul li:hover:not(.on){background-color: #eee;}


/* 진료예약 */
.reser_status{ color: #fff; font-size: .95rem; font-weight: 500; border: 1px solid #ddd; padding: .6em .8em; border-radius: 4px; display: inline-block; line-height: 1;}
.notice .table.reser_table .body_table li{color: #333; cursor: pointer;}
.notice .table.reser_table .body_table li.on{background-color: #FF859E20;}
.reser_status.wait{border-color: #0269bb; background-color: #0269bb;}
.reser_status.comp{border-color: #02bb65; background-color: #02bb65;}
.reser_status.can{border-color: #E55D5D; background-color: #E55D5D;}

.notice .table.reser_table .t_date{width: 20%;}
.notice .table.reser_table ul p{padding: 12px 8px;}

/* 진료과 */
.depart_dr{padding: 2rem; border-radius: .8rem; border: 1px solid #eee; background-color: #fff;}
.depart_dr ul{display: flex; align-items: center; gap: 1rem; flex-wrap: wrap;}
.depart_dr ul li{width: calc((100% - 6rem) / 7); position: relative; }
.depart_dr ul li .btnwrap{position: absolute; bottom: 47px; left: 50%; transform: translateX(-50%); width: 90%; display: none;}
.depart_dr ul li .btnwrap button{color: #fff; display: block; padding: .6rem 0; border: 1px solid #fff; width: max-content; border-radius: 2rem; width: 100%; line-height: 1;}
.depart_dr ul li .btnwrap button + button{margin-top: .3rem;}
.depart_dr ul li .btnwrap button:hover{background-color: #FF859E; color: #fff; border-color: #FF859E;}
.depart_dr ul li .imgwrap{position: relative; width:100%; padding-bottom: 140%; overflow: hidden; border-radius: .8rem; border: 1px solid #eee;}
.depart_dr ul li .imgwrap img{position: absolute; width: 100%; height:100%; left:50%; top:50%; transform: translate(-50%, -50%); object-fit: cover; transition: all .15s;} 
.depart_dr ul li p{font-weight: 600; font-size: 1.15rem; margin-top: .6em;}
.depart_dr ul li p span{font-size: .85em; background-color: #FF859E; padding: .2em .4em; border-radius: 2px; color: #fff; line-height: 1;}
.depart_dr ul li:hover .imgwrap img{filter: brightness(50%);}
.depart_dr ul li:hover .btnwrap{display: block;}
.depart_con > div + div{margin-top: 2rem;}
.depart_con { font-weight: 500;}
.depart_con .top_txt p, .dp_con_notab .top_txt p{font-size: 1.2rem; line-height: 1.6; font-weight: 500; color: #555;} 
.depart_con .top_txt p.dot::before .dp_con_notab .top_txt p.dot::before{top: .6rem;}
.depart_con .depart_list li.dot_r{margin-left: 1rem;}
/* .depart_list li.dot_r + li{margin-top: 1.4rem;} */
.depart_con .depart_list li.dot_r > p{margin-top: .8rem; font-weight: 500; font-size: .8em; color: #555; line-height: 1.6;}
.depart_con th, .depart_con td{font-size: 1rem; line-height: 1.4;}

.depart_con td p.dot::before{top: .6rem;}

.cl2 .table_wrap table .not_txt,.cl2 .table_wrap table .dot{display: inline; }

.cl .dr_tab2 ul li{width: calc(100% / 4); text-align: center;}
.cl .dr_tab2 ul li a{font-size: 1.2rem;}

.min_ul{font-weight: 500; font-size: 18px; line-height: 1.4; margin: 20px 0 ;}
.min_ul > li + li{margin-top: 12px;}
.min_ul > li > ul{font-size: .9em; margin: 10px 0;}


.treat_img {display: inline-block;}
.treat_img img{max-width: 100%; width: auto;} 


/* 난임의학연구소  */
/* 난임의학연구소 여성아이난임센터 */

.isc_dr_box > ul > li{display: flex; gap: 40px; align-items: center;}
.isc_dr_box > ul > li + li{margin-top: 2rem; padding-top: 2rem; border-top: 1px solid #eee;}

.isc_dr_box ul li .imgwrap{flex: .2; height: 100%; flex-shrink: 0;}
.isc_dr_box ul li .right{flex: .8; padding: 24px; font-weight: 500;}
.isc_dr_box ul li .right .bottom{display: flex; border: 1px solid #eee; margin-top: 1.8rem; border-radius: 1rem; background: #fff;}
.isc_dr_box ul li .right .bottom > div{padding: 1.6rem; }
.isc_dr_box ul li .right .bottom > div:first-child{border-right: 1px solid #eee;}

.btm_left{width: 35%;}
.btm_right{width: 65%;}

.isc_dr_box .imgwrap{position: relative; width:100%; padding-bottom: 360px; overflow: hidden; border-radius: .8rem; border: 1px solid #eee;}
.isc_dr_box .imgwrap img{position: absolute; width: 100%; height:100%; left:50%; top:50%; transform: translate(-50%, -50%); object-fit: cover; transition: all .15s;}

.isc_dr_box ul li .right .top > i{color: #FF859E; font-size: 1.2rem;}
.isc_dr_box ul li .right .top > h6{font-size: 2.4rem; margin-top: .4rem; line-height: 1;}
.dr_depart{}
.dr_depart i{padding: .6rem 1.2rem; border-radius: 30px; background-color: #FF859E; color: #fff; display: block; width: fit-content;}
.dr_depart ul{margin-top: 1rem; padding-left: 1rem; overflow: auto; max-height: 200px;}
.dr_depart ul li {color:#666 ; font-size: 1.05rem;}
.dr_depart ul li .dot-p:before{ opacity: .7; top: 10px;}
.dr_depart ul li + li{margin-top: 1rem;}
.dr_depart ul::-webkit-scrollbar{width: 4px !important;}

.dr_depart  .dot_r{padding-bottom: .6em; border-bottom: 1px solid #eee;}

.isc .depart_con ul li .top_txt p.dot-p:nth-child(1){font-size: 1.2rem;font-weight: 600;color: #333;}

.depart_con .room_title{margin-bottom: 16px;}
.room_title.room2.room_title2 h2 {font-size: 1.5rem;}

.depart_con .top_txt.top_txt2 p{font-size: 1.1rem;}


.isc_subtxt{margin-bottom: 40px; padding: 20px; border-radius: .5rem; background-color: #fff5f8;}
.isc_subtxt p{font-size: 1rem; font-weight: 500; color: #555;}




/* 주차장 이용안내 */
.p_table .right {display: flex; justify-content: space-between; align-items: center;}
.p_table .right >  p{font-weight: 500; font-size: 1.1rem;}
.p_table .right button{background-color: #FF859E; font-size: 1rem; color: #fff; border-radius: 4px; padding: .4rem .8rem;}
.p_table .right button:disabled{background-color: #bbb; cursor: default;}


/* .event_con ul{margin-bottom: -60px; display: flex; flex-wrap: wrap; gap: 60px 20px;} */
.event_con ul{ display: flex; flex-wrap: wrap; gap: 60px 20px;}
.event_con ul li{ cursor: pointer;padding: 0 !important; width: calc((100% - 40px) / 3);}
.event_con ul li .con_wrap .img_wrap{position: relative; padding-bottom:60%;overflow: hidden; margin-bottom: 16px; border-radius: .4em; border: 1px solid #eee;}
.event_con ul li .con_wrap .img_wrap img{position: absolute; width: 100%; height: 100%; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.event_con ul li .con_wrap .txt_wrap b{font-size: 1.4rem; font-weight: 600; display: block; margin-bottom: 4px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.event_con ul li .con_wrap .txt_wrap p{font-size: 1.1rem; font-weight: 500;overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #777;}
.event_con ul li .con_wrap .date{margin-top: 12px; padding-top: 12px; border-top: 1px solid #ddd; display: flex; align-items: center; color: #555;}
.event_con ul li .con_wrap .date p{margin-right: 16px; font-weight: 500; color: #666;}
.event_con ul li .con_wrap .date span{font-weight: 500;}

.event_tab {margin-bottom:48px;}
.event_tab ul{display: flex; align-items: center;}
.event_tab ul li{margin-right: 16px; cursor: pointer;}
.event_tab ul li:last-child{margin-right: 0;}
.event_tab ul li p{border-radius: 55px; padding: 8px 42px; border: 1px solid #ddd; font-size: 18px;}
.event_tab ul li.on p{background-color: #FF859E; color: #fff; border: 1px solid #FF859E;}




.location .map_wrap{width: 100%;}
.location .map_wrap .root_daum_roughmap_landing{width: 100%;}
.location .map_wrap .wrap_map{width: 100% !important; height: 500px;}

.location .txt_wrap{margin-top: 24px;}
.location .txt_wrap .top{display: flex; height: auto; justify-content: space-between; align-items: center; padding-bottom: 24px; margin-bottom: 24px; border-bottom: 1px solid #ddd; flex-direction: row-reverse;}
.location .txt_wrap .top b{font-size: 30px; display: block; font-weight: 600; }
.location .txt_wrap .top .link_wrap{display: flex; align-items: center;}
.location .txt_wrap .top .link_wrap a{display: flex; align-items: center;padding: 12px 24px;  margin-right: 16px; font-weight: 600; border-radius:2px;}
.location .txt_wrap .top .link_wrap a.naver{background-color: #00C73C; color: #fff;}
.location .txt_wrap .top .link_wrap a.kakao{background-color: #F7E600; color: #222;}
.location .txt_wrap .top .link_wrap a img{width: 16px; margin-right: 16px;}

.location .txt_wrap .top .link_wrap a:last-child{margin-right: 0;}

/* .txt_in{display: flex; align-items: center;} */

.location .txt_wrap .txt_in p{display: flex; font-size: 18px; font-weight: 500; align-items: center; color: #555;} 
.location .txt_wrap .txt_in p + p{margin-top: 12px;}
.location .txt_wrap .txt_in p img{width: 22px; height: 22px; opacity: 0.5; margin-right: 10px; }

.calender .info{display: none;}

.video_wrap video{width: 100%; height: 450px;}

.info2{display: none;}


/* 문화센터 */
.cc .big_img .img_wrap{padding-bottom: 24%;}
.big_img .img_wrap img{border-radius: 1rem; } 

.cc .not_txt.fc-p{background-color: #fff5f8; width: max-content; padding: 10px 20px; border-radius: 4px; opacity: 1; padding-left: 30px; margin-top: .8rem; font-size: 1.05em; padding-left: 40px;}
.cc .not_txt.fc-p::before{content: ''; width: 20px; height: 20px; background: url(https://d2ipzucit9ojde.cloudfront.net/homepage/img/not.svg) no-repeat center center; background-size: 100%; top: 50%; transform: translateY(-50%); left: 14px;}



/* 난임의학연구소 연혁 */
.sub-body-history:after{    content: "";
    position: absolute;
    width: 1px;
    height: 100%;
    background-color: #ddd;
    left: 50%;
    top: 0;}
.history_con{width: 100%; overflow: hidden; position: relative; }
.history_con .his_list{width: 100%; overflow: hidden;position: relative;}
.history_con .his_list .history_img{width: 100%; position: relative; }
.history_con .his_list .history_img_in{width: 100%; height: 280px;}
.history_con .his_list .history_img_in .history_img_inner{width: 100%; height: 100%; background-position: 80%; }
.history_con .his_list .history_img .history_img_text{width: 100%; overflow: hidden; position: absolute; text-align: left; top: 50%; padding: 0 64px; 
    transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%);
    color: #fff; 
}
.history_con .his_list .history_img .history_img_text p{font-size:2.222rem; font-weight: 700; padding-bottom: 8px;}
.history_con .his_list .history_img .history_img_text span{display: block;}
.history_con .his_list .history_list_inner{position: relative; width: 100%; overflow: hidden; }

.history_con .his_list .history_list_inner>ul>li .his_list_in ul{margin-bottom: 18px;}
.history_con .his_list .history_list_inner>ul>li{position: relative; margin-bottom: 0; z-index: 5; display: flex;}
.history_con .his_list .history_list_inner>ul>li + li{margin-top: 50px;}
.history_con .his_list .history_list_inner>ul>li .img_wrap{width: 50%;  display: flex; flex-direction: column;}
.history_con .his_list .history_list_inner>ul>li .img_wrap .img_in{width: 470px;max-width: 100%; padding-bottom: 45%; background-size: contain !important; margin-bottom: 16px;}
.history_con .his_list .history_list_inner>ul>li .his_list_in{width: 50%;}
.history_con .his_list .history_list_inner>ul>li:first-child strong::after{content:""; position: absolute; width: 15px; height: 15px; top: 11px; left: -87px; border: 3px solid #FF859E; border-radius: 50%;z-index:5; background-color:#fff!important;}

.history_con .his_list .history_list_inner>ul>li:nth-child(odd){text-align: left;  flex-direction: row-reverse; align-items: flex-start;}
.history_con .his_list .history_list_inner>ul>li:nth-child(odd) .his_list_in{padding-left: 80px;}
.history_con .his_list .history_list_inner>ul>li:nth-child(odd) .img_wrap{justify-content: flex-end; align-items: flex-end; padding-right: 80px;}
.history_con .his_list .history_list_inner>ul>li:nth-child(odd) .img_wrap .img_in{ background-position: top right !important; display: none;}

.history_con .his_list .history_list_inner>ul>li:nth-child(even){text-align: right;}
.history_con .his_list .history_list_inner>ul>li:nth-child(even) .img_wrap{padding-left: 80px;}
.history_con .his_list .history_list_inner>ul>li:nth-child(even) .img_wrap .img_in{ display: none;}
.history_con .his_list .history_list_inner>ul>li:nth-child(even) .his_list_in{padding-right: 80px;  padding-top: 16px;}

.history_con .his_list .history_list_inner>ul>li strong{display: block; font-size:33px; font-weight: 500; padding-bottom: 8px; position: relative; letter-spacing: -0.7px; font-weight: 600;  }


/* .history_con .his_list .history_list_inner>ul>li:nth-child(odd) .his_list_in>ul{padding-right: 57%;} */

.history_con .his_list .history_list_inner>ul>li:nth-child(even) .his_list_in>ul{padding-left:20%;}
.history_con .his_list .history_list_inner>ul>li:nth-child(odd) .his_list_in>ul{padding-right:20%;}

.history_con .his_list .history_list_inner>ul>li:nth-child(odd) strong::after{content: ""; position: absolute; width: 15px; height: 15px; top: 11px; left: -87px; border: 3px solid #FF859E; border-radius: 50%;z-index:1; background-color:#fff!important;}
.history_con .his_list .history_list_inner>ul>li:nth-child(even) strong::after{content: ""; position: absolute; width: 15px; height: 15px; top: 11px; right: -87px; border: 3px solid #FF859E; border-radius: 50%;z-index:1; background-color:#fff!important;}

.history_con .his_list .history_list_inner>ul>li .his_list_in ul b{display: block; color: #FF859E; font-size: 1.4rem; margin-bottom: 4px;}
.history_con .his_list .history_list_inner>ul>li .his_list_in ul li{font-size:1.2rem; position: relative; padding:4px 0; line-height: 1.5; word-break: keep-all; font-weight: 500;}
.history_con .his_list .history_list_inner>ul>li:nth-child(odd) .his_list_in ul li{padding-left: 16px;}
.history_con .his_list .history_list_inner>ul>li:nth-child(even) .his_list_in ul li{padding-right: 16px;}
.history_con .his_list .history_list_inner>ul>li:nth-child(odd) .his_list_in ul li::after{ content:""; width: 5px; height: 2px;position: absolute; left: 0; top: 17px; background-color: #ddd; }
.history_con .his_list .history_list_inner>ul>li:nth-child(even) .his_list_in ul li::before{ content:""; width: 5px; height: 2px;position: absolute;right: 0; top: 15px;  background-color: #ddd; }

.history_right-text{text-align: right!important;}


/* 진료과 */
.cl2 .dr_tab2 li a:before{content:''; display: block; position: relative; width: 100%; height: 120px; filter:saturate(0%);}
.cl2 .dr_tab2 li.on a:before{filter: saturate(100%); background-color: #fff3f6;}
.cl2 .dr_tab2 li:nth-child(1) a:before{background: url(https://d2ipzucit9ojde.cloudfront.net/homepage/img/cl_san.svg) no-repeat center center;}
.cl2 .dr_tab2 li:nth-child(2) a:before{background: url(https://d2ipzucit9ojde.cloudfront.net/homepage/img/cl_bu.svg) no-repeat center center;}
.cl2 .dr_tab2 li:nth-child(3) a:before{background: url(https://d2ipzucit9ojde.cloudfront.net/homepage/img/cl_so.svg) no-repeat center center;}
.cl2 .dr_tab2 li:nth-child(4) a:before{background: url(https://d2ipzucit9ojde.cloudfront.net/homepage/img/cl_nae.svg) no-repeat center center;}
.cl2 .dr_tab2 li:nth-child(5) a:before{background: url(https://d2ipzucit9ojde.cloudfront.net/homepage/img/cl_yu.svg) no-repeat center center;}
.cl2 .dr_tab2 li:nth-child(6) a:before{background: url(https://d2ipzucit9ojde.cloudfront.net/homepage/img/cl_gab.svg) no-repeat center center;}
.cl2 .dr_tab2 li:nth-child(7) a:before{background: url(https://d2ipzucit9ojde.cloudfront.net/homepage/img/cl_ma.svg) no-repeat center center;}
.cl2 .dr_tab2 li:nth-child(8) a:before{background: url(https://d2ipzucit9ojde.cloudfront.net/homepage/img/cl_yo.svg) no-repeat center center;}



/* 썸네일슬라이드 */
.swipe_wrap .swiper-button-prev{left: 0; background-color: rgba(0, 0, 0, 0.6); width: 4em; height: 4em; color: #fff !important;}
.swipe_wrap .swiper-button-prev::after{font-size:20px; color: #fff !important; }
.swipe_wrap .swiper-button-prev:before{content: ''; position: absolute; display: block; top: 50%; left:50%; transform: translate(-50%, -50%); width: 20px; height: 20px; background: url(https://d2ipzucit9ojde.cloudfront.net/homepage/img/slide_left.svg) no-repeat center;}
.swipe_wrap .swiper-button-next:before{content: ''; position: absolute; display: block; top: 50%; left:50%; transform: translate(-50%, -50%); width: 20px; height: 20px; background: url(https://d2ipzucit9ojde.cloudfront.net/homepage/img/slide_right.svg) no-repeat center;}

.swipe_wrap .swiper-button-next{right: 0; background-color: rgba(0, 0, 0, 0.6); width: 4em; height: 4em; color: #fff !important;}
.swipe_wrap .swiper-button-next::after{font-size:20px; color: #fff !important; }
.swipe_wrap .img_list{margin-top: 0.6em;}
/* .swipe_wrap .img_list ul{display: flex; gap:0.4em; flex-wrap: wrap; justify-content: space-between;}
.swipe_wrap .img_list ul li{width: calc(25% - 0.3em);} */
.swipe_wrap .img_list ul li{opacity: .4;}
.swipe_wrap .img_list ul li.swiper-slide-thumb-active{opacity: 1;}
.swipe_wrap .img_list ul li .con_wrap{position: relative; padding-bottom: 65%; width: 100%; cursor: pointer;}
.swipe_wrap .img_list ul li .con_wrap img{width: 100%; height: 100%; object-fit: cover; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}

.swipe_wrap .mySwiper .swiper-slide{position: relative; width:100%; padding-bottom: 45%;}
.swipe_wrap .mySwiper .swiper-slide img{position: absolute; width: 100%; height:100%; left:50%; top:50%; transform: translate(-50%, -50%); object-fit: cover;}
.swipe_wrap .mySwiper .swiper-slide .slide-txt{display: block; position: absolute; left: 0; bottom: 0; padding:1rem 1.4rem; color: #fff; background-color: rgba(0,0,0,.5); z-index: 50; font-weight: 400; width: 100%; font-size: 1.2rem;}



/* 이벤트 상세 스와이퍼  */
.sv .swipe_wrap {margin-top: 20px;}
.sv .swipe_wrap .mySwiper .swiper-wrapper{height: fit-content;}
.sv .swipe_wrap .mySwiper .swiper-slide{text-align: center; display: flex; align-items: center; justify-content: center; padding-bottom: 0; height: fit-content; align-self: auto; aspect-ratio: 2/1.3;}
.sv .swipe_wrap .mySwiper .swiper-slide img{position: relative; top: 0; left: 0; transform: translate(0); object-fit: contain;}






/* ********************************************* *
* 1600 max
* ********************************************* */
@media (max-width:1600px)
{  
    .bd-xl{padding: 0 16px;}

}

    


/* ********************************************* *
* 1440px max
* ********************************************* */
@media (max-width:1440px){
 
    .room_wrap .top .txt_wrap b{font-size: 51px;}
    .room_wrap .top .txt_wrap p{font-size: 18px;}

    .reser_search header .left{left: 20px;}



    /* 난임의학연구소 */
    .isc_dr_box ul li .right{padding: 0;}
    .isc_dr_box ul li .right .bottom{margin-top: 1.2rem;}
    .isc_dr_box ul li .imgwrap{flex: .25;}
    .btm_left{width: 40%;}
    .dr_depart ul li + li{margin-top: .65rem;}

    /* 의료진 */
    .dr_con ul li{padding: 2.2rem;}


}

/* ********************************************* *
* 1200px max
* ********************************************* */
@media (max-width:1200px){
    
    /* 자주묻는 질문 */
    .questions .questions_top .search{width: 25%;}

    /* 사이드 내비 */
    .side_nav b{font-size: 1.7rem;}
    .side_nav .side_sub_depth a{font-size: 18px;}

    .room_wrap .top .txt_wrap b{font-size: 45px;}
    .room_wrap .in .txt_wrap p{font-size: 17px;}
    .room_wrap .room_title h2{font-size: 32px;}

    .room_wrap .interior_slide .swiper-pagination span{font-size: 19px;}

    .side_area{display: none !important;}
    .event_con ul li .con_wrap .txt_wrap p{font-size: 16px;}


    .reservation_wrap02 .con b.title{font-size: 25px;}
    .room_list>ul li .con_wrap .mid {flex-wrap: wrap; justify-content: center; width: 160px;}
    .room_list>ul li .con_wrap .mid .p_count + .p_count{margin-left: 0;}
    .reservation_wrap02 .result p.result_price{font-size: 20px;}
    .reservation_wrap02 .result button{font-size: 18px; width: 150px;}

    .reser03 ul li b.title{font-size: 25px;}
    
    .room_list>ul li .con_wrap .left .img_wrap{width: 170px;}
    .room_list>ul li .con_wrap .left .img_wrap{padding-bottom: 29%;}

    .room_list>ul li .con_wrap .mid .p_count{margin: 0 8px; margin-bottom: 32px;}
    .room_list>ul li .con_wrap .mid .p_count{width: 25%;}
    .room_list>ul li .con_wrap .mid .p_count:first-child b{color: #FF859E;}
    .room_list>ul li .con_wrap .mid .p_count b{color: #0269bb;}
    .room_list>ul li .con_wrap .mid .p_count select{width: 100%;}

    .room_list>ul li .right .price{position: relative; font-size: 23px;}
    .room_list>ul li .right .detail{margin-left: 0;}
    .room_list>ul li .right .p_detail{text-align: left;}
    .room_list>ul li .right .detail p{text-align: left;}
    .room_list>ul li .right .price::before{content: "합계: "; display: inline-block; margin-right: 8px;}
    .room_list>ul li .con_wrap .mid{flex-wrap: nowrap; width: auto;}
    .room_list>ul li .right {width: 120px; position: relative;align-items: flex-start; flex-direction: column;width: 100%;border-top: 1px solid #ddd;margin-top: 48px;padding-top: 32px;padding: 32px;background-color: #f5f5f5;justify-content: flex-start;padding-right: 130px; }
    .room_list>ul li .right .btn{position: absolute; right: 16px; bottom: 16px;}
    .room_list>ul li .con_wrap{flex-wrap: wrap;}
    .room_list>ul li span.on2{background-color: #fff;}
    .room_list>ul li .right .price{}

    .reser_search header .center h2{font-size: 19px;}
    
    
    .event_con ul{gap: 40px 16px; }
    .event_con ul li{width: calc((100% - 32px) / 3);}
    .event_con ul li .con_wrap .img_wrap{margin-bottom: 12px;}
    .event_con ul li .con_wrap .date{margin-top: 8px; padding-top: 8px;}

    .tab_mintxt.widetab_mintxt{display: block;}
    /* 진료과 */
    .depart_dr ul li{width: calc((100% - 5rem) / 6);}
    
    /* 의료진 */
    .dr_img{flex: .4;}
    .dr_con ul li{padding: 1.5rem;}
    .dr_top{gap: 1.2rem;}
    .dr_txt .intxt{gap: .4rem;}
    .dr_txt .dr_bottom{margin-top: 10px;}
    .dr_txt .intxt .spsb p{font-size: 15px;}

    /* 당직 */
    .cl6 .contact{padding-left: 0; padding-right: 0;}


}

/* ********************************************* *
* 1024px max
* ********************************************* */
@media (max-width:1024px){
   

    .big_img .img_wrap{padding-bottom: 40%;}

    .shop_view .pd-view-t-container .row-too-short{display: inherit;}

    /* 상품 사용후기 */
    .review .table .t_category span{display: block; margin: 0 auto;}
    .main_slide .swiper-slide {max-height: 958px;min-height: 270px;}


    .contact{width:100%;}
    
    .review .mypage_review .t_category span { margin: inherit;margin-right: 10px;   }

    .room_info_wrap .list .con01 .img_wrap{width: 350px;}
    .room_info_wrap .list ul {width: calc(100% - 350px); padding-left: 48px;}

    .dr_tab2 ul li {width: calc(100% / 4);}


    /* 진료과 */
    .depart_dr{padding: 0 ; border: none; border-radius: 0; background-color: transparent;}
    .depart_dr ul{flex-wrap: wrap}
    .depart_dr ul li{width: calc((100% - 1rem) / 2 );  padding: 20px; border-radius: .8rem; background-color: #fff; border: 1px solid #eee;}
    .depart_dr ul li > div{display: flex ; gap: 20px;  }
    .depart_dr ul li .imgwrap{padding-bottom: 160px; width: 140px; border-radius: .6rem;}
    .depart_dr ul li:hover .imgwrap img{filter: brightness(100%);}
    .depart_dr ul li .btnwrap{display: block; position: absolute; left: auto; right: 20px; bottom: 20px; transform: translate(0%); width: 100%; width: calc((100% - 200px));}
    .depart_dr ul li .btnwrap button{border-radius: .3rem; padding: .8rem 0; font-size: 1rem; border-color: #FF859E;}
    .depart_dr ul li .btnwrap button:first-child{color: #fff; background-color: #FF859E;}
    .depart_dr ul li .btnwrap button:last-child{ background-color:  rgba(255,133,158,0.05); color: #FF859E;}
    .depart_dr ul li .btnwrap button + button{margin-top: 8px;}
    .depart_dr ul li p{font-size: 1.3rem; margin-top: 1rem;}
    .depart_dr ul li p span{padding: .3em; font-size: .75em;}



    /* 진료스케줄 */
    .dr_con.dr_detail ul li .dr_img{flex: .35;}
    .dr_con.dr_detail ul li .dr_txt{flex: .65;}
    .dr_con.dr_detail .dr_txt .dr_bottom{margin-bottom: 0;}

    /* 썸네일슬라이드 */
    .swipe_wrap .mySwiper .swiper-slide{padding-bottom: 50%;}



}
/* ********************************************* *
* 960px max
* ********************************************* */
@media (max-width:960px){

    .title_area.sm_title{font-size: 1.9rem;}

    /* 공지사항 */
    .notice .dis-f{flex-direction: column;}
    .notice .qna_top .dis-f{flex-direction: row;}
    /* .title_area {font-size: 1.8rem; margin-bottom: 16px;} */
    .side_nav {width: 100%; text-align: center;}
    .side_nav b{display: none;}
    .notice .dis-f .left{width: 100%; margin-bottom: 60px;}
    .notice .dis-f .right{width: 100%; padding-left: 0;}
    .side_nav .side_sub_depth{display: flex; justify-content: center;}
    .side_nav .side_sub_depth a{opacity: 1; border: 1px solid #ddd;margin-right: 0;
            margin-right: 16px; font-size: 16px; display: block; padding:16px 24px; border-radius: 55px; line-height: 1;
            display: flex; align-items: center; justify-content: center;
    }
    .side_nav .side_sub_depth a:last-child{margin-right: 0;}
    .side_nav .side_sub_depth a + a{padding:16px 24px;}
    .side_info{display: none;}
    .side_nav .side_sub_depth a.on{background-color: #FF859E; color: #fff; border: 1px solid #FF859E;}

    .accordion dt{font-size: 1.025rem;}
    .promotion ul li .text_box .con_title{font-size: 1.15rem;}

    .title_area {font-size: 2rem; margin-bottom: 32px;}

    .room_wrap .room_title h2{font-size: 28px;}
    
    .location .map_wrap .wrap_map{height: 370px;}
    .location .txt_wrap .top b{font-size: 27px;}

    .con_top>div{display: block;}
    .room_wrap .con.con_top .room_title{width: 100%;}
    .room_wrap .con.con_top .in{padding-left: 0; width: 100%;}
    .room_wrap .room_slide .con_wrap{padding-bottom: 53%;}
    .room_wrap .room_slide .swiper-pagination-bullet{width: 20px;}
    .room_wrap .top .txt_wrap p{font-size: 16px;}

    .event_con ul li .con_wrap .txt_wrap p{font-size: 15px;}
    .event_tab ul li p{font-size: 16px;}
    .event_tab{margin-top: 48px;}

    .reservation_wrap02 .con01>div{width: 75%;}

    .reservation_wrap02 .con b.title{font-size: 20px;}
    .reservation_wrap02 .result button{font-size: 16px; width: 140px;}

    .reser03 ul li b.title{font-size: 20px;}

    .room_info_wrap .top h3{font-size: 24px; margin-bottom: 24px;}
    .room_info_wrap .top p{font-size: 17px;}
    .room_info_wrap .list b.sub-title{font-size: 32px;}

    .room_info_wrap .list .con .img_wrap{width: 100%; display: none;}
    .room_info_wrap .list ul{width: 100%; padding-left: 0;}


    .event_con ul li .con_wrap .img_wrap{margin-bottom: 10px;}
    .event_con ul li .con_wrap .txt_wrap b{font-size: 18px;}
    .event_con ul li .con_wrap .date{margin-top: 6px; padding-top: 6px;}

    /* 난임의학연구소  */
    .isc_dr_box > ul > li{gap: 24px; align-items: flex-start;}
    .btm_left{width: 45%;}
    .isc_dr_box ul li .right{height: 100%;}
    .isc_dr_box ul li .right .top > h6{font-size: 1.8rem;  margin-top: .2rem;}
    .isc_dr_box ul li .right .top > i{font-size: 1rem;}
    .dr_depart .dot_r{font-size: 1.2rem; padding-left: 1.5rem;}
    .dr_depart .dot_r::before{top: 2px; }
    .isc_dr_box ul li .imgwrap{flex: .35;}
    .dr_depart ul{padding-left: .5rem;}

    /* 의료진 */
    .dr_txt .intxt .spsb{height: 4.5em;}
    .dr_txt .dr_bottom{margin-top: 0;}
    
}
/* ********************************************* *
* 840px max
* ********************************************* */
@media (max-width:840px){

    .room_list>ul li .con_wrap .left .txt_wrap p{font-size: 15px;}
    .room_list>ul li .con_wrap .mid{width: 100%; border-top: 1px solid #ddd; margin-top: 32px; padding-top: 32px;}

    .contact ul li.in_list .left, .contact ul li.in_list .right{padding: 16px;}

    .contact ul.loca li.in_list .left{width: 140px;}
    .contact ul.loca li.in_list .right{width: calc(100% - 140px);}

    /* .tab_round ul{padding-top:0; padding-bottom: 12px ;} */


    /* 진료과 */
    .depart_dr ul li{padding: 16px;}
    .depart_dr ul li > div{gap: 14px;}
    .depart_dr ul li .imgwrap{width: 110px; padding-bottom: 130px;}
    .depart_dr ul li .btnwrap{width: calc(100% - 156px); right: 16px; bottom: 16px;}
    .depart_dr ul li p{margin-top: .6rem;}
    .depart_dr ul li .btnwrap button + button{margin-top: 6px;}
    .depart_dr ul li .btnwrap button{font-size: 1.1rem; }
    .cl2 .dr_tab2 li a:before{height: 90px; }
    .cl2 .dr_tab2 li:nth-child(1) a:before,
    .cl2 .dr_tab2 li:nth-child(2) a:before,
    .cl2 .dr_tab2 li:nth-child(3) a:before,
    .cl2 .dr_tab2 li:nth-child(4) a:before,
    .cl2 .dr_tab2 li:nth-child(5) a:before,
    .cl2 .dr_tab2 li:nth-child(6) a:before,
    .cl2 .dr_tab2 li:nth-child(7) a:before,
    .cl2 .dr_tab2 li:nth-child(8) a:before{background-size: 80px;}
    

    /* 의료진 */
    .dr_txt .intxt .spsb{font-size: 1rem;}
    .dr_txt .intxt .dr_name{font-size: 1.2rem;}
    .dr_top{gap: 1rem;}
    .dr_con ul li{padding: 1.3rem;}

    /* 의료진 진료스케줄 */
    .dr_con.dr_detail ul li{width: 80%;}


}
/* ********************************************* *
* 768px max
* ********************************************* */

@media (max-width:768px){
    .big_img .img_wrap{padding-bottom: 45%;}
    h3{font-size: 2rem}
    .notice h3 {   font-size: 2rem; margin-bottom: 30px;}
    .content { padding: 60px 0;}
    /* 공지사항 */
    .notice .table .head_table { display: none;}
    .notice .table ul li > div { display: inherit;    text-align: left; }
    .notice .table ul li:not(#no_post) p { padding: 0px;}
    .notice .table .t_no {width: 20%;color: #ccc; }
    .notice .table .t_title {font-size: 16px; margin-bottom: .5rem; width: 100%;} 
    .faq .table .body_table .t_title{margin-bottom: 0;}

    .notice .table .t_date { width: 100%; text-align: right; color: #888;}
    .notice .table .t_views{display: none;}
    .notice .table .body_table li {border-top: 1px solid #ddd;}
    .notice.faq .table .body_table li{border-top: none;}
    .notice .table .t_name { width: 100%; text-align: right; }

    .notice .table.reser_table ul li > div{display: flex; flex-direction: column; gap: .8rem;}
    /* .notice .table.reser_table .head_table { display: block;} */
    .notice .table.reser_table .t_title {font-size: 1.05rem; width: 85%;}
    .notice .table.reser_table .t_date { width: 100%; text-align: left; }
    .notice .table.reser_table .t_views{display: none;}
    .notice .table.reser_table .body_table li {border-top: 1px solid #ddd;}
    .notice.faq .table.reser_table .body_table li{border-top: none;}
    .notice .table.reser_table .t_name { width: 100%; text-align: left; }
    
    .notice .table.reser_table ul li p{line-height: 1.2; padding: 0;}
    .notice .table.reser_table ul li{position: relative;}
    .notice .table.reser_table .t_no{width: 100%;}
    .notice .table.reser_table .t_no:before{content:'NO :'; display: inline-block; opacity: .7; margin-right: .4em; font-weight: 400;}
    .reser_n:before{content:'이름 :'; display: inline-block; opacity: .7; margin-right: .4em; font-weight: 400;}
    .doc_n:before{content:'담당의 :'; display: inline-block; opacity: .7; margin-right: .4em; font-weight: 400;}
    .r_date:before{content:'예약일 :'; display: inline-block; opacity: .7; margin-right: .4em; font-weight: 400;}
    .w_date:before{content:'등록일 :'; display: inline-block; opacity: .7; margin-right: .4em; font-weight: 400;}
    .r_cate:before{content:'부서 :'; display: inline-block; opacity: .7; margin-right: .4em; font-weight: 400;}
    .reser_status{position: absolute; top: 1rem; right:1em;}


    .notice_view .bottom .tit{width: 20%;}
    .notice_view .body .body_in_file {padding: 12px; border-radius: 8px;}
    .notice_view .top .view_title {font-size: 1.3rem;}
    .notice_view .top{padding: 16px 0;}
    .qna_view .top .view_title{font-size: 1.3rem;}
    .qna_view .top{padding: 16px 0;}

    .text_box_sec{font-size: 16px;}
    .qna_view .body .answer{font-size: 16px;}

    /* 자주묻는 질문 */
    .questions .questions_top .search{width: 100%;}
    .questions .questions_top {margin-top: 40px; }
    .questions .questions_top .search input {padding: 15px 10px;}
    .accordion dt {padding: 20px 75px 20px 50px;}
    .accordion dd { padding: 20px 20px 20px 50px;}

    .faq .table .body_table > li > .faq_q, 
    .faq .table .body_table > li > .faq_a {display: flex; padding: 14px 8px;}
    .faq .table .body_table > li > .faq_a{align-items: flex-start;}
    .faq .table .body_table > li > .faq_a > .t_title {white-space: wrap;}
    .faq .table .body_table > li > .faq_a > .t_title > span,
    .faq .table .body_table > li > .faq_q > .t_title > span {font-size: 1.2rem; font-weight: 400;}

    /* Q&A */
    .qna .table{margin-top:0}
    .qna .table ul li:first-child{border-top: 1px solid #ddd;}
    .qna .table ul li:last-child{border-bottom: 1px solid #ddd;}

    .qna .table .head_table { display: none; }
    .qna .table ul li > div {display: inherit;    text-align: left;position: relative;}
    .qna .table ul p {padding:2px 0px; }
    .qna .table ul p.no_post {padding: 10px 0px;}
    .qna .table .body_table .t_no{width: 20%;font-size: 1.125rem;color: #bbb; font-weight: bolder;text-align: left; }
    .qna .table .t_category{text-align: left; font-size:13px; color:#be3434;width: 100%;}
    .qna .table .body_table .t_title {font-size: 1.25rem;    width: 85%; margin-right:auto;}
    .qna .table .body_table .t_name { width: 100%; text-align: right; }
    .qna .table .body_table .t_date { width: 100%; text-align: right;}

    .qna .table .body_table .after_answer .t_name{padding-right: 20px;}
    .qna .table .body_table .after_answer .t_date{padding-right: 20px;}

    .qna .table ul li > div.before_answer{padding: 10px;}
    .qna .table .after_answer{position:relative;background-color: #f5f5f5; padding-top:10px; padding-bottom: 10px;}
    .qna .table .after_answer .t_no{position:absolute;    width: auto;}
    .qna .table .after_answer .t_no img {transform: translate(14px,4px);    width: 19px;}
    .qna .table .after_answer .answer { width: max-content; font-size: 14px; text-align: center;    margin-left: 40px;margin-top: 7px;}
    .qna .table .after_answer .t_title {margin-left: 40px;margin-top: 6px;}
    .qna .table .after_answer .answer span{padding: 3px 12px; font-size: 13px;}

    .qna .table .body_table li {  border-bottom: 1px solid #bbb; padding:0;}
    .qna .table .body_table li > div:first-child{padding:10px 0;}
    .qna .table .body_table li > div:last-child{padding:20px 0 10px;}
    .qna .qna_top .search { width: 50%;}
    .qna .qna_top > button{width:20%;padding: 0 10px;}
    .qna .qna_top .category_list{width:30%;}
    .qna .table .t_date{position:absolute;right:10px;bottom:10px;text-align: right;color:#888; font-size:13px;width: auto;}
    .qna .table .before_answer .t_no {display: none;}
    .qna .table .t_title {font-size: 1.125rem;margin-top:4px;width: 100%;}
    .qna .table .t_name{color:#888;font-size:13px;width: max-content;}
    .qna .table .after_answer .t_name{margin-left:40px;;}
    .qna .table .t_name::before{content:'작성자 : '}
    .qna .table .after_answer .t_title {width: calc(100% - 40px);}
    .contact ul .dis-f{display: block !important;}
    .w_per > div.dis-f{display: flex !important;}
    .contact ul .dis-f > li{width: 100% !important;}

    .contact ul .dis-f .step-span{margin-bottom: .8rem;}

    .notice_top .button button{font-size: 15px;}

    .promotion ul li .text_box .con_date { bottom: 10px; right: 15px;}

    .contact ul li.in_list .left, .contact ul li.in_list .right p{font-size: 16px;}

    .event .tabSet ul.tabs li a{font-size: 17px;}
    .promotion ul>li{margin-bottom: 24px;}
    .faq.cl8 .table .body_table > li .t_title + .t_title{padding-top: 20px !important;}

    .room_wrap .top .txt_wrap b{font-size: 36px;}
    /* .room_wrap .room_title h2{font-size: 33px;} */

    .room_wrap .top .txt_wrap p br{display: none;}
    .room_wrap .top .txt_wrap p{padding: 0 16px;}

    .table_wrap table tr td{padding: 8px; background-color: #fff; font-size: 1.15rem;}
    .table_wrap table tr th{padding: 8px; font-size: 1.15rem;}

    .reservation_wrap .calender .con ul li .con_wrap span{font-size: 12px;}
    /* .reservation_wrap .tbody>li{padding: 8px;} */
    .reservation_wrap .thead>li{padding: 6px;}
    /* .reservation_wrap .calender{max-width:700px; overflow-x: auto; overflow-y: hidden; box-shadow: inset -6px 1px 15px rgba(0 , 0, 0 , 0.2);} */
    .reservation_wrap ::-webkit-scrollbar { height: 5px;}
    /* .reservation_wrap .table_wrap{width: 145%;} */
    /* .calender .info{display: block;} */
    .info2{display: block; margin-bottom: 8px;}
   .info2 img{display: inline-block; vertical-align: bottom; opacity: 0.5; animation:move_e2 1.5s infinite linear;}
    @keyframes move_e2{
        0%{transform: translate(10px);}
        50%{transform: translateX(0);}
        100%{transform: translate(10px);}
    }

    .video_wrap + .video_wrap {margin-top: 16px;}

    .table_wrap table tr td p.point::before{top: 11px;}

    .event_con ul{gap: 30px 16px; }
    .event_con ul li{width: calc((100% / 2) - 8px);}

      /* 연혁 */
      .history_bd{padding-left: 0 ;}
      .history_con .his_list .history_list_inner>ul>li strong{font-size: 24px; line-height: 1.2; }
      .history_con .his_list .history_list_inner>ul>li .his_list_in ul b{line-height: 1.2; margin-bottom: 4px; font-size: 1.3rem}
  .history_con .his_list .history_img .history_img_text{padding:0px 32px;}
  .history_con .his_list .history_list_inner::after{left: 20px;}
  .history_con .his_list .history_list_inner>ul>li{display: block;}
  .history_con .his_list .history_list_inner>ul>li:first-child strong::after{left: -22px!important; top: 9px;}
  .history_con .his_list .history_list_inner>ul>li:nth-child(odd){text-align: left; padding-left:20px; padding-right: inherit;}
  .history_con .his_list .history_list_inner>ul>li:nth-child(even){padding-left: 52px; text-align: left; padding-right: inherit;}
  .history_con .his_list .history_list_inner>ul>li:nth-child(even) .his_list_in{padding-left: 0; padding-right: 0; padding-top: 0;}
  .history_con .his_list .history_list_inner>ul>li:nth-child(even) strong::after{left: -22px; top: 5px; right: inherit;}
  .history_con .his_list .history_list_inner>ul>li:nth-child(even) .his_list_in>ul{padding-left: 0;}
  .history_con .his_list .history_list_inner>ul>li:nth-child(even) .his_list_in ul li::before{right: inherit; left: 0;}
  .history_con .his_list .history_list_inner>ul>li:nth-child(even) .his_list_in ul li{padding-left: 16px; padding-right: inherit;}
  .history_con .his_list .history_list_inner>ul>li:nth-child(odd) strong::after{right: inherit; left: -22px; top: 5px;}
  .history_con .his_list .history_list_inner>ul>li:nth-child(odd) .his_list_in>ul{padding-right: 0;}
  .history_con .his_list .history_list_inner>ul>li:nth-child(odd) .his_list_in ul li::after{right: inherit; left: 0; top: 14px;}
  .history_con .his_list .history_list_inner>ul>li:nth-child(odd) .his_list_in ul li{padding-left: 16px; padding-right: inherit;}

  .history_con .his_list .history_list_inner>ul>li .img_wrap{margin-top: 32px; width: 100%;}
  .history_con .his_list .history_list_inner>ul>li .img_wrap .img_in{width: 100%;}
  .history_con .his_list .history_list_inner>ul>li:nth-child(odd) .his_list_in{padding-left: 32px;}
  .history_con .his_list .history_list_inner>ul>li:nth-child(odd) .img_wrap .img_in{margin-right: 0; margin-left: 32px;}
  .history_con .his_list .history_list_inner>ul>li:nth-child(even) .img_wrap .img_in{margin-left: 0;}
  .history_con .his_list .history_img_in{height: 200px;}
  .history_con .his_list .history_img .history_img_text p{font-size: 2rem;}
  .history_right>.history_img_inner{background-position: 0%!important;}
  .history_con .his_list .history_list_inner>ul>li .his_list_in{width: 100%;}

  .history_con .his_list .history_list_inner>ul>li:nth-child(odd) .img_wrap .img_in{background-position: center left;}
  .history_con .his_list .history_list_inner>ul>li .img_wrap{display: block;}

  .sub-body-history::after{left: 37px;}
  .history_con .his_list .history_list_inner>ul>li:nth-child(odd) .img_wrap .img_in{background-position: center left !important;}
  .history_con .his_list .history_list_inner>ul>li:nth-child(even) .img_wrap{padding-left: 0;}
  .history_con .his_list .history_list_inner>ul>li .img_wrap .img_in{padding-bottom: 55%;}

  .min_ul{font-size: 16px; margin: 26px 0 ;}
  .min_ul > li + li{margin-top: 8px;}
  .min_ul > li > ul{font-size: .9em; margin: 10px 0;}
  

    /* 진료과 */
    .depart_con .depart_list li.dot_r > p{font-size: .9em;}
    .notice_view .bottom .button {text-align: center;}
    
    /* 의료진 */
    .dr_img{flex: .3;}
    .dr_txt .dr_bottom{position: absolute; bottom: 0;}
    .dr_con ul{gap: 10px;}
    .dr_txt .intxt .dr_name{font-size: 18px;}
    .dr_txt .intxt{gap: .6rem;}
    .dr_txt .intxt .spsb{height: 3em;}


    /* 난임의학연구소 */
    .btm_left, .btm_right{width: 50%;}
    .isc_dr_box ul li .imgwrap{flex: .38;}
    .isc_dr_box > ul > li{gap: 20px;}
    .isc_dr_box ul li .imgwrap{padding-bottom: 300px;}
    .isc_dr_box ul li .right .bottom > div{padding: 1.2rem;}
    .dr_depart ul{max-height: 163px;}
    .isc_dr_box ul li .imgwrap{padding-bottom: 250px;}
    .isc_dr_box ul li .right .top > h6{font-size: 1.6rem;}
    .isc_dr_box ul li .right .bottom{margin-top: .8rem;}
    .dr_depart ul{max-height: 119px;}

    /* 썸네일슬라이드 */
    .swipe_wrap .mySwiper .swiper-slide{padding-bottom: 60%;}
    .swipe_wrap .swiper-button-prev, .swipe_wrap .swiper-button-next{width: 3em; height: 3em;}

    .top.event_top .view_title{font-size: 1.5rem;}
    .top.event_top .period{padding-bottom: 12px; margin-bottom: 12px;}
    .top.event_top .view_title{padding-bottom: 4px;}


    /* 채용공고 */
    .certi_wrap{display: block;}
    .certi_wrap.cer_body > div{width: 100% !important; padding: 4px 0;}
    .certi_wrap > div + div{border: none;}
    .certi_wrap.cer_body + .certi_wrap.cer_body, .certi_box .in_list + .in_list{margin-top: 12px; padding-top: 12px; border-top: 2px solid #bbb;}
    .certi_wrap.cer_head > div{display: none;}
    .certi_wrap.cer_head > div:first-child{width: 100%;}
    .contact .certi_box ul li.in_list .right{border-bottom: none; padding: 0 !important;}
    .certi_box .dot_r{margin-bottom:.4em;}
    


    .cp3 .table_wrap table tr td{padding: 8px 14px;}

}
/* ********************************************* *
* 640px max
* ********************************************* */
@media (max-width:640px){
    .sec { padding: 80px 0;}
    .content { padding: 50px 0;}
    .notice h3{font-size: 2rem;margin-bottom: 0;}
    .h3.in-sub-title { margin-bottom: 20px;padding-top: 0; font-size: 1.7em;}

    .reservation_wrap .tbody>li .con li{font-size: .8em;}
    
    /* 자주묻는 질문 */
    .accordion dt i {width: 21px;}
    .accordion dt {padding: 10px 55px 10px 37px}
    .accordion dd { padding: 10px 10px 10px 37px;}
    .accordion dt {font-size: 1rem;}
    .accordion dd {font-size: 1rem;}
    .questions_point01 {font-size: 1.5rem;left: 10px;}
    .questions_point02 {font-size:  1.5rem;left: 10px;}
    .questions .questions_top .search input {padding: 11px 10px;    }

  
    .contact ul li.goods .goods_img{width:110px; height:110px;}
    .contact ul li.goods .goods_text{width:calc(100% - 110px);padding-left:20px;}

    .contact ul li.check_box_list .right {flex-direction: column;}
    
    .top_minilist span.on::after{display: block;}

    .event .tabSet ul.tabs li a{padding:8px;}
    .event .tabSet ul.tabs li{width:50%; text-align: center;}
    .promotion.event ul li .text_box{padding: 10px;}

    .mypage_review .flex_sec .product_img {width: 130px;margin-right: 20px;}
    .mypage_review .flex_sec .product_text_box {width: calc(100% - 150px);}
    .promotion ul li .text_box .progress{    margin-bottom: 0;}
    .promotion ul li .text_box .con_title {font-size: 1.125rem; }

    .qna .qna_top .search input{ padding:5px; }
    .qna .qna_top .search {width: 50%;}
    .qna .qna_top > button {width: 25%;}
    
    
    .qna_view .body {padding-top: 0;}
    .qna_view .body .answer {padding: 10px;}
    .qna_view .body .answer textarea {height: 110px;}


    /* 삭제 */
    .no_use .inquiry_wrap ul{flex-direction: column;}
    .no_use .inquiry_wrap ul li{width: 100%;}
    .no_use .inquiry_wrap ul li b{font-size: 15px;}
    .no_use .inquiry_wrap .btn_wrap button{width: 100%; font-size: 15px;}



    /* .room_wrap .room_title h2{font-size: 32px;} */

    .room_wrap .room_slide .swiper-pagination-bullet{width:13px;}
    .room_wrap .arrow ul li{width: 15px; height: 30px;}

    .table_wrap table tr th{width: 140px;}

    .cp3 .table_wrap table tr th{width: 100px;}

    .room_wrap .con + .con{margin-top: 60px;}

    .room_wrap .con .in .list ul li{width: 25%;}
    .room_wrap .con .in .list ul li .con_wrap{height: 100%;}

    .room_wrap .room_slide .con_wrap{padding-bottom: 60%;}
    .room_wrap .room_slide .con_wrap img{height: 100%;}

    .event_con ul li .con_wrap .txt_wrap b{font-size: 16px;}
    .event_con ul li .con_wrap .txt_wrap p{font-size: 15px;}
    .event_tab ul li p{font-size: 15px;}
    .event_tab{margin-top: 32px;}

    .room_wrap .interior_slide .swiper-pagination{font-size: 17px;}
    .room_wrap .interior_slide .swiper-pagination span{font-size: 17px;}

    /* .room_wrap .interior_slide .swiper-slide-active .con_wrap{padding-bottom: 65%;} */

    .reservation_wrap02 .con01>div{width: 100%;}
    .reservation_wrap02 .calendar2 .select_date ul li span{font-size: 19px;}
    .reservation_wrap02 .calendar2 .in2{font-size: 18px;}
    .room_list>ul li .con_wrap .mid .p_count select{padding-right: 16px;}

    .room_list>ul li .right .price{font-size: 20px; margin-bottom: 8px;}
    .option.room_list>ul li .right .price{margin-bottom: 0;}
    .room_list>ul li .con_wrap .left .txt_wrap b{font-size: 18px;}
    .room_list>ul li .right{padding: 24px;}
    .room_list>ul li .right .btn{right: 16px;}
    .room_list>ul li .con_wrap .left .img_wrap{padding-bottom: 40%;}
    .reservation_wrap02 .con b.titlep{font-size: 22px;}

    .reservation_wrap02 .con .in dl{font-size: 16px;}
    .reservation_wrap02 .con .in dl dt{width: 100px;}
    .reservation_wrap02 .con .in dl dd{width: calc(100% - 100px);}
    .reservation_wrap02 .result{justify-content: space-between;}

    .reser03 ul li b.title{font-size: 18px;}
    .reser03 .table_wrap table tr {position: relative; display: block; border-bottom: 1px solid #ddd; padding-bottom: 16px;}
    .reser03 .table_wrap table tr td:first-child{position: absolute; left: 0; top: 0; width: 160px; padding-left: 0; padding: 0;}
    .reser03 .table_wrap table tr td{padding-left: 180px; width: 100%; display: block; border: 0; position: relative; padding: 2px 2px 2px 180px;}
    .reser03 .table_wrap table thead{display: none;}
    .reser03 .table_wrap table tr td.t_name p{font-size: 17px; font-weight: 800;}
    .reser03 .table_wrap table tr td.t_name p:last-child{font-size: 15px; font-weight: 500;}
    .reser03 .table_wrap table tr td.t_name{padding-top: 0;}
    .reser03 .table_wrap table tr td.t_date::before{content: "예약일:"; display: inline-block; margin-right: 4px;}
    .reser03 .table_wrap table tr td.t_count::before{content: "인원:"; display: inline-block; margin-right: 4px;}
    .reser03 .table_wrap table tr td.t_option::before{content: "옵션:"; display: inline-block; margin-right: 4px;}

    .reser03 .table_wrap table{border-top: 0 !important;}
    .reser03 .table_wrap table tr td.t_price{margin-top: 16px; font-size:16px; font-weight: 800; color: #FF859E; padding-left: 110px; text-align: right; padding: 16px; background-color: #f5f5f5;}
    .reser03 .table_wrap table tr td.t_price::before{content: "최종 결제금액"; position: absolute; left: 16px; bottom: 16px; color: #222;}
    .reser03 ul li.count dl.money dd p{font-size: 17px;}
    .reser03 ul li.count button.all{font-size: 16px;}

    .reservation_wrap02 .tbody>li .date b.today{ width: 2em; height: 2em;}
    /* .reservation_wrap02 .tbody>li .date b:last-child{font-size: 2vw;} */
    
    /* .reservation_wrap .thead>li{font-size: ;} */
    .location .txt_wrap .top{padding-bottom: 16px; margin-bottom: 16px;}
    .location .txt_wrap .top b{font-size: 22px;}
    .location .txt_wrap .txt_in p{font-size: 16px;}
    .location .txt_wrap{margin-top: 24px;}
    .location .txt_wrap .txt_in p img{margin-right: 8px;}
    .location .txt_wrap .txt_in p + p{margin-top: 8px;}

    .reservation_wrap01 .check_con .chk_box{font-size: 13px;}
    .reservation_wrap .tbody>li .date b{font-size: 1em;}
    .reservation_wrap .tbody>li .date b.positive{font-size: 1em;}
    .reservation_wrap .calender .con ul li .con_wrap p{font-size: 2vw;}
    .reservation_wrap .calender .con ul li .con_wrap span{font-size: 2vw;}
    .reservation_wrap .calender .con ul li .con_wrap{flex-direction: column; align-items: flex-start;}
    .reservation_wrap .calender .con ul li .con_wrap ~ div span{font-size: 2vw; line-height: 1.2; display: block;}
    .reservation_wrap .calender .con ul li .con_wrap ~ div p{font-size: 2vw; line-height: 1.2;}

    .reservation_wrap .calender .con ul li .con_wrap span{width: 2em; height: 2em;}
    .reservation_wrap .month ul li span{font-size: 18px; margin: 0 12px;}
    .cc_tt .month{margin-bottom: 10px;}
    .cc_tt .month ul{justify-content: center !important;}
    .reservation_wrap .month ul li.arrow{width: 30px; height: 30px;}
    .reservation_wrap .month ul li.arrow img{width: 7px;}
    .reservation_wrap .info ul.con01 li span{font-size: 11px;}
    .reservation_wrap .info ul.con01 li span{width: 20px; height: 20px;}

    .small{font-size: 0.65em;}

    .reser03 ul li.input .in dl.time select{width: 100%; background-position: 95% 50%;}


    .room_info_wrap .list b.sub-title{font-size: 25px; margin-bottom: 24px;}
    .room_info_wrap .list ul li .con_wrap .left b{font-size: 16px; margin-bottom: 8px;}
    .room_info_wrap .list ul li .con_wrap p{font-size: 15px;}

    .room_info_wrap .top h3{font-size: 21px;}
    .room_info_wrap .top p{font-size: 16px;}

    .reser_search .con{padding:48px 16px;}

    .reser_search header .center h2{font-size: 17px;}
    .reser_search header .right img{display: none;}
    .reser_search .con_wrap{min-height: auto;}
    .reser_search .con button{font-size: 14px;}

    .reservation_wrap02 .result .result_inner{text-align: left;}
    .reservation_wrap02 .result{display: block;}
    .reservation_wrap02 .result button{width: 100%; margin-left: 0; margin-top: 24px;}

    /* .contact ul li.in_list{display: block;} */
    .contact ul.loca li.in_list .right{width: 100%;  padding-top: 0;}
    .contact ul.loca li.in_list .left{justify-content: flex-start; padding: 0; margin-bottom: 4px; margin-top: 10px;}
    /* .contact ul.loca li.in_list .left i{display: none;} */
    .contact ul.loca li.in_list .right > div{padding-left: 0;} 
    .contact ul.loca li.in_list .right > div:first-child{border-top: 1px solid #ddd; padding-top: 20px;} 

    /* 연혁 */
    .history_con .his_list .history_list_inner>ul>li .his_list_in ul li{font-size: 16px; padding-bottom: 0;}
    .history-sub-body{background-position: center 130%; background-size: 76%;}

    .room_title.room2.room_title2 h2 {font-size: 1.4rem; color: #FF859E;}
    .room_title.room2.room_title2 i{display: none; }

    .cl .dr_tab2 ul li{width: calc(100% / 3);}
    .cl .dr_tab2 ul li a{font-size:1.1rem}


    /* 진료과 */
    .depart_dr ul{gap: .6rem;}
    .depart_dr ul li{padding: 10px;}
    .depart_dr ul li > div{gap: 10px;}
    .depart_dr ul li .imgwrap{width: 100px; padding-bottom: 120px;}
    .depart_dr ul li .btnwrap{width: calc(100% - 130px); right: 10px; bottom: 10px;}

    /* 의료진 */
    .dr_txt .dr_bottom{position: relative; margin-top: 10px;}


    /* 의료진 진료스케줄 */
    .dr_con.dr_detail ul li{width: 100%;}
    .dr_con.dr_detail ul li .dr_img{flex: .3 !important;}
    .dr_con.dr_detail ul li .dr_txt{flex: .7;}
    .dr_con.dr_detail .intxt{padding-bottom: 50px;}


    /* 소망공원 */
    .info_box p{font-size: 1.3rem;}



}

/* ********************************************* *
* 580px max
* ********************************************* */
@media (max-width:580px){
    
    .room_title.room2 h2{font-size: 22px}

    /* 진료과 */
    .depart_dr ul li{width: 100%; gap: 10px;}
    .depart_dr ul li{padding: 16px;}
    .depart_dr ul li > div{gap: 16px;}
    .depart_dr ul li .imgwrap{width: 110px; padding-bottom: 130px;}
    .depart_dr ul li .btnwrap{width: calc(100% - 158px); right: 16px; bottom: 16px;}



}




/* ********************************************* *
* 550px max
* ********************************************* */
@media (max-width:550px){
    .big_img .img_wrap{padding-bottom: 50%;}
    .reservation_wrap .tbody>li .con li{font-size: .75em;}
    .dr_tab2 ul li {width: calc(100% / 3);}

    /* 카페 이용방법 테이블 */
    /* .table_wrap.border-table{width: 100%; overflow: auto;}
    .table_wrap.border-table table{overflow: auto;}
    .table_wrap.border-table td, .table_wrap.border-table th{border: 1px solid #ddd; text-align: center; vertical-align: middle;} */
    .cl2 .dr_tab2 li a:before{height: 70px; }
    .cl2 .dr_tab2 li:nth-child(1) a:before,
    .cl2 .dr_tab2 li:nth-child(2) a:before,
    .cl2 .dr_tab2 li:nth-child(3) a:before,
    .cl2 .dr_tab2 li:nth-child(4) a:before,
    .cl2 .dr_tab2 li:nth-child(5) a:before,
    .cl2 .dr_tab2 li:nth-child(6) a:before,
    .cl2 .dr_tab2 li:nth-child(7) a:before,
    .cl2 .dr_tab2 li:nth-child(8) a:before{background-size: 70px;}

    /* 난임의학연구소 */
    .isc_dr_box ul li .imgwrap{flex: .35; padding-bottom: 220px;}
    .isc_dr_box ul li .right{flex: .65;}
    .isc_dr_box ul li .right .bottom, .isc_dr_box .imgwrap{border-radius: .6rem;}
    .isc_dr_box ul li{gap: 12px;}
    .isc_dr_box ul li .right .bottom{display: block; margin-top: 0; border-color: #ddd;}
    .btm_left, .btm_right{width: 100%;}
    .isc_dr_box ul li .right .bottom > div:first-child{border-right: none;}
    .isc_dr_box ul li .right .bottom > div{padding: 1rem;}
    .dr_depart ul{max-height: 90px;margin-top: .6rem;}
    .dr_depart ul li + li{margin-top: .4rem;}
    .btm_right{border-top: 1px solid #ddd;}
    .isc_dr_box ul li{position: relative;}
    .isc_dr_box ul li .top{position: absolute; bottom: 20px; left: 0; }

    .notice_view .bottom .button{justify-content: center; margin-top: 20px;}

    .dr_tab2 ul li a{font-size: 15px; padding: 11px;}
    .dr_tab2 ul li.on a{font-weight: 600;}



}

/* ********************************************* *
* 500px max
* ********************************************* */
@media (max-width:500px){
    .title_area{margin-bottom: 26px;}
    .room_title{margin-bottom: 16px;}

    .table_wrap table tr th, .table_wrap table tr td{font-size: 1rem;}
    .depart_con .top_txt p, .dp_con_notab .top_txt p{font-size: 1.1rem;}

    .promotion ul li{width: 100%;}

    .qna .table .body_table .t_title{font-size: 1.05rem;}

    .contact ul li.secret .right .text_input {width: 210px;}
    .contact ul li.secret .right .text_input {float: inherit;}
    .contact ul li.secret .right .secret_checkbox {float: inherit; padding-left:0;width:100%;}

    .pd-sle-con02 .select_list {display: inherit;position:relative;}
    .pd-sle-con02 .select_list .select_name{width:100%;}
    .pd-sle-con02 .select_list .select_numder{width:30%;display: inline-block;   margin-right:-4px; padding-top:10px;}
    .pd-sle-con02 .select_list .select_price{width:70%;display: inline-block;    }
    .pd-sle-con02 .select_list .close{position:absolute; top:10px; right:10px;}
    
    .side_nav .side_sub_depth{overflow-x: auto; overflow-y: hidden; justify-content: flex-start; padding-bottom: 16px;}
    .side_nav .side_sub_depth::-webkit-scrollbar{height: 5px;}

    .room_wrap .room_title h2{font-size: 22px;}

    .room_wrap .con + .con{margin-top: 50px;}
    .room_wrap .in .txt_wrap p{font-size: 15px;}

    .room_wrap .con .in .list ul li{width: 33.333%;}

    .room_wrap .room_slide .con_wrap{padding-bottom:60%;}
    .room_wrap .top .txt_wrap b{font-size: 27px;}
    .room_wrap .top .txt_wrap p{font-size: 15px;}
    .room_wrap .interior_slide .swiper-pagination span{font-size: 15px;}
    .room_wrap .interior_slide{padding-bottom: 42px;}
    .room_wrap .interior_slide .arrow{width: 140px; bottom: -8px;}

    .event_con ul li .con_wrap .txt_wrap p{font-size: 14px;}

    .room_list>ul li .con_wrap .left{flex-direction: column; width: 100%; align-items: flex-start;}
    .room_list>ul li .con_wrap .left .txt_wrap{margin-top: 16px;}
    .room_list>ul li .con_wrap .left .img_wrap{width: 100%; padding-bottom: 75%; margin-right: 0;}
    .room_list>ul li .con_wrap .mid .p_count{width: 32.333%; margin: 0; margin-bottom: 16px;}
    .room_list>ul li .con_wrap .mid {flex-wrap: wrap; justify-content: space-between;}
    .reservation_wrap02 .con .in{padding: 24px;}
    .reservation_wrap02 .result p.result_price{font-size: 18px;}
    .room_list>ul li .con_wrap .mid .p_count select{padding: 12px 16px;}
    .room_list>ul li .con_wrap .mid .p_count b{font-size: 15px;}
    .room_list>ul li .right .price{font-size: 18px;}


    .option .btn .check_box_wrap i{left: 47%;}
    .option .check_box_wrap .on2:after{left: 25%;}

    .reser03 ul li.input .in dl{width: 100%; margin-bottom: 16px;}

    .reser03 ul li.count .in dl dt{width: 100px;}
    .reser03 ul li.count .in dl dd{width: calc(100% - 100px);}

    .room_wrap .room_title{margin-bottom: 10px;}
    .room_title h2 i img{width: 1.5rem;}

    .location .map_wrap .wrap_map{height: 230px;}
    .location .txt_wrap .top{display: block;}
    .location .txt_wrap .top .link_wrap a{width: 50%; text-align: center; justify-content: center; margin-bottom: 24px;}
    .location .txt_wrap{margin-top: 16px;}

    .reservation_wrap .info ul{display: block;}
    .reservation_wrap .info ul li + li{margin-left: 0; margin-top: 4px;}
    .reservation_wrap .info{align-items: flex-end;}

    .reservation_wrap02 .calendar2 .in2{font-size: 15px; margin-bottom:  21px;}
    .reser03 ul li.input .in dl textarea{height: 150px;}

    .room_info_wrap .top h3{font-size: 20px;}
    .room_info_wrap .top p{font-size: 15px;}
    .room_info_wrap .top{margin-bottom: 60px;}
    .room_info_wrap .list b.sub-title{font-size: 23px;}

    .reser_search header .center{}
    .reser_search header .center h2{font-size: 15px;}
    .reser_search header .left{font-size: 14px; left: 12px;}
    .reser_search header .left img{width: 10px;}


    .tab_round ul li a{font-size: 1rem; padding: 10px 12px;} 
    .notice .notice_top .search{width: 100%;}
    .tab_round ul{gap: 8px;}
    .notice .notice_top{margin: 16px 0 ;}
    .faq .table .body_table > li > .faq_q > .t_title > span, .faq .table .body_table > li > .faq_a > .t_title > span {font-size: 15px; font-weight: 500;}

    .notice_view .bottom .post_text, .notice_view .bottom .tit{font-size: 15px;}


    .inquiry ul.inquiry-top{border-color: #ddd;}
    .contact ul li.in_list .left{justify-content: flex-start;}
    .contact ul li.in_list{display: block; border-bottom: 0;}
    .contact ul li.in_list .left, .contact ul li.in_list .right{width: 100%; padding: 12px 0;}
    .contact ul li.in_list .left{background-color: transparent; padding-bottom: 4px;}
    .contact ul li.in_list .right{padding-top: 0; border-bottom: 1px solid #ddd;}
    .contact ul li.in_list .cancel_reason{border-top: 1px solid #ddd;}
    .recruit .contact ul li.in_list .cancel_reason{border-top: none; padding: 0;}


    .contact ul.p_table li.in_list{display: flex;}
    .contact ul.p_table li.in_list .left{width: 100%; padding:16px; background-color: #f5f5f5; }
    .contact ul.p_table li.in_list .right{padding:16px; display: flex; width: 100%;}
    .contact ul.p_table li.in_list{border-bottom: 1px solid #ddd;}

    .reservation_wrap01{margin-left: -16px; margin-right: -16px;}
    .reservation_wrap .tbody>li .con li i{display: none;}
    .reservation_wrap01 .tbody>li{min-height: 9.2rem;}


    .ct_wrap{margin-right: -16px !important; margin-left: -16px !important;}
    .s_table{padding-right: 16px; padding-left: 16px; }
    .s_table table{min-width: 480px;}
    .ct_wrap .room_title{padding-right: 16px; padding-left: 16px; }


    .contact ul li.in_list{display: block !important;}
    .contact ul.loca li.in_list .right{width: 100%;  padding-top: 0; padding-left: 0 !important; padding-right: 0 !important;}
    .contact ul.loca li.in_list .left{width: 100%; justify-content: flex-start; padding: 0; margin-bottom: 4px; margin-top: 10px;}
    .contact ul.loca li.in_list .left i{display: none;}
    .contact ul.loca li.in_list .right > div{padding-left: 0 !important;} 
    .contact ul.loca li.in_list .right > div:first-child{border-top: 1px solid #ddd; padding-top: 20px;} 

    .reservation_wrap01.schedule_table .calender{width: 100%; overflow-x: auto; overflow-y:initial;}
    .cl .reservation_wrap .month{margin-bottom: 20px;}

    .dr_tab ul, .dr_tab2 ul{width: 100%;}
    .dr_tab ul{ padding: .8rem;} 

    /* 연혁 */
    .history_con .his_list .history_img .history_img_text span{font-size: 16px;}
    .history_con .his_list .history_list_inner>ul>li .his_list_in ul li{font-size: 16px;}

    /* 의료진 */
    .dr_img{flex: .4;}
    .dr_txt{flex: .6;}
    .dr_con ul{gap: 10px;}
    .dr_txt .intxt .spsb{height: 4.5em;}
    .dr_txt .intxt .spsb p{font-size: 14px;}
    .dr_txt .intxt{gap: .4rem;}
    .dr_con ul li{padding: 1rem;}

    /* 의료진 진료스케줄 */
    .dr_con.dr_detail .intxt{padding-bottom: 0; padding-top: 0;}
    .dr_con.dr_detail ul li{padding: 1rem;}
    .dr_con.dr_detail .intxt{gap: .3rem;}

    /* 소망공원 */
    .info_box p{font-size: 1.15rem;}

    }

/* ********************************************* *
* 480px max
* ********************************************* */
@media (max-width:480px){


    .reservation_wrap01 .calender{width: 100%; overflow-x: auto; overflow-y:initial;}
    .reservation_wrap01 .calender .table_wrap{width: 480px; overflow-x: auto; overflow-y:hidden;}
    .tab_mintxt{display: block;}

    .cl2-7 .tab_mintxt, .cl2-4 .tab_mintxt{display: none;}

    .reservation_wrap .tbody>li .con li{font-size: .85em;}

    /* .cl .dr_tab2 ul li{width: calc(100% / 2);} */

    .notice_top .button{flex-shrink: 0; width: 90px;}




    /* 진료과 */
    .depart_dr ul li .imgwrap{width: 100px; padding-bottom: 130px;}
    .depart_dr ul li .btnwrap{width: calc(100% - 146px); right: 16px; bottom: 16px;}
    .dr_txt .intxt{gap: .2rem;}
    
}


/* ********************************************* *
* 450px max
* ********************************************* */
@media (max-width:450px){
    .table_wrap.border-table{overflow: auto;}
    .room_info_wrap .not_txt{display: block;}
    .sv1 .room_info_wrap .not_txt{ margin-left: 16px;}
    .cafetable .room_info_wrap{margin-right: -16px; margin-left: -16px;}
    .cafetable .room_info_wrap .table_wrap{padding-right: 16px; padding-left: 16px;}
    .health .dr_tab2 ul li{width: 50%;}

    .swipe_wrap .mySwiper .swiper-slide .slide-txt{padding: .8rem 1rem; font-size: 1rem}

    /* 의료진 */
    .dr_img{flex: .45;}
    .dr_txt .dr_bottom{position: relative; margin-top: 8px;}

    /* 의료진 진료스케줄 */
    .dr_con.dr_detail ul li .dr_img{flex: .4 !important;}
    .dr_con.dr_detail .intxt{gap: .2rem;}

    .cp3 .table_wrap table tr th{width: 80px;}

}    



/* ********************************************* *
* 400px max
* ********************************************* */
@media (max-width:400px){
    html{font-size:14px;}
    h3{font-size: 1.8rem;}
    .review_view #content{min-height: auto;}

    .title_area{font-size: 1.8rem;}
    .title_area.sm_title{margin-bottom: 20px;}
    .dr_tab ul{margin-top: 20px;}
    .side_nav .side_sub_depth a{font-size: 14px;}
    .side_nav .side_sub_depth a{padding: 10px 16px;}
    .review_view #content{min-height: auto;}
    .side_nav .side_sub_depth a{margin-right: 8px;}

    .tab_minbtn ul li{padding: .4rem .8rem;}

    .notice_view .bottom .tit{width: 30%;}


    .pd-sle-con02 .select_list {display: inherit; }
    .pd-sle-con02 .select_list .select_name {
        width: 100%;
        text-align: left;
    }
    .pd-sle-con02 .select_list{position:relative}
    .pd-sle-con02 .select_list > div:first-child{width:100% !important}
    .pd-sle-con02 .select_list > div{width:50% !important;display: inline-block !important;margin-right:-4px;;}
    .pd-sle-con02 .select_list .close{position: absolute; top:20px;right:20px;width:15px !important;}


    .event .tabSet ul.tabs li {
        margin: 0 3px;
    }
 
    /* 삭제 */
    .no_use .inquiry_wrap ul li{display: block;}
    .no_use .inquiry_wrap ul li b{width: 100%; margin-bottom: 8px; display: block;}
    .no_use .inquiry_wrap ul li div{width: 100%;}

    .table_wrap table tr th{width: 110px;}
    .room_wrap .room_title h2{font-size: 20px;}
    .reser_top p{font-size: 18px;}
    .reser_top button{font-size: 15px;}
    .room_wrap .con .in .list ul li{width: 50%;}

    .event_con ul li{width: 100%;}
    .reservation_wrap02 .calendar2 tr th{padding: 8px;}
    .reservation_wrap02 .calendar2 tr td{padding: 8px;}
    .reservation_wrap02 .calendar2 tr td p.today{width: 20px; height: 20px;}
    .reservation_wrap02 .calendar2 tr td p{font-size: 13px;}
    .reservation_wrap02 .calendar2 tr th{font-size: 13px;}
    .reservation_wrap02 .calendar2 .in2{font-size: 16px;}
    .reservation_wrap02 .calendar2 .select_date ul li span{font-size: 17px;}
    .reservation_wrap02 .calendar2 .select_date{margin-bottom: 24px;}

    .room_list>ul li .right .price{font-size: 17px; margin-bottom:8px; text-align: center; }
    .room_list>ul li .right .btn{width: 100%; position: static;}
    .room_list>ul li .right .detail{position: static; justify-content: center; align-items: center; margin-bottom: 32px;}
    .room_list>ul li .right{flex-wrap: wrap; justify-content: center; align-items: center;}
    .room_list>ul li span.on2{width: 100%;}
    .option.room_list>ul li .right .price{margin-bottom: 16px;}
    .check_box_wrap .on2:after{left: 33%;}

    .option .btn .check_box_wrap i{left: 48%;}
    .option .check_box_wrap .on2:after{left: 39%;}
    .reservation_wrap02 .con .in dl{display: block;}
    .reservation_wrap02 .con .in dl dd{width: 100%;}
    .reservation_wrap02 .con .in dl dt{width: 100%;}
    .reservation_wrap02 .con .in dl + dl{margin-top: 16px;}

    .room_list>ul li .right .p_detail{text-align: center;}
    .room_list>ul li .right .detail p{text-align: center; margin-top: 8px;}


    /* FAQ */
    .faq .table .body_table > li > .faq_q > .t_no > span,
    .faq .table .body_table > li > .faq_a > .t_no > span { text-align: left; background-color: transparent; border: none; color: #FF859E; font-size: 1.4em;}
    .faq .table .body_table > li > .faq_a > .t_title > span, 
    .faq .table .body_table > li > .faq_q > .t_title > span {font-weight: 400; font-size: 1.15rem;} 
    /* .faq .table .body_table > li > .faq_q, .faq .table .body_table > li > .faq_a{padding: 0 8px;} */
    .faq .table .body_table > li > .faq_a{padding: 16px 8px;}
    .faq .table .body_table > li > .faq_a > .t_title{padding: 12px 0;}

    
    .cl .reservation_wrap .tbody>li .con li.morning_off p{padding: .3em;}
    .cl .reservation_wrap .tbody>li .con li.afternoon_off p{padding: .3em;}
    .cl .reservation_wrap .tbody>li .con li.off p{padding: .3em;}

    .dr_tab2 ul li {width: calc(100% / 2);}


    /* 난임의학연구소 */
    .isc_dr_box ul li{gap: 8px;}
    .isc_dr_box ul li .imgwrap{padding-bottom: 170px;}
    .isc_dr_box ul li .right .top > i{font-size: .9rem;}
    .isc_dr_box ul li .right .top > h6{font-size: 1.2rem;}
    .isc_dr_box ul li .right .bottom > div:first-child{padding: .8rem; }
    .isc_dr_box ul li .dot{padding-left: .6rem; font-size: .9rem;}
    .dr_depart .dot_r{font-size: 1rem;}
    .dr_depart ul li .dot-p:before{top: 7px; left: -2px;}
    .dr_depart ul li + li{margin-top: .2rem;}
    .dr_depart ul{max-height: 75px;}
    .isc_dr_box ul li .top{bottom: 30px;}


    .cl .dr_tab2 ul li a{font-size: 13px; padding: 14px 0;}
    .cl2 .dr_tab2 li a:before{height: 60px;}
    .cl2 .dr_tab2 li:nth-child(1) a:before,
    .cl2 .dr_tab2 li:nth-child(2) a:before,
    .cl2 .dr_tab2 li:nth-child(3) a:before,
    .cl2 .dr_tab2 li:nth-child(4) a:before,
    .cl2 .dr_tab2 li:nth-child(5) a:before,
    .cl2 .dr_tab2 li:nth-child(6) a:before,
    .cl2 .dr_tab2 li:nth-child(7) a:before,
    .cl2 .dr_tab2 li:nth-child(8) a:before{background-size: 60px;}


    /* 의료진 */
    .dr_img{flex: .5;}
    .dr_txt .intxt{gap: 0;}
    .dr_txt .dr_bottom{margin-top: 0;}

}

@media (max-width:300px){
    .room_wrap .top .txt_wrap b{font-size: 21px;}
    .room_wrap .top .txt_wrap p{font-size: 14px;}
    .room_wrap .room_title h2{font-size: 18px;}
    .room_wrap .in .txt_wrap p{font-size: 14px;}
    .table_wrap table tr th{display: block; width: 100%;}
    .table_wrap table tr td{display: block; width: 100%; font-size: 1rem;}
    .room_wrap .con .in b.sub-title02{font-size: 17px;}

    .reservation_wrap02 .result{display: block;}
    .reservation_wrap02 .result button{width: 100%; margin-left: 0; margin-top: 24px;}

}

/* 헤더 예약 바로가기 버튼 */
.hd_reser_btn {
    background: #e75b8d !important;
    color: #fff !important;
    border-radius: 20px !important;
    padding: 6px 18px !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    cursor: pointer;
    margin-right: 8px;
    transition: background 0.2s;
}
.hd_reser_btn:hover {
    background: #d14a7c !important;
}

/* 오시는 길 - 버스정보 영역 */
.location-bus-info { border-top: 1px solid #ddd; }
.location-bus-icon { height: max-content; }
.location-bus-divider { border-top: 1px solid #eee; }

/* 입퇴원 절차 - 퇴원 탭 구분선 */
.process-con-border-top { border-top: 1px solid #ddd; }

/* 서류발급 - 테이블 간격 */
.document-table-spacer { padding: 30px; }

/* 의료상담 작성 - 안내 텍스트 */
.guide-text { color: #888; font-size: 14px; padding-top: 10px; clear: both; font-weight: 400; }
.guide-text-sm { color: #888; font-size: 14px; padding-top: 6px; clear: both; font-weight: 400; }
.guide-text-sm-mt { color: #888; font-size: 14px; padding-top: 4px; margin-bottom: 10px; clear: both; font-weight: 400; }

/* 의료상담 - 탭 하단 안내 */
.tab_mintxt { margin-top: .5rem; }

/* textarea 리사이즈 방지 */
.no-resize { resize: none; }

/* 이미지 복사 템플릿 */
.img-copy-item { background-color: #f5f5f5; }
.img-copy-btn { cursor: pointer; }