@charset "UTF-8";

*, *:before, *:after { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
.all_wrap{overflow: hidden;position: relative;}

.jarallax {position: relative;z-index: 0;height: 100%;}
.jarallax > .jarallax-img {position: absolute;  object-fit: cover;  top: 0;  left: 0;  width: 100%;  height: 100%;  z-index: -1;}

/* 공통 */
.width{width: 92% !important; max-width: 1400px; margin: 0 auto; position: relative;}
.width1200{width: 92% !important; max-width: 1200px; margin: 0 auto; position: relative;}
.width1300{width: 92% !important; max-width: 1300px; margin: 0 auto; position: relative;}
.width1540{width: 92% !important; max-width: 1540px; margin: 0 auto; position: relative;}
.width1800{width: 92% !important; max-width: 1800px; margin: 0 auto; position: relative;}
.H_width{width: 92% !important; max-width: 1800px; margin: 0 auto; position: relative;}
.common{padding: 150px 0px;}
.view_common {padding: 150px 0 90px 0px;}
.sub_common {padding: 150px 0 90px 0px;}

/* 관리자 로그인 */
.main_admin {position: fixed; z-index: 9999; top: 105px;right: 10px ;}
.main_admin a {font-size: 14px; background: #fff; border-radius: 5px; margin-bottom: 5px; width: 100px; height: 30px; display: inline-block; text-align: center;line-height: 30px;font-weight: 500; }


:root{
	--main-color: #2e251c;
    --sub_color01: #d0c5b1;
    --sub_color02: #7e6f60;
    

    --fs128: 12.8rem;
    --fs100: 10rem;
    --fs95: 9.5rem;
    --fs96: 9.6rem;
    --fs85: 8.5rem;
    --fs80: 8.0rem;
    --fs75: 7.5rem;
    --fs70: 7.0rem;
    --fs65: 6.5rem;
    --fs60: 6.0rem;
    --fs55: 5.5rem;
    --fs54: 5.4rem;
    --fs52: 5.2rem;
    --fs50: 5.0rem;
    --fs48: 4.8rem;
    --fs45: 4.5rem;
    --fs42: 4.2rem;
	--fs40: 4.0rem;
    --fs38: 3.8rem;
    --fs37: 3.7rem;
    --fs36: 3.6rem;
	--fs35: 3.5rem;
    --fs32: 3.2rem;
    --fs30: 3.0rem;
    --fs29: 2.9rem;
	--fs28: 2.8rem;
    --fs26: 2.6rem;
	--fs25: 2.5rem;
    --fs24: 2.4rem;
    --fs23: 2.3rem;
	--fs22: 2.2rem;
    --fs21: 2.1rem;
	--fs20: 2.0rem;
	--fs19: 1.9rem;
    --fs18: 1.8rem;
    --fs17: 1.7rem;
    --fs16: 1.6rem;
    --fs15: 1.5rem;
	--fs14: 1.4rem;
}
.board_title{margin-bottom: 80px; text-align: center;}
.board_title h2{font-size: var(--fs32); font-weight: 500;}
.board_title p{margin-top: 10px; font-size: var(--fs20);}
.center{text-align: center;}
.left{text-align: left;}
.su400{font-family: 'SUIT-Regular' !important;}
.su500{font-family: 'SUIT-Medium' !important;}
.su600{font-family: 'SUIT-SemiBold' !important;}
.su800{font-family: 'SUIT-ExtraBold' !important;}
.su900{font-family: 'SUIT-Heavy' !important;}
.padding_b0 {padding-bottom: 0;}

#header{width: 100%;background: var(--main-color);position: fixed;top: 0;z-index: 999; transition: 0.3s all;}
#header .head_login_wrap{display: flex; align-items: center;}
#header .head_login{display: flex; gap: 0 5px; justify-content: space-between; }


#header .head_login li{   background: #e5e5e5; width: 70px; border-radius: 30px; padding: 7px 0;}
#header .head_login li:last-child {background: var(--sub_color01);}
#header .head_login li:last-child a {color: #fff;}
#header .head_login a{font-size: var(--fs15); color: #333; white-space: nowrap; text-align: center; display: block;}
#header .head_login i{font-size: 20px;}
#header .head_menu .logo{}
#header.scroll{top:-36px;}

#header .head_menu{position: relative;display: flex;justify-content: space-between;align-items: center;width: 100%; height: 100px;}
#header .head_menu .main_menu { width: 70%; display: flex; justify-content: center; align-items: center; text-align: center; height: 100%; z-index: 9;}
#header .head_menu .main_menu .dept1 { width: 20%; position: relative; padding: 15px 0px;}
#header .head_menu .main_menu .dept1 > a { font-size: 1.7rem; font-weight: 300; color: #fff;}
#header .head_menu .main_menu .dept1 > a.active { font-weight: bold; }
#header .head_menu .main_menu .dept1 > a.menuon { font-weight: bold; }

#header .head_menu .sub_menu { position: absolute; top: 100%; left: 50%; transform: translateX(-50%); width: 100%; padding-top: 20px; display: none; padding-bottom: 0px;}
#header .head_menu .main_menu .dept2 { padding: 12px 0px; }
#header .head_menu .main_menu .dept2 a { font-size: 1.5rem; display: block;  color: #fff;}
#header .main_menu .dept2>a:hover,
#header .main_menu .dept2>a:active,
#header .main_menu .dept2>a.menuon,
#header .main_menu .dept2>a:focus {font-weight: bold;}
#header .menu_bg {background: var(--main-color);width: 100%;height: 0;left: 0;z-index: 1;position: absolute; }

/* .menu_open { position: fixed; width: 100%; height: 100vh;
background: #fff; top: 0; left: 0; z-index: 999; padding: 55px 50px 50px 50px; display: none; }
.menu_open .site_map_wrap h2 { margin-bottom: 150px; display: flex; justify-content: space-between; align-items: center;}
.menu_open .site_map { display: flex; width: 100%; }
.menu_open .site_map .dept1 { width: 20%; margin-right: 40px; }
.menu_open .site_map .dept1:last-child { border-right: 0px; }
.menu_open .site_map .dept1 > a { font-size: 2.8rem; font-weight: 700; padding-bottom: 30px; display: block; margin-bottom: 30px;}
.menu_open .site_map .dept1 > a.active { color: #2DAAE1; }
.menu_open .site_map .dept2 a { font-size: 2.0rem; position: relative; line-height: 120%; margin-bottom: 30px; display: inline-block; padding-bottom: 3px; }
.menu_open .site_map .dept2 a::after { content: ''; width: 0; height: 3px; background: rgba(45, 170, 225, 0.5); position: absolute; bottom: 0; left: 0; transition: 0.3s all; }
.menu_open .site_map .dept2 a:hover::after { width: 100%; }
.hd_bg { background: #fff; width: 100%; height: 0; left: 0; z-index: 1; position: absolute; }
.site_foot{padding-top: 20px;margin-top: 150px; border-top: 2px solid #eee; text-align: center;} */

#header .menu_bar { z-index: 99; position: relative; }
#header .menu_bar span { width: 22px; height: 2px; background: #555; display: block; margin: 6px}
#header .menu_bar2 { z-index: 9999; position: relative; }
#header .menu_bar2 span:nth-child(1) { display: none; }
#header .menu_bar2 span:nth-child(2) { transform: rotate(130deg); }
#header .menu_bar2 span:nth-child(3) { transform: rotate(45deg); top: 0px; position: absolute; }
#header .menu_bar2 span { width: 22px; height: 2px; background: #555; display: block; margin: 6px}

/* 모바일 */
.mobile_head {width: 100%; height: 120px; display: flex; justify-content: space-between; align-items: center; padding: 30px 30px; display: none; position: fixed; background : var(--main-color); z-index: 99; border-bottom: 1px solid #999;}
.mobile_head .mobile_logo {  }
.mobile_head .mobile_logo img {height: 57px; width: auto; }
.mobile_head .my_page img {height: 53px; width: auto; }
#mobile_menu {  display: none; position: fixed; top: 0; right: -75%; width: 75%; background: #fff; z-index: 1000; height: 100vh; overflow-y: scroll; -ms-overflow-style: none; scrollbar-width: none;}
#mobile_menu::-webkit-scrollbar{display: none;}
#mobile_menu .mob_logo { width: 100%; padding: 0px 20px; height: 70px; background:#fff;display: flex; justify-content: space-between; align-items: center;}
#mobile_menu .mob_logo a { width: 100px; }
#mobile_menu .mob_logo a img { width: 100%; }
#mobile_menu .mobile_close { font-size: 30px; cursor: pointer; color: #333;}
#mobile_menu .mob_menu .top_menu {display: flex;justify-content: space-between; align-items: center; padding: 20px 0px;font-size: 17px; margin: 0px 20px; border-bottom: 1px solid #8e8e8e;}
.mobile_open{}
#mobile_menu .mob_menu .topmenu.on { color: #fff; }
#mobile_menu .mob_menu .sub_menu { padding: 15px 0px; margin: 0px 20px; border-bottom: 1px solid #ccc; background: #fff; visibility: visible; }
#mobile_menu .mob_menu .sub_menu a {display: block; color: #333 ;font-size: 15px; padding: 10px; background: #fff;}
#mobile_menu .mob_menu_btn{display: flex; padding: 10px 0px; margin: 0px 20px; justify-content: space-between;}
#mobile_menu .mob_menu_btn li{width: 49%;}
#mobile_menu .mob_menu_btn a{font-size: 17px;  background: #ddd;display: flex; height: 50px; justify-content: center; align-items: center;}
#mobile_menu .mob_menu_btn a img{height: 40px ; width: auto;}
.mob_bg {  display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background: rgba(0, 0, 0, 0.5); z-index: 99;}

@media screen and ( max-width: 1400px ){
#pcmenu .topmenu { font-size: 16px; }
#pcmenu .submenu a { font-size: 14px; }
}
@media screen and ( max-width: 1024px ){
#header { display: none; }
.mobile_head{display: flex;}
}

@media screen and ( max-width: 650px ){
    .mobile_head .mobile_logo img {height: 37px;  }
.mobile_head .my_page img {height: 33px;  }
.mobile_open img{height: 27px; width: auto;}
.mobile_head {width: 100%; height: 80px;}
    }
    
/* 메인비주얼 */
.Hfull{margin-top: 80px; height:83vh; overflow: hidden; position: relative;}
.swiper_visual {display:block; margin:0px auto;overflow:hidden;position:relative; height: 100%; overflow: hidden;}
.swiper_visual .swiper-slide {position:relative; height: auto !important;}
.swiper_visual .swiper-slide .main_visual video {object-fit: fill;}
.swiper_visual .swiper-slide .main_visual img{object-fit: cover; object-position: center center; position: relative; z-index: 0;}

.pc{display: block !important;}
.tab{display: none !important;}
.mob{display: none !important;}



/* 메인 텍스트 */
.maintext_box { position: absolute; z-index: 5; left: 0; right: 0; top: 0; height: 100%; display: flex; justify-content: center; flex-direction: column; }
.maintext_box img { width: 73%; height: auto; margin: 0 auto;}
.maintext_box h2{font-size: var(--fs54); font-family: 'GmarketSans'; color: #fff; font-weight: 700; text-align: center;}
.maintext_box h2 br {display: none;}
.maintext_box p{text-align: center; color: #fff; font-size: var(--fs28); margin-top: 32px; font-family: 'SUIT-Regular'; list-style: 1.4;}


.swiper_btn_wrap{position: absolute; bottom: 65px; z-index: 2; left: 0; right: 0; margin: 0 auto; display: flex; justify-content: center;  }
.swiper_btn_wrap div{ max-width: 454px; width: 100%; display: flex; justify-content: center; align-items: center;}

.swiper_btn_wrap .swiper-visual-prev{}
.swiper_btn_wrap .swiper-visual-prev i, .swiper_btn_wrap .swiper-visual-next i{font-size: var(--fs21); color: #fff;cursor: pointer;}
.swiper_btn_wrap .swiper-pagination{}
.swiper_btn_wrap .swiper-pagination-bullet{width: 90px; height: 4px; background: rgba(0, 0, 0, 0.1); opacity: 1; border-radius: 0; margin: 0 !important; }
.swiper_btn_wrap .swiper-pagination-bullet-active{background: #fff;}




@media all and (max-width: 1024px){
    .Hfull{height:80vh;}
    .swiper_visual .swiper-slide .main_visual img{width: 100%; height: auto;}
    .pc{display: none !important;}
	.tab{display: none !important;}
	.mob{display: block !important;}
    .maintext_box img { width: auto; height: 135px; }
    .maintext_box h2 br {display: block;}
    .maintext_box p{text-align: center; color: #fff; font-size: var(--fs25);}
}
@media all and (max-width: 768px){

	/* .maintext_box p br{display: none;} */
	.maintext_box{justify-content: center;}

}

@media all and (max-width: 650px){
    .swiper_btn_wrap{bottom: 50px;
    }
    /* 임시 */
    .maintext_box img { width: 100%; height: auto; }
    .maintext_box p{font-size: var(--fs23);}
}




.title{margin-bottom: 80px; }
.title h2{font-size: var(--fs54); color: var(--main-color);  font-weight: 700; font-family: 'GmarketSans'; text-align: center;}
@media all and (max-width: 1024px){
    .title{margin-bottom: 60px; }
}

/* 메인 시작 */
.box_wrap {display: flex;}



/* 메인 상담하기 */
.main_contact {padding: 25px 0; background: #d2c9c0; position: fixed; left: 0; bottom: 0; width: 100%; z-index: 888;}


/* 메뉴 섹션1 시작 */
.menu_section1 .width {padding: 120px 0;}
.menu_section1 .box_wrap  {justify-content: space-between; display: flex; align-items: stretch; }
.menu_section1 .box_wrap .box { width: 32.5%;}
.menu_section1 .two_item {display: flex; justify-content: center; flex-wrap: wrap; cursor: pointer; gap: 20px 0;}
.menu_section1 .item {width: 100%; padding: 58px 30px 18px 43px; transition: all 0.3s; }
.menu_section1 .two_item p {font-family: 'SUIT-Regular'; font-size: var(--fs28); list-style: 1; color:#fff; }
.menu_section1 .two_item h3 {font-family: 'GmarketSans'; font-size: var(--fs40); list-style: 1; color:#fff; font-weight: 700; padding-bottom: 120px; margin-top: 10px;}
.menu_section1 .two_item i {font-size: var(--fs60); font-weight: 700; color: #fff; float: right; transition: all 0.3s;}


.menu_section1 .two_item1 .item:first-child { background:#7e6f60 url('../img/section_img2.png')no-repeat; background-size: cover; background-position: center bottom;}
.menu_section1 .two_item1 .item:last-child { background: url('../img/section_img3.png')no-repeat; background-size: cover; background-position: center bottom;}
.menu_section1 .two_item2 .item:first-child { background: url('../img/section_img4.png')no-repeat; background-size: cover; background-position: center bottom;}
.menu_section1 .two_item2 .item:last-child { background: url('../img/section_img5.png')no-repeat; background-size: cover; background-position: center bottom;}

.menu_section1 .box_wrap .box2 {background: var(--main-color); padding-top: 50px; padding-bottom: 129px; position: relative;}
.menu_section1 .box_wrap .box2 h2{font-family: 'GmarketSans'; font-size: var(--fs45); list-style: 1; color:#fff; text-align: center; font-weight: 500;}
.menu_section1 .box_wrap .box2 h2 b{font-family: 'GmarketSans'; font-size: var(--fs50); list-style: 1; color:#f3e7db; margin-top: 10px; font-weight: 700;}

.menu_section1 .box_wrap .box2 img {width: 103%; height: auto; position: absolute; left: -14px; bottom: 0;}


.menu_section1 .item:hover i {transform: rotate(360deg);} 

.menu_section1 .two_item1 .item:first-child:hover { background:#7e6f60 url('../img/section_img2-1.png')no-repeat;  background-size: cover; background-position: center bottom;}
.menu_section1 .two_item1 .item:last-child:hover { background:#9d8c7d url('../img/section_img3-1.png')no-repeat; background-size: cover; background-position: center bottom; }
.menu_section1 .two_item2 .item:first-child:hover { background:#9d8c7d url('../img/section_img4-1.png')no-repeat;  background-size: cover; background-position: center bottom;}
.menu_section1 .two_item2 .item:last-child:hover { background:#7e6f60 url('../img/section_img5-1.png')no-repeat;  background-size: cover; background-position: center bottom;}

@media all and (max-width: 1400px){
    .main_contact {display: none;}
}

@media all and (max-width: 1024px){

    .menu_section1 .box_wrap .box { width: 49%;}
    .menu_section1 .two_item { gap: 15px 0;}
    .menu_section1 .item {padding: 60px 0;  }
    .menu_section1 .two_item p {font-size: var(--fs24); text-align: center;}
.menu_section1 .two_item h3 { font-size: var(--fs32); text-align: center; margin-top: 5px; padding-bottom: 0;}
    .menu_section1 .item i {display: none;}


    .menu_section1 .box_wrap  {flex-wrap: wrap; }
    .menu_section1 .box_wrap .box {order: 2;}
    .menu_section1 .box_wrap .box2 h2{font-family: 'GmarketSans'; font-size: var(--fs45); text-align: left;}
    .menu_section1 .box_wrap .box2 h2 b{font-family: 'GmarketSans'; font-size: var(--fs55); text-align: left;}
    .menu_section1 .box_wrap .box2 {order: 1; width: 100%;  padding-top: 60px; padding-bottom: 0; padding: 65px 8%; margin-bottom: 15px; padding-bottom: 0;}
    .menu_section1 .box_wrap .box2 img {width: 68%; position: relative; float: right;}




    .menu_section1 .two_item1 .item:first-child { background:#7e6f60 url('../img/mob_section_img1.png')no-repeat; background-size: cover; background-position: center bottom;}
.menu_section1 .two_item1 .item:last-child { background: url('../img/mob_section_img2.png')no-repeat; background-size: cover; background-position: center bottom;}
.menu_section1 .two_item2 .item:first-child { background: url('../img/mob_section_img3.png')no-repeat; background-size: cover; background-position: center bottom;}
.menu_section1 .two_item2 .item:last-child { background: url('../img/mob_section_img4.png')no-repeat; background-size: cover; background-position: center bottom;}

    .menu_section1 .two_item1 .item:first-child:hover { background:#7e6f60 url('../img/mob_section_img1.png')no-repeat; background-size: cover; background-position: center bottom;}
.menu_section1 .two_item1 .item:last-child:hover { background: url('../img/mob_section_img2.png')no-repeat; background-size: cover; background-position: center bottom;}
.menu_section1 .two_item2 .item:first-child:hover { background: url('../img/mob_section_img3.png')no-repeat; background-size: cover; background-position: center bottom;}
.menu_section1 .two_item2 .item:last-child:hover { background: url('../img/mob_section_img4.png')no-repeat; background-size: cover; background-position: center bottom;}
}
@media all and (max-width: 760px){
}

@media all and (max-width: 650px){
    .menu_section1 .two_item { gap: 6px 0;}

    .menu_section1 .two_item p {font-size: var(--fs20); }
    .menu_section1 .two_item h3 { font-size: var(--fs28);}

    .menu_section1 .two_item1 .item:first-child { background:#7e6f60 url('../img/mob_section_img1.png')no-repeat; background-size: cover; background-position: right bottom;}
    .menu_section1 .two_item1 .item:last-child { background: url('../img/mob_section_img2.png')no-repeat; background-size: cover; background-position: right bottom;}
    .menu_section1 .two_item2 .item:first-child { background: url('../img/mob_section_img3.png')no-repeat; background-size: cover; background-position: right bottom;}
    .menu_section1 .two_item2 .item:last-child { background: url('../img/mob_section_img4.png')no-repeat; background-size: cover; background-position: right bottom;}

    .menu_section1 .two_item1 .item:first-child:hover { background:#7e6f60 url('../img/mob_section_img1.png')no-repeat; background-size: cover; background-position: right bottom;}
.menu_section1 .two_item1 .item:last-child:hover { background: url('../img/mob_section_img2.png')no-repeat; background-size: cover; background-position: right bottom;}
.menu_section1 .two_item2 .item:first-child:hover { background: url('../img/mob_section_img3.png')no-repeat; background-size: cover; background-position: right bottom;}
.menu_section1 .two_item2 .item:last-child:hover { background: url('../img/mob_section_img4.png')no-repeat; background-size: cover; background-position: right bottom;}
}
/* 메뉴 섹션2 시작 */

.menu_section2 { background: url(../img/section2_bg.png)no-repeat; background-position: center center; background-size: cover;}
.menu_section2  .box  {  padding: 160px 0; width: 25%; background: rgba(0, 0, 0, 0.55); transition: all 0.3s; cursor: pointer; }
.menu_section2 .box .img_wrap {display: flex; justify-content: center; margin-bottom: 60px;}
.menu_section2 .box .img_wrap img {width: 52%; height: auto;}
.menu_section2 .box h3 {font-family: 'GmarketSans'; font-size: var(--fs30); list-style: 1; color:#fff; text-align: center; font-weight: 700;}
.menu_section2 .box p { font-size: var(--fs24); list-style: 1; color:#fff; text-align: center; margin-top: 10px;}

.menu_section2  .box:hover { background: rgba(0, 0, 0, 0);}
.menu_section2  .box:hover img {filter: invert(21%) sepia(2%) saturate(3530%) hue-rotate(329deg) brightness(30%) contrast(100%);}

.menu_section2 .box:hover h3 {color: #443a38;}
.menu_section2 .box:hover p { color: #443a38;}


@media all and (max-width: 1024px){
    .menu_section2 { background: url(../img/tab_section2_bg.png)no-repeat; }
    .menu_section2 .box_wrap {flex-wrap: wrap;}
    .menu_section2  .box  {display: flex; justify-content: left; align-items: center; width: 100%; background: rgba(0, 0, 0, 0.55); transition: all 0.3s; cursor: pointer; }
.menu_section2 .box .img_wrap {width: 53%; margin-bottom: 0; justify-content:center;}
.menu_section2 .box .img_wrap img {width: 147px; height: 147px;}
.menu_section2 .box .txt_box {}
.menu_section2 .box h3 { font-size: var(--fs32);text-align: left;}
.menu_section2 .box p { font-size: var(--fs28); text-align: left;}
}

@media all and (max-width: 760px){
    
}

@media all and (max-width: 650px){
    .menu_section2 { background: url(../img/mob_section2_bg.png)no-repeat; background-position: center center; background-size: cover;}
    .menu_section2 .box .img_wrap img {width: 110px; height: 110px;}

}
/* 한약 슬라이드 시작 */
.menu_medicine { background: url(../img/section3_bg.png)no-repeat; background-position: left center; background-size: 23%; }
.menu_medicine {padding: 160px 0;}
.menu_medicine .swiper-slide {display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; max-width: 1400px;}
.menu_medicine .swiper-slide .txt_box {width: 51%;}
.menu_medicine .swiper-slide .img_box {width: 49%; overflow: hidden;}
.menu_medicine .swiper-slide .img_box img {width: 100%; height: auto;}

.menu_medicine .swiper-slide .txt_box h2 {font-size: var(--fs54); font-weight: 700; font-family: 'GmarketSans';  line-height: 1.2; color: var(--sub_color02); padding-left: 20px;}
.menu_medicine .swiper-slide .txt_box h2::before {content: '';position: absolute;left: 0;top: 0; width: 9px; height: calc(100% - 10px); background-color: var(--sub_color02);
  }
  .menu_medicine .swiper-slide .txt_box p {font-size: var(--fs28); line-height: 1.4; margin: 20px 0 50px 20px;}


.menu_medicine .swiper-slide .txt_box a {display: flex; align-items: center; justify-content: left; gap: 0 30px; padding: 19px 22px ; background: #383431; width: 280px; transition: all 0.3s; margin-left: 20px;}
.menu_medicine .swiper-slide .txt_box a p {margin: 0; font-size: var(--fs28); font-family: 'SUIT-Regular'; color: #fff; }
.menu_medicine .swiper-slide .txt_box a i {margin: 0; font-size: var(--fs28); font-family: 'SUIT-Regular'; color: #fff;  transition: all 0.3s;}
.menu_medicine .swiper-slide .txt_box a:hover i{transform: rotate(360deg);}


.menu_medicine .swiper-button-next:after,  .menu_medicine .swiper-button-prev:after {font-size: var(--fs60); color: var(--sub_color01);}
.swiper-medicine-prev {left: -10% !important;}
.swiper-medicine-next {right: -10% !important;}

@media all and (max-width: 1024px){
    .menu_medicine {padding: 120px 0;}
    .menu_medicine { background-position: left bottom; background-size: 50%; }
    .menu_medicine .swiper-slide .txt_box {width: 100%; order: 2; margin-top: 90px;}
.menu_medicine .swiper-slide .img_box {width: 100%; order: 1;}

.menu_medicine .swiper-slide .txt_box a {justify-content: center; margin: 0 auto;}


.swiper-medicine-prev {left: 0% !important; top: 29%;}
.swiper-medicine-next {right: 0% !important; top: 29%;}

.menu_section2 .box {padding: 80px 0;}
}

@media all and (max-width: 760px){
}
@media all and (max-width: 650px){
    .swiper-medicine-prev { top: 18%;}
.swiper-medicine-next { top: 18%;}

.facility_btn_wrap .swiper-pagination {padding-top: 18px;}
}
/* 메인 둘러보기 시작 */



.main_facility {padding: 180px 0; background: #e5e2df;}
.facility_swiper_wrap {display: flex; justify-content: space-between; align-items: top !important; flex-wrap: wrap;}
.facility_swiper_wrap .facility_Swiper2 {width: 49.5%;}
.facility_swiper_wrap .facility_Swiper2 img {width: 100% !important;}

.facility_img {width: 48.5%; display: flex; justify-content: space-between; flex-wrap: wrap;  gap: 10px 0;}
.facility_img .box {width: 32.5%; cursor: pointer;}
.facility_img .box img {width: 100%; height: auto; filter: grayscale(1);}

.facility_img  .box.active img, .facility_img  .box:hover img { filter: grayscale(0); }


.facility_btn_wrap {position: absolute; left: 0; top: 355px; width: 100%; padding: 10px 0; background: #383431; z-index: 99;}

.main_facility .swiper-facility-next, .main_facility .swiper-facility-prev {color: #fff; }  
.main_facility  .swiper-button-next:after,.main_facility  .swiper-button-prev:after {font-size: var(--fs24);}

.facility_btn_wrap .swiper-pagination {position: relative !important; padding-top: 16px;}
.facility_btn_wrap .swiper-pagination p {color: #fff; font-family: 'SUIT-Regular'; font-size: var(--fs25); text-align: center;}

.facility_btn_wrap .swiper-button-next, .facility_btn_wrap .swiper-rtl .swiper-button-prev {z-index: 88; cursor: pointer;} 
@media all and (max-width: 1024px){
    .main_facility {padding: 120px 0;}
.facility_swiper_wrap {flex-wrap: wrap;}

.facility_swiper_wrap .facility_Swiper2 {width: 100%;}
.facility_img {width: 100%; margin-top: 15px;}

.facility_btn_wrap {top: auto; bottom: 0; width: 100%;}

}

@media all and (max-width: 760px){
}
@media all and (max-width: 650px){
    .facility_btn_wrap { padding: 0; }
    .facility_img { gap: 5px 0;  margin-top: 10px;}
}


/* 메인 진료안내 오시는길 */

.main_info {padding: 180px 0;}
.main_info .box_wrap {justify-content: space-between; flex-wrap: wrap;}
.main_info .box_wrap .map_box {width: 45%;}
.main_info .box_wrap .info_box {width: 50%;}


.main_info .box_wrap .map_box #daumRoughmapContainer1723452380031 {width: 100% !important;}

.main_info .box_wrap .map_box .wrap_controllers {display: none;}
.main_info .box_wrap .map_box .address {background: #383431; text-align: center; padding: 18px 0;}
.main_info .box_wrap .map_box .address p {font-size: var(--fs28); font-family: 'SUIT-Medium'; color: #fff;}


.main_info .box_wrap .info_box h2 {font-size: var(--fs28); font-family: 'SUIT-Heavy'; margin-right: 18px; color: #443a38;}
.main_info .box_wrap .info_box .info_time li {display: flex; margin-bottom: 10px;}
.main_info .box_wrap .info_box .info_time .le {letter-spacing: 0.1em;}
.main_info .box_wrap .info_box .info_time li:last-child {margin-bottom: 0;}
.main_info .box_wrap .info_box .info_time li h3 {font-size: var(--fs28); font-family: 'SUIT-Bold'; margin-right: 27px; color: #323232;}
.main_info .box_wrap .info_box .info_time li p {font-size: var(--fs28);  font-family: 'SUIT-Medium'; margin-right: 27px; color: #323232; letter-spacing: 0;}
.main_info .box_wrap .info_box .info_time li img {height: 31px; width: auto;}

.main_info .box_wrap .info_box .box  {display: flex; margin: 60px 0;}
.main_info .box_wrap .info_box .box p {font-size: var(--fs28);  font-family: 'SUIT-Medium'; margin-right: 27px; color: #323232; letter-spacing: 0;}


.main_info .box_wrap .info_box .box2 h3 img {height: 48px; width: auto;}

.main_info .box_wrap .info_box .info_time h2,
.main_info .box_wrap .info_box .box2 h2 {margin-bottom: 26px;} 

@media all and (max-width: 1024px){
    .main_info {padding: 120px 0;}
    .main_info .box_wrap .map_box {width: 100%;}
.main_info .box_wrap .info_box {width: 100%; margin-top: 50px; padding:0 10%;}
}

@media all and (max-width: 760px){
}
@media all and (max-width: 650px){
    .main_info .box_wrap .map_box .address p {font-size: var(--fs24); }
    .main_info .box_wrap .info_box { padding:0 ;}
    .main_info .box_wrap .info_box .info_time li img {height: 21px;}
    .main_info .box_wrap .info_box .box2 h3 img {height: 36px;}
    .main_info .box_wrap .info_box .box p {margin-right: 0; }
    .main_info .box_wrap .info_box .info_time h2,
.main_info .box_wrap .info_box .box2 h2 {margin-bottom: 18px;} 
.main_info .box_wrap .info_box .info_time li:first-child {margin-bottom: 0;}
.main_info .box_wrap .info_box .box  { margin: 30px 0;}
.main_info .box_wrap .map_box #daumRoughmapContainer1723452380031 {height: 250px !important; }
}

/* ##################서브페이지 시작################### */

.sub_title {position: relative; display: flex; justify-content: center; flex-wrap: wrap; margin-top: 35px; letter-spacing: -0.1em;}
.sub_title h2 {font-size: var(--fs54); font-weight: 700; font-family: 'GmarketSans'; color: #383431; text-align: center; padding-left: 20px; display: inline-block; }
.sub_title h2::before {content: '';position: absolute;left: 0;top: 5px; width: 9px; height: calc(100% - 10px); background-color: var(--sub_color02);
}
.sub_title p {font-size: var(--fs40); font-family: 'SUIT-Bold'; color: #443a38; padding-top: 60px;
    text-align: center; width: 100%; }
    .sub_title p br {display: none;}
    .sub_title span {font-size: var(--fs30); font-family: 'SUIT-Regular'; color: #443a38; text-align: center; width: 100%;  padding-top: 60px;}



    /* 게시판 타이틀 */

    .view_title {position: relative; display: flex; justify-content: center; flex-wrap: wrap; }
.view_title h2 {font-size: var(--fs54); font-weight: 700; font-family: 'GmarketSans'; color: #383431; text-align: center; padding-left: 20px; display: inline-block; margin-bottom: 60px; }
.view_title h2::before {content: '';position: absolute;left: 0;top: 0; width: 9px; height: calc(100% - 10px); background-color: var(--sub_color02);
}
.view_title p {font-size: var(--fs30); font-family: 'SUIT-Bold'; color: #443a38; 
    text-align: center; width: 100%; }
    .view_title p br {display: none;}
    .view_title span {font-size: var(--fs30); font-family: 'SUIT-Regular'; color: #443a38; text-align: center; width: 100%; padding-left: 20px;}


.sub .img_wrap {display: flex; justify-content: center; flex-wrap: wrap;}
.sub .img_wrap img {width: 100%; height: auto;}


.sub .img_wrap_T {display: flex;}
.sub .img_wrap_T img {height: 29px; width: auto;}

/* 공통 모바일 이미지 */
@media all and (max-width: 1024px){
    .sub_title {margin-top: 0px;}
    .sub_title p br {display: block;}
    .sub_title span br {display: none;}


.img_wrap {display: flex; justify-content: center;}
.img_wrap .mob {max-width: 760px; width: 100%; height: auto;}

.full_img_wrap {display: flex; justify-content: center;}
.full_img_wrap img { width: 100%; height: auto;}



}

@media all and (max-width: 650px){
    .sub_title p br {display: none;}
}
/* 질환 탭메뉴(공통)  */
.illness .img_wrap img{max-width: 930px; width: 100%; height: auto;}

.illness .illness_tab {display: flex; justify-content: space-between
    ; align-items: center; flex-wrap: wrap; margin: 60px 0 50px 0;  border: 1px solid rgba(56, 52, 49, 0.5);}
.illness .illness_tab li {font-size: var(--fs28); font-family: 'SUIT-Medium'; color: #0d0d0d; width: 25%; padding: 30px 0; border: 1px solid  rgba(56, 52, 49, 0.5);; text-align: center; transition: all 0.2s; cursor: pointer; box-sizing: border-box;}

.illness .illness_tab li p {}


.illness .illness_tab li:hover, .illness .illness_tab li.on {background: #383431; border: 1px solid  #383431; color: #fff; font-family: 'SUIT-Bold'; }

.illness .img_box {position: relative; height: 100%;}
.illness .img_box .box {width: 100%; height: auto; position: relative;}
.illness .img_box .box img {width: 100%; height: auto;}


@media all and (max-width: 1024px){
    .illness .illness_tab { border: 2px solid rgba(56, 52, 49, 0.5);}
    .illness .illness_tab li { width: 50%; border: none; height: 97px; box-sizing: border-box !important;}
    .illness .illness_tab li:nth-child(1), .illness .illness_tab li:nth-child(2) {border-bottom: 2px solid rgba(56, 52, 49, 0.5);} 
    .illness .illness_tab li:nth-child(2), .illness .illness_tab li:nth-child(4) {border-left: 2px solid rgba(56, 52, 49, 0.5);} 
    .illness .illness_tab li:hover, .illness .illness_tab li.on {border: none;}
}

@media all and (max-width: 650px){
    .illness .illness_tab li {height: 85px;}
    .sub_title h2 {font-size: var(--fs45); }
    .sub_title h2::before {height: calc(100% - 6px);}
}

/* 광명가득한방병원 치료(공통) */
.or_medicine {background: #ebdcd2;}
.or_medicine h2 {font-family: 'SUIT-Bold'; font-size: var(--fs35); text-align: center; color: #000; padding-bottom: 90px;}

.or_medicine .img_box {display: flex; justify-content: space-between; align-items: start; flex-wrap: wrap;}
.or_medicine .img_box .box {width: 19%;}
.or_medicine .img_box .box img {height: 220px ; height: auto;}

/* 병원소개 시작 */
.go_section .box_wrap {justify-content: space-between; gap: 15px 0; align-items: center; flex-wrap: wrap;}
.go_section .box_wrap .box {width: 49.5%;}
.go_section .box_wrap .box img {width: 100%; height: auto;}

@media all and (max-width: 1024px){
    .go_section .box_wrap .box {width: 100%;}
}


/* 광명 소개 추가 241014 */

/* 타이틀 */
.intro .sub_common {padding: 150px 0 68px 0;}
.intro .sub_title h2 {font-size: var(--fs48); font-weight: bold; font-family: 'GmarketSans';}

.intro .img_wrap_T {justify-content: center;}

.intro1 {background: url(../img/intro1_bg.png)no-repeat; background-size: cover; background-position: center;}
.intro1 {text-align: center;}
.intro1 .txt1 {padding-bottom: 45px; max-width: 1017px; width: 100%; height: auto;  margin: 0 auto;} 
.intro1 .txt2 {max-width: 898px; width: 100%; height: auto;  margin: 0 auto;}

.intro2 .img_wrap_T {margin-bottom: 80px;}
.intro2 .img_wrap_T img {height: 29px; width: auto;}

.intro2 .dif_box .box {display: flex; justify-content: space-between; flex-wrap: wrap; align-items: end;  padding: 90px 0; border-bottom: 3px solid #eee6de;


    background: url(../img/intro2_bg.png)no-repeat; background-size: 208px auto; background-position: right top 32%;
}

.intro2 .dif_box .box:first-child {padding-top: 0;}
.intro2 .dif_box .box:last-child {padding-bottom: 0; border-bottom: 0; }


.intro2 .dif_box .box .img_box {width: 53%;}
.intro2 .dif_box .box .txt_box {width: 47%; margin-bottom: 45px; 
    }
.intro2 .dif_box .box .img_box img { width: 97%;}
.intro2 .dif_box .box .txt_box p {font-size: var(--fs25); margin: 26px 0 0  46px; line-height: 1.5; color: #0d0d0d;}
.intro2 .dif_box .box .txt_box h2 {font-size: var(--fs32); font-family: 'SUIT-ExtraBold'; display: flex; align-items: center; letter-spacing: -0.05em;}
.intro2 .dif_box .box .txt_box h2 img {margin-right: 13px;}

.intro2 .dif_box .box2 {text-align: right; background-position: left top 32%;} 
.intro2 .dif_box .box2 .img_box {text-align: right;}
.intro2 .dif_box .box2 .txt_box h2 {justify-content: right;}

.intro3 {background: url(../img/intro3_bg.png)no-repeat; background-size: cover; background-position: center;}


.intro3 .img_wrap_T {margin-bottom: 125px;}

.intro3 .img_wrap_T img {height: 29px; width: auto;}
.intro3 .box_wrap {justify-content: space-between; align-items: center; flex-wrap: wrap;}
.intro3 .box_wrap .box {width: 31%;}
.intro3 .box_wrap img {}


@media all and (max-width: 1200px){
    .intro3 .box_wrap {gap: 98px 0;}
    .intro3 .box_wrap .box {width: 100%; text-align: center;}
    .intro3 .box_wrap img {max-width: 382px; width: 50%;}
}
@media all and (max-width: 1024px){

    .intro .sub_common {padding: 150px 0 68px 0;}
    .intro .sub_title h2 {font-size: var(--fs54);}
    
    .intro1 .common {padding: 66px 0 76px 0;}
    .intro1 {background: url(../img/mob_intro1_bg.png)no-repeat;  background-size: cover; background-position: center;}
    .intro1 {}
    .intro1 .txt_box {text-align: center;}
    .intro1 .txt1 {padding-bottom: 60px; max-width: 655px; width: 93%;  }
    .intro1 .txt2 {max-width: 521px; width: 75%; }
    
    .intro2 .img_wrap_T {margin-bottom: 50px;}
    .intro2 .img_wrap_T img {height: 29px; }

    .intro2 .dif_box .box {padding: 45px 0; background: url(../img/intro2_bg.png)no-repeat; background-position: right bottom; }

    .intro2 .dif_box .box:first-child {padding-top: 0;}
.intro2 .dif_box .box:last-child {padding-bottom: 45px;  border-bottom: 3px solid #eee6de;}


.intro2 .dif_box .box .img_box {width: 100%; order: 1; text-align: center;}
.intro2 .dif_box .box .txt_box {width: 100%; margin: 0 auto; margin-bottom: 0px; order: 2; margin-top: 60px; max-width: 580px; width: 89%; }
.intro2 .dif_box .box .img_box img { max-width: 623px; width: 90%; margin: 0 auto;}
.intro2 .dif_box .box .txt_box p { text-align: left;}
.intro2 .dif_box .box .txt_box h2 {}
.intro2 .dif_box .box .txt_box h2 img {margin-right: 10px;}

.intro2 .dif_box .box2 {text-align: center; background-position: right bottom;} 
.intro2 .dif_box .box2 .img_box {text-align: center;}
.intro2 .dif_box .box2 .txt_box h2 {justify-content: left;}

.intro3 {background: url(../img/mob_intro3_bg.png)no-repeat; background-size: cover; background-position: center;}
.intro3 .img_wrap_T {}

.intro3 .box_wrap {gap: 70px 0;}
.intro3 .img_wrap_T img {height: 29px; width: auto;}
.intro3 .box_wrap img {max-width: 382px; width: 70%;}
}
@media all and (max-width: 650px){
    .intro .sub_title h2 {font-size: var(--fs48);}
    .intro1 {}
    .intro1 {}
    .intro1 .txt_box {}
    .intro1 .txt1 {padding-bottom: 20px;}
    .intro1 .txt2 {}
    
    
    .intro2 .img_wrap_T {}
    .intro2 .img_wrap_T img {height: 22px; width: auto;}

    .intro2 .dif_box .box { background: url(../img/intro2_bg.png)no-repeat; background-position: right 10% bottom; background-size: 90px auto;  }



.intro2 .dif_box .box .img_box {width: 100%; order: 1; text-align: center;}
.intro2 .dif_box .box .txt_box {width: 100%; margin: 0 auto; margin-bottom: 0px; order: 2; margin-top: 30px; 
    max-width: 580px; width: 82%;  }
.intro2 .dif_box .box .img_box img { }
.intro2 .dif_box .box .txt_box p {margin: 15px 0 0 36px  ; font-size: var(--fs18);}
/* .intro2 .dif_box .box .txt_box p br{display: none;} */
.intro2 .dif_box .box .txt_box h2 {font-size: var(--fs30)}
.intro2 .dif_box .box .txt_box h2 img {height: 15px; width: auto;}

.intro2 .dif_box .box2 {text-align: center; background-position: right 10% bottom;} 
.intro2 .dif_box .box2 .img_box {text-align: center;}
.intro2 .dif_box .box2 .txt_box h2 {justify-content: left;}

.intro3 {background: url(../img/mob_intro3_bg.png)no-repeat; background-size: cover; background-position: center;}
.intro3 .img_wrap_T {margin-bottom: 60px;}

.intro3 .img_wrap_T img {height: 18px; width: auto;}
.intro3 .box_wrap {gap: 35px 0;}
.intro3 .box_wrap img {max-width: 650px; width: 70%;}
}


/* 의료진 소개 */
.doctor_wrap {border-bottom: 3px solid #eee6de;}
.doctor_wrap1 {border: none;}
.doctor .box_wrap {justify-content: space-between; align-items: center;}
.doctor .box_wrap .txt_box {width: 60%;}
.doctor .box_wrap .img_box {width: 33%;}
.doctor .box_wrap img {width: 100%; height: auto;}

/* 의료진 소개 모바일 */
.mon_doctor .img_wrap img {max-width: 760px; width: 100%; margin: 0 auto;}

/* 둘러보기 오시는길 */
.sub_facility {background: #fff; padding: 0;}
.sub_facility .facility_swiper_wrap {flex-wrap: wrap; margin-top: 90px;}
.sub_facility .facility_swiper_wrap .facility_Swiper2 {width: 100%;}
.sub_facility .facility_swiper_wrap .facility_img {width: 100%; margin-top: 17px; gap: 14px 0;}
.sub_facility .facility_swiper_wrap .facility_img .box {width: 19.1%;}

.sub_info .box_wrap .info_box .info_time .le {letter-spacing: 0.1em;}

.sub_facility .facility_btn_wrap {bottom: 0; top: auto;}

.sub_info .sub_title  {justify-content: center;}
.sub_info .box_wrap {display: block; margin-top: 90px;}

.sub_info .info_box{display: flex; flex-wrap: wrap; border-top: 1px solid #b1b1b1; border-bottom: 1px solid #b1b1b1; margin-bottom: 60px;}
.sub_info .info_box .info_time {width: 50%; padding: 75px 0 75px 50px; border-right: 1px solid #b1b1b1;}
.sub_info .info_box .box {width: 50%; padding: 75px  0 75px 50px;}


.sub_info .box_wrap .info_box h2 {font-size: var(--fs28); font-family: 'SUIT-Heavy'; margin-right: 18px; color: #443a38; }
.sub_info .box_wrap .info_box .info_time li {display: flex; margin-bottom: 10px;}
.sub_info .box_wrap .info_box .info_time li:last-child, .sub_info .box_wrap .info_box .info_time li:first-child {margin-bottom: 0;}
.sub_info .box_wrap .info_box .info_time li h3 {font-size: var(--fs28); font-family: 'SUIT-Bold'; margin-right: 27px; color: #323232;}
.sub_info .box_wrap .info_box .info_time li p {font-size: var(--fs28);  font-family: 'SUIT-Medium'; margin-right: 27px; color: #323232; letter-spacing: 0;}
.sub_info .box_wrap .info_box .info_time li img {height: 31px; width: auto;}

.sub_info .box_wrap .info_box .box  {display: flex; flex-wrap: wrap;}
.sub_info .box_wrap .info_box .box .txt_box {display: flex; flex-wrap: wrap;}
.sub_info .box_wrap .info_box .box p {font-size: var(--fs28);  font-family: 'SUIT-Medium'; margin-right: 27px; color: #323232; letter-spacing: 0; margin-bottom: 80px;}

.sub_info .box_wrap .info_box .box h3 {width: 100%; margin-top: 20px;}
.sub_info .box_wrap .info_box .box h3 img {height: 48px; width: auto;}

.sub_info .box_wrap .info_box .info_time h2{margin-bottom: 20px;} 
.sub_info #daumRoughmapContainer1723452380031 {width: 100%;}
.sub_info .wrap_controllers {display: none;}



@media all and (max-width: 1024px){
    .sub_facility .facility_swiper_wrap .facility_img .box {width: 49.5%;}
    .sub_info .info_box{border: none; display: flex; justify-content: center;}
    .sub_info .info_box .img_wrap{}
    .sub_info .info_box .img_wrap img{max-width: 760px; width: 100%; height: auto;}
    .sub_info #daumRoughmapContainer1723452380031 {height: 455px !important;}
}
@media all and (max-width: 760px){
}
@media all and (max-width: 650px){
    .sub_info #daumRoughmapContainer1723452380031 {height: 300px !important;}
}

/* 입원안내 */

.hospital1 {background: #f5f5f5;}
.hospital1 .img_wrap {margin-top: 90px;}
.hospital2 .img_box {display: flex; gap: 15px 0 ; justify-content: space-between; flex-wrap: wrap; margin-top: 160px;}
.hospital2 .img_box .box {width: 49.5%; } 
.hospital2 .img_box .box img {width: 100%; height: auto;}


.hospital3 .width1540{padding: 100px 120px; border: 1px solid #bfbfbf;}
.hospital3 .img_wrap {margin-top: 90px;}

.hospital4 .img_wrap {gap: 7px 0; margin-top: 90px;  display: flex; justify-content: center;}
.hospital4 .img_wrap img {max-width: 1200px; width: 100%;}

.hospital5 {background: #f5f5f5;}
.hospital5 .img_wrap {margin-top: 90px;}




@media all and (max-width: 1024px){
    .hospital1 {background: #f5f5f5;}

    .hospital2 .img_box .box {width: 100%; } 
}

/* 비급여 */
.pay1 .img_wrap {margin-top: 90px;}
.pay2 .img_wrap {margin-top: 90px;}
.pay3 .img_wrap {margin-top: 90px;}

/* 척추관절센터 페이지 시작 */

.doc_spine .img_wrap img {width: 100%; height: auto;}
.s_spine .sub_title h2 {font-size: var(--fs48);}
.s_spine .common {padding: 150px 0 80px 0;}

/* 비수술 통증 치료 */
.spine1 .common {padding: 150px 0 80px 0;}
.spine1 .sub_title{margin-bottom: 0;}
.spine1 img {max-width: 800px; width: 100%;}
.spine1 .sub_title p {font-size: var(--fs40); font-family: 'SUIT-Bold';}

/* 0823 수정으로 삭제 */

/* .spine2 {background: url(../img/spine1_bg.png)no-repeat; background-size: cover; background-position: center;}
.spine2 .img_wrap {justify-content: center;}
.spine2 img {max-width: 800px; width: 100%;}

.spine3 .img_box {display: flex; justify-content: space-between; align-items: center; margin-top: 60px;}
.spine3 .img_box .box {width: 32.5%;}
.spine3 .img_box .box img {width: 100%; height: auto;}

.spine4 {background: url(../img/spine3_bg.png)no-repeat; background-size: cover; background-position: center; }
.spine4 .img_wrap {justify-content: left;}
.spine4 .img_wrap img { max-width: 950px; width: 100%;}

.spine5 {background:#f6f6f6 url(../img/spine4_bg.png)no-repeat; background-size: fill; background-position: center; padding-top: 60px;} */



/* 목질환 */

.neck2 {background: url(../img/neck2_bg.png)no-repeat; background-size: cover; background-position: center; }
.neck2 .img_wrap {justify-content: center;}


.neck4 .common {padding-top: 0;}


.neck6 {background:#f6f6f6 url(../img/spine4_bg.png)no-repeat; background-size: fill; background-position: center; padding-top: 60px;}
.neck6  .common {padding: 0;}
/* 어깨 */

.shoulder2 {background: url(../img/shoulder2_bg.png)no-repeat; background-size: cover; background-position: center;}
.shoulder2 .img_wrap {justify-content: center;}
.shoulder2 img {width: 100%;}

.shoulder4 .common {padding-top: 0;}


.shoulder6 {background:#f6f6f6 url(../img/spine4_bg.png)no-repeat; background-size: fill; background-position: center; padding-top: 60px;}
.shoulder6 .common {padding: 0;}

/* 허리 */

.waist2 {background: url(../img/waist2_bg.png)no-repeat; background-size: cover; background-position: center;}
.waist2 .img_wrap {justify-content: center;}
.waist2 img {width: 100%;}

.waist4 .common {padding-top: 0;}


.waist6 {background:#f6f6f6 url(../img/spine4_bg.png)no-repeat; background-size: fill; background-position: center; padding-top: 60px;}
.waist6 .common {padding: 0;}

/* 손 */

.arm2 {background: url(../img/arm2_bg.png)no-repeat; background-size: cover; background-position: center;}
.arm2 .img_wrap {justify-content: center;}

.arm4 .common {padding-top: 0;}


.arm6 {background:#f6f6f6 url(../img/spine4_bg.png)no-repeat; background-size: fill; background-position: center; padding-top: 60px;}
.arm6 .common {padding: 0;}

/* 무릅 */

.risk2 {background: url(../img/risk2_bg.png)no-repeat; background-size: cover; background-position: center;}
.risk2 .img_wrap {justify-content: center;}

.risk4 .common {padding-top: 0;}


.risk6 {background:#f6f6f6 url(../img/spine4_bg.png)no-repeat; background-size: fill; background-position: center; padding-top: 60px;}
.risk6 .common {padding: 0;}

/* 발 */

.foot2 {background: url(../img/foot2_bg.png)no-repeat; background-size: cover; background-position: center;}
.foot2 .img_wrap {justify-content: center;}

.foot4 .common {padding-top: 0;}


.foot6 {background:#f6f6f6 url(../img/spine4_bg.png)no-repeat; background-size: fill; background-position: center; padding-top: 60px;}
.foot6 .common {padding: 0;}

/* 교통사고/산재/재활 페이지 시작*/

/* 교통사고클리닉 */
.accident .sub_title h2 {margin: 0;}


.accident1 {background: #f4f4f4;}
.accident1 .box_wrap {flex-wrap: wrap; gap: 10px 0; justify-content: space-around;}
.accident1 .box_wrap h2  {width: 100%; text-align: center; margin-bottom: 60px; font-family: 'SUIT-Bold'; font-size: var(--fs38);}
.accident1 .box_wrap .box { display: flex; justify-content: center; gap: 30px 0;}
.accident1 .box_wrap .box img {width: 100%; height: auto !important;}

.accident2 .img_wrap_T {justify-content: center; margin-bottom: 60px;}
.accident2 .img_wrap_T img {height: 39px ; width: auto;}

.accidentpri .img_wrap_T {justify-content: center; margin-bottom: 10px;}
.accidentpri .img_wrap_T img {height: 39px ; width: auto;}


.accident3 {background: #f8f8f8;}
.accident3 .box_wrap {flex-wrap: wrap; gap: 10px 0; justify-content: space-around;}
.accident3 .box_wrap .box {width: 24%; display: flex; flex-wrap: nowrap; justify-content: center; align-items: flex-start;}
.accident3 .img_wrap_T {justify-content: center; margin-bottom: 50px;}
.accident3 .img_wrap_T img {height: 41px; width: auto;}

.accident3 .box_wrap .box img {width: 100%; height: auto !important; }

.accident4 .img_wrap_T {margin-bottom: 70px;}

.accident4 .img_wrap_T img {height: auto ; width: 100%; }


.accident5 {background:#f6f6f6 url(../img/accident5_bg.png)no-repeat; background-size: cover; background-position: center;}
.accident5 .txt_box {text-align: center;}
.accident5 .txt_box h2 {font-family: 'SUIT-Bold'; font-size:var(--fs55); color: #383431;}
.accident5 .txt_box p {font-family: 'SUIT-Medium'; font-size:var(--fs30); line-height: 1.4; color: #383431; margin: 30px 0 50px 0;}

.accident5 .how_wrap {display: flex; justify-content: center;}
.accident5 .how_wrap img{width: 100%; height: auto;}


@media all and (max-width: 1024px){
    .accident1 .box_wrap h2  {font-size: var(--fs37);}
    .accident3 .box_wrap {gap: 60px 0; }
    .accident3 .box_wrap .box {width: 49%;}

    .accident4 .img_wrap_T {margin-bottom: 40px;}

    .accident5 .how_wrap img{width: auto; height: 100%;}
    .accident5 .txt_box h2 {font-size:var(--fs32); }
    .accident5 .txt_box p {font-size:var(--fs24); }
    .accident1 .img_wrap .mob {max-width: 510px !important; width: 100%; height: auto;} 
    .accident1 .box_wrap h2  { margin-bottom: 90px;}
}

@media all and (max-width: 760px){
    .accident5 {background:#f6f6f6 url(../img/mob_accident5_bg.png)no-repeat;  background-size: cover; background-position:  center left;}
}

@media all and (max-width: 650px){
    .accident2 .img_wrap_T img {height: 26px ;}
    .accident3 .img_wrap_T img {height: 30px; }
    .accident5 .txt_box h2 {font-size:var(--fs36); }
}



/* 산재클리닉 */

.ind_accident1  img {width: 100%; height: auto;}
.ind_accident1 .img_wrap_T {justify-content: center; margin-bottom: 40px;}
.ind_accident1 .img_wrap_T img {height: 33px; width: auto;}


.ind_accident2 .img_wrap_T {justify-content: center; margin-bottom: 40px;}
.ind_accident2 .img_wrap_T img {height: 68px; width: auto;}

.ind_accident2 .box_wrap {gap: 15px 0; flex-wrap: wrap; justify-content: space-between;}
.ind_accident2 .box_wrap .box {width: 49.5%;}
.ind_accident2 .box_wrap .box img{width: 100%; height: auto;}

.ind_accident3 {background: #f5f5f5;}
.ind_accident3 .img_wrap_T {justify-content: center; margin-bottom: 60px;}
.ind_accident3 .img_wrap_T img {height: 50px; width: auto;}

.ind_accident3 .box_wrap {flex-wrap: wrap; justify-content: space-between; align-items: start;}
.ind_accident3 .box_wrap .box {width: 24%;}
.ind_accident3 .box_wrap .box img {width: 100%; height: auto;}


.ind_accident5  .img_wrap_T {justify-content: center; margin-bottom: 60px;}
.ind_accident5 .img_wrap_T img {height: 54px; width: auto;}
.ind_accident5 .box_wrap {flex-wrap: wrap; justify-content: space-between; flex-wrap: wrap; align-items: center;}
.ind_accident5 .box_wrap .txt_box a {}
.ind_accident5 .box_wrap .img_box, .ind_accident5 .box_wrap .txt_box {width: 50%;}
.ind_accident5 .box_wrap .img_box img, .ind_accident5 .box_wrap .txt_box img {width: 100%; height: auto;} 

.ind_accident6  .img_wrap {background: #f2f2f2;}

.ind_accident7 { background: #e4e4e4;}
.ind_accident7 .img_wrap_T {justify-content: center; margin-bottom: 85px;}
.ind_accident7 .img_wrap_T img {height: 92px; width: auto;}
.ind_accident7 .img_wrap img {}

.ind_accident8 .img_wrap_T {justify-content: center; margin-bottom: 65px;}
.ind_accident8 .img_wrap_T img {height: 41px; width: auto;}


@media all and (max-width: 1024px){
    .ind_accident1 .img_wrap img {max-width: 590px ; width: 100%; height: auto;}


.ind_accident2 .box_wrap .box {width: 100%;}
.ind_accident2 .box_wrap .box img{width: 100%; height: auto;}


.ind_accident3 .box_wrap {gap: 20px 0; }
.ind_accident3 .box_wrap .box {width: 49%;}

.ind_accident5 .box_wrap { gap: 40px 0; justify-content: center;}
.ind_accident5 .box_wrap .full_img_wrap img {max-width: 760px; width: 100%; height: auto;}

.ind_accident6  .img_wrap .mob {max-width: 100%;}

.ind_accident7  .full_img_wrap .mob {max-width: 454px;}

.ind_accident7 .img_wrap_T img {height: 34px; }
}

@media all and (max-width: 760px){
    .ind_accident1 {background:#f6f6f6 url(../img/mob_ind_accident1_bg.png)no-repeat; background-size: cover; background-position: center;}
    .ind_accident3 .box_wrap {gap: 10px 0; }
}
@media all and (max-width: 650px){
    .ind_accident1 .img_wrap_T img {height: 26px;}
    .ind_accident2 .img_wrap_T img {height: auto; width:100%;}
    .ind_accident3 .img_wrap_T img {height: 30px;}
    .ind_accident5 .img_wrap_T img {height: 29px; }
    .ind_accident7 .img_wrap_T img {height: 34px; }
    .ind_accident8 .img_wrap_T img {height: 29px; }
}

/* 수술후 재활센터 */
.rehabilitation .sub_title h2 {margin: 0;}

.rehabilitation1 .swiper-slide {background: #fff;}
.rehabilitation1 .img_wrap .mob {width: 100%; height: auto; max-width: 1024px;}


.rehabilitation2 .img_wrap_T {justify-content: center; margin-bottom: 70px;}
.rehabilitation2 .img_wrap_T img {height: 50px; width: auto;}

.rehabilitation3 {background: #fff;}
.rehabilitation3 .common { padding-top: 0;}
.rehabilitation3 .img_wrap_T {justify-content: center; margin-bottom: 70px;}
.rehabilitation3 .img_wrap_T img {height: 50px; width: auto;}

.rehabilitation4 {background: #626262;}
.rehabilitation4 .img_wrap_T {justify-content: center; margin-bottom: 130px;}
.rehabilitation4 .img_wrap_T img {height: 33px; width: auto;}

@media all and (max-width: 650px){
.rehabilitation2 .img_wrap_T img {height: 30px;}

.rehabilitation3 .img_wrap_T img {height: 30px;}
.rehabilitation4 .img_wrap_T img {height: 23px;}
}


/* 클리닉 */
.clinic .sub_title h2  {font-size: var(--fs48);}
.diet1 .img_wrap .mob {max-width: 100%;}
.child1 .img_wrap .mob {max-width: 100%;}
.pregnancy1 .img_wrap .mob {max-width: 100%;}

.pregnancy2  .pregnancy_tab {margin: 77px  auto 162px 
    auto; max-width: 1163px; width: 100%;}
.pregnancy2  .pregnancy_tab li {width: 33.33333333% !important;}


.pregnancy2 .width708 {width: 74% !important; height: auto; margin: 0 auto;}

/* 보약 페이지 시작  */

.sub_medicine .sub_title {flex-wrap: wrap;}
.sub_medicine  .sub_title h2 {margin: 0; font-size: var(--fs48);}
.sub_medicine .sub_title .img_wrap {width: 100%;}
.sub_medicine .sub_title .img_wrap img {height: 75px; width: auto;}


.h_medicine1 .img_wrap .mob {max-width: 100%;}
.b_medicine1 .img_wrap .mob {max-width: 100%;}
.k_medicine1 .img_wrap .mob {max-width: 100%;}
.join_medicine1 .img_wrap .mob {max-width: 100%;}

@media all and (max-width: 1024px){
    .sub_medicine .sub_title .img_wrap {margin-top: 20px;}
    .sub_medicine .sub_title .img_wrap img {height: 115px;}
    .k_medicine .sub_title .img_wrap img {height: 75px;}
    .rehabilitation4 .img_wrap .mob{max-width: 412px !important; width: 70%; height: auto;}
    .rehabilitation4 .img_wrap_T {margin-bottom: 100px;}
    .rehabilitation2 .img_wrap_T {margin-bottom: 60px;}
    .rehabilitation3 .img_wrap_T {margin-bottom: 60px;}


    .pregnancy2  .pregnancy_tab li:nth-child(1), .pregnancy2  .pregnancy_tab li:nth-child(2) {border-bottom: none;} 
    .pregnancy2  .pregnancy_tab li:nth-child(2), .pregnancy2  .pregnancy_tab li:nth-child(4) {border-left: 2px solid rgba(56, 52, 49, 0.5);
        border-right: 2px solid rgba(56, 52, 49, 0.5);} 
}

@media all and (max-width: 1024px){
    .sub_medicine .sub_title .img_wrap img {height: 60px;}
    .k_medicine .sub_title .img_wrap img {height: 40px;}
}

@media all and (max-width: 768px){
    .pregnancy2  .pregnancy_tab {margin: 135px  0 79px 0;}
}


/* 하단 */
#ft{background: #443a38;padding: 85px 0; }
#ft .width {display: flex; justify-content: center; flex-wrap: wrap; padding: 0 20px;}

.foot_logo{display: block; text-align: center; width: 26%; display: flex; justify-content: left; }
.foot_logo img {height: 48px; width: auto;}
.foot_info {text-align: left !important; width: 74%;}
.foot_info span{font-size: var(--fs21); color: #a6a6a6;  line-height: 1.4; text-align: left; display: inline-block;}
#ft .copyright{margin-top: 30px; color: #ccc;}
#ft .copyright span{font-size: 1.4rem;}
#ft .foot_service{margin-top: 20px;}
#ft .foot_service a {font-size: 1.4rem; color: #9e9e9e;}
#ft .foot_service a:first-child{margin-right: 10px;}



@media all and (max-width: 1024px){
    #ft{padding: 85px 0; margin-bottom: 120px;}
    #ft .width {flex-direction: column; padding: 0;}
    .foot_logo{display: block; text-align: center; width: 100%; display: flex; justify-content: center; margin-bottom: 60px;}
.foot_info {text-align: center !important; width: 100%;}
.foot_info span {display: block; text-align: center;}
.foot_info br {display: none;}
#ft .line {display: none;}
#ft .copyright{color: #a6a6a6; padding-bottom: 80px; border-bottom: 2px solid #a6a6a6;}
}
#ft .copyright2{color: #a6a6a6;  }
@media all and (max-width: 650px){
    #ft{margin-bottom: 75px;}
}

/* sub_visual */
.sub_visual{width: 100%; margin-top: 100px; height: 365px;background-repeat: no-repeat !important;background-size: cover !important;background-position: center top !important; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.sub_visual .sub_top_text{text-align: center; color: #fff; }
.sub_visual .sub_top_text h3{font-size: var(--fs42);font-family: 'GmarketSans'; font-weight: 700; color:#fff;}
.sub_visual .sub_top_text span{font-size: var(--fs23); font-family: 'SUIT-Regular'; letter-spacing: 0.4em; color:#fff; margin-bottom: 15px; display: inline-block;  margin-left: 10px;}
@media all and (max-width: 1024px) {
	.sub_visual{height: 320px;}
    .sub_visual{margin-top: 120px; }
}
@media all and (max-width: 650px) {
	.sub_visual{height: 316px;}
    .sub_visual{margin-top: 80px; }
}

/* lnb */
.lnb_wrap{position: relative;  }
.lnb{}
.lnb .lnb_map{height: 60px; display: flex; align-items: center; border-left: 1px solid #f1f1f1; justify-content: space-between; background: #fff; border: 1px solid #b1b1b1; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 88 ; background: #f7f7f7;} 
.lnb .lnb_map .home{width: 60px; height: 100%;background: #fff;display: flex;justify-content: center;align-items: center;}
.lnb .lnb_map .home a{color: #333;}
.lnb .lnb_map .home i{font-size: 20px;}
.lnb .lnb_map > li{width: 100%; border-right: 1px solid #b1b1b1; padding: 0px 15px;position: relative; padding: 10px auto;}
.lnb .lnb_map > li:last-child {border-right: none;}
.lnb .lnb_map li a{width: 100%; display: inline-block; text-align: center; font-family: 'SUIT-Medium'; font-size: var(--fs21); color: #443a38; transition: all 0.2s;}

.lnb .lnb_map li a:hover {font-family: 'SUIT-ExtraBold'; color: #d9bda8;}

.lnb .lnb_map li a.active {font-family: 'SUIT-ExtraBold'; color: #d9bda8;}


@media screen and (max-width:1024px) {
    .lnb_wrap{height: 220px; }
    .lnb .lnb_map{height: 220px; position: none; top: 0; left: 0; transform: translate(0, 0); flex-wrap: wrap;border: none; align-items: none;}
    .lnb .width1200 {width: 100% !important;}
    .lnb .lnb_map .home {display: none;}
    .lnb .lnb_map > li {box-sizing: border-box; width: 50%; padding:  0; border: 1px solid #e1e1e1 !important; background: #f7f7f7;}
    .lnb .lnb_map li a {padding:  39px 0; box-sizing: border-box; font-size: var(--fs26); color:#383431;}
    .lnb .lnb_map li a:hover { font-family: 'SUIT-ExtraBold'; color: #d9bda8; background: #fff; border-bottom: 5px solid #d9bda8; padding:  36.5px 0;}

.lnb .lnb_map li a.active {font-family: 'SUIT-ExtraBold'; color: #d9bda8; background: #fff; border-bottom: 5px solid #d9bda8; padding:  36.5px 0;}
}
@media screen and (max-width:760px){
}
@media screen and (max-width:650px){
    .lnb_wrap{height: 200px; }
    .lnb .lnb_map{height: 200px;}
    
}

/* 페이지 네비, 게시판 등 */
/* .bo_cate_link{border-radius: 30px;}
.bo_v_topcon .bo_v_cate{border-radius: 30px;} */
#bo_gall .is_notice{border-radius: 30px;}
.quick_banner{z-index: 999; right: 20px; top: 50%; transform: translate(0, -50%); position: fixed;box-shadow: 2px 2px 15px rgba(0, 0, 0, 0.15);}
.quick_banner .quick_item {display: flex; flex-direction: column; justify-content: center; gap: 1px 0;}
.quick_banner .quick_item a {cursor: pointer;}
.quick_banner .quick_item a img {width: 90px; height: auto;}


.quick_banner #top_btn {width: 90px; border: none; background: #5a4d45;}
.quick_banner #top_btn span {color: #fff; font-family: 600;}



.quick_banner2{z-index: 998; left: 20px; top: 50%; transform: translate(0, -50%); position: fixed;box-shadow: 2px 2px 15px rgba(0, 0, 0, 0.15);}
.quick_banner2 .quick_item {display: flex; flex-direction: column; justify-content: center; gap: 1px 0;}
.quick_banner2 .quick_item a {cursor: pointer;}
.quick_banner2 .quick_item a img {width: 90px; height: auto;}


.quick_banner2 #top_btn2 {width: 90px; border: none; background: #5a4d45;}
.quick_banner2 #top_btn2 span {color: #fff; font-family: 600;}


.pg_wrap{margin-top: 60px; display: flex; justify-content: left; width: 100%;}
.pg_wrap .pg{display: flex;}
.pg_page{width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; margin: 0 2px; background-color: none; background-color: #eeeeee; border-radius: 5px; color: #626262;}
.pg_current{background: #626262; width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; margin: 0 2px; border: none;border-radius: 5px; color: #fff;}

.bo_sch_wrap {display:none;width:100%;height:100%;position:fixed;top:0;left:0;z-index:999}
.bo_sch {position:absolute;top:50%;left:50%;margin-left:0px !important;margin-top:0 !important;
 transform: translate(-50%, -50%) !important;}

 #mob_bo_btn_top {display: none !important;}

 /* .btn_admin a {border: 1px solid #b1b1b1 !important;}
 a.btn_b01  {border: 1px solid #b1b1b1 !important; } */
 a.btn_b01  {background: var(--main-color); border: none;}
 a.btn_b01  .view_btn{ font-family: 'SUIT-Medium';  color: #fff;}
 @media all and (max-width: 730px) {
    .pg_wrap{justify-content: center;}
    #bo_btn_top {display: none !important;}
    #mob_bo_btn_top {display: block !important;}
    #mob_bo_list_total {float:left;line-height:54px; width: 100%; border-radius: 5px; background: #f7f7f7; font-size:var(--fs24);color:#000;  font-family: 'SUIT-Regular'; text-align: center; margin: 29px 0 10px 0;}
    #mob_bo_list_total span{font-size:var(--fs24);color:#000; font-family: 'SUIT-Regular'; text-align: center; }
    #mob_bo_btn_top .mob_btn_bo_user{display: flex; float: initial; align-items: center; justify-content: flex-end; width: 100%;}
    .mob_btn_bo_user .btn_bo_sch i {color: #dadada; font-size:var(--fs24);}

    
}


/* 모바일 퀵배너 */
.mob_quick_banner { position: fixed; left: 0; bottom: 0; width: 100%; z-index: 999;  }
.mob_quick_banner .quick_item {width: 100%; background: #242424; display: flex; justify-content: space-between; align-items: center;  padding: 15px 0; border:1px solid #e1e1e1; }
.mob_quick_banner .quick_item .item {width: 25%; display: flex; justify-content: center; border-right: 2px solid #efefef;}
.mob_quick_banner .quick_item .item:last-child {border: none;}
.mob_quick_banner .quick_item .item img {height: 90px; width: auto; margin: 0 auto;}

.mob_quick_banner2 { position: fixed; left: 0; bottom: 75px; width: 100%; z-index: 999;}
.mob_quick_banner2 .quick_item {width: 100%; background: #fff; display: flex; justify-content: space-between; align-items: center;  padding: 15px 0; border:1px solid #e1e1e1; }
.mob_quick_banner2 .quick_item .item {width: 50%; display: flex; justify-content: center; border-right: 2px solid #efefef;}
.mob_quick_banner2 .quick_item .item:last-child {border: none;}
.mob_quick_banner2 .quick_item .item img {height: 90px; width: auto; margin: 0 auto;}

.mob_quick_banner3 { position: fixed; left: 0; bottom: 150px; width: 100%; z-index: 999;}
.mob_quick_banner3 .quick_item {width: 100%; background: #fff; display: flex; justify-content: space-between; align-items: center;  padding: 15px 0; border:1px solid #e1e1e1; }
.mob_quick_banner3 .quick_item .item {width: 25%; display: flex; justify-content: center; border-right: 2px solid #efefef;}
.mob_quick_banner3 .quick_item .item:last-child {border: none;}
.mob_quick_banner3 .quick_item .item img {height: 90px; width: auto; margin: 0 auto;}


@media all and (max-width: 650px) {
    .mob_quick_banner .quick_item .item img {height: 45px;}
    .mob_quick_banner2 .quick_item .item img {height: 45px;}
    .mob_quick_banner3 .quick_item .item img {height: 45px;}
}

/* 모바일 탑 */
.mob_top { position: fixed; right: 10px; bottom: 130px; z-index: 999;}
.mob_top img {width: 106px; height: 106px;}

@media all and (max-width: 650px) {
    .mob_top { position: fixed;bottom: 245px; }
	.mob_top img {width: 55px; height: 55px;}
}



@media all and (max-width: 1024px) {
	.quick_banner{display: none;}
	.quick_banner2{display: none;}
}

/* 갤러리 */
@media all and (max-width: 1024px) {
	.gall_row .col-gn-4{width: 50%;}
	.gall_row .col-gn-5{width: 50%;}
}

@media all and (max-width: 850px) {
	.gall_row .col-gn-4, .gall_row .col-gn-3, .gall_row .col-gn-5{width: 50%;}
	.privacy_bt{margin:40px auto 40px auto;}

}

@media all and (max-width: 600px) {
	.gall_row .col-gn-4, .gall_row .col-gn-3, .gall_row .col-gn-5, .gall_row .col-gn-2{width: 100%;}
}

/* 리스트 */
@media all and (max-width: 850px) {
	.prdt_list .prdt_top th.psize, .prdt_list .prdt_table .psize{display: none;}
	.prdt_list .prdt_top th.pcolor, .prdt_list .prdt_table .pcolor{display: none;}
}

@media all and (max-width: 650px) {
	.prdt_list .prdt_top th.num{min-width: 60px;}
	.prdt_list .prdt_top th.pintro, .prdt_list .prdt_table .pintro{display: none;}
	.prdt_list .prdt_top th.pname{width: 100%;}
	.prdt_list .prdt_table .pname{text-align: center;}
}

/* 애니메이션 */

@media all and (max-width: 650px) {
    html {font-size: 40% !important;}
}


/*  */