/* header */

#hd .logo a {
	background-image: url('../img/common/logo_wh.png');
}

#hd .logo.logo_ch {
	background-image: url('../img/common/logo.png');
	background-repeat: no-repeat;
}

#gnb .depth1 {
	color: #fff;
}

#gnb.depth1_color{
	color: #000 !important;
}

#hd .hd_right .ham_btn {
	background-image: url('../img/common/ham_btn_wh.png');
}

#hd .ham_btn.ham_btn_bl{
	background-image: url('../img/common/ham_btn.png');
}

/* header */

.inner {
	max-width: 1280px;
}

.disc20 {
	font-size: 2rem;
}

.desc {
	font-size: 1.8rem;
	line-height: 1.6;
}

.p12{
	padding: 12rem 0;
}

/* sub_visual */

.sub_visual {
	position: relative;
}

.sub_visual .inner {
	padding-bottom: 11.8rem;
	height: 71.5rem;
	display: flex;
	align-items: flex-end;
	position: relative;
}

.sub_visual .inner .txtbox {
	position: relative;
	z-index: 3;
	color: #fff;
}

.sub_visual .tag {
	font-size: 2rem;
	font-weight: 600;
	color: #fff;
	font-family: 'Paperlogy';
	margin-bottom: 1.2rem;
}

.sub_visual .tit {
	font-size: 6.5rem;
	font-weight: 600;
	margin-bottom: 3rem;

	font-family: 'Paperlogy';
}

.sub_visual .disc {
	color: #d2d2d2;
}

.sub_visual .sub_bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.sub_visual .sub_bg .img{
	width: 100%;
	height: 100%;
	animation: zoom 8s forwards;
	background: no-repeat center center/cover;
}

#snb {
	position: absolute;
	bottom: 11.8rem;
	right: 0;
	z-index: 3;
}

#snb>ul {
	display: flex;
	gap: 0.9rem;
}

#snb .depth01 {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 20.1rem;
	height: 6.5rem;
	border: solid 1px #fff;
	color: #fff;
	font-size: 1.7rem;
	text-align: center;
	border-radius: 3.3rem;
}

#snb .depth02 {
	display: flex;
	align-items: center;
	justify-content: space-between;
	text-align: center;
	width: 20.1rem;
	height: 6.5rem;
	background: #fff;
	padding: 0 2.4rem;
	font-size: 1.7rem;
	text-align: center;
	border-radius: 3.3rem;
}

#snb .depth02 span {
	display: inline-block;
	width: 2.8rem;
	height: 2.8rem;
	transition: all 0.6s ease-out;
	background: url('../img/sub/dropdown_arrow.png') no-repeat center center/cover;
}

#snb .depth02.on span{
	transform: rotate(-180deg);
}

#snb .depth02_list {
	display: none;
	position: absolute;
	width: 100%;
	top: 100%;
	left: 0;
	z-index: 3;
	background: var(--main-color);
	border-radius: 3.3rem;
	padding: 1.2rem 0rem;
}

#snb .depth02_list li a{
	display: block;
	font-size: 1.6rem;
	line-height: 1.3;
	padding: 1.2rem 2.4rem;
	color: #fff;
}

#snb .depth02_wr {
	position: relative;
}

/* sub_visual */

/* #container.sub {
	padding-top: 13rem;
} */

#container.sub.con0101,
#container.sub.con0102,
#container.sub.con0103,
#container.sub.con0201,
#container.sub.con0202,
#container.sub.con0203,
#container.sub.con0204,
#container.sub.con0205,
#container.sub.con0206,
#container.sub.con0207,
#container.sub.con0208,
#container.sub.con0301,
#container.sub.con0302,
#container.sub.con0303,
#container.sub.con0304,
#container.sub.con0401,
#container.sub.con0501,
#container.sub.con0502,
#container.sub.con0503,
#container.sub.con0504,
#container.sub.con0601,
#container.sub.con0602,
#container.sub.con0603,
#container.sub.con0701,
#container.sub.con0702,
#container.sub.con0703,
#container.sub.con0704{
	padding-top: 0rem;
}

#container.sub{
	padding-top: 13rem;
}

.sub_ttl_row {
	text-align: center;
	font-family: 'Paperlogy';
	/* 	margin-bottom: 8rem; */
}

.sub_ttl_row .tag {
	font-size: 1.8rem;
	font-weight: 700;
	color: var(--sub-color);
	margin-bottom: 2rem;
}

.sub_ttl_row .ttl {
	font-size: 5rem;
	font-weight: 600;
}

.sec_ttl_row:not(.t_l){
	text-align: center;
	padding-top: 5rem;
	background: url('../img/sub/sec_ttl_row_ico.png') no-repeat top center/4.2rem;
}

.sec_ttl_row .ttl{
	font-size: 4.5rem;
	font-weight: 600;
	font-family: 'Paperlogy';
}

.sec_ttl_row .ttl strong{
	font-weight: 600;
	color: var(--sub-color);
}

.sec_ttl_row .stl{
	font-size: 2.5rem;
	font-weight: 300;
	font-family: 'Paperlogy';
	margin-bottom: 1.5rem;
}

.sec_ttl_row .ttl5{
	font-size: 5rem;
	font-weight: 600;
	font-family: 'Paperlogy';
}

.sec_ttl_row .tag{
font-size: 1.3rem;
font-weight: 600;
	font-family: 'Paperlogy';
	color: #C9C9C9;
	margin-top: 0.5rem;
}

.intt_row {
	padding: 8rem 0 12rem;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.intt_txt .desc {
	font-size: 2.4rem;
	font-weight: 600;
	color: #818181;
	margin-bottom: 1.5rem;
}

.intt_txt .subject {
	font-size: 4rem;
	font-weight: 600;
	font-family: 'Paperlogy';
	line-height: 1.4;
	margin-bottom: 2.7rem;
}

.intt_txt .subject span {
	color: #22ADA5;
}

.vs_row {
	padding: 8rem 0 11.7rem;
	background: no-repeat center center/cover;
}

.vs_row .vs_cont{
	padding: 5.2rem 7rem 5rem;
margin-top: 5.3rem;
background: #fff;
border-radius: 3rem;
}

.vs_row .vs_cont .top{
	width: 100%;
}

.vs_row .vs_cont .bot{
	display: flex;
}

.vs_row .vs_cont .bot li{
	padding-top: 2.2rem;
	text-align: center;
}

.vs_row .vs_cont .subject{
	font-size: 2.8rem;
	font-weight: 700;
	margin-bottom: 1.2rem;
}

.vs_row .vs_cont .disc b{
color: var(--sub-color);
}

.vs_row .vs_cont .row2 li{
	width: 50%;
}

.m_desc{
	text-align: center;
	font-size: 2rem;
	line-height: 1.6;
	margin-bottom: 4rem;
}

.m_desc b{
	color: #325A5F;
}

.list_desc{
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	font-size: 2rem;
	margin: 2.2rem 0 5rem;
}

.list_desc span{
	display: inline-block;
	padding: 0 1.3rem;
	line-height: 4rem;
	text-align: center;
	border-radius: 3rem;
	border: solid 1px #325A5F;
	margin-right: 1.3rem;
}

.v_list_row{
	display: flex;
}

.v_list_row > div{
	width: 50%;
}

.v_list_row .left ul li:not(.on){
	display: none;
}

.v_list_row .right ul li{
	width: 100%;
	display: flex;
	align-items: center;
	padding: 3.9rem 5.3rem 4rem 1.9rem;
	transition: all 0.3s linear;
	position: relative;
	gap: 4.4rem;
} 

.v_list_row .right ul li::before{
	content: '';
	width: 4.6rem;
	height: 4.6rem;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	opacity: 0;
	transition: all 0.4s linear;
	background: url('../img/sub/view_ico.png') no-repeat center center/cover;
}

.v_list_row .right ul li:hover{
	background-color: #F9F9F9;
}

.v_list_row .right ul li:not(.on):hover::before{
	opacity: 1;
}

.v_list_row .right ul li.on{
	background-color: #E8F2F2;
}

.v_list_row .right .tit{
	display: flex;
	align-items: center;
}

.v_list_row .right .num{
	width: 4rem;
	line-height: 3rem;
	font-size: 1.5rem;
	font-weight: 500;
	text-align: center;
	color: #fff;
	border-radius: 50%;
	margin-right: 2.1rem;
	background-color: #B8B8B8;
}

.v_list_row .right li.on .num {
	background: #325A5F;
}

.v_list_row .right .subject{
	font-size: 2.8rem;
	font-weight: 700;
	width: 10rem;
}

.v_list_row .right .disc{
	line-height: 1.6;
}

.row3_wr .m_desc{
	margin: 3rem 0 5rem;
}

.row3_list{
	display: flex;
	gap: 4rem;
}

.row3_list li{
	width: calc(100%/3 - 8rem/3);
	border: solid 1px #F0F0F0;
}

.row3_list .txt_sec{

	padding: 3.6rem 2.3rem 3.8rem;
}

.row3_list .txt_sec .subject{
	display: flex;
	align-items: center;
	font-size: 2.5rem;
	font-weight: 700;
	margin-bottom: 1.6rem;
}

.row3_list .txt_sec .subject span{
display: block;
width: 4rem;
line-height: 3rem;
color: #fff;
font-size: 1.5rem;
font-weight: 500;
text-align: center;
margin-right: 1.2rem;
border-radius: 50%;
background-color: #325A5F;	
}

.row3_list .txt_sec .disc{
	line-height: 1.7;
}

.tt_row{
padding: 12rem 0;
background: url('../img/sub/tt_row_bg.jpg') no-repeat center center/cover;
}

.tt_row .t_list_row{
	margin-top: 3rem;
}

.tt_row .t_desc{
	text-align: center;
	font-size: 2rem;
	margin-bottom: 4rem;
}

.tt_row .t_list{
	display: flex;
	flex-wrap: wrap;
	row-gap: 2.3rem;
	column-gap: 2rem;
	border-radius: 3rem;
	padding: 5.6rem 8rem 6.4rem;
	background: #EFF5F4;
}

.tt_row .t_list li{
	width: calc(50% - 1rem);
	padding: 1.7rem 3rem;
	font-size: 1.8rem;
	background: #fff;
	display: flex;
	align-items: center;
}

.tt_row .t_list li span{
	display: inline-block;
	width: 3rem;
	height: 2.8rem;
	margin-right: 2.7rem;
	background: url('../img/sub/tt_row_ico.png') no-repeat center center/cover;
}

.qu_row{
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 14rem 0 0;
}

.qu_row .left{
	width: 75rem;
}

.qu_list_row{
	display: inline-flex;
	padding: 1.7rem 5.5rem;
	border-radius: 2.1rem;
	margin: 3rem 0 4.5rem;
	background: linear-gradient(to bottom, #22ADA5, #115753);
}

.qu_list_row li {
	text-align: center;
}

.qu_list_row li + li{
	margin-left: 4.5rem;
	padding-left: 5.5rem;
	position: relative;
	border-left: solid 1px #fff;
}

.qu_list_row p{
	font-size: 2rem;
	font-weight: 500;
	color: #fff;
}

.qu_list_row strong{
	font-family: 'Paperlogy';
	font-size: 5.5rem;
	font-weight: 700;
	color: #fff;
	margin-top: 2px;
}

.qu_row .right{
	width: calc(100% - 75rem);
}

.qu_row .right .img{
	transform: translateY(-7.2rem);
}

.q_txt_box .q_tag{
	font-size: 1.3rem;
	font-weight: 600;
	font-family: 'Paperlogy';
	color: #8B8B8B;
}

.q_txt_box .subject{
	font-size: 2.5rem;
	font-weight: 600;
	margin-top: 1.2rem;
}

.q_txt_box .disc{
	color: #656565;
	margin-top: 1.2rem;
}

/* 하단 공통 슬라이드 */
.subt_slide_wr {
	position: relative;
}

.subt_slide_wr .subt_cont_wr {
	width: 100%;
	position: absolute;
	bottom: 9.8rem;
	left: 0;
	z-index: 3;
}

.subt_control {
	display: flex;
	gap: 0.9rem;
}

.subt_control button {
	display: block;
	width: 4.2rem;
	height: 4.2rem;
	flex: 0 0 auto;
	opacity: 0.41;
	transition: opacity 0.5s;
	background: url('../img/sub/sub_bot_arrow.png') no-repeat center center/cover;
}

.subt_control button:first-of-type {
	transform: rotate(-180deg);
}

.subt_control button:hover {
	opacity: 1;
}

.subt_slide .swiper-slide {
	padding: 11rem 0 0;
	min-height: 64rem;
}

.subt_slide .slide_bg {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	background: no-repeat center center/cover;
}

.subt_txt_wr * {
	color: #fff;
}

.subt_txt_wr .tag {
	display: inline-block;
	font-family: 'Paperlogy';
	font-size: 1.8rem;
	font-weight: 700;
	color: #B8F2EF;
	padding-top: 6.8rem;
	margin-bottom: 1.7rem;
	background: url('../img/sub/sub_bot_logo.png') no-repeat top left/58px;
}

.subt_txt_wr h4 {
	font-size: 4.5rem;
	font-weight: 600;
	font-family: 'Paperlogy';
	text-shadow: 2px 0 5px rgba(4, 0, 0, 0.16);
	margin-bottom: 3.8rem;
}

.subt_txt_wr .desc {
	font-size: 1.8rem;
	text-shadow: 2px 1px 4px rgba(4, 0, 0, 0.16);
}
/* 하단 공통 슬라이드 */




.tabmenu_s {
    display: flex;
    margin-bottom: 6rem;
    border: solid 1px #CFB7C4;
}

.tabmenu_s li {
    width: 50%;
}

.tabmenu_s li button {
    width: 100%;
    height: 7rem;
    font-size: 2.5rem;
    font-weight: 600;
}

.tabmenu_s li button.act {
    color: #fff;
    background-color: #E690B0;
}

.ct_wr .h_menu {
    text-align: center;
}

.h_view_wrap,
.sub_con {
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
    overflow: hidden;
}

.tab_cont_wr .cont_tem:not(.act) {
    display: none;
}


.h_view {
    position: relative;
}

.gallery-top {
    position: relative;

}

.gallery-top .control {
    /* 	height: 100px; */
    line-height: 50px;
    z-index: 5;
}

.gallery-top .control .swiper-arrow {
    width: 100px;
    height: 100px;
    margin: 0;
    top: 50%;
    transform: translateY(-50%);
    transition: all 0.3s;
    opacity: 1;
    z-index: 2;
    font-size: 6.2rem;
    color: rgba(209, 209, 209, 0.9);
    text-shadow: 1px 1px 5px #000;
    cursor: pointer;
}

.gallery-top .control .swiper-arrow:hover {
    transform: translateY(-50%) scale(1.2);
}

.gallery-top .control .swiper-button-next:after,
.gallery-top .control .swiper-button-prev:after {
    display: none;
}

.gallery-top .control .swiper-button-prev {
    left: 0;
}

.gallery-top .control .swiper-button-next {
    right: 0;
}

.gallery-top .control .swiper-paging {
    padding: 0 16px;
    background-color: rgba(0, 0, 0, .4);
    font-size: 3rem;
    color: #fff;
    width: auto;
    min-width: 133px;
    text-align: center;
    display: none;
}

.gallery-top .control .swiper-paging span {
    font-weight: 800;
}

.gallery-top .control .swiper-paging .swiper-pagination-current {
    color: var(--main-color);
}

.gallery-top .swiper-slide {
    padding-top: 54.6875%;
    background: no-repeat 50% 50%;
    background-size: cover;
}

.gallery-top .swiper-slide .title {
    position: absolute;
    width: 291px;
    height: 234px;
    box-sizing: border-box;
    padding-top: 65px;
    top: 0;
    left: 0;
    text-align: center;
    color: #fff;
    background-color: #5697A6;
    display: none;
}


.gallery-top .swiper-slide .title strong {
    display: block;
    font-size: 46px;
    font-weight: 800;
}

.gallery-thumbs {
    margin-top: 6rem;
}

.gallery-thumbs ul {
    display: flex;
    flex-wrap: wrap;
    gap: 2rem;
}

.gallery-thumbs li {
    position: relative;
    width: calc(100%/6 - 10rem/6);
    /* max-width: 200px; */
    padding-top: 11.72%;
    background: no-repeat 50% 50%;
    background-size: cover;
}

.gallery-thumbs li:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border: 0px solid var(--main-color);
    transition: .3s all;
    -webkit-transition: .3s all;
}

.gallery-thumbs li.act:before {
    border-width: 5px;
}


.gallery-top2 {
    position: relative;

}

.gallery-top2 .control {
    /* 	height: 100px; */
    line-height: 50px;
    z-index: 5;
}

.gallery-top2 .control .swiper-arrow {
    width: 100px;
    height: 100px;
    margin: 0;
    top: 50%;
    transform: translateY(-50%);
    transition: all 0.3s;
    opacity: 1;
    z-index: 2;
    font-size: 6.2rem;
    color: rgba(209, 209, 209, 0.9);
    text-shadow: 1px 1px 5px #000;
    cursor: pointer;
}

.gallery-top2 .control .swiper-arrow:hover {
    transform: translateY(-50%) scale(1.2);
}

.gallery-top2 .control .swiper-button-next:after,
.gallery-top2 .control .swiper-button-prev:after {
    display: none;
}

.gallery-top2 .control .swiper-button-prev {
    left: 0;
}

.gallery-top2 .control .swiper-button-next {
    right: 0;
}

.gallery-top2 .control .swiper-paging {
    padding: 0 16px;
    background-color: rgba(0, 0, 0, .4);
    font-size: 3rem;
    color: #fff;
    width: auto;
    min-width: 133px;
    text-align: center;
    display: none;
}

.gallery-top2 .control .swiper-paging span {
    font-weight: 800;
}

.gallery-top2 .control .swiper-paging .swiper-pagination-current {
    color: var(--main-color);
}

.gallery-top2 .swiper-slide {
    padding-top: 54.6875%;
    background: no-repeat 50% 50%;
    background-size: cover;
}

.gallery-top2 .swiper-slide .title {
    position: absolute;
    width: 291px;
    height: 234px;
    box-sizing: border-box;
    padding-top: 65px;
    top: 0;
    left: 0;
    text-align: center;
    color: #fff;
    background-color: #5697A6;
    display: none;
}


.gallery-top2 .swiper-slide .title strong {
    display: block;
    font-size: 46px;
    font-weight: 800;
}

.thumbs2 {
    margin-top: 50px;
}

.thumbs2 ul {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.thumbs2 li {
    position: relative;
    width: calc(100%/6 - 17px);
    /* max-width: 200px; */
    padding-top: 10.95%;
    background: no-repeat 50% 50%;
    background-size: cover;
}

.thumbs2 li:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border: 0px solid var(--main-color);
    transition: .3s all;
    -webkit-transition: .3s all;
}

.thumbs2 li.act:before {
    border-width: 5px;
}

.gallery-top .control .swiper-arrow {
    font-size: 4rem
}

@media screen and (max-width : 1200px) {

    .bd_container {
        margin-top: 15rem;
    }

}

@media screen and (max-width : 768px) {

    .bd_container {
        margin-top: 6.5rem;
    }

    .gallery-thumbs {
        margin-top: 3rem;
    }

    .gallery-thumbs ul {
        gap: 1rem;
    }

    .gallery-thumbs li {
        width: calc(33.33% - 0.7rem);
        padding-top: 24.95%;
    }

    .gallery-top2 .control .swiper-arrow {
        font-size: 3rem
    }

    .gallery-top .control .swiper-arrow {
        width: 50px;
        height: 50px;
        font-size: 3rem
    }

}

.bd_container .btn {
    display: block;
}

.bd_container .btn-list {
    width: calc(100% - 4rem);
    max-width: 300px;
    font-size: 1.6rem;
    text-align: center;
    padding: 1rem 0;
    line-height: 1.5;
    height: auto;
    border: 1px solid #ccc;
    border-radius: 5px;
}

.bd_container .btn-list:hover {
    background-color: #eee;
}

.bd_container .btn-center {
    margin: 0 auto;
}

.captcha img {
    display: inline-block;
}

.btn_confirm .btn_cancel {
    display: inline-block;
}

.btn_confirm .btn_submit {
    display: inline-block;
}

/* m29부분 */

.con0209 .suture_button{
	position: sticky;
	top: 140px;
	z-index: 1000;
	background-color: #fff;
	width: 100%;
}


.con0209 .suture_button ul a{
	display: inline-block;
	width: 426px;
	height: 63px;
	border: 1px solid #F5F5F5;
	color: #222;
	font-size: 20px;
	line-height: 63px;
	text-align: center;
	display: block;
}

.con0209 .suture_button ul a.on{
	border: none;
	background-color: #325A5F;
	color: #fff;
}


/* m29부분 */

/* m35부분 */

.suture_button ul {
	display: flex;
	margin-top: 30px;
}

.con0305 .suture_button ul .suture_button01{
	width: 640px;
	height: 63px;
	background-color: #325A5F;
	font-size: 20px;
	line-height: 63px;
	text-align: center;
	color: #fff;
}

.con0305 .suture_button ul .suture_button02{
	width: 640px;
	height: 63px;
	border: 1px solid #F5F5F5;
	font-size: 20px;
	line-height: 63px;
	text-align: center;
	color: #222;
}


/* m35부분 */


/* m36부분 */

.con0306 .suture_button ul .suture_button02{
	width: 640px;
	height: 63px;
	background-color: #325A5F;
	font-size: 20px;
	line-height: 63px;
	text-align: center;
	color: #fff;
}

.con0306 .suture_button ul .suture_button01{
	width: 640px;
	height: 63px;
	border: 1px solid #F5F5F5;
	font-size: 20px;
	line-height: 63px;
	text-align: center;
	color: #222;
}

/* m36부분 */


/* 오시는길 css */

.map_s_info{
	margin-top: 80px;
	margin-bottom: 80px;
	display: flex;
	gap: 95px;
}

.map_img{
	width: 50%;
	overflow: hidden;
	border-radius: 65px;
}

.map_right{
	margin-top: 33px;
}

.logo_mark{
	position: absolute;
	top: 700px;
	left: 0;
	z-index: -2;
}

/* 지도 css */

/* 병원둘러보기 부분 */

.con0104 .sec1{
	padding: 2rem 17.5rem;
}

.equ_slide_list{
	margin-top:50px;
	margin-bottom: 150px;
	scrollbar-width: 16px !important;
	scrollbar-color: #858585 #f0f0f0 !important;
	border: 4px solid transparent !important;
	background-clip: padding-box;
}

.equ_slide_list ul{
	display: flex;
	gap: 20px;
}

.equ_slide_list li{
	width: 300px;
	height: 130px;
}

.swiper-horizontal>.swiper-scrollbar{
	left: 9%;
	width: 81%;
	top: 144%;
	display: none;
}

.swiper-scrollbar-drag{
	width: 376.758px;
}

/* 병원둘러보기 부분 */