/* .C-RealSelfiegram.selfiegram_list .swiper-slide .item .info .tag {
color: #fff;
} */
@charset "utf-8";
/* 리얼셀피/ì „í›„ì‚¬ì§„ */
/* ì˜¤ëŠ˜ì˜ ì„±í˜• - today */
.today #container{
padding-bottom: 60px;
}
.today .today_list ul{
display: flex;
gap: 60px;
flex-direction: column;
}
@media(max-width:720px){
.today .today_list ul{
gap: 12vw;
}
}
.today .today_list li{
display: flex;
gap: 40px;
align-items: flex-start;
}
@media(max-width:1200px){
.today .today_list li{
gap: 3vw;
}
}
@media(max-width:810px){
.today .today_list li{
position: relative;
padding-top: 100px;
flex-direction: column;
}
}
@media(max-width:720px){
.today .today_list li{
padding-top: 17vw;
}
}
@media(max-width:530px){
.today .today_list li{
padding-top: 100px;
}
}
.today .today_list li .photo{
border-radius: 25px 25px 0 25px;
overflow: hidden;
}
@media(max-width:810px){
.today .today_list li .photo{
width: 100%;
}
}
.today .today_list li .photo img{
width: 100%;
vertical-align: top;
}
.today .today_list li .text .profile{
display: flex;
gap: 20px;
}
@media(max-width:1200px){
.today .today_list li .text .profile{
gap: 1.6vw;
}
}
@media(max-width:810px){
.today .today_list li .text .profile{
position: absolute;
left: 0;
top: 0;
align-items: center;
}
}
.today .today_list li .text .profile .img{
width: 80px;
height: 80px;
border-radius: 100px;
overflow: hidden;
}
.today .today_list li .text .profile .img img{
vertical-align: top;
}
.today .today_list li .text .profile .info .name{
font-size: var(--f-32);
color: var(--C-000b17);
font-weight: 900;
}
@media(max-width:1200px){
.today .today_list li .text .profile .info .name{
font-size: 2.7vw;
}
}
@media(max-width:810px){
.today .today_list li .text .profile .info .name{
font-size: 4vw;
}
}
@media(max-width:720px){
.today .today_list li .text .profile .info .name{
font-size: 6vw;
}
}
.today .today_list li .text .profile .info p{
font-size: var(--f-24);
color: var(--C-000b17);
}
@media(max-width:1200px){
.today .today_list li .text .profile .info p{
font-size: 2vw;
}
}
@media(max-width:1020px){
.today .today_list li .text .profile .info p{
display: flex;
flex-direction: column;
}
}
@media(max-width:810px){
.today .today_list li .text .profile .info p{
flex-direction: row;
font-size: 2.5vw;
}
}
@media(max-width:720px){
.today .today_list li .text .profile .info p{
font-size: 4vw;
}
}
.today .today_list li .text .profile .info p .age{
margin-right: 15px;
font-weight: 500;
}
.today .today_list li .text .profile .info p .location{
padding-left: 23px;
font-weight: 500;
background: url(//image.idhospital.com/www/rn_2025/common/icon_location.png) no-repeat left center;
}
.today .today_list li .text .writing{
padding-top: 30px;
font-size: var(--f-20);
color: var(--C-474748);
}
@media(max-width:1200px){
.today .today_list li .text .writing{
font-size: 1.8vw;
}
}
@media(max-width:810px){
.today .today_list li .text .writing{
padding-top: 0;
font-size: 2.7vw;
}
}
@media(max-width:720px){
.today .today_list li .text .writing{
font-size: 4vw;
}
}
.today .today_list li .text .tag{
padding-top: 5px;
font-size: var(--f-20);
color: var(--C-474748);
}
@media(max-width:1200px){
.today .today_list li .text .tag{
font-size: 1.8vw;
}
}
@media(max-width:810px){
.today .today_list li .text .tag{
font-size: 2.7vw;
}
}
@media(max-width:720px){
.today .today_list li .text .tag{
font-size: 4vw;
}
}
.today .today_list li .text .surgical_info{
display: flex;
padding-top: 50px;
gap: 30px;
flex-direction: column;
}
@media(max-width:810px){
.today .today_list li .text .surgical_info{
padding-top: 4%;
gap: 2vw;
}
}
.today .today_list li .text .surgical_info .item .surgical_title{
font-size: var(--f-24);
color: var(--C-ff77b9);
font-weight: 800;
}
@media(max-width:1200px){
.today .today_list li .text .surgical_info .item .surgical_title{
font-size: 2.5vw;
}
}
@media(max-width:720px){
.today .today_list li .text .surgical_info .item .surgical_title{
font-size: 4vw;
}
}
.today .today_list li .text .surgical_info .item ul{
padding-top: 5px;
gap: 0;
}
.today .today_list li .text .surgical_info .item li{
font-size: var(--f-15);
color: var(--C-737380);
}
@media(max-width:1200px){
.today .today_list li .text .surgical_info .item li{
font-size: 1.7vw;
}
}
@media(max-width:810px){
.today .today_list li .text .surgical_info .item li{
padding-top: 0;
font-size: 2vw;
}
}
@media(max-width:720px){
.today .today_list li .text .surgical_info .item li{
font-size: 3.5vw;
}
}
.today .btn_more{
display: flex;
margin: 45px auto 0;
padding: 12px 70px;
font-size: var(--f-20);
color: var(--C-f172ac);
font-weight: 800;
cursor: pointer;
border-radius: 50px;
border: 1px solid var(--C-f27bb2);
background: none;
}
@media(max-width:720px){
.today .btn_more{
margin-top: 8vw;
padding: 2vw 13vw;
font-size: 4vw;
}
}
/* 리얼셀피그램 - selfiegram */
.selfiegram #container{
padding-bottom: 60px;
}
.selfiegram .C-RealSelfiegram{
padding-top: 0;
padding-bottom:55px
}
.selfiegram .selfiegram_list ul{
display: flex;
gap: 50px 0;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
}
@media(max-width:1500px){
.selfiegram .selfiegram_list ul{
gap: 3vw 2vw;
}
}
@media(max-width:970px){
.selfiegram .selfiegram_list ul{
gap: 5vw 2vw;
}
}
@media(max-width:720px){
.selfiegram .selfiegram_list ul{
gap: 7vw 2vw;
}
}
.selfiegram .selfiegram_list ul li{
width: 300px;
}
@media(max-width:1500px){
.selfiegram .selfiegram_list ul li{
flex: 1 1 30%;
width: auto;
max-width: 30%;
}
}
@media(max-width:970px){
.selfiegram .selfiegram_list ul li{
flex: 1 1 45%;
max-width: 50%;
}
}
.selfiegram .selfiegram_list ul li .semnail_img{
border-radius: 25px 25px 0 25px;
position: relative;
overflow: hidden;
}
.selfiegram .selfiegram_list ul li .semnail_img::after{
content: "";
width: 20px;
height: 21px;
position: absolute;
left: 15px;
top: 15px;
background: url(//image.idhospital.com/www/rn_2025/common/RealSelfiegram_icon_id.png) no-repeat left top;
background-size: 100%;
}
.selfiegram .selfiegram_list ul li img{
width: 100%;
vertical-align: top;
}
.selfiegram .selfiegram_list ul li .text{
padding-top: 20px;
}
@media(max-width:1500px){
.selfiegram .selfiegram_list ul li .text{
padding-top: 6%;
}
}
@media(max-width:720px){
.selfiegram .selfiegram_list ul li .text{
padding-top: 4%;
}
}
.selfiegram .selfiegram_list ul li .text strong{
font-size: var(--f-24);
color: var(--C-000b17);
font-weight: 500;
}
@media(max-width:1500px){
.selfiegram .selfiegram_list ul li .text strong{
font-size: 1.5vw;
}
}
@media(max-width:970px){
.selfiegram .selfiegram_list ul li .text strong{
font-size: 3vw;
}
}
@media(max-width:720px){
.selfiegram .selfiegram_list ul li .text strong{
font-size: 4vw;
}
}
.selfiegram .selfiegram_list ul li .text p{
font-size: var(--f-20);
color: var(--C-737380);
}
@media(max-width:1500px){
.selfiegram .selfiegram_list ul li .text p{
font-size: 1.2vw;
}
}
@media(max-width:970px){
.selfiegram .selfiegram_list ul li .text p{
font-size: 2.4vw;
}
}
@media(max-width:720px){
.selfiegram .selfiegram_list ul li .text p{
font-size: 3vw;
}
}
.selfiegram .btn_more{
display: flex;
margin: 45px auto 0;
padding: 12px 70px;
font-size: var(--f-20);
color: var(--C-f172ac);
font-weight: 800;
cursor: pointer;
border-radius: 50px;
border: 1px solid var(--C-f27bb2);
background: none;
}
@media(max-width:720px){
.selfiegram .btn_more{
margin-top: 8vw;
padding: 2vw 13vw;
font-size: 4vw;
}
}
/* 셀피그램 ìƒì„¸ - selfiegram_view */
.selfiegram_view #container{
padding-bottom: 60px;
}
.selfiegram_view .contents{
max-width: 960px;
margin: 0 auto;
}
@media(max-width:1024px){
.selfiegram_view .contents{
padding: 0 3%;
}
}
.selfiegram_view .tab_box{
display: flex;
padding-bottom: 60px;
gap: 41px;
}
@media(max-width:960px){
.selfiegram_view .tab_box{
gap: 5%;
}
}
@media(max-width:720px){
.selfiegram_view .tab_box{
padding-top: 25%;
padding-bottom: 10vw;
position: relative;
flex-direction: column;
}
}
@media(max-width:560px){
.selfiegram_view .tab_box{
padding-top: 35%
}
}
.selfiegram_view .tab_box img{
width: 100%;
vertical-align: top;
}
.selfiegram_view .tab_box .right{
display: flex;
flex-direction: column;
justify-content: space-between;
}
.selfiegram_view .tab_box .right .model_info{
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: center;
gap: 10px 18px;
}
@media(max-width:720px){
.selfiegram_view .tab_box .right .model_info{
position: absolute;
left: 0;
top: 0;
}
}
.selfiegram_view .tab_box .right .img{
width: 80px;
height: 80px;
border-radius: 50%;
overflow: hidden;
}
.selfiegram_view .tab_box .right .name{
font-size: var(--f-32);
color: var(--C-000b17);
font-weight: 900;
}
@media(max-width:720px){
.selfiegram_view .tab_box .right .name{
font-size: 5vw;
}
}
@media(max-width:560px){
.selfiegram_view .tab_box .right .name{
font-size: 7vw;
}
}
.selfiegram_view .tab_box .right .age{
font-size: var(--f-24);
color: var(--C-000b17);
font-weight: 500;
}
@media(max-width:720px){
.selfiegram_view .tab_box .right .age{
font-size: 3vw;
}
}
@media(max-width:560px){
.selfiegram_view .tab_box .right .age{
font-size: 5vw;
}
}
.selfiegram_view .tab_box .right .tag{
width: 100%;
font-size: var(--f-20);
color: var(--C-737380);
}
@media(max-width:720px){
.selfiegram_view .tab_box .right .tag{
font-size: 3vw;
}
}
@media(max-width:560px){
.selfiegram_view .tab_box .right .tag{
font-size: 4vw;
}
}
.selfiegram_view .tab_box .right .tab_btn{
padding-bottom: 110px;
}
@media(max-width:1024px){
.selfiegram_view .tab_box .right .tab_btn{
padding-bottom: 0;
}
}
@media(max-width:720px){
.selfiegram_view .tab_box .right .tab_btn{
padding-top: 3vw;
}
}
.selfiegram_view .tab_box .right .tab_btn ul{
display: flex;
gap: 10px;
}
@media(max-width:720px){
.selfiegram_view .tab_box .right .tab_btn ul{
justify-content: center;
}
}
@media(max-width:560px){
.selfiegram_view .tab_box .right .tab_btn ul{
gap: 2%;
}
}
.selfiegram_view .tab_box .right .tab_btn li{
width: 126px;
height: 126px;
position: relative;
overflow: hidden;
border-radius: 20px;
cursor: pointer;
}
@media(max-width:960px){
.selfiegram_view .tab_box .right .tab_btn li{
width: 90px;
height: 90px;
}
}
@media(max-width:720px){
.selfiegram_view .tab_box .right .tab_btn li{
width: 120px;
height: 120px;
}
}
@media(max-width:560px){
.selfiegram_view .tab_box .right .tab_btn li{
width: auto;
height: auto;
}
}
.selfiegram_view .tab_box .right .tab_btn li img{
width: 100%;
}
.selfiegram_view .tab_box .right .tab_btn li span{
position: absolute;
left: 0;
right: 0;
bottom: 10px;
z-index: 3;
font-size: var(--f-15);
color: var(--C-ffffff);
text-align: center;
}
.selfiegram_view .tab_box .right .tab_btn li::after{
content: "";
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
z-index: 2;
background-color: transparent !important;
}
.selfiegram_view .tab_box .right .tab_btn li.on::after{
background-color: var(--C-000000-10);
}
.selfiegram_view .btn_page_view{
padding-top: 50px;
}
@media(max-width:720px){
.selfiegram_view .btn_page_view{
padding-top: 5vw;
}
}
.selfiegram_view .btn_page_view ul{
display: flex;
justify-content: space-between;
align-items: center;
gap: 20px;
}
@media(max-width:720px){
.selfiegram_view .btn_page_view ul{
flex-direction: row;
gap: 3vw;
}
}
.selfiegram_view .btn_page_view ul li{
width: 50%;
height: 100px;
}
@media(max-width:1020px){
.selfiegram_view .btn_page_view ul li{
height: 9.8vw;
}
}
.selfiegram_view .btn_page_view ul li a{
display: flex;
width: 100%;
height: 100%;
padding-left: 60px;
font-size: var(--f-21);
color: var(--C-000b17);
align-items: center;
box-sizing: border-box;
background-repeat: no-repeat;
background-position: left top;
background-size: 100%;
}
@media(max-width:960px){
.selfiegram_view .btn_page_view ul li a{
padding-left: 5vw;
font-size: 2.4vw;
}
}
@media(max-width:720px){
.selfiegram_view .btn_page_view ul li a{
font-size: 2.84vw;
}
}
.selfiegram_view .btn_page_view ul li:first-child a{
background-image: url(//image.idhospital.com/www/rn_2025/contents/selfiegram_edit_page_link_bg_01.jpg);
}
.selfiegram_view .btn_page_view ul li:last-child a{
background-image: url(//image.idhospital.com/www/rn_2025/contents/selfiegram_edit_page_link_bg_02.jpg);
}
.selfiegram_view .btn_goBack{
display: flex;
margin: 45px auto 0;
padding: 12px 70px;
font-size: var(--f-20);
color: var(--C-f172ac);
font-weight: 800;
cursor: pointer;
border-radius: 50px;
border: 1px solid var(--C-f27bb2);
background: none;
}
@media(max-width:720px){
.selfiegram_view .btn_goBack{
margin-top: 8vw;
padding: 2vw 13vw;
font-size: 4vw;
}
}
.selfiegram_view .C-RealSelfiegram{
padding-bottom: 0;
}
@media(max-width:1020px){
.selfiegram_view .C-RealSelfiegram{
padding-top: 10%;
}
}
.selfiegram_view .C-RealSelfiegram .swiper-slide{
height: auto;
border-radius: 0;
}
@media(max-width:720px){
.selfiegram .C-RealSelfiegram .swiper-slide{
width: 50%;
height: 100vw;
}
.selfiegram .C-RealSelfiegram .swiper-slide .item .info .name{font-size: 5.5vw;}
.selfiegram .C-RealSelfiegram .swiper-slide .item .info .tag{font-size: 3.3vw;}
}
.selfiegram_view .C-RealSelfiegram .swiper-slide .id_icon{
width: 23px;
height: 24px;
position: absolute;
left: 18px;
top: 18px;
background: url(//image.idhospital.com/www/rn_2025/common/RealSelfiegram_icon_id.png) no-repeat left top;
}
.selfiegram_view .C-RealSelfiegram .swiper-slide .model_img{
width: 290px;
height: 290px;
vertical-align: top;
border-radius: 30px 30px 0 30px;
}
.selfiegram_view .C-RealSelfiegram .swiper-slide .item{
padding-top: 20px;
position: initial;
align-items: flex-start;
}
.C-RealSelfiegram .swiper-slide .item .info .name{
font-size: var(--f-24);
color: var(--C-000b17);
font-weight: 500;
text-align: left;
}
.C-RealSelfiegram .swiper-slide .item .info .tag{
font-size: var(--f-20);
color: var(--C-737380);
}
/* review */
.review #container{
padding-bottom: 60px;
}
.review .review_list{
width: 960px;
margin: 0 auto;
}
@media(max-width:970px){
.review .review_list{
width: initial;
margin: 0 3%;
}
}
.review .review_list ul{
display: flex;
gap: 50px 0;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
}
@media(max-width:970px){
.review .review_list ul{
gap: 5vw 2vw;
}
}
@media(max-width:720px){
.review .review_list ul{
gap: 7vw 2vw;
}
}
.review .review_list ul li{
width: 300px;
}
@media(max-width:970px){
.review .review_list ul li{
flex: 1 1 30%;
max-width: 33%;
}
}
@media(max-width:720px){
.review .review_list ul li{
flex: 1 1 45%;
max-width: 50%;
}
}
.review .review_list ul li .semnail_img{
border-radius: 25px;
position: relative;
overflow: hidden;
}
.review .review_list ul li img{
width: 100%;
vertical-align: top;
}
.review .review_list ul li .text{
padding-top: 20px;
}
@media(max-width:720px){
.review .review_list ul li .text{
padding-top: 4%;
}
}
.review .review_list ul li .text strong{
font-size: var(--f-24);
color: var(--C-000b17);
font-weight: 500;
}
@media(max-width:970px){
.review .review_list ul li .text strong{
font-size: 2.1vw;
}
}
@media(max-width:720px){
.review .review_list ul li .text strong{
font-size: 4vw;
}
}
.review .review_list ul li .text p{
font-size: var(--f-20);
color: var(--C-737380);
}
@media(max-width:970px){
.review .review_list ul li .text p{
font-size: 1.8vw;
}
}
@media(max-width:720px){
.review .review_list ul li .text p{
font-size: 3vw;
}
}
.review .btn_write{
display: block;
width: fit-content;
margin: 0 auto;
margin-top: 60px;
padding: 12px 70px;
font-size: var(--f-20);
color: var(--C-f172ac);
font-weight: 800;
cursor: pointer;
border-radius: 50px;
border: 1px solid var(--C-f27bb2);
background: none;
}
@media(max-width:720px){
.review .btn_write{
margin-top: 8vw;
padding: 2vw 13vw;
font-size: 4vw;
}
}
/* ìˆ˜ìˆ í›„ê¸° - review_write */
.review_write #container{
padding-bottom: 60px;
}
.review_write .contents{
max-width: 960px;
margin: 0 auto;
}
@media(max-width:1024px){
.review_write .contents{
padding: 0 3%;
}
}
.review_write .contents .title{
padding-bottom: 20px;
font-size: var(--f-32);
color: var(--C-000b17);
font-weight: 900;
border-bottom: 2px solid var(--C-e3e3e3);
}
@media(max-width:720px){
.review_write .contents .title{
padding-bottom: 2%;
font-size: 5.5vw;
}
}
.review_write .contents .title i{
font-size: var(--f-17);
color: var(--C-f172ac);
font-weight: 500;
}
@media(max-width:720px){
.review_write .contents .title i{
font-size: 4vw;
}
}
.review_write .C-input_form{
padding-bottom: 25px;
border-bottom: 2px solid var(--C-e3e3e3);
}
.review_write .contents .btn_box{
display: flex;
padding-top: 30px;
gap: 10px;
justify-content: center;
}
.review_write .contents .btn_box button{
display: flex;
padding: 12px 70px;
font-size: var(--f-20);
color: var(--C-f172ac);
font-weight: 800;
cursor: pointer;
border-radius: 50px;
border: 1px solid var(--C-f27bb2);
background: none;
}
@media(max-width:720px){
.review_write .contents .btn_box button{
padding: 2vw 13vw;
font-size: 4vw;
}
}
@charset "utf-8";
/**** layout_main.css start ****/
#wrap {
overflow: hidden;
}
@media (max-width: 1024px) {
/* TABLET */
}
@media (max-width: 720px) {
/* MOBILE */
}
/* container */
#container {
position: relative;
z-index: 1;
}
/*!* header *!*/
/*#header {*/
/* width: 100%;*/
/* position: relative;*/
/* z-index: 6;*/
/* border-bottom: 2px solid var(--C-f4f4f4);*/
/* background-color: var(--C-ffffff);*/
/*}*/
/*#header > .inner {*/
/* display: flex;*/
/* max-width: 1920px;*/
/* margin: 0 auto;*/
/* justify-content: space-around;*/
/* align-items: flex-end;*/
/*}*/
/*@media (max-width: 1690px) {*/
/* #header > .inner {*/
/* position: relative;*/
/* max-width: initial;*/
/* padding: 0 20px;*/
/* }*/
/*}*/
/*@media (max-width: 720px) {*/
/* #header > .inner {*/
/* padding: 25px 3%;*/
/* justify-content: space-between;*/
/* align-items: center;*/
/* }*/
/*}*/
/*#header .menu_open {*/
/* display: none;*/
/* width: 5.4vw;*/
/* height: 5.3vw;*/
/* position: absolute;*/
/* top: 35%;*/
/* left: 3%;*/
/* cursor: pointer;*/
/*}*/
/*@media (max-width: 720px) {*/
/* #header .menu_open {*/
/* display: block;*/
/* width: 6.5vw;*/
/* }*/
/*}*/
/*#header .menu_open i {*/
/* width: 100%;*/
/* height: 4px;*/
/* position: absolute;*/
/* left: 0;*/
/* background-color: var(--C-45474d);*/
/*}*/
/*#header .menu_open i:nth-child(1) {*/
/* top: 0;*/
/*}*/
/*#header .menu_open i:nth-child(2) {*/
/* top: 14px;*/
/*}*/
/*#header .menu_open i:nth-child(3) {*/
/* top: 28px;*/
/*}*/
/*@media (max-width: 720px) {*/
/*#header .menu_open i{height: 0.7vw;}*/
/*#header .menu_open i:nth-child(2) {top: 50%;transform: translate(0,-50%);}*/
/*#header .menu_open i:nth-child(3) {top: initial;bottom: 0;}*/
/* */
/* */
/*}*/
/*#header h1 {*/
/* padding: 24px 0 22px;*/
/*}*/
/*@media (max-width: 720px) {*/
/* #header h1 {*/
/* padding: 0 0 0 9vw;*/
/* }*/
/*}*/
/*#header h1 a {*/
/* display: flex;*/
/*}*/
/*#header h1 img {*/
/* width: 129px;*/
/* vertical-align: top;*/
/*}*/
/*@media (max-width: 720px) {*/
/* #header h1 img {*/
/* width: 29vw;*/
/* margin-top: -1.8vw;*/
/* }*/
/*}*/
/*#header .menu {*/
/* height: 79px;*/
/* position: relative;*/
/*}*/
/*@media (max-width: 1400px) {*/
/* #header .menu {*/
/* width: 70%;*/
/* overflow: hidden;*/
/* flex-wrap: nowrap;*/
/* white-space: nowrap;*/
/* }*/
/*}*/
/*@media (max-width: 1170px) {*/
/* #header .menu {*/
/* width: 60%;*/
/* }*/
/*}*/
/*@media (max-width: 1024px) {*/
/* #header .menu {*/
/* width: 40%;*/
/* }*/
/*}*/
/*@media (max-width: 720px) {*/
/* #header .menu {*/
/* display: none;*/
/* }*/
/*}*/
/*#header .menu ul {*/
/* display: flex;*/
/* height: 100%;*/
/* align-items: stretch;*/
/*}*/
/*@media (max-width: 1690px) {*/
/* #header .menu ul {*/
/* padding-right: 20px;*/
/* box-sizing: border-box;*/
/* }*/
/*}*/
/*#header .menu ul li {*/
/* display: flex;*/
/* padding: 0 14px 20px;*/
/* cursor: pointer;*/
/* align-items: flex-end;*/
/*}*/
/*#header .menu ul li a {*/
/* color: var(--C-474748);*/
/* font-weight: 500;*/
/*}*/
/*#header .menu ul li.on a {*/
/* color: var(--C-000b17);*/
/* font-weight: 900;*/
/*}*/
/*#header .menu .menu_hidden_open {*/
/* display: none;*/
/* width: 50px;*/
/* height: 100%;*/
/* position: absolute;*/
/* right: 0;*/
/* top: 0;*/
/* gap: 5px;*/
/* justify-content: center;*/
/* align-items: flex-end;*/
/* background-color: var(--C-ffffff);*/
/*}*/
/*@media (max-width: 1400px) {*/
/* #header .menu .menu_hidden_open {*/
/* display: flex;*/
/* }*/
/*}*/
/*#header .menu .menu_hidden_open i {*/
/* display: inline-block;*/
/* width: 5px;*/
/* height: 5px;*/
/* margin-bottom: 30px;*/
/* border-radius: 10px;*/
/* background-color: var(--C-000b17);*/
/*}*/
/*#header .right {*/
/* padding-bottom: 20px;*/
/*}*/
/*@media (max-width: 720px) {*/
/* #header .right {*/
/* padding-bottom: 0;*/
/* }*/
/*}*/
/*#header .right button {*/
/* margin-left: 16px;*/
/* color: var(--C-000b17);*/
/* cursor: pointer;*/
/* border: none;*/
/* background: none;*/
/*}*/
/*@media (max-width: 720px) {*/
/* #header .right button{margin-left: 2vw;}*/
/* #header .right .btn_logout {*/
/* display: none;*/
/* }*/
/*}*/
/*#header .right .btn_search {*/
/* margin-left: 27px;*/
/*}*/
/*#header .right .btn_search {*/
/* width: 21px;*/
/* height: 21px;*/
/* text-indent: -1000em;*/
/* background: url(//image.idhospital.com/www/rn_2025/common/header_icon_search.png)*/
/* no-repeat left top;*/
/* background-size: 100%;*/
/*}*/
/*@media (max-width: 720px) {*/
/* #header .right .btn_search {*/
/* width: 5.7vw;*/
/* height: 5.7vw;*/
/* }*/
/*}*/
/*#header .right .btn_language {*/
/* width: 21px;*/
/* height: 21px;*/
/* text-indent: -1000em;*/
/* background: url(//image.idhospital.com/www/rn_2025/common/header_icon_language.png)*/
/* no-repeat left top;*/
/* background-size: 100%;*/
/*}*/
/*@media (max-width: 720px) {*/
/* #header .right .btn_language {*/
/* width: 5.7vw;*/
/* height: 5.7vw;*/
/* }*/
/*}*/
/*#header .right .btn_menu {*/
/* width: 18px;*/
/* height: 16px;*/
/* position: relative;*/
/* transition: background 0.3s;*/
/*}*/
/*@media (max-width: 720px) {*/
/* #header .right .btn_menu {*/
/* display: none;*/
/* }*/
/*}*/
/*#header .right .btn_menu i {*/
/* width: 18px;*/
/* height: 2px;*/
/* position: absolute;*/
/* left: 0;*/
/* background-color: var(--C-45474d);*/
/* transition: transform 0.3s, opacity 0.3s;*/
/*}*/
/*#header .right .btn_menu i:nth-child(1) {*/
/* top: 0;*/
/*}*/
/*#header .right .btn_menu i:nth-child(2) {*/
/* top: 7px;*/
/*}*/
/*#header .right .btn_menu i:nth-child(3) {*/
/* top: 14px;*/
/*}*/
/*!* Xìž ë³€í™˜ *!*/
/*#header .right .btn_menu.on i:nth-child(1) {*/
/* transform: translateY(7px) rotate(45deg);*/
/*}*/
/*#header .right .btn_menu.on i:nth-child(2) {*/
/* opacity: 0;*/
/*}*/
/*#header .right .btn_menu.on i:nth-child(3) {*/
/* transform: translateY(-7px) rotate(-45deg);*/
/*}*/
/*!* gnb *!*/
/*.gnb {*/
/* display: none;*/
/* width: 100%;*/
/* position: absolute;*/
/* left: 0;*/
/* top: 81px;*/
/* padding: 30px 0;*/
/* background-color: var(--C-ffffff);*/
/* box-shadow: -7px 4px 10px rgba(0, 0, 0, 0.1); */
/*}*/
/*.gnb.on {*/
/* display: block;*/
/*}*/
/*.gnb .inner {*/
/* display: flex;*/
/* width: 985px;*/
/* margin: 0 auto;*/
/* justify-content: space-between;*/
/*}*/
/*@media (max-width: 1060px) {*/
/* .gnb .inner {*/
/* width: auto;*/
/* padding: 0 5%;*/
/* }*/
/*}*/
/*.gnb nav {*/
/* display: flex;*/
/* margin-left: 45px;*/
/*}*/
/*.gnb ul {*/
/* display: none;*/
/* flex-direction: column;*/
/*}*/
/*.gnb nav ul.on {*/
/* display: flex;*/
/*}*/
/*.gnb nav ul li {*/
/* position: relative;*/
/* padding: 5px 0;*/
/* opacity: 0;*/
/* transform: translateX(30px);*/
/* animation: gnbLiIn 0.4s cubic-bezier(0.4, 0, 0.2, 1) forwards;*/
/*}*/
/*.gnb nav ul.on li:nth-child(1) {*/
/* animation-delay: 0.02s;*/
/*}*/
/*.gnb nav ul.on li:nth-child(2) {*/
/* animation-delay: 0.04s;*/
/*}*/
/*.gnb nav ul.on li:nth-child(3) {*/
/* animation-delay: 0.06s;*/
/*}*/
/*.gnb nav ul.on li:nth-child(4) {*/
/* animation-delay: 0.08s;*/
/*}*/
/*.gnb nav ul.on li:nth-child(5) {*/
/* animation-delay: 0.1s;*/
/*}*/
/*.gnb nav ul.on li:nth-child(6) {*/
/* animation-delay: 0.12s;*/
/*}*/
/*.gnb nav ul.on li:nth-child(7) {*/
/* animation-delay: 0.14s;*/
/*}*/
/*.gnb nav ul.on li:nth-child(8) {*/
/* animation-delay: 0.16s;*/
/*}*/
/*.gnb nav ul.on li:nth-child(9) {*/
/* animation-delay: 0.18s;*/
/*}*/
/*.gnb nav ul.on li:nth-child(10) {*/
/* animation-delay: 0.2s;*/
/*}*/
/*.gnb nav ul.on li:nth-child(11) {*/
/* animation-delay: 0.22s;*/
/*}*/
/*@keyframes gnbLiIn {*/
/* to {*/
/* opacity: 1;*/
/* transform: translateX(0);*/
/* }*/
/*}*/
/*.gnb nav ul li a {*/
/* font-size: var(--f-16);*/
/* color: var(--C-000b17);*/
/* font-weight: 600;*/
/*}*/
/*.gnb nav ul li.on a {*/
/* font-weight: 800;*/
/*}*/
/*.gnb nav ul li .dep3 {*/
/* display: none;*/
/* min-width: 160px;*/
/* position: absolute;*/
/* left: 110%;*/
/* top: 0;*/
/* gap: 5px;*/
/* flex-direction: column;*/
/*}*/
/*.gnb nav ul li .dep3 a {*/
/* font-size: var(--f-13);*/
/* color: var(--C-737380);*/
/* font-weight: 500;*/
/* opacity: 0;*/
/* transform: translateX(20px);*/
/* animation: gnbLiIn 0.3s cubic-bezier(0.4, 0, 0.2, 1) forwards;*/
/*}*/
/*.gnb nav ul li.on .dep3 a:nth-child(1) {*/
/* animation-delay: 0.02s;*/
/*}*/
/*.gnb nav ul li.on .dep3 a:nth-child(2) {*/
/* animation-delay: 0.04s;*/
/*}*/
/*.gnb nav ul li.on .dep3 a:nth-child(3) {*/
/* animation-delay: 0.06s;*/
/*}*/
/*.gnb nav ul li.on .dep3 a:nth-child(4) {*/
/* animation-delay: 0.08s;*/
/*}*/
/*.gnb nav ul li.on .dep3 a:nth-child(5) {*/
/* animation-delay: 0.1s;*/
/*}*/
/*.gnb nav ul li.on .dep3 a:nth-child(6) {*/
/* animation-delay: 0.12s;*/
/*}*/
/*.gnb nav ul li.on .dep3 a:nth-child(7) {*/
/* animation-delay: 0.14s;*/
/*}*/
/*.gnb nav ul li.on .dep3 a:nth-child(8) {*/
/* animation-delay: 0.16s;*/
/*}*/
/*.gnb nav ul li .dep3 a::before {*/
/* content: "- ";*/
/*}*/
/*.gnb nav ul li.on .dep3 {*/
/* display: flex;*/
/*}*/
/*.gnb .right ul {*/
/* display: inline-flex;*/
/* gap: 7px;*/
/* position: relative;*/
/*}*/
/*.gnb .right ul li a {*/
/* font-size: var(--f-16);*/
/* color: var(--C-474748);*/
/*}*/
/*.gnb .right ul li.on {*/
/* font-weight: 900;*/
/*}*/
/*.gnb .right ul li .dep3 {*/
/* display: none;*/
/* min-width: 160px;*/
/* position: absolute;*/
/* left: 120%;*/
/* top: 0;*/
/* gap: 5px;*/
/* flex-direction: column;*/
/*}*/
/*.gnb .right ul li .dep3 a {*/
/* font-size: var(--f-13);*/
/* color: var(--C-737380);*/
/* font-weight: 500;*/
/* opacity: 0;*/
/* transform: translateX(20px);*/
/* animation: gnbLiIn 0.3s cubic-bezier(0.4, 0, 0.2, 1) forwards;*/
/*}*/
/*.gnb .right ul li.on .dep3 a:nth-child(1) {*/
/* animation-delay: 0.02s;*/
/*}*/
/*.gnb .right ul li.on .dep3 a:nth-child(2) {*/
/* animation-delay: 0.04s;*/
/*}*/
/*.gnb .right ul li.on .dep3 a:nth-child(3) {*/
/* animation-delay: 0.06s;*/
/*}*/
/*.gnb .right ul li.on .dep3 a:nth-child(4) {*/
/* animation-delay: 0.08s;*/
/*}*/
/*.gnb .right ul li.on .dep3 a:nth-child(5) {*/
/* animation-delay: 0.1s;*/
/*}*/
/*.gnb .right ul li.on .dep3 a:nth-child(6) {*/
/* animation-delay: 0.12s;*/
/*}*/
/*.gnb .right ul li.on .dep3 a:nth-child(7) {*/
/* animation-delay: 0.14s;*/
/*}*/
/*.gnb .right ul li .dep3 a::before {*/
/* content: "- ";*/
/*}*/
/*.gnb .right ul li.on .dep3 {*/
/* display: flex;*/
/*}*/
/*.gnb .right .tel {*/
/* padding-top: 25px;*/
/* font-size: var(--f-32);*/
/* color: var(--C-474748);*/
/* font-weight: 900;*/
/* line-height: 1.1;*/
/*}*/
/*.gnb .banner {*/
/* padding-top: 20px;*/
/*}*/
/*.gnb .banner img {*/
/* vertical-align: top;*/
/*}*/
/*!* search *!*/
/*.search {*/
/* display: none;*/
/* width: 100%;*/
/* position: absolute;*/
/* left: 0;*/
/* top: 0;*/
/* padding: 30px 0;*/
/* background-color: var(--C-ffffff);*/
/*}*/
/*.search.on {*/
/* display: block;*/
/*}*/
/*.search .inner {*/
/* display: flex;*/
/* max-width: 1680px;*/
/* margin: 0 auto;*/
/* position: relative;*/
/* justify-content: space-between;*/
/* flex-wrap: wrap;*/
/* flex-direction: column;*/
/*}*/
/*.search .input_form {*/
/* width: 905px;*/
/* height: 52px;*/
/* margin: 0 auto;*/
/* border-radius: 15px;*/
/* background: var(--C-f4f4f4)*/
/* url(//image.idhospital.com/www/rn_2025/common/header_icon_search.png)*/
/* no-repeat 20px center;*/
/*}*/
/*.search .input_form input {*/
/* width: 100%;*/
/* height: 100%;*/
/* padding: 0 55px;*/
/* box-sizing: border-box;*/
/* border: none;*/
/* background: none;*/
/*}*/
/*.search .recomm_search {*/
/* display: flex;*/
/* width: 905px;*/
/* margin: 0 auto;*/
/* padding-top: 27px;*/
/* position: relative;*/
/*}*/
/*.search .recomm_search::before {*/
/* content: "추천 검색어";*/
/* padding-right: 40px;*/
/* font-size: var(--f-15);*/
/* color: var(--C-000b17);*/
/* font-weight: 900;*/
/*}*/
/*.search .recomm_search ol {*/
/* display: flex;*/
/* min-height: 240px;*/
/* padding-left: 20px;*/
/* gap: 5px;*/
/* flex-direction: column;*/
/* border-left: 1px solid var(--C-bdbdc9);*/
/*}*/
/*.search .recomm_search ol li {*/
/* font-size: var(--f-13);*/
/* color: var(--C-000b17);*/
/* font-weight: 500;*/
/*}*/
/*.search .recomm_search .banner {*/
/* position: absolute;*/
/* right: 0;*/
/* bottom: 30px;*/
/*}*/
/*.search .recomm_search .banner img {*/
/* vertical-align: top;*/
/*}*/
/*.search_close {*/
/* width: 18px;*/
/* height: 18px;*/
/* cursor: pointer;*/
/* position: absolute;*/
/* right: 0;*/
/* top: 0;*/
/*}*/
/*.search_close i {*/
/* display: block;*/
/* width: 100%;*/
/* height: 3px;*/
/* position: absolute;*/
/* left: 0;*/
/* top: 0;*/
/* transform: rotate(40deg);*/
/* background-color: var(--C-45474d);*/
/*}*/
/*.search_close i:last-child {*/
/* transform: rotate(130deg);*/
/*}*/
/*!* sitemap *!*/
/*.sitemap {*/
/* width: 100%;*/
/* position: absolute;*/
/* left: 0;*/
/* top: 81px;*/
/* padding: 30px 0;*/
/* background-color: var(--C-ffffff);*/
/* opacity: 0;*/
/* transform: translateY(-20px);*/
/* transition: opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1),*/
/* transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);*/
/* pointer-events: none;*/
/* display: block; !* display: block으로 ë‘ê³ JSì—ì„œ on/off는 opacityë¡œ ì œì–´ *!*/
/* box-shadow: -7px 4px 10px rgba(0, 0, 0, 0.1);*/
/*}*/
/*@media (max-width: 720px) {*/
/* .sitemap {*/
/* display: none;*/
/* }*/
/*}*/
/*.sitemap.on {*/
/* opacity: 1;*/
/* transform: translateY(0);*/
/* pointer-events: auto;*/
/*}*/
/*.sitemap .inner {*/
/* display: flex;*/
/* width: 985px;*/
/* margin: 0 auto;*/
/* justify-content: space-between;*/
/* flex-direction: row;*/
/* flex-wrap: wrap;*/
/* gap: 35px 0;*/
/*}*/
/*@media (max-width: 1060px) {*/
/* .sitemap .inner {*/
/* width: auto;*/
/* padding: 0 5%;*/
/* }*/
/*}*/
/*.sitemap .inner .item {*/
/* flex: 1 1 14.5%;*/
/*}*/
/*@media (max-width: 1060px) {*/
/* .sitemap .inner .item {*/
/* flex: 1 1 20%;*/
/* max-width: 20%;*/
/* }*/
/*}*/
/*@media (max-width: 860px) {*/
/* .sitemap .inner .item {*/
/* flex: 1 1 25%;*/
/* max-width: 25%;*/
/* }*/
/*}*/
/*@media (max-width: 1060px) {*/
/* .sitemap .inner .item:last-child {*/
/* max-width: 25%;*/
/* }*/
/*}*/
/*.sitemap .inner .item h4 {*/
/* padding-bottom: 4px;*/
/* font-size: var(--f-13);*/
/* color: var(--C-737380);*/
/*}*/
/*.sitemap .inner .item li a {*/
/* font-size: var(--f-15);*/
/* color: var(--C-000b17);*/
/* font-weight: 500;*/
/*}*/
/*.sitemap .inner .item li p a {*/
/* font-weight: 400;*/
/*}*/
/*.sitemap .inner .item li p a {*/
/* font-weight: 400;*/
/*}*/
/*.sitemap .inner .item .side_link {*/
/* display: flex;*/
/* flex-direction: column;*/
/* gap: 5px;*/
/*}*/
/*.sitemap .inner .item .side_link li a {*/
/* font-weight: 700;*/
/* color: var(--C-474748);*/
/*}*/
/*.sitemap .inner .item .tel {*/
/* font-size: var(--f-30);*/
/* color: var(--C-474748);*/
/* font-weight: 900;*/
/* line-height: 1.1;*/
/*}*/
/*!* gnb ëª¨ë°”ì¼ *!*/
/*.gnb_mb {*/
/* display: none;*/
/* padding: 70px 30px 100px;*/
/* position: fixed;*/
/* left: 0;*/
/* right: 0;*/
/* top: 0;*/
/* bottom: 0;*/
/* background: var(--C-ffffff);*/
/*}*/
/*.gnb_mb.on {*/
/* display: block;*/
/*}*/
/*@media (max-width: 720px) {*/
/* .gnb_mb {*/
/* overflow: auto;*/
/* }*/
/*}*/
/*.gnb_mb .dep1 li {*/
/* padding: 10px 0;*/
/* opacity: 0;*/
/* transform: translateX(30px);*/
/* animation: gnbLiIn 0.4s cubic-bezier(0.4, 0, 0.2, 1) forwards;*/
/*}*/
/*.gnb_mb.on .dep1 li:nth-child(1) {*/
/* animation-delay: 0.02s;*/
/*}*/
/*.gnb_mb.on .dep1 li:nth-child(2) {*/
/* animation-delay: 0.04s;*/
/*}*/
/*.gnb_mb.on .dep1 li:nth-child(3) {*/
/* animation-delay: 0.06s;*/
/*}*/
/*.gnb_mb.on .dep1 li:nth-child(4) {*/
/* animation-delay: 0.08s;*/
/*}*/
/*.gnb_mb.on .dep1 li:nth-child(5) {*/
/* animation-delay: 0.1s;*/
/*}*/
/*.gnb_mb.on .dep1 li:nth-child(6) {*/
/* animation-delay: 0.12s;*/
/*}*/
/*.gnb_mb.on .dep1 li:nth-child(7) {*/
/* animation-delay: 0.14s;*/
/*}*/
/*.gnb_mb.on .dep1 li:nth-child(8) {*/
/* animation-delay: 0.16s;*/
/*}*/
/*.gnb_mb.on .dep1 li:nth-child(9) {*/
/* animation-delay: 0.18s;*/
/*}*/
/*.gnb_mb.on .dep1 li:nth-child(10) {*/
/* animation-delay: 0.2s;*/
/*}*/
/*.gnb_mb.on .dep1 li:nth-child(11) {*/
/* animation-delay: 0.22s;*/
/*}*/
/*.gnb_mb.on .dep1 li:nth-child(12) {*/
/* animation-delay: 0.24s;*/
/*}*/
/*@media (max-width: 400px) {*/
/* .gnb_mb .dep1 li {*/
/* padding: 7px 0;*/
/* }*/
/*}*/
/*.gnb_mb .dep1 a {*/
/* font-size: var(--f-20);*/
/* color: var(--C-474748);*/
/* font-weight: 600;*/
/*}*/
/*@media (max-width: 400px) {*/
/* .gnb_mb .dep1 a {*/
/* font-size: var(--f-20);*/
/* }*/
/*}*/
/*.gnb_mb .dep2 {*/
/* display: none;*/
/*}*/
/*.gnb_mb .dep2.on {*/
/* display: block;*/
/*}*/
/*.gnb_mb .dep2 .btn_dep_back {*/
/* width: 23px;*/
/* height: 37px;*/
/* cursor: pointer;*/
/* position: absolute;*/
/* left: 30px;*/
/* top: 15px;*/
/*}*/
/*.gnb_mb .dep2 .btn_dep_back i {*/
/* position: absolute;*/
/* left: 0;*/
/* top: 50%;*/
/* width: 100%;*/
/* height: 5px;*/
/* background-color: var(--C-45474d);*/
/* transform-origin: left center;*/
/*}*/
/*.gnb_mb .dep2 .btn_dep_back i:first-child {*/
/* margin-top: -2px;*/
/* transform: translateY(-50%) rotate(45deg);*/
/*}*/
/*.gnb_mb .dep2 .btn_dep_back i:last-child {*/
/* margin-top: 1px;*/
/* transform: translateY(-50%) rotate(-45deg);*/
/*}*/
/*.gnb_mb .dep2 ul {*/
/* display: none;*/
/* flex-direction: column;*/
/* gap: 20px;*/
/*}*/
/*.gnb_mb .dep2 ul.on {*/
/* display: flex;*/
/*}*/
/*.gnb_mb .dep2 > ul > li {*/
/* opacity: 0;*/
/* transform: translateX(30px);*/
/* animation: gnbLiIn 0.4s cubic-bezier(0.4, 0, 0.2, 1) forwards;*/
/*}*/
/*.gnb_mb .dep2.on > ul > li {*/
/* opacity: 0;*/
/*}*/
/*.gnb_mb .dep2.on > ul > li:nth-child(1) {*/
/* animation-delay: 0.02s;*/
/*}*/
/*.gnb_mb .dep2.on > ul > li:nth-child(2) {*/
/* animation-delay: 0.04s;*/
/*}*/
/*.gnb_mb .dep2.on > ul > li:nth-child(3) {*/
/* animation-delay: 0.06s;*/
/*}*/
/*.gnb_mb .dep2.on > ul > li:nth-child(4) {*/
/* animation-delay: 0.08s;*/
/*}*/
/*.gnb_mb .dep2.on > ul > li:nth-child(5) {*/
/* animation-delay: 0.1s;*/
/*}*/
/*.gnb_mb .dep2.on > ul > li:nth-child(6) {*/
/* animation-delay: 0.12s;*/
/*}*/
/*.gnb_mb .dep2.on > ul > li:nth-child(7) {*/
/* animation-delay: 0.14s;*/
/*}*/
/*.gnb_mb .dep2.on > ul > li:nth-child(8) {*/
/* animation-delay: 0.16s;*/
/*}*/
/*.gnb_mb .dep2.on > ul > li:nth-child(9) {*/
/* animation-delay: 0.18s;*/
/*}*/
/*.gnb_mb .dep2.on > ul > li:nth-child(10) {*/
/* animation-delay: 0.2s;*/
/*}*/
/*.gnb_mb .dep2.on > ul > li:nth-child(11) {*/
/* animation-delay: 0.22s;*/
/*}*/
/*.gnb_mb .dep2.on > ul > li:nth-child(12) {*/
/* animation-delay: 0.24s;*/
/*}*/
/*.gnb_mb .dep2.on > ul > li:nth-child(13) {*/
/* animation-delay: 0.26s;*/
/*}*/
/*.gnb_mb .dep2 ul a {*/
/* font-size: var(--f-20);*/
/* color: var(--C-474748);*/
/* font-weight: 800;*/
/*}*/
/*@media (max-width: 400px) {*/
/* .gnb_mb .dep2 ul a {*/
/* font-size: var(--f-20);*/
/* }*/
/*}*/
/*.gnb_mb .dep2 ul .dep3 {*/
/* display: flex;*/
/* padding-top: 20px;*/
/* flex-direction: column;*/
/* align-items: flex-start;*/
/* gap: 20px;*/
/*}*/
/*.gnb_mb .dep2 ul .dep3 a {*/
/* font-size: var(--f-13);*/
/* color: var(--C-737380);*/
/* font-weight: 600;*/
/*}*/
/*@media (max-width: 400px) {*/
/* .gnb_mb .dep2 ul .dep3 a {*/
/* font-size: var(--f-13);*/
/* }*/
/*}*/
/*.gnb_mb .dep2 ul .dep3 a::before {*/
/* content: "-";*/
/* padding-right: 15px;*/
/*}*/
/*.gnb_mb .b_dep1 li {*/
/* opacity: 0;*/
/* transform: translateX(30px);*/
/* animation: gnbLiIn 0.4s cubic-bezier(0.4, 0, 0.2, 1) forwards;*/
/*}*/
/*.gnb_mb.on .b_dep1 li:nth-child(1) {*/
/* animation-delay: 0.02s;*/
/*}*/
/*.gnb_mb.on .b_dep1 li:nth-child(2) {*/
/* animation-delay: 0.04s;*/
/*}*/
/*.gnb_mb.on .b_dep1 li:nth-child(3) {*/
/* animation-delay: 0.06s;*/
/*}*/
/*.gnb_mb.on .b_dep1 li:nth-child(4) {*/
/* animation-delay: 0.08s;*/
/*}*/
/*.gnb_mb.on .b_dep1 li:nth-child(5) {*/
/* animation-delay: 0.1s;*/
/*}*/
/*.gnb_mb.on .b_dep1 li:nth-child(6) {*/
/* animation-delay: 0.12s;*/
/*}*/
/*.gnb_mb.on .b_dep1 li:nth-child(7) {*/
/* animation-delay: 0.14s;*/
/*}*/
/*.gnb_mb.on .b_dep1 li:nth-child(8) {*/
/* animation-delay: 0.16s;*/
/*}*/
/*.gnb_mb.on .b_dep1 li:nth-child(9) {*/
/* animation-delay: 0.18s;*/
/*}*/
/*.gnb_mb.on .b_dep1 li:nth-child(10) {*/
/* animation-delay: 0.2s;*/
/*}*/
/*.gnb_mb.on .b_dep1 li:nth-child(11) {*/
/* animation-delay: 0.22s;*/
/*}*/
/*.gnb_mb.on .b_dep1 li:nth-child(12) {*/
/* animation-delay: 0.24s;*/
/*}*/
/*.gnb_mb .b_dep2 {*/
/* display: none;*/
/* position: relative;*/
/*}*/
/*.gnb_mb .b_dep2.on {*/
/* display: block;*/
/*}*/
/*.gnb_mb .b_dep2 .btn_dep_back {*/
/* width: 23px;*/
/* height: 37px;*/
/* cursor: pointer;*/
/* position: absolute;*/
/* right: 0;*/
/* top: 9px;*/
/* z-index: 1;*/
/*}*/
/*.gnb_mb .b_dep2 .btn_dep_back i {*/
/* position: absolute;*/
/* left: 0;*/
/* top: 50%;*/
/* width: 100%;*/
/* height: 5px;*/
/* background-color: var(--C-45474d);*/
/* transform-origin: left center;*/
/*}*/
/*.gnb_mb .b_dep2 .btn_dep_back i:first-child {*/
/* margin-top: -2px;*/
/* transform: translateY(-50%) rotate(45deg);*/
/*}*/
/*.gnb_mb .b_dep2 .btn_dep_back i:last-child {*/
/* margin-top: 1px;*/
/* transform: translateY(-50%) rotate(-45deg);*/
/*}*/
/*.gnb_mb .b_dep2 ul {*/
/* display: none;*/
/*}*/
/*.gnb_mb .b_dep2 ul.on {*/
/* display: block;*/
/*}*/
/*.gnb_mb .b_dep2 a {*/
/* font-size: var(--f-40);*/
/* color: var(--C-474748);*/
/*}*/
/*@media (max-width: 400px) {*/
/* .gnb_mb .b_dep2 a {*/
/* font-size: var(--f-30);*/
/* }*/
/*}*/
/*.gnb_mb .b_dep2 > ul > li {*/
/* opacity: 0;*/
/* transform: translateX(30px);*/
/* animation: gnbLiIn 0.4s cubic-bezier(0.4, 0, 0.2, 1) forwards;*/
/*}*/
/*.gnb_mb .b_dep2.on > ul > li {*/
/* opacity: 0;*/
/*}*/
/*.gnb_mb .b_dep2.on > ul > li:nth-child(1) {*/
/* animation-delay: 0.02s;*/
/*}*/
/*.gnb_mb .b_dep2.on > ul > li:nth-child(2) {*/
/* animation-delay: 0.04s;*/
/*}*/
/*.gnb_mb .b_dep2.on > ul > li:nth-child(3) {*/
/* animation-delay: 0.06s;*/
/*}*/
/*.gnb_mb .b_dep2.on > ul > li:nth-child(4) {*/
/* animation-delay: 0.08s;*/
/*}*/
/*.gnb_mb .b_dep2.on > ul > li:nth-child(5) {*/
/* animation-delay: 0.1s;*/
/*}*/
/*.gnb_mb .b_dep2.on > ul > li:nth-child(6) {*/
/* animation-delay: 0.12s;*/
/*}*/
/*.gnb_mb .b_dep2.on > ul > li:nth-child(7) {*/
/* animation-delay: 0.14s;*/
/*}*/
/*.gnb_mb .b_dep2.on > ul > li:nth-child(8) {*/
/* animation-delay: 0.16s;*/
/*}*/
/*.gnb_mb .b_dep2.on > ul > li:nth-child(9) {*/
/* animation-delay: 0.18s;*/
/*}*/
/*.gnb_mb .b_dep2.on > ul > li:nth-child(10) {*/
/* animation-delay: 0.2s;*/
/*}*/
/*.gnb_mb .b_dep2.on > ul > li:nth-child(11) {*/
/* animation-delay: 0.22s;*/
/*}*/
/*.gnb_mb .b_dep2.on > ul > li:nth-child(12) {*/
/* animation-delay: 0.24s;*/
/*}*/
/*.gnb_mb .b_dep2.on > ul > li:nth-child(13) {*/
/* animation-delay: 0.26s;*/
/*}*/
/*.gnb_mb .bottom .dep3 {*/
/* display: flex;*/
/* padding: 15px 0 20px;*/
/* gap: 15px;*/
/* flex-direction: column;*/
/*}*/
/*.gnb_mb .bottom .dep3 a {*/
/* font-size: var(--f-32);*/
/* color: var(--C-737380);*/
/* font-weight: 600;*/
/*}*/
/*@media (max-width: 400px) {*/
/* .gnb_mb .bottom .dep3 a {*/
/* font-size: var(--f-23);*/
/* }*/
/*}*/
/*.gnb_mb .bottom .dep3 a::before {*/
/* content: "-";*/
/* padding-right: 15px;*/
/*}*/
/*.gnb_mb .bottom {*/
/* padding-top: 50px;*/
/*}*/
/*.gnb_mb .bottom a {*/
/* font-size: var(--f-16);*/
/* color: var(--C-474748);*/
/*}*/
/*!* @media (max-width: 400px) {*/
/* .gnb_mb .bottom a {*/
/* font-size: var(--f-16);*/
/* }*/
/*} *!*/
/*.gnb_mb .bottom .tel {*/
/* padding-top: 50px;*/
/* font-size: var(--f-30);*/
/* color: var(--C-474748);*/
/* font-weight: 800;*/
/* line-height: 1.2;*/
/*}*/
/*!* @media (max-width: 400px) {*/
/* .gnb_mb .bottom .tel {*/
/* font-size: var(--f-40);*/
/* }*/
/*} *!*/
/*.gnb_mb .bottom .banner {*/
/* margin-top: 40px;*/
/*}*/
/*@media (max-width: 400px) {*/
/* .gnb_mb .bottom .banner {*/
/* margin-top: 7%;*/
/* }*/
/*}*/
/*.gnb_mb .bottom .banner img {*/
/* width: 100%;*/
/* max-width: 540px;*/
/*}*/
/*.gnb_mb .gnb_mb_close {*/
/* width: 37px;*/
/* height: 37px;*/
/* cursor: pointer;*/
/* position: absolute;*/
/* left: 30px;*/
/* top: 13px;*/
/*}*/
/*.gnb_mb .gnb_mb_close i {*/
/* display: block;*/
/* width: 100%;*/
/* height: 5px;*/
/* position: absolute;*/
/* left: 0;*/
/* top: 50%;*/
/* transform: rotate(45deg);*/
/* background-color: var(--C-45474d);*/
/*}*/
/*.gnb_mb .gnb_mb_close i:last-child {*/
/* transform: rotate(-45deg);*/
/*}*/
/*!* footer *!*/
/*#footer {*/
/* width: 100%;*/
/* position: relative;*/
/* z-index: 1;*/
/* border-top: 1px solid var(--C-f4f4f4);*/
/*}*/
/*@media (max-width: 720px) {*/
/* #footer {*/
/* border-width: 2px;*/
/* }*/
/*}*/
/*#footer::before {*/
/* content: "";*/
/* width: 100%;*/
/* height: 1px;*/
/* position: absolute;*/
/* left: 0;*/
/* top: 83px;*/
/* background-color: var(--C-f4f4f4);*/
/*}*/
/*@media (max-width: 1024px) {*/
/* #footer::before {*/
/* top: 60px;*/
/* }*/
/*}*/
/*@media (max-width: 720px) {*/
/* #footer::before {*/
/* height: 2px;*/
/* top: 16vw;*/
/* }*/
/*}*/
/*#footer::after {*/
/* content: "";*/
/* width: 100%;*/
/* height: 1px;*/
/* position: absolute;*/
/* left: 0;*/
/* top: 251px;*/
/* background-color: var(--C-f4f4f4);*/
/*}*/
/*@media (max-width: 1024px) {*/
/* #footer::after {*/
/* top: initial;*/
/* bottom: 50px;*/
/* }*/
/*}*/
/*@media (max-width: 720px) {*/
/* #footer::after {*/
/* bottom: 10.6vw;*/
/* }*/
/*}*/
/*#footer .inner {*/
/* width: 960px;*/
/* margin: 0 auto;*/
/*}*/
/*@media (max-width: 1024px) {*/
/* #footer .inner {*/
/* width: initial;*/
/* padding: 0 20px;*/
/* }*/
/*}*/
/*@media (max-width: 720px) {*/
/* #footer .inner {*/
/* padding: 0 5%;*/
/* }*/
/*}*/
/*#footer .link_box {*/
/* display: flex;*/
/* height: 83px;*/
/* justify-content: space-between;*/
/* align-items: center;*/
/* flex-direction: row-reverse;*/
/*}*/
/*@media (max-width: 1024px) {*/
/* #footer .link_box {*/
/* height: 60px;*/
/* }*/
/*}*/
/*@media (max-width: 720px) {*/
/* #footer .link_box {*/
/* height: auto;*/
/* flex-direction: column;*/
/* }*/
/*}*/
/*#footer .link_box .sns_link {*/
/* display: flex;*/
/* gap: 30px;*/
/* line-height: 0;*/
/*}*/
/*@media (max-width: 1024px) {*/
/* #footer .link_box .sns_link {*/
/* gap: 20px;*/
/* }*/
/*}*/
/*@media (max-width: 720px) {*/
/* #footer .link_box .sns_link {*/
/* height: 16vw;*/
/* gap: 9vw;*/
/* align-items: center;*/
/* }*/
/*}*/
/*#footer .link_box .sns_link .btn_Youtube img {*/
/* width: 29px;*/
/* margin-top: 2px;*/
/*}*/
/*@media (max-width: 720px) {*/
/* #footer .link_box .sns_link .btn_Youtube img {*/
/* width: 8vw;*/
/* margin-top: 0;*/
/* }*/
/*}*/
/*#footer .link_box .sns_link .btn_Instagram img {*/
/* width: 23px;*/
/*}*/
/*@media (max-width: 720px) {*/
/* #footer .link_box .sns_link .btn_Instagram img {*/
/* width: 6.5vw;*/
/* }*/
/*}*/
/*#footer .link_box .sns_link .btn_Facebook img {*/
/* width: 13px;*/
/*}*/
/*@media (max-width: 720px) {*/
/* #footer .link_box .sns_link .btn_Facebook img {*/
/* width: 3.5vw;*/
/* }*/
/*}*/
/*#footer .link_box .sns_link .btn_Kakao img {*/
/* width: 24px;*/
/*}*/
/*@media (max-width: 720px) {*/
/* #footer .link_box .sns_link .btn_Kakao img {*/
/* width: 6.5vw;*/
/* }*/
/*}*/
/*@media (max-width: 720px) {*/
/* #footer .link_box .id_link {*/
/* width: 100%;*/
/* padding: 5vw 0 5vw;*/
/* }*/
/*}*/
/*#footer .link_box .id_link ul {*/
/* display: flex;*/
/* gap: 30px;*/
/*}*/
/*@media (max-width: 1024px) {*/
/* #footer .link_box .id_link ul {*/
/* gap: 20px;*/
/* }*/
/*}*/
/*@media (max-width: 720px) {*/
/* #footer .link_box .id_link ul {*/
/* gap: 5vw 0;*/
/* flex-direction: row;*/
/* flex-wrap: wrap;*/
/* }*/
/*}*/
/*@media (max-width: 720px) {*/
/* #footer .link_box .id_link ul li {*/
/* width: auto;*/
/* padding-right: 7vw;*/
/* }*/
/*}*/
/*#footer .link_box .id_link ul li a {*/
/* display: inline-block;*/
/* padding: 2px 0 0 30px;*/
/* font-size: var(--f-19);*/
/* color: var(--C-737380);*/
/* font-weight: 900;*/
/* background: url(//image.idhospital.com/www/rn_2025/common/footer_icon_id.png)*/
/* no-repeat left top;*/
/* background-size: 23px auto;*/
/*}*/
/*@media (max-width: 1024px) {*/
/* #footer .link_box .id_link ul li a {*/
/* font-size: var(--f-17);*/
/* padding: 0 0 0 22px;*/
/* background-size: 18px auto;*/
/* }*/
/*}*/
/*@media (max-width: 720px) {*/
/* #footer .link_box .id_link ul li a {*/
/* padding: 0 0 0 5.5vw;*/
/* font-size: 4vw;*/
/* background-size: 4.5vw auto;*/
/* }*/
/*}*/
/*#footer .link_box .id_link ul li:last-child a {*/
/* background: none;*/
/* padding-left: 0;*/
/*}*/
/*#footer .company_info {*/
/* height: 167px;*/
/* display: flex;*/
/* font-size: var(--f-19);*/
/* color: var(--C-737380);*/
/* justify-content: space-between;*/
/* align-items: center;*/
/* flex-direction: row-reverse;*/
/*}*/
/*@media (max-width: 1024px) {*/
/* #footer .company_info {*/
/* height: 140px;*/
/* font-size: var(--f-17);*/
/* }*/
/*}*/
/*@media (max-width: 720px) {*/
/* #footer .company_info {*/
/* height: auto;*/
/* padding-bottom: 3vw;*/
/* align-items: flex-start;*/
/* flex-direction: column;*/
/* }*/
/*}*/
/*#footer .company_info .left {*/
/* display: flex;*/
/* gap: 10px;*/
/* flex-direction: column;*/
/*}*/
/*@media (max-width: 1024px) {*/
/* #footer .company_info .left {*/
/* gap: 5px;*/
/* }*/
/*}*/
/*@media (max-width: 720px) {*/
/* #footer .company_info .left {*/
/* padding-bottom: 3vw;*/
/* flex-direction: row;*/
/* flex-wrap: wrap;*/
/* }*/
/*}*/
/*@media (max-width: 720px) {*/
/* #footer .company_info .left p {*/
/* margin-right: 5.4vw;*/
/* }*/
/*}*/
/*@media (max-width: 720px) {*/
/* #footer .company_info .left p:first-child {*/
/* width: 100%;*/
/* margin-right: 0;*/
/* }*/
/*}*/
/*#footer .company_info .left p span {*/
/* margin-right: 27px;*/
/* font-weight: 500;*/
/*}*/
/*@media (max-width: 720px) {*/
/* #footer .company_info .left p span {*/
/* margin-right: 3vw;*/
/* font-size: 3.4vw;*/
/* }*/
/*}*/
/*#footer .company_info .left p b {*/
/* font-size: var(--f-32);*/
/* color: var(--C-45474d);*/
/* letter-spacing: -1.5px;*/
/* font-weight: 800;*/
/*}*/
/*@media (max-width: 720px) {*/
/* #footer .company_info .left p b {*/
/* font-size: 5.4vw;*/
/* }*/
/*}*/
/*#footer .company_info .left p strong {*/
/* font-size: var(--f-19);*/
/* color: var(--C-45474d);*/
/* letter-spacing: -1px;*/
/* font-weight: 800;*/
/*}*/
/*@media (max-width: 720px) {*/
/* #footer .company_info .left p strong {*/
/* font-size: 4vw;*/
/* }*/
/*}*/
/*#footer .company_info .right {*/
/* display: flex;*/
/* gap: 15px;*/
/* flex-direction: column;*/
/*}*/
/*@media (max-width: 1024px) {*/
/* #footer .company_info .right {*/
/* gap: 10px;*/
/* }*/
/*}*/
/*@media (max-width: 720px) {*/
/* #footer .company_info .right {*/
/* font-size: 3.8vw;*/
/* gap: 3vw;*/
/* }*/
/*}*/
/*#footer .company_info .right .link ul {*/
/* display: flex;*/
/*}*/
/*#footer .company_info .right .link li::after {*/
/* content: "";*/
/* display: inline-block;*/
/* width: 1px;*/
/* height: 16px;*/
/* margin: 0 15px;*/
/* color: var(--C-f4f4f4);*/
/* vertical-align: -2px;*/
/*}*/
/*#footer .company_info .right .link li:last-child::after {*/
/* display: none;*/
/*}*/
/*#footer .company_info .right .link a {*/
/* color: var(--C-737380);*/
/*}*/
/*@media (max-width: 720px) {*/
/* #footer .company_info .right .link a {*/
/* font-size: 3.8vw;*/
/* }*/
/*}*/
/*#footer .copy {*/
/* display: flex;*/
/* height: 77px;*/
/* font-size: var(--f-15);*/
/* color: var(--C-aaaab2);*/
/* align-items: center;*/
/*}*/
/*@media (max-width: 1024px) {*/
/* #footer .copy {*/
/* height: 50px;*/
/* }*/
/*}*/
/*@media (max-width: 720px) {*/
/* #footer .copy {*/
/* height: 10.6vw;*/
/* font-size: 3.5vw;*/
/* }*/
/*}*/
/* quick */
/*.quick {*/
/* width: 87px;*/
/* position: fixed;*/
/* right: 50%;*/
/* bottom: 10%;*/
/* margin-right: -750px;*/
/* z-index: 5;*/
/* transition: all 1s ease;*/
/*}*/
/*@media (max-width: 1500px) {*/
/* .quick {*/
/* width: auto;*/
/* right: 2%;*/
/* margin-right: 0;*/
/* }*/
/*}*/
/*@media (max-width: 720px) {*/
/* .quick {*/
/* bottom: 100px;*/
/* top: initial;*/
/* }*/
/*}*/
/*.quick.hidden {*/
/* display: none;*/
/*}*/
/*.quick .btn_box {*/
/* display: flex;*/
/* width: 88px;*/
/* height: 147px;*/
/* position: relative;*/
/* margin-bottom: 10px;*/
/* flex-direction: column;*/
/* align-items: center;*/
/* justify-content: space-evenly;*/
/* border-radius: 50px;*/
/* background-color: var(--C-000b17);*/
/* transition: all 0.3s ease;*/
/* overflow: hidden;*/
/*}*/
/*@media (max-width: 1500px) {*/
/* .quick .btn_box {*/
/* width: 70px;*/
/* height: 100px;*/
/* }*/
/*}*/
/*.quick .btn_box::after {*/
/* content: "";*/
/* position: absolute;*/
/* width: 48px;*/
/* height: 2px;*/
/* top: 73px;*/
/* z-index: 1;*/
/* background-color: var(--C-33373f);*/
/*}*/
/*@media (max-width: 1500px) {*/
/* .quick .btn_box::after {*/
/* width: 30px;*/
/* top: 50px;*/
/* }*/
/*}*/
/*.quick .btn_box a {*/
/* color: var(--C-aaaab3);*/
/*}*/
/*.quick .btn_box a:hover {*/
/* color: var(--C-ffffff);*/
/*}*/
/*.quick .btn_box .menu_open {*/
/* display: flex;*/
/* width: 100%;*/
/* height: 100%;*/
/* color: var(--C-aaaab3);*/
/* cursor: pointer;*/
/* flex-direction: column;*/
/* justify-content: space-evenly;*/
/* border: none;*/
/* background: none;*/
/* opacity: 1;*/
/* transform: translateY(0px);*/
/* transition: all 0.3s ease;*/
/*}*/
/*@media (max-width: 720px) {*/
/* .quick .btn_box .menu_open {*/
/* font-size: 3vw;*/
/* }*/
/*}*/
/*.quick .btn_box .menu_open:hover {*/
/* color: var(--C-ffffff);*/
/*}*/
/*.quick .btn_box .menu_open i {*/
/* display: block;*/
/*}*/
/*.quick .btn_box .btn_list {*/
/* width: 88px;*/
/* padding: 40px 0;*/
/* position: absolute;*/
/* bottom: 0;*/
/* left: 0;*/
/* z-index: 2;*/
/* flex-direction: column;*/
/* align-items: center;*/
/* justify-content: space-evenly;*/
/* border-radius: 50px;*/
/* background-color: var(--C-000b17);*/
/* opacity: 0;*/
/* pointer-events: none;*/
/* transform: translateY(0);*/
/* transition: all 0.3s ease;*/
/* height: 80%;*/
/*}*/
/*@media (max-width: 1500px) {*/
/* .quick .btn_box .btn_list {*/
/* width: 70px;*/
/* }*/
/*}*/
/*.quick .btn_box .btn_list .tel {*/
/* padding-top: 30px;*/
/* margin-top: 80px;*/
/* font-size: var(--f-17);*/
/* color: var(--C-aaaab3);*/
/* font-weight: 500;*/
/* line-height: 1.2;*/
/* text-align: center;*/
/* filter: brightness(0.5);*/
/* background: url(//image.idhospital.com/www/rn_2025/common/quick_icon_tel.png)*/
/* no-repeat center top;*/
/*}*/
/*.quick .btn_box .btn_list .tel:hover {*/
/* filter: brightness(1);*/
/*}*/
/*.quick .btn_box .btn_list .tel:hover i {*/
/* color: var(--C-ffffff);*/
/*}*/
/*.quick .btn_box .btn_list ul {*/
/* display: flex;*/
/* flex-direction: column;*/
/* align-items: center;*/
/*}*/
/*.quick .btn_box .btn_list li::before {*/
/* display: block;*/
/* content: "";*/
/* width: 48px;*/
/* height: 1px;*/
/* margin: 13px auto;*/
/* background-color: var(--C-33373f);*/
/*}*/
/*@media (max-width: 1500px) {*/
/* .quick .btn_box .btn_list li::before {*/
/* width: 30px;*/
/* }*/
/*}*/
/*.quick .btn_box .btn_list li a {*/
/* display: inline-block;*/
/* font-size: var(--f-13);*/
/* color: var(--C-aaaab3);*/
/*}*/
/*.quick .btn_box .btn_list li a:hover {*/
/* color: var(--C-ffffff);*/
/*}*/
/*.quick .btn_box .btn_list li a i {*/
/* display: block;*/
/* height: 30px;*/
/* width: 100%;*/
/* filter: brightness(0.5);*/
/* background-repeat: no-repeat;*/
/* background-position: center top;*/
/*}*/
/*.quick .btn_box .btn_list li:nth-child(1) a i {*/
/* background-image: url(//image.idhospital.com/www/rn_2025/common/quick_icon_kakao.png);*/
/*}*/
/*.quick .btn_box .btn_list li:nth-child(2) a i {*/
/* background-image: url(//image.idhospital.com/www/rn_2025/common/quick_icon_cost.png);*/
/*}*/
/*.quick .btn_box .btn_list li:nth-child(3) a i {*/
/* background-image: url(//image.idhospital.com/www/rn_2025/common/quick_icon_online.png);*/
/*}*/
/*.quick .btn_box .btn_list li:nth-child(4) a i {*/
/* background-image: url(//image.idhospital.com/www/rn_2025/common/quick_icon_reservation.png);*/
/*}*/
/*.quick .btn_box .btn_list li a:hover i {*/
/* filter: brightness(1);*/
/*}*/
/*.quick .btn_box.on {*/
/* height: 410px;*/
/* padding: 50px 0;*/
/*}*/
/*.quick .btn_box.on .btn_list {*/
/* display: flex;*/
/* pointer-events: auto;*/
/* opacity: 1;*/
/* height: 100%;*/
/* transform: translateY(0);*/
/*}*/
/*.quick .btn_box.on .menu_open {*/
/* opacity: 0;*/
/* height: 100%;*/
/*}*/
/*.quick .btn_top {*/
/* display: flex;*/
/* width: 88px;*/
/* height: 88px;*/
/* color: var(--C-aaaab3);*/
/* cursor: pointer;*/
/* align-items: center;*/
/* justify-content: center;*/
/* border-radius: 50px;*/
/* background-color: var(--C-000b17);*/
/*}*/
/*@media (max-width: 1500px) {*/
/* .quick .btn_top {*/
/* width: 70px;*/
/* height: 70px;*/
/* }*/
/*}*/
/*@media (max-width: 720px) {*/
/* .quick .btn_top {*/
/* font-size: 3vw;*/
/* display: none;*/
/* }*/
/*}*/
/*.quick .btn_top:hover {*/
/* color: var(--C-ffffff);*/
/*}*/
/*@media (max-width: 720px) {*/
/* .quick .btn_box .btn_list .tel {*/
/* display: none;*/
/* }*/
/* .quick .btn_box .btn_list li:nth-child(1)::before {*/
/* display: none;*/
/* }*/
/* .quick .btn_box .btn_list li:nth-child(4) {*/
/* display: none;*/
/* }*/
/* .quick .btn_box.on {*/
/* height: 210px;*/
/* }*/
/* .quick .btn_box .btn_list {*/
/* padding: 0;*/
/* }*/
/* .quick .btn_box.on {*/
/* padding: 30px 0;*/
/* }*/
/*}*/
/**** layout_main.css end ****/
/* top */
/****** gnb.css start ******/
#wrap {
position: relative;
}
.header_deem {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #6d6d6d4f;
z-index: 6;
display: none;
backdrop-filter: blur(8px);
-webkit-backdrop-filter: blur(8px);
}
.header_deem.on {
display: block;
}
#header.fixed {
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 1000;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
background: #fff;
transition: box-shadow 0.2s, background 0.2s;
}
/* headerê°€ fixedì¼ ë•Œ ë³¸ë¬¸ì´ ë°€ë¦¬ì§€ ì•Šë„ë¡ íŒ¨ë”© 추가 */
body.header-fixed-padding {
padding-top: 120px; /* headerì˜ ì‹¤ì œ 높ì´ì— 맞게 ì¡°ì • */
}
/* ì „í™”ê±¸ê¸° a 태그 ìŠ¤íƒ€ì¼ */
.tel a {
color: #000b17;
}
#header .gnb_info {
display: flex;
align-items: center;
}
#header .right .btn_login {
width: 21px;
height: 21px;
text-indent: -1000em;
background: url(//image.idhospital.com/www/rn_2025/common/header_icon_login.png?v=1)
no-repeat left top;
background-size: 100%;
}
#header .right .btn_login a {
display: block;
}
#header .menu ul li {
display: flex;
padding: 0 14px !important;
cursor: pointer;
align-items: flex-end;
margin-bottom: 20px !important;
}
#header .right .btn_mypage {
width: 21px;
height: 21px;
text-indent: -1000em;
background: url(//image.idhospital.com/www/rn_2025/common/header_icon_mypage.png)
no-repeat left top;
background-size: 100%;
}
#header .right .btn_mypage a {
display: block;
}
#header .right .btn_logout {
display: block !important;
width: 60px;
height: 21px;
text-indent: -1000em;
background: url(//image.idhospital.com/www/rn_2025/common/header_icon_logout.png)
no-repeat left top;
background-size: 100%;
}
#header .right .btn_logout a {
display: block;
}
.language_all {
position: absolute;
top: 82px;
width: 200px;
display: none;
background-color: #fff;
z-index: 2;
}
.language_all ul li a {
background: #fff;
padding: 10px 0 10px 25px;
clear: both;
font-size: 15px;
font-weight: 500;
color: #1a1a1a;
position: relative;
display: block;
}
.language_all ul li a:hover {
background: #002f6b;
color: #fff;
}
.img_countury {
background: url(//image.idhospital.com/www/rn_2025/common/gnb/language_bg.png)
left top no-repeat;
width: 29px;
height: 19px;
display: inline-block;
text-indent: -9999px;
vertical-align: middle;
margin-right: 7px;
}
.img_countury.korea {
background-position: 0 0;
}
.img_countury.eng {
background-position: 0 -37px;
}
.img_countury.japan {
background-position: 0 -74px;
}
.img_countury.china {
background-position: 0 -111px;
}
.img_countury.vietanam {
background-position: 0 -148px;
}
.img_countury.thai {
background-position: 0 -185px;
}
.img_countury.spain {
background-position: 0 -222px;
}
.img_countury.mongo {
background-position: 0 -259px;
}
.img_countury.indo {
background-position: 0 -296px;
}
.img_countury.rusia {
background-position: 0 -333px;
}
.img_countury.arabic {
background-position: 0 -370px;
}
#header.on .gnb_menu_2depth {
display:none;
}
.gnb_menu_2depth {
display: none;
position:relative;
z-index: 1;
}
#header .menu ul li.active a {
font-weight: 800;
}
.gnb nav ul li.active a {
font-weight: 800;
}
.gnb nav ul li.active .dep3 a.active {
font-weight: 800;
}
.gnb nav ul li.active .dep3 {
display: flex;
}
.sitemap .inner .item:nth-of-type(12){order:0;}
.sitemap .inner .item:nth-of-type(7){order:1; margin-left: 14.2%;}
.sitemap .inner .item:nth-of-type(8){order:1;}
.sitemap .inner .item:nth-of-type(9){order:1;}
.sitemap .inner .item:nth-of-type(10){order:1;}
.sitemap .inner .item:nth-of-type(11){order:1;}
.sitemap .inner .item:nth-of-type(13){order:1;}
.sitemap .item .banner img {
width: 100%;
height: auto;
vertical-align: top;
}
.gnb_mb .on .menu_title {
font-weight: 800;
}
.gnb_mb .dep3 {
display: none;
padding-top: 18px;
}
.gnb_mb div.menu_title_wrap {
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
}
.gnb_mb div.menu_title_wrap .menu_title {
font-size: 32px;
color: #000b17;
font-weight: 500;
}
.dep1 > ul > li > div.on .menu_title {
font-weight: 800;
}
.gnb_mb div.menu_title_wrap .menu_arrow {
width: 27px;
height: 15px;
background: url(//image.idhospital.com/www/rn_2025/common/gnb/mo_gnb_menu_arrow.png) no-repeat;
background-size: contain;
}
/*.gnb_mb li .active div.menu_title_wrap .menu_arrow {*/
/* transform: rotate(-180deg);*/
/*}*/
.gnb_mb .dep1 .dep2 > li > div.on > .menu_title_wrap > .menu_arrow {
transform: rotate(-180deg);
}
/* .gnb_mb .dep1 .dep2 > li > div.on > .menu_title_wrap > .menu_arrow {
transform: rotate(-180deg);
} */
.gnb_mb .dep1 > ul > li > div.on .menu_title {
font-weight: 800;
}
.gnb_mb .dep1 > ul > li > div.on >.menu_title_wrap > .menu_arrow {
transform: rotate(-180deg);
}
/* .gnb_mb .dep1 > ul > li > div.active >.menu_title_wrap > .menu_arrow {
transform: rotate(-180deg);
} */
.gnb_mb .dep1 > ul > li > div.on .dep2 {
display: block;
padding-top: 18px;
}
/* .gnb_mb .dep1 > ul > li > div.active .dep2 {
display: block;
padding-top: 18px;
} */
.gnb_mb .dep2 > li > div.on .dep3 {
display: flex;
flex-direction: column;
/*padding-top: 18px;*/
}
.gnb_mb .dep2 > li.on .dep3 {
display: flex;
flex-direction: column;
/*padding-top: 18px;*/
}
.gnb_mb .dep1 .dep2 a {
/*font-size: 15px;*/
font-size: 32px;
color: #000b17;
padding-left: 35px;
font-weight: 500;
}
.gnb_mb .dep1 .dep2 > li.on > a {
font-weight: 800;
}
.gnb_mb .dep1 .dep2 div.on .menu_title a {
font-weight: 800;
}
.gnb_mb .dep1 .dep2 > li.on .menu_title a {
font-weight: 800;
}
.gnb_mb .dep1 .dep2 .dep3 a.current {
font-weight: 800;
}
.gnb_mb .dep1 .dep2 .dep3 a {
font-size: 32px;
color: #000b17;
font-weight: normal;
margin-left: 35px;
padding: 18px 0;
}
.gnb_mb .dep1 .dep2 li {
/*padding:0 !important;*/
padding: 18px 0;
}
.gnb_mb .dep1 .dep2 li a.current {
font-weight: 800;
}
@media (max-width: 720px) {
#header .right .btn_login {
width: 5.7vw;
height: 5.7vw;
}
.language_all {
top: 102%;
width: 45vw;
right: 0;
}
.language_all ul li a {
padding: 1.5vw 0 1.5vw 4vw;
font-size: 3.5vw;
}
.header_deem {
display: none !important;
}
.gnb_menu_2depth.hidden {
display: none;
}
/*gnb_menu_2depth*/
.gnb_menu_2depth {
display: block;
/*height: 11.11vw;*/
background: #fdfdfe;
border-top: 0.28vw solid var(--C-f4f4f4);
width: 100%;
}
.gnb_menu_2depth_inner {
/*padding-top: 3.75vw;*/
/*white-space: nowrap;*/
line-height: 11.11vw;
display: block;
}
.gnb_menu_2depth_inner::after {
content: "";
display: block;
clear: both;
}
/*home_menu*/
.home_menu {
display: inline-block;
padding: 0 4.17vw;
margin-top: 0.42vw;
}
.home_menu a {
display: block;
}
.home_menu .home_icon {
display: inline-block;
width: 4.03vw;
height: 3.89vw;
background: url(//image.idhospital.com/www/rn_2025/common/gnb/icon_home.png)
no-repeat;
background-size: contain;
}
.home_menu,
.depth2_ul {
float: left;
}
.depth2_ul a {
display: block;
}
.depth2_ul ul {
width: 100%;
}
.depth2_ul li {
display: inline-block;
position: relative;
line-height: 1;
padding: 0 2.78vw;
}
.depth2_ul li::before {
content: "";
display: inline-block;
width: 0.28vw;
height: 4.31vw;
background-color: #aaaab3;
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
}
.depth2_ul li p {
font-size: 3.19vw;
letter-spacing: -0.14vw;
color: #000;
display: flex;
align-items: center;
}
.depth2_ul li p .name {
display: inline-block;
}
.depth2_ul li .menu_arrow {
display: inline-block;
width: 2.08vw;
height: 1.11vw;
background: url(//image.idhospital.com/www/rn_2025/common/gnb/icon_arrow.png)
no-repeat;
background-size: contain;
margin-left: 1.94vw;
}
.depth2_ul li.active .menu_arrow {
transform: rotate(180deg);
}
/* depth3_menu_box*/
.depth2_ul li .depth3_menu_box {
display: none;
}
.depth2_ul li .depth3_menu_box p {
display: block;
text-align: center;
font-size: 3.19vw;
letter-spacing: -0.14vw;
padding-bottom: 3.19vw;
}
.depth2_ul li .depth3_menu_box p:last-child {padding-bottom: 0;}
.depth2_ul li .depth3_menu_box a {
color: #fff;
display: block;
}
.depth2_ul li .depth3_menu_box.active {
display: block;
text-align: center;
color: #fff;
min-width: 29.17vw;
border-radius: 1.39vw;
background: #262626;
position: absolute;
top: 4.17vw;
left: 0;
z-index: 1;
padding: 4.17vw 1.39vw;
}
}
/**
*
*
250804
common css ì´ë™
*
*
**/
/* header */
#header {
width: 100%;
position: relative;
z-index: 8;
border-bottom: 2px solid var(--C-f4f4f4);
background-color: var(--C-ffffff);
}
#header > .inner {
display: flex;
max-width: 1920px;
margin: 0 auto;
justify-content: space-around;
align-items: flex-end;
}
#header .menu_open {
display: none;
width: 5.4vw;
height: 5.3vw;
position: absolute;
top: 35%;
left: 3%;
cursor: pointer;
}
#header .menu_open i {
width: 100%;
height: 4px;
position: absolute;
left: 0;
background-color: var(--C-45474d);
}
#header .menu_open i:nth-child(1) {
top: 0;
}
#header .menu_open i:nth-child(2) {
top: 14px;
}
#header .menu_open i:nth-child(3) {
top: 28px;
}
#header h1 {
padding: 24px 0 22px;
}
#header h1 a {
display: flex;
}
#header h1 img {
width: 129px;
vertical-align: top;
}
#header .menu {
height: 79px;
position: relative;
}
#header .menu ul {
display: flex;
height: 100%;
align-items: stretch;
}
#header .menu ul li a {
color: var(--C-474748);
font-weight: 500;
font-size: 16px;
}
#header .menu ul li.on a {
color: var(--C-000b17);
font-weight: 900;
}
#header .menu .menu_hidden_open {
display: none;
width: 50px;
height: 100%;
position: absolute;
right: 0;
top: 0;
gap: 5px;
justify-content: center;
align-items: flex-end;
background-color: var(--C-ffffff);
}
#header .menu .menu_hidden_open i {
display: inline-block;
width: 5px;
height: 5px;
margin-bottom: 30px;
border-radius: 10px;
background-color: var(--C-000b17);
}
#header .right {
padding-bottom: 20px;
}
#header .right button {
margin-left: 16px;
color: var(--C-000b17);
cursor: pointer;
border: none;
background: none;
}
#header .right .btn_search {
margin-left: 27px;
}
#header .right .btn_search {
width: 21px;
height: 21px;
text-indent: -1000em;
background: url(//image.idhospital.com/www/rn_2025/common/header_icon_search.png)
no-repeat left top;
background-size: 100%;
}
#header .right .btn_language {
width: 21px;
height: 21px;
text-indent: -1000em;
background: url(//image.idhospital.com/www/rn_2025/common/header_icon_language.png)
no-repeat left top;
background-size: 100%;
}
#header .right .btn_menu {
width: 18px;
height: 16px;
position: relative;
transition: background 0.3s;
}
#header .right .btn_menu i {
width: 18px;
height: 2px;
position: absolute;
left: 0;
background-color: var(--C-45474d);
transition: transform 0.3s, opacity 0.3s;
}
#header .right .btn_menu i:nth-child(1) {
top: 0;
}
#header .right .btn_menu i:nth-child(2) {
top: 7px;
}
#header .right .btn_menu i:nth-child(3) {
top: 14px;
}
/* Xìž ë³€í™˜ */
#header .right .btn_menu.on i:nth-child(1) {
transform: translateY(7px) rotate(45deg);
}
#header .right .btn_menu.on i:nth-child(2) {
opacity: 0;
}
#header .right .btn_menu.on i:nth-child(3) {
transform: translateY(-7px) rotate(-45deg);
}
/* gnb */
.gnb {
display: none;
width: 100%;
position: absolute;
left: 0;
top: 81px;
padding: 30px 0;
background-color: var(--C-ffffff);
box-shadow: -7px 4px 10px rgba(0, 0, 0, 0.1);
}
.gnb.on {
display: block;
}
/*.gnb.on .inner {*/
/* max-width: 1200px!important;*/
/*}*/
.gnb .inner {
display: flex;
width: 1195px;
margin: 0 auto;
justify-content: space-between;
/*border: 1px solid;*/
}
.gnb nav {
display: flex;
margin-left: 26px;
}
.gnb ul {
display: none;
flex-direction: column;
}
.gnb ul h4 {
font-size: 13px;
padding-bottom: 2px;
color: #737380;
}
.gnb nav ul.on {
display: flex;
}
.gnb nav ul li {
position: relative;
padding: 3px 0;
opacity: 0;
transform: translateX(30px);
animation: gnbLiIn 0.4s cubic-bezier(0.4, 0, 0.2, 1) forwards;
}
.gnb nav ul.on li:nth-child(1) {
animation-delay: 0.02s;
}
.gnb nav ul.on li:nth-child(2) {
animation-delay: 0.04s;
}
.gnb nav ul.on li:nth-child(3) {
animation-delay: 0.06s;
}
.gnb nav ul.on li:nth-child(4) {
animation-delay: 0.08s;
}
.gnb nav ul.on li:nth-child(5) {
animation-delay: 0.1s;
}
.gnb nav ul.on li:nth-child(6) {
animation-delay: 0.12s;
}
.gnb nav ul.on li:nth-child(7) {
animation-delay: 0.14s;
}
.gnb nav ul.on li:nth-child(8) {
animation-delay: 0.16s;
}
.gnb nav ul.on li:nth-child(9) {
animation-delay: 0.18s;
}
.gnb nav ul.on li:nth-child(10) {
animation-delay: 0.2s;
}
.gnb nav ul.on li:nth-child(11) {
animation-delay: 0.22s;
}
@keyframes gnbLiIn {
to {
opacity: 1;
transform: translateX(0);
}
}
.gnb nav ul li a {
font-size: var(--f-16);
color: var(--C-000b17);
font-weight: 600;
}
.gnb nav ul li.on a {
font-weight: 800;
}
.gnb nav ul li .dep3 {
display: none;
min-width: 160px;
position: absolute;
gap: 5px;
flex-direction: column;
top: 5px;
left: 114%;
}
.gnb nav ul li .dep3::before {
content: '';
display: inline-block;
width: 7px;
height: 14px;
background: url(//image.idhospital.com/www/rn_2025/common/gnb/gnb_nav_ul_li_arrow.png) no-repeat;
background-size: contain;
position: absolute;
left: -11px;
top: 3px;
}
.gnb nav ul li .dep3 a {
font-size: var(--f-15);
color: #000b17;
font-weight: 500;
opacity: 0;
transform: translateX(20px);
animation: gnbLiIn 0.3s cubic-bezier(0.4, 0, 0.2, 1) forwards;
}
.gnb nav ul li .dep3 a:hover {
font-weight: 900;
}
.gnb nav ul li.on .dep3 a:nth-child(1) {
animation-delay: 0.02s;
}
.gnb nav ul li.on .dep3 a:nth-child(2) {
animation-delay: 0.04s;
}
.gnb nav ul li.on .dep3 a:nth-child(3) {
animation-delay: 0.06s;
}
.gnb nav ul li.on .dep3 a:nth-child(4) {
animation-delay: 0.08s;
}
.gnb nav ul li.on .dep3 a:nth-child(5) {
animation-delay: 0.1s;
}
.gnb nav ul li.on .dep3 a:nth-child(6) {
animation-delay: 0.12s;
}
.gnb nav ul li.on .dep3 a:nth-child(7) {
animation-delay: 0.14s;
}
.gnb nav ul li.on .dep3 a:nth-child(8) {
animation-delay: 0.16s;
}
.gnb nav ul li .dep3 a::before {
content: "- ";
}
.gnb nav ul li.on .dep3 {
display: flex;
}
.gnb .right ul {
display: inline-flex;
gap: 7px;
position: relative;
}
.gnb .right ul li a {
font-size: var(--f-16);
color: var(--C-474748);
}
.gnb .right ul li.on {
font-weight: 900;
}
.gnb .right ul li .dep3 {
display: none;
min-width: 160px;
position: absolute;
left: 120%;
top: 0;
gap: 5px;
flex-direction: column;
}
.gnb .right ul li .dep3 a {
font-size: var(--f-13);
color: var(--C-737380);
font-weight: 500;
opacity: 0;
transform: translateX(20px);
animation: gnbLiIn 0.3s cubic-bezier(0.4, 0, 0.2, 1) forwards;
}
.gnb .right ul li.on .dep3 a:nth-child(1) {
animation-delay: 0.02s;
}
.gnb .right ul li.on .dep3 a:nth-child(2) {
animation-delay: 0.04s;
}
.gnb .right ul li.on .dep3 a:nth-child(3) {
animation-delay: 0.06s;
}
.gnb .right ul li.on .dep3 a:nth-child(4) {
animation-delay: 0.08s;
}
.gnb .right ul li.on .dep3 a:nth-child(5) {
animation-delay: 0.1s;
}
.gnb .right ul li.on .dep3 a:nth-child(6) {
animation-delay: 0.12s;
}
.gnb .right ul li.on .dep3 a:nth-child(7) {
animation-delay: 0.14s;
}
.gnb .right ul li .dep3 a::before {
content: "- ";
}
.gnb .right ul li.on .dep3 {
display: flex;
}
.gnb .right .tel {
padding-top: 25px;
font-size: var(--f-32);
color: #000b17;
font-weight: 900;
line-height: 1.1;
}
.gnb .banner img {
vertical-align: top;
}
/* search */
.search {
display: none;
width: 100%;
position: absolute;
left: 0;
top: 0;
padding: 30px 0;
background-color: var(--C-ffffff);
}
.search.on {
display: block;
}
.search .inner {
display: flex;
max-width: 1680px;
margin: 0 auto;
position: relative;
justify-content: space-between;
flex-wrap: wrap;
flex-direction: column;
}
.search .input_form {
width: 905px;
height: 52px;
margin: 0 auto;
border-radius: 15px;
background: var(--C-f4f4f4) url(../images/common/header_icon_search.png)
no-repeat 20px center;
}
.search .input_form input {
width: 100%;
height: 100%;
padding: 0 55px;
box-sizing: border-box;
border: none;
background: none;
}
.search .recomm_search {
display: flex;
width: 905px;
margin: 0 auto;
padding-top: 27px;
position: relative;
}
.search .recomm_search::before {
content: "추천 검색어";
padding-right: 40px;
font-size: var(--f-15);
color: var(--C-000b17);
font-weight: 900;
}
.search .recomm_search ol {
display: flex;
min-height: 240px;
padding-left: 20px;
gap: 5px;
flex-direction: column;
border-left: 1px solid var(--C-bdbdc9);
}
.search .recomm_search ol li {
font-size: var(--f-13);
color: var(--C-000b17);
font-weight: 500;
}
.search .recomm_search .banner {
position: absolute;
right: 0;
bottom: 30px;
}
.search .recomm_search .banner img {
vertical-align: top;
}
.search_close {
width: 18px;
height: 18px;
cursor: pointer;
position: absolute;
right: 0;
top: 0;
}
.search_close i {
display: block;
width: 100%;
height: 3px;
position: absolute;
left: 0;
top: 0;
transform: rotate(40deg);
background-color: var(--C-45474d);
}
.search_close i:last-child {
transform: rotate(130deg);
}
/* sitemap */
.sitemap {
width: 100%;
position: absolute;
left: 0;
top: 81px;
padding: 24px 0;
background-color: var(--C-ffffff);
opacity: 0;
transform: translateY(-20px);
transition: opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1),
transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
pointer-events: none;
display: block; /* display: block으로 ë‘ê³ JSì—ì„œ on/off는 opacityë¡œ ì œì–´ */
box-shadow: -7px 4px 10px rgba(0, 0, 0, 0.1);
}
.sitemap.on {
opacity: 1;
transform: translateY(0);
pointer-events: auto;
}
.sitemap .inner {
display: flex;
width: 1326px;
margin: 0 auto;
justify-content: space-between;
flex-direction: row;
flex-wrap: wrap;
gap: 35px 0;
position: relative;
}
.sitemap .inner .item {
flex: 1 1 13%;
}
.sitemap .inner .item h4 {
padding-bottom: 4px;
font-size: var(--f-13);
color: var(--C-737380);
}
.sitemap .inner .item li{
margin-bottom: 4px;
}
.sitemap .inner .item li a {
font-size: var(--f-15);
color: var(--C-000b17);
font-weight: 500;
}
.sitemap .inner .item li p a {
font-weight: 400;
}
.sitemap .inner .item li p a {
font-weight: 400;
}
.sitemap .inner .item .side_link {
display: flex;
flex-direction: column;
gap: 5px;
}
.sitemap .inner .item .side_link li a {
font-weight: 700;
color: var(--C-474748);
}
.sitemap .inner .sitemap_tel{
position: absolute;
top:496px;
right: -11px;
font-size: 32px;
color:#000b17;
font-weight: 800;
line-height: 1.2;
}
.sitemap .inner .sitemap_tel a{color:#000b17;}
.sitemap .inner .sitemap_banner{
position: absolute;
top: 160px;
right: -9px;
}
/* gnb ëª¨ë°”ì¼ */
.gnb_mb {
display: none;
padding: 113px 55px 100px;
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
background: var(--C-ffffff);
}
#header.on {
z-index: 10;
}
.on .gnb_mb {
display: block;
z-index: 2;
}
.gnb_mb .dep1 ul {
/*padding-top: 14px;*/
}
.gnb_mb .dep1 li {
line-height: 1;
/*padding: 12px 0;*/
padding: 23px 0;
opacity: 0;
transform: translateX(30px);
animation: gnbLiIn 0.4s cubic-bezier(0.4, 0, 0.2, 1) forwards;
}
.gnb_mb.on .dep1 li:nth-child(1) {
animation-delay: 0.02s;
}
.gnb_mb.on .dep1 li:nth-child(2) {
animation-delay: 0.04s;
}
.gnb_mb.on .dep1 li:nth-child(3) {
animation-delay: 0.06s;
}
.gnb_mb.on .dep1 li:nth-child(4) {
animation-delay: 0.08s;
}
.gnb_mb.on .dep1 li:nth-child(5) {
animation-delay: 0.1s;
}
.gnb_mb.on .dep1 li:nth-child(6) {
animation-delay: 0.12s;
}
.gnb_mb.on .dep1 li:nth-child(7) {
animation-delay: 0.14s;
}
.gnb_mb.on .dep1 li:nth-child(8) {
animation-delay: 0.16s;
}
.gnb_mb.on .dep1 li:nth-child(9) {
animation-delay: 0.18s;
}
.gnb_mb.on .dep1 li:nth-child(10) {
animation-delay: 0.2s;
}
.gnb_mb.on .dep1 li:nth-child(11) {
animation-delay: 0.22s;
}
.gnb_mb.on .dep1 li:nth-child(12) {
animation-delay: 0.24s;
}
.gnb_mb .dep1 a {
font-size: var(--f-20);
color: var(--C-474748);
font-weight: 500;
}
.gnb_mb .dep2 {
display: none;
}
.gnb_mb .dep2.on {
display: block;
}
.gnb_mb .dep2 .btn_dep_back {
width: 23px;
height: 37px;
cursor: pointer;
position: absolute;
left: 30px;
top: 15px;
}
.gnb_mb .dep2 .btn_dep_back i {
position: absolute;
left: 0;
top: 50%;
width: 100%;
height: 5px;
background-color: var(--C-45474d);
transform-origin: left center;
}
.gnb_mb .dep2 .btn_dep_back i:first-child {
margin-top: -2px;
transform: translateY(-50%) rotate(45deg);
}
.gnb_mb .dep2 .btn_dep_back i:last-child {
margin-top: 1px;
transform: translateY(-50%) rotate(-45deg);
}
.gnb_mb .dep2 ul {
display: none;
flex-direction: column;
gap: 20px;
}
.gnb_mb .dep2 ul.on {
display: flex;
}
.gnb_mb .dep2 > ul > li {
opacity: 0;
transform: translateX(30px);
animation: gnbLiIn 0.4s cubic-bezier(0.4, 0, 0.2, 1) forwards;
}
.gnb_mb .dep2.on > ul > li {
opacity: 0;
}
.gnb_mb .dep2.on > ul > li:nth-child(1) {
animation-delay: 0.02s;
}
.gnb_mb .dep2.on > ul > li:nth-child(2) {
animation-delay: 0.04s;
}
.gnb_mb .dep2.on > ul > li:nth-child(3) {
animation-delay: 0.06s;
}
.gnb_mb .dep2.on > ul > li:nth-child(4) {
animation-delay: 0.08s;
}
.gnb_mb .dep2.on > ul > li:nth-child(5) {
animation-delay: 0.1s;
}
.gnb_mb .dep2.on > ul > li:nth-child(6) {
animation-delay: 0.12s;
}
.gnb_mb .dep2.on > ul > li:nth-child(7) {
animation-delay: 0.14s;
}
.gnb_mb .dep2.on > ul > li:nth-child(8) {
animation-delay: 0.16s;
}
.gnb_mb .dep2.on > ul > li:nth-child(9) {
animation-delay: 0.18s;
}
.gnb_mb .dep2.on > ul > li:nth-child(10) {
animation-delay: 0.2s;
}
.gnb_mb .dep2.on > ul > li:nth-child(11) {
animation-delay: 0.22s;
}
.gnb_mb .dep2.on > ul > li:nth-child(12) {
animation-delay: 0.24s;
}
.gnb_mb .dep2.on > ul > li:nth-child(13) {
animation-delay: 0.26s;
}
.gnb_mb .dep2 ul a {
font-size: var(--f-20);
color: var(--C-474748);
font-weight: 500;
}
.gnb_mb .dep2 ul .dep3 {
display: flex;
padding-top: 20px;
flex-direction: column;
align-items: flex-start;
gap: 20px;
}
.gnb_mb .dep2 ul .dep3 a {
font-size: var(--f-16);
color: var(--C-737380);
font-weight: 500;
}
.gnb_mb .dep2 ul .dep3 a::before {
content: "-";
padding-right: 15px;
}
.gnb_mb .b_dep1 li {
opacity: 0;
transform: translateX(30px);
animation: gnbLiIn 0.4s cubic-bezier(0.4, 0, 0.2, 1) forwards;
}
.gnb_mb.on .b_dep1 li:nth-child(1) {
animation-delay: 0.02s;
}
.gnb_mb.on .b_dep1 li:nth-child(2) {
animation-delay: 0.04s;
}
.gnb_mb.on .b_dep1 li:nth-child(3) {
animation-delay: 0.06s;
}
.gnb_mb.on .b_dep1 li:nth-child(4) {
animation-delay: 0.08s;
}
.gnb_mb.on .b_dep1 li:nth-child(5) {
animation-delay: 0.1s;
}
.gnb_mb.on .b_dep1 li:nth-child(6) {
animation-delay: 0.12s;
}
.gnb_mb.on .b_dep1 li:nth-child(7) {
animation-delay: 0.14s;
}
.gnb_mb.on .b_dep1 li:nth-child(8) {
animation-delay: 0.16s;
}
.gnb_mb.on .b_dep1 li:nth-child(9) {
animation-delay: 0.18s;
}
.gnb_mb.on .b_dep1 li:nth-child(10) {
animation-delay: 0.2s;
}
.gnb_mb.on .b_dep1 li:nth-child(11) {
animation-delay: 0.22s;
}
.gnb_mb.on .b_dep1 li:nth-child(12) {
animation-delay: 0.24s;
}
.gnb_mb .b_dep2 {
display: none;
position: relative;
}
.gnb_mb .b_dep2.on {
display: block;
}
.gnb_mb .b_dep2 .btn_dep_back {
width: 23px;
height: 37px;
cursor: pointer;
position: absolute;
right: 0;
top: 9px;
z-index: 1;
}
.gnb_mb .b_dep2 .btn_dep_back i {
position: absolute;
left: 0;
top: 50%;
width: 100%;
height: 5px;
background-color: var(--C-45474d);
transform-origin: left center;
}
.gnb_mb .b_dep2 .btn_dep_back i:first-child {
margin-top: -2px;
transform: translateY(-50%) rotate(45deg);
}
.gnb_mb .b_dep2 .btn_dep_back i:last-child {
margin-top: 1px;
transform: translateY(-50%) rotate(-45deg);
}
.gnb_mb .b_dep2 ul {
display: none;
}
.gnb_mb .b_dep2 ul.on {
display: block;
}
.gnb_mb .b_dep2 a {
font-size: var(--f-20);
color: var(--C-474748);
}
.gnb_mb .b_dep2 > ul > li {
opacity: 0;
transform: translateX(30px);
animation: gnbLiIn 0.4s cubic-bezier(0.4, 0, 0.2, 1) forwards;
}
.gnb_mb .b_dep2.on > ul > li {
opacity: 0;
}
.gnb_mb .b_dep2.on > ul > li:nth-child(1) {
animation-delay: 0.02s;
}
.gnb_mb .b_dep2.on > ul > li:nth-child(2) {
animation-delay: 0.04s;
}
.gnb_mb .b_dep2.on > ul > li:nth-child(3) {
animation-delay: 0.06s;
}
.gnb_mb .b_dep2.on > ul > li:nth-child(4) {
animation-delay: 0.08s;
}
.gnb_mb .b_dep2.on > ul > li:nth-child(5) {
animation-delay: 0.1s;
}
.gnb_mb .b_dep2.on > ul > li:nth-child(6) {
animation-delay: 0.12s;
}
.gnb_mb .b_dep2.on > ul > li:nth-child(7) {
animation-delay: 0.14s;
}
.gnb_mb .b_dep2.on > ul > li:nth-child(8) {
animation-delay: 0.16s;
}
.gnb_mb .b_dep2.on > ul > li:nth-child(9) {
animation-delay: 0.18s;
}
.gnb_mb .b_dep2.on > ul > li:nth-child(10) {
animation-delay: 0.2s;
}
.gnb_mb .b_dep2.on > ul > li:nth-child(11) {
animation-delay: 0.22s;
}
.gnb_mb .b_dep2.on > ul > li:nth-child(12) {
animation-delay: 0.24s;
}
.gnb_mb .b_dep2.on > ul > li:nth-child(13) {
animation-delay: 0.26s;
}
.gnb_mb .bottom .dep3 {
display: flex;
padding: 15px 0 20px;
gap: 15px;
flex-direction: column;
}
.gnb_mb .bottom .dep3 a {
font-size: var(--f-16);
color: var(--C-737380);
font-weight: 500;
}
.gnb_mb .bottom .dep3 a::before {
content: "-";
padding-right: 15px;
}
.gnb_mb .bottom {
padding-top: 25px;
}
.gnb_mb .bottom .tel a {
color: #000b17;
display: block;
padding-top: 18px;
}
.gnb_mb .bottom .tel {
padding-top: 50px;
font-size: 50px;
color: #000b17;
font-weight: 800;
line-height: 1;
}
.gnb_mb .bottom .banner {
line-height: 0;
}
.gnb_mb .bottom .banner img {
width: 100%;
max-width: 612px;
}
.gnb_mb .gnb_mb_close {
width: 50px;
height: 50px;
cursor: pointer;
position: absolute;
left: 30px;
top: 32px;
}
.gnb_mb .gnb_mb_close i {
display: block;
width: 100%;
height: 7px;
position: absolute;
left: 0;
top: 50%;
transform: rotate(45deg);
background-color: var(--C-45474d);
}
.gnb_mb .gnb_mb_close i:last-child {
transform: rotate(-45deg);
}
@media (max-width: 1690px) {
.sitemap .inner{
width: 90%;
}
.sitemap .inner .sitemap_banner{
width: 12.7vw;
right: 0;
}
.sitemap .inner .sitemap_banner img{
width: 100%;
}
.sitemap .inner .sitemap_tel{
right: 0.3vw;
font-size: 2vw;
}
#header > .inner {
position: relative;
max-width: initial;
padding: 0 20px;
}
#header .menu ul {
padding-right: 20px;
box-sizing: border-box;
}
}
@media (max-width: 1600px) {
#header .menu {
width: 70%;
overflow: hidden;
flex-wrap: nowrap;
white-space: nowrap;
}
#header .menu .menu_hidden_open {
display: flex;
}
}
@media (max-width: 1170px) {
#header .menu {
width: 60%;
}
.gnb .inner {
width: auto;
padding: 0 5%;
}
}
@media (max-width: 1060px) {
/*.gnb .inner {*/
/* width: auto;*/
/* padding: 0 5%;*/
/*}*/
.sitemap .inner {
width: auto;
padding: 0 5%;
}
.sitemap .inner .item {
/*flex: 1 1 20%;*/
max-width: 20%;
}
.sitemap .inner .sitemap_banner{
width: 18vw;
}
.sitemap .inner .sitemap_tel {
right: 0;
font-size: 2.8vw;
}
.sitemap .inner .item li {
margin-bottom: 0;
}
.sitemap .inner .item li a {
font-size: 14px;
}
.sitemap .inner .item:last-child {
max-width: 25%;
}
}
@media (max-width: 1024px) {
#header .menu {
width: 40%;
}
}
@media (max-width: 860px) {
.sitemap .inner{
padding: 0 3%;
}
.sitemap .inner .item {
max-width: 25%;
}
.sitemap .inner .item li a {
font-size: 12px;
}
.sitemap .inner .sitemap_banner {
width: 140px;
right: 14px;
top: 143px;
}
.sitemap .inner .sitemap_banner img {
max-width: 100%;
}
.sitemap .inner .sitemap_tel {
right: 11px;
font-size: 22px;
top: 453px;
}
}
@media (max-width: 720px) {
#header > .inner {
padding: 25px 3%;
/*padding: 3.47vw 3%;*/
justify-content: space-between;
align-items: center;
}
#header > .inner.hidden {
display:none;
}
#header .menu_open {
display: block;
width: 6.5vw;
}
#header .menu_open i{height: 0.7vw;}
#header .menu_open i:nth-child(2) {top: 50%;transform: translate(0,-50%);}
#header .menu_open i:nth-child(3) {top: initial;bottom: 0;}
#header h1 {
padding: 0 0 0 9vw;
}
#header h1 img {
width: 29vw;
margin-top: -1.8vw;
}
#header .menu {
display: none;
}
#header .right {
padding-bottom: 0;
}
#header .right {
padding-bottom: 0;
}
#header .right button{margin-left: 2vw;}
#header .right .btn_logout {
display: none;
}
#header .right .btn_search {
width: 5.7vw;
height: 5.7vw;
}
#header .right .btn_language {
width: 5.7vw;
height: 5.7vw;
}
#header .right .btn_menu {
display: none;
}
.sitemap {
display: none;
}
.gnb_mb {
overflow: auto;
padding: 15.69vw 7.64vw 13.89vw;
}
.gnb_mb div.menu_title_wrap .menu_title {
font-size: 4.44vw;
}
.gnb_mb .dep1 li {
padding: 3.19vw 0;
}
.gnb_mb .dep1 .dep2 li {
padding: 2.5vw 0;
}
.gnb_mb .dep1 .dep2 a {
font-size: 4.44vw;
padding-left: 4.86vw;
}
.gnb_mb div.menu_title_wrap .menu_arrow {
width: 3.75vw;
height: 2.08vw;
}
.dep1 > ul > li > div.on .dep2 {
padding-top: 2.5vw;
}
.dep1 > ul > li > div.active .dep2 {
padding-top: 2.5vw;
}
/*.dep2 > li.active .dep3 {*/
.gnb_mb .dep3 {
padding-top: 2.5vw;
}
.gnb_mb .dep1 .dep2 .dep3 a {
font-size: 4.44vw;
padding: 2.5vw 0 2.5vw 4.86vw;
margin-left: 4.86vw;
}
.gnb_mb .dep1 .dep2 .dep3 a:last-child {
padding-bottom: 0;
}
.gnb_mb .gnb_mb_close {
width: 6.94vw;
height: 6.94vw;
left: 4.17vw;
top: 4.44vw;
}
.gnb_mb .gnb_mb_close i {
height: 0.97vw;
}
.gnb_mb .bottom {
padding-top: 3.47vw;
}
.gnb_mb .bottom .tel a {
padding-top: 2.5vw;
}
.gnb_mb .bottom .tel {
padding-top: 6.94vw;
font-size: 6.94vw;
}
.gnb_mb .bottom .banner img {
max-width: 85vw;
}
}
/****** gnb.css end ******/
/**** quick.css start ****/
/* quick */
.quick {
width: 87px;
position: fixed;
right: 50%;
bottom: 10%;
margin-right: -750px;
z-index: 5;
transition: all 1s ease;
}
.quick.hidden {
display: none;
}
.quick .btn_box {
display: flex;
width: 88px;
height: 147px;
position: relative;
margin-bottom: 10px;
flex-direction: column;
align-items: center;
justify-content: space-evenly;
border-radius: 50px;
background-color: var(--C-000b17);
transition: all 0.3s ease;
overflow: hidden;
}
.quick .btn_box::after {
content: "";
position: absolute;
width: 48px;
height: 2px;
top: 73px;
z-index: 1;
background-color: var(--C-33373f);
}
.quick .btn_box a {
color: var(--C-aaaab3);
}
.quick .btn_box a:hover {
color: var(--C-ffffff);
}
/*.quick .btn_box .menu_open */
.quick .btn_box .menu_open {
display: flex;
width: 100%;
height: 100%;
color: var(--C-aaaab3);
cursor: pointer;
flex-direction: column;
justify-content: space-evenly;
border: none;
background: none;
opacity: 1;
transform: translateY(0px);
transition: all 0.3s ease;
}
.quick .btn_box .menu_open:hover {
color: var(--C-ffffff);
}
.quick .btn_box .menu_open i {
display: block;
}
.quick .btn_box .btn_list {
width: 88px;
padding: 40px 0;
position: absolute;
bottom: 0;
left: 0;
z-index: 2;
flex-direction: column;
align-items: center;
justify-content: space-evenly;
border-radius: 50px;
background-color: var(--C-000b17);
opacity: 0;
pointer-events: none;
transform: translateY(0);
transition: all 0.3s ease;
height: 80%;
}
.quick .btn_box .btn_list .tel {
margin-top: 80px;
font-size: 16px;
color: var(--C-aaaab3);
font-weight: 400;
line-height: 1.2;
text-align: center;
letter-spacing: -0.5px;
}
.quick .btn_box .btn_list .tel i {
display: block;
width: 100%;
height: 30px;
filter: brightness(0.5);
background: url(//image.idhospital.com/www/rn_2025/common/quick/quick_icon_tel.png) no-repeat center
top;
}
.quick .btn_box .btn_list .tel:hover i {
filter: brightness(1);
}
.quick .btn_box .btn_list .tel a:hover {
color: #fff;
}
.quick .btn_box .btn_list ul {
display: flex;
flex-direction: column;
align-items: center;
}
.quick .btn_box .btn_list li::before {
display: block;
content: "";
width: 48px;
height: 1px;
margin: 13px auto;
background-color: var(--C-33373f);
}
.quick .btn_box .btn_list li a {
display: inline-block;
font-size: 14px;
letter-spacing: -0.5px;
color: var(--C-aaaab3);
}
.quick .btn_box .btn_list li a:hover {
color: var(--C-ffffff);
}
.quick .btn_box .btn_list li a i {
display: block;
height: 30px;
width: 100%;
filter: brightness(0.5);
background-repeat: no-repeat;
background-position: center top;
}
.quick .btn_box .btn_list li.onsale_event {
display: none;
}
.quick .btn_box .btn_list li.onsale_event a i {
background-image: url(//image.idhospital.com/www/rn_2025/common/quick/quick_icon_event_v1.png);
}
.quick .btn_box .btn_list li.kakao a i {
background-image: url(//image.idhospital.com/www/rn_2025/common/quick/quick_icon_kakao.png);
}
.quick .btn_box .btn_list li.realpay a i {
background-image: url(//image.idhospital.com/www/rn_2025/common/quick/quick_icon_cost.png);
}
.quick .btn_box .btn_list li.online_counsel a i {
background-image: url(//image.idhospital.com/www/rn_2025/common/quick/quick_icon_online.png);
}
.quick .btn_box .btn_list li.online_reserve a i {
background-image: url(//image.idhospital.com/www/rn_2025/common/quick/quick_icon_reservation.png);
}
.quick .btn_box .btn_list li a:hover i {
filter: brightness(1);
}
.quick .btn_box.on {
height: 410px;
padding: 50px 0;
}
.quick .btn_box.on .btn_list {
display: flex;
pointer-events: auto;
opacity: 1;
height: 100%;
transform: translateY(0);
}
.quick .btn_box.on .menu_open {
opacity: 0;
height: 100%;
}
.quick .btn_top {
display: flex;
width: 88px;
height: 88px;
color: var(--C-aaaab3);
cursor: pointer;
align-items: center;
justify-content: center;
border-radius: 50px;
background-color: var(--C-000b17);
}
.quick .btn_event {
display: flex;
width: 88px;
height: 88px;
color: var(--C-aaaab3);
cursor: pointer;
align-items: center;
justify-content: center;
border-radius: 50px;
background-color: var(--C-000b17);
}
.quick .btn_event a {
display: inline-block;
font-size: var(--f-14);
letter-spacing: -0.5px;
color: var(--C-aaaab3);
}
.quick .btn_event a i {
display: block;
height: 30px;
width: 100%;
filter: brightness(0.5);
background-image: url(//image.idhospital.com/www/rn_2025/common/quick/quick_icon_event_v1.png);
background-repeat: no-repeat;
background-position: center top;
}
.quick .btn_event a:hover {
color: var(--C-ffffff);
}
.quick .btn_event a:hover i {
filter: brightness(1);
}
.quick .mo_omit {
display: none;
}
.quick .btn_top:hover {
color: var(--C-ffffff);
}
@media (max-width: 1500px) {
.quick {
width: auto;
right: 2%;
margin-right: 0;
}
.quick .btn_box {
width: 70px;
height: 100px;
}
.quick .btn_box::after {
width: 30px;
top: 50px;
}
.quick .btn_box .btn_list {
width: 70px;
}
.quick .btn_box .btn_list li::before {
width: 30px;
}
.quick .btn_top {
width: 70px;
height: 70px;
}
.quick .btn_event {
width: 70px;
height: 70px;
}
}
@media (max-width: 720px) {
.quick {
/*bottom: 100px;*/
bottom: 26.39vw;
/*top: initial;*/
}
.quick .btn_box {
height: 70px;
margin-bottom: -70px;
}
.quick .btn_box .menu_open {
font-size: 3vw;
display: none; /* 모바ì¼ì—서는 안보ì´ëŠ” 걸로 작업해놓았어요 */
}
.quick .btn_top {
font-size: 3vw;
display: none;
}
.quick .btn_event {
display: none;
}
.quick .btn_box .btn_list .tel {
display: none;
}
.quick .btn_box .btn_list li.onsale_event {
display: block;
}
.quick .btn_box .btn_list li.onsale_event::before {
display: none;
}
.quick .btn_box .btn_list li.online_reserve {
display: none;
}
.quick .btn_box.on {
height: 287px;
margin-bottom: 10px;
padding: 30px 0;
}
.quick .btn_box .btn_list {
padding: 0;
}
.quick .mo_omit {
display: block;
width: 70px;
height: 70px;
border-radius: 50%;
background-color: #020a17;
overflow: hidden;
position: relative;
z-index: 1;
}
.quick .mo_omit i {
display: inline-block;
width: 70px;
height: 70px;
background: url(//image.idhospital.com/www/rn_2025/common/quick/mo_quick_icon_v1.png) no-repeat;
background-size: contain;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.quick .mo_omit.on i {
background: url(//image.idhospital.com/www/rn_2025/common/quick/mo_quick_icon_close.png) no-repeat;
background-size: contain;
}
}
/**** quick.css end ****/
/* bottom */
.popup_wrap{
position: fixed;
left: 0;
top: 0;
right: 0;
bottom: 0;
z-index: 100;
background-color: var(--C-000000-50);
opacity: 0;
transform: translateY(20px);
transition: opacity 0.4s cubic-bezier(0.4,0,0.2,1), transform 0.4s cubic-bezier(0.4,0,0.2,1);
pointer-events: none;
}
.popup_wrap.on{
opacity: 1;
transform: translateY(0);
pointer-events: auto;
}
.popup_wrap .inner{
display: flex;
width: 100%;
height: 100%;
justify-content: center;
align-items: center;
flex-direction: column;
}
.popup_wrap .inner .iframe_box{
width: 80%;
max-width: 1290px;
position: relative;
aspect-ratio: 16 / 9;
}
@media (max-width: 440px) {
.popup_wrap.popup_shorts .inner .iframe_box{
aspect-ratio: 9 / 16;
}
}
.popup_wrap .inner .iframe_box iframe{
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
border: 0;
}
.popup_wrap .inner .btn_close{
display: block;
width: 112px;
height: 46px;
margin-top: 15px;
font-size: var(--f-21);
background-color: #e46ea4;
color: #fff;
font-weight: 800;
border-radius: 50px;
border: 1px solid var(--C-e46ea4);
cursor: pointer;
}
@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
/**** footer.css start ****/
/* Base styles (Desktop) */
.footer {
background-color: #f8f9fa;
padding: 20px 0;
}
.pc_icon_img {display: block;}
.mo_icon_img {display: none;}
/* footer */
#footer {
width: 100%;
position: relative;
z-index: 0;
border-top: 1px solid var(--C-f4f4f4);
}
#footer::before {
content: "";
width: 100%;
height: 1px;
position: absolute;
left: 0;
top: 83px;
background-color: var(--C-f4f4f4);
}
#footer::after {
content: "";
width: 100%;
height: 1px;
position: absolute;
left: 0;
top: 251px;
background-color: var(--C-f4f4f4);
}
#footer .inner{
width: 960px;
margin: 0 auto;
}
#footer .link_box{
display: flex;
height: 83px;
justify-content: space-between;
align-items: center;
flex-direction: row-reverse;
}
#footer .link_box .sns_link{
display: flex;
gap: 8px;
line-height: 0;
}
#footer .link_box .sns_link img{
width: 48px;
}
#footer .link_box .id_link ul{
display: flex;
gap: 10px;
}
#footer .link_box .id_link ul li a{
display: inline-block;
/*padding: 2px 0 0 30px;*/
/*font-size: var(--f-19);*/
/*color: var(--C-737380);*/
/*font-weight: 900;*/
/*background: url(//image.idhospital.com/www/rn_2025/common/footer_icon_id.png) no-repeat left top;*/
/*background-size: 23px auto;*/
}
#footer .link_box .id_link ul li a img {
max-width: 100%;
}
#footer .link_box .id_link ul li:last-child a{
/*background: none;*/
/*padding-left: 0;*/
}
#footer .company_info{
height: 167px;
display: flex;
font-size: var(--f-19);
color: var(--C-737380);
justify-content: space-between;
align-items: center;
flex-direction: row-reverse;
}
#footer .company_info .left{
display: flex;
gap: 25px;
flex-direction: column;
width: 263px;
line-height: 1;
}
#footer .company_info .left p span{
font-size: 17px;
letter-spacing: -0.5px;
margin-right: 29px;
font-weight: 500;
}
#footer .company_info .left p b{
font-size: 30px;
color: var(--C-45474d);
letter-spacing: -0.5px;
font-weight: 900;
}
#footer .company_info .left p strong{
font-size: var(--f-19);
color: var(--C-45474d);
letter-spacing: -0.5px;
font-weight: 900;
}
#footer .company_info .right{
display: flex;
gap: 30px;
flex-direction: column;
line-height: 1;
font-size: 17px;
letter-spacing: -0.5px;
}
#footer .company_info .right .link ul{
display: flex;
}
#footer .company_info .right .link li::after{
content: "";
display: inline-block;
width: 1px;
height: 16px;
margin: 0 15px;
background-color: #f4f4f4;
vertical-align: -2px;
}
#footer .company_info .right .link li:last-child::after{
display: none;
}
#footer .company_info .right .link a {
color: var(--C-737380);
font-size: 17px;
letter-spacing: -0.5px;
}
#footer .company_info .right .info {
display: flex;
gap: 30px;
}
#footer .copy{
display: flex;
height: 77px;
font-size: var(--f-15);
color: var(--C-aaaab2);
align-items: center;
letter-spacing: -0.5px;
}
/* Tablet styles (max-width: 1024px) */
@media(max-width:1024px){
#footer .inner{
width: initial;
padding: 0 20px;
}
#footer::before{
top: 60px;
}
#footer::after{
top: initial;
bottom: 50px;
}
#footer .link_box{
height: 60px;
}
/*#footer .link_box .sns_link{*/
/* gap: 20px;*/
/*}*/
#footer .link_box .id_link ul{
gap: 20px;
}
/*#footer .link_box .id_link ul li a{*/
/* font-size: var(--f-17);*/
/* padding: 0 0 0 22px;*/
/* background-size: 18px auto;*/
/*}*/
#footer .company_info{
height: 140px;
font-size: var(--f-17);
}
#footer .company_info .left{
gap: 5px;
}
#footer .company_info .right{
gap: 10px;
}
#footer .copy{
height: 50px;
}
}
/* Mobile styles (max-width: 720px) */
@media(max-width:720px){
.pc_icon_img {display: none;}
.mo_icon_img {display: block;}
#footer{
border-width: 2px;
}
#footer::before{
height: 2px;
top: 16vw;
}
#footer::after{
bottom: 10.6vw;
}
#footer .inner{
padding: 0 4.17vw;
}
#footer .link_box{
height: auto;
flex-direction: column;
}
#footer .link_box .sns_link{
height: 16vw;
gap: 5.97vw;
align-items: center;
}
#footer .link_box .sns_link img{
width: 6.67vw;
}
#footer .link_box .id_link{
width: 100%;
padding: 4.03vw 0;
}
#footer .link_box .id_link ul{
gap: 4.17vw 0;
flex-direction: row;
flex-wrap: wrap;
}
#footer .link_box .id_link ul li {
/*width: 33.3%;*/
margin-right: 24px;
}
#footer .link_box .id_link ul li.idskin {
margin-right: 40px;
}
#footer .link_box .id_link ul li:last-child {
margin-right: 0;
}
#footer .link_box .id_link ul li a{
/*padding: 0 0 0 6.5vw;*/
/*font-size: 4.2vw;*/
/*background-size: 5.2vw auto;*/
}
#footer .link_box .id_link ul li.exobalance img {
width: 26.39vw;
}
#footer .link_box .id_link ul li.idclinic img {
width: 21.25vw;
}
#footer .link_box .id_link ul li.iddental img {
width: 20.56vw;
}
#footer .link_box .id_link ul li.idskin img {
width: 24.17vw;
}
#footer .link_box .id_link ul li.idcosmetic img {
width: 32.5vw;
}
#footer .company_info{
height: auto;
padding-bottom: 4.17vw;
align-items: flex-start;
flex-direction: column;
}
#footer .company_info .left{
padding-top: 4.17vw;
padding-bottom: 4.58vw;
width: 100%;
flex-direction: row;
flex-wrap: wrap;
}
#footer .company_info .left p{
margin-right: 5.4vw;
}
#footer .company_info .left p:first-child{
width: 100%;
padding-bottom: 3.61vw;
margin-right: 0;
}
#footer .company_info .left p span{
margin-right: 4.03vw;
font-size: 2.36vw;
letter-spacing: -0.07vw;
}
#footer .company_info .left p b{
font-size: 4.44vw;
letter-spacing: -0.07vw;
}
#footer .company_info .left p strong{
font-size: 2.64vw;
letter-spacing: -0.07vw;
}
#footer .company_info .right{
font-size: 2.36vw;
letter-spacing: -0.07vw;
gap: 4.17vw;
}
#footer .company_info .right .link li::after {
width: 0.14vw;
height: 2.22vw;
margin: 0 2.08vw;
vertical-align: -0.28vw;
}
#footer .company_info .right .link a {
font-size: 2.36vw;
letter-spacing: -0.07vw;
}
#footer .copy{
height: 10.6vw;
font-size: 2.78vw;
letter-spacing: -0.07vw;
}
}
/**** footer.css end ****/