@charset "utf-8";

/* 공통 */
#wrapper{}
#container{margin-top:0;}
#footer{background:none;}

@media all and (min-width:1001px){
    html:not() .gnb .menu{background-color:transparent;}
    .gnb_open .gnb .menu{background-color:#fff !important;}
}

.row_tit{font-family: 'VITRO_PRIDE';line-height:1.4;}
.desc{font-size:18px;color:#444;line-height:1.4;}
.view.style1{display:inline-block;width:144px;height:51px;font-family: 'VITRO_PRIDE';font-size:18px;color:#444;text-align:center;line-height:51px;background: url('/theme/and/images/main/view_line.png') left center no-repeat;transition: 0.2s;border-radius:50px;}
.view.style1:hover{background-image:none;background:#a59298;color:#fff;box-shadow:rgba(0,0,0,0.3) 10px 10px 10px;}

/*회전 에니메이션 - 원하는 위치에 class 추가, right/top 위치는 변경해서 사용*/
.circle_spin{position:relative;}
.circle_spin::after{position:absolute;width:210px;height:210px;right:-100px;top:-100px;content:'';background: url('/theme/and/images/main/circle_spin.png') center center no-repeat;background-size:contain;animation: spin_360 10s linear infinite;z-index: -1;}
@keyframes spin_360{
    100% {
        transform: rotate(360deg);
    }
}
/*메인 슬릭 dots,arrow*/
.slide_style{position:relative;padding-bottom:60px;}
.slide_style .slick-arrow{display:block; position:absolute; top:0; bottom:0; z-index:1000; width:63px; height:62px; margin-top:auto; margin-bottom:auto;background:none;}
.slide_style .slick-arrow:before{display:block; position:absolute; top:0; bottom:0; width:63px; height:62px; margin-top:auto; margin-bottom:auto; background-image:url('../images/main/main_slide_arrow.png'); background-repeat:no-repeat; background-size:200% 100%; content:'';}
.slide_style .prev{left:50%;margin-left:-820px;}
.slide_style .prev:before{left:0px; background-position:left center;}
.slide_style .next{right:50%;margin-right:-820px;}
.slide_style .next:before{right:0px; background-position:right center;}
.slide_style .dots{position:absolute; bottom:0px; left:0; z-index:1000; width:100%; text-align:center;}
.slide_style .dots li{display:inline-block; margin-left:10px; margin-right:10px;}
.slide_style .dots button{display:block; position:relative; width:12px; height:12px; background:#a59298;border-radius:100%; border:none;font-size:0;line-height:0;}
.slide_style .dots button:before{display:none; position:absolute; top:50%; left:50%; width:22px; height:22px; background-color:#cec4c7;content:''; transform:translate(-50%, -50%);border-radius:100%;z-index: -1;}
.slide_style .dots li.slick-active button:before{display:block;}
@media all and (max-width:1000px){
    .slide_style{padding-bottom:40px;}
}



/*visual*/
.row1{margin-top:100px;}
.visual{position:relative;/*height:715px;*/font-family: 'Gmarket Sans';}
.visual .ul{height:100%;}
.visual .slick-list{height:100%;}
.visual .slick-track{height:100%;}
.visual .li{position:relative;height:100%;background-size:1920px 100%;}
.visual .li a{display:block;width:100%;height:100%;}
.visual .wrap{height:100%;}
.visual .pc img{display:block; width:100%;}
.visual .mobile{display:none;}
.visual .li .txt{position:relative;height:100%;z-index: 10;}
.visual .li .img_text{display:block;}
.visual .li .slogan{font-weight:700;line-height:1.2;letter-spacing: -1px;}
.visual .li .desc{font-weight:300;line-height:1.4;}

.visual .slick-arrow{display:block; position:absolute; top:0; bottom:0; z-index:1000; width:36px; height:66px; margin-top:auto; margin-bottom:auto;background:none;}
.visual .slick-arrow:before{display:block; position:absolute; top:0; bottom:0; width:36px; height:66px; margin-top:auto; margin-bottom:auto; background-image:url('../images/main/visual_arrow.png'); background-repeat:no-repeat; background-size:200 100%; content:'';}
.visual .prev{left:50%;margin-left:-860px;}
.visual .prev:before{left:0px; background-position:left center;}
.visual .next{right:50%;margin-right:-860px;}
.visual .next:before{right:0px; background-position:right center;}
.visual .dots{position:absolute; bottom:40px; left:0; z-index:1000; width:100%; text-align:center;}
.visual .dots li{display:inline-block; margin-left:10px; margin-right:10px;}
.visual .dots button{display:block; position:relative; width:12px; height:12px; background:#fff;border-radius:100%; border:none;font-size:0;line-height:0;}
.visual .dots button:before{display:none; position:absolute; top:50%; left:50%; width:22px; height:22px; background-color:#fff;opacity:0.4; content:''; transform:translate(-50%, -50%);border-radius:100%;}
.visual .dots li.slick-active button:before{display:block;}
    @media all and (min-width:1921px){
        .visual .prev{margin-left:-1000px;}
        .visual .next{margin-right:-1000px;}

    }
    @media all and (max-width:1400px){
        .visual .slick-arrow{display:none;}
    }
    @media all and (max-width:1000px){
        .row1{margin-top:60px;}

        .visual .dots{bottom:20px;}
        .visual .dots li{ margin-left:5px; margin-right:5px;}
        .visual .dots button{width:8px; height:8px;}
        .visual .dots button:before{width:14px; height:14px;}
    }
    @media all and (max-width:768px){
        .visual{height:auto;}
        .visual .pc{display:none;}
        .visual .mobile{display:block;}
        .visual .li.n1::after{display:none;}
        .visual .li.n2::after{display:none;}
        .visual .li.n3::after{display:none;}
        .visual .li.n4::after{display:none;}
        .visual .li{padding-top:0 !important;}
        .visual .control{margin-top:-35px;}
        .visual .dots{bottom:0;}
    }


/*이벤트*/
.row2{min-height:900px;padding:240px 0 0 0 ;background: none center top no-repeat;background-size:cover;}
.row2 .row_tit{margin-bottom:10px;padding-top:145px;font-size:38px;color:#a59298;}
.row2 .wrap{width:100%;max-width:100%;}
.main_event{position:relative;}
.main_event .txt{position:absolute;left:50%;top:0;margin-left:-700px;}
.main_event .txt .desc{margin-bottom:150px;}
.main_event .event_thumb{position:absolute;width:calc(50% + 550px);left:50%;top:0px;margin-left:-430px;overflow: hidden;}
.main_event .event_thumb .inner{position:relative;width:100%;}
.main_event .event_thumb .li{margin:30px 10px;transition: 0.2s;border-radius: 15px;overflow: hidden;}
.main_event .event_thumb .li a{display:block;width:100%;height:100%;}
.main_event .view{position:absolute;width:100px;left:50%;margin-left:600px;top:-15px;font-family:'VITRO_PRIDE';font-size:18px;color:#444;}
.main_event .control{position:relative;width:120px;height:58px;}
.main_event .slick-arrow{display:block; position:absolute; top:0; bottom:0; z-index:1000; width:57px; height:58px; margin-top:auto; margin-bottom:auto;background:none;}
.main_event .slick-arrow:before{display:block; position:absolute; top:0; bottom:0; width:57px; height:58px; margin-top:auto; margin-bottom:auto; background-image:url('../images/main/event_arrow.jpg'); background-repeat:no-repeat; background-size:200 100%; content:'';transition: 0.2s;}
.main_event .slick-arrow:hover:before{background-image:url('../images/main/event_arrow_hover.jpg');}
.main_event .prev{left:0;}
.main_event .prev:before{left:0px; background-position:left center;}
.main_event .next{right:0;}
.main_event .next:before{right:0px; background-position:right center;}
    @media all and (min-width:1921px){
        .main_event .event_thumb .li img{width:100%;}
    }
    @media all and (min-width:769px){
        .main_event .event_thumb .li:hover{transform: scale(1.1);margin:30px 20px;box-shadow:rgba(0,0,0,0.4) 10px 10px 20px;}
    }
    @media all and (max-width:1400px){
        .row2{min-height:800px;padding:190px 0 0 0 ;}
        .row2 .row_tit{padding-top:50px;}
        .main_event .txt{margin-left:-500px;}
        .main_event .txt .desc{margin-bottom:90px;}
        .main_event .event_thumb{width:calc(50% + 350px);margin-left:-230px;}
        .main_event .view{margin-left:400px;}
    }
    @media all and (max-width:1000px){
        .main_event .txt{margin-left:-350px;}
        .main_event .event_thumb{width:calc(50% + 200px);margin-left:-80px;}
        .main_event .view{margin-left:100px;}
    }
    @media all and (max-width:768px){
    .row2{min-height:auto;padding:80px 0 80px 0 ;}
    .row2 .row_tit{font-size:30px;padding-top:0px;}
    .main_event .txt{position:relative;margin-left:0;left:auto;}
    .main_event .txt .desc{font-size:16px;margin-bottom:30px;}
    .main_event .event_thumb{position:relative;width:100%;left:auto;margin-left:0;}
    .main_event .event_thumb .li{margin-left:5px;margin-right:5px;}
    .main_event .view{left:auto;right:0;margin-left:0;top:160px;}
    .main_event .control{width:95px;height:45px;}
    .main_event .slick-arrow{width:45px;height:45px;}
    .main_event .slick-arrow:before{width:45px;height:45px;background-size:200% 100%;}
}


/*AND특화수술*/
.row3{margin:140px 0 210px 0;}
.row3 .row_tit{margin-bottom:25px;font-size:38px;color:#a59298;}
.pro{position:relative;font-size:0;line-height:0;}
.pro .box{display:inline-block;width:50%;height:302px;vertical-align:top;backgorund-size:auto 100%;}
.pro .box.n1{background: none center center no-repeat;}
.pro .box.n2{background: none center center no-repeat;}
.pro .box.n3{background: none center center no-repeat;}
.pro .box.n4{background: none center center no-repeat;}
.pro .box .link{position:relative;display:block;width:100%;height:100%;padding:60px 0 0 55px;z-index: 10;transition: 0.2s;}
.pro .box .link:hover{box-shadow:rgba(0,0,0,0.6) 10px 10px 20px;}
.pro .box .only{display:inline-block;padding:5px 10px;border-radius:30px;font-size:16px;color:#fff;line-height:1;}
.pro .box.n1 .only{background:#6b7ea1;}
.pro .box.n2 .only{background:#917a69;}
.pro .box.n3 .only{background:#999797;}
.pro .box.n4 .only{background:#ba8770;}
.pro .box .subject{margin:15px 0 95px 0;font-size:32px;color:#444;line-height:1.4;letter-spacing: -1px;}
.pro .box .view{position:relative;display:inline-block;padding:0 2px 2px 2px;font-family: 'VITRO_PRIDE';font-size:18px;line-height:1.4;}
.pro .box .view::after{position:absolute;width:100%;height:1px;left:0;bottom:0;content:'';}
.pro .box.n1 .view{color:#6b7ea1;}
.pro .box.n1 .view::after{background:#6b7ea1;}
.pro .box.n2 .view{color:#9d8878;}
.pro .box.n2 .view::after{background:#9d8878;}
.pro .box.n3 .view{color:#999797;}
.pro .box.n3 .view::after{background:#999797;}
.pro .box.n4 .view{color:#c19581;}
.pro .box.n4 .view::after{background:#c19581;}
    @media all and (max-width:1000px){
        .pro .box{height:200px;}
        .pro .box .link{padding:30px 0 0 30px;}
        .pro .box .only{font-size:13px;}
        .pro .box .subject{margin:15px 0 40px 0;font-size:23px;}
        .pro .box .view{font-size:16px;}
        .row3{margin-bottom:100px;}
    }
    @media all and (max-width:768px){
        .row3{margin-bottom:80px;}
        .row3 .row_tit{margin-bottom:20px;font-size:30px;}
        .pro .box.n3{background-position: center right -140px;}
    }
    @media all and (max-width:640px){
    .pro .box{display:block;width:100%;height:170px;margin-bottom:5px;}
    .pro .box.n1{background-position: center center ;}
    .pro .box.n2{background-position: center top 18%;}
    /*.pro .box.n4{background-position: center top 10%;}*/
    .pro .box.n3{background-position: center right calc(50% + 40px);}
    .pro .box .link{padding:25px 0 0 25px;}
    .pro .box .subject{margin:15px 0 30px 0;font-size:20px;}
    .pro .box .view{font-size:15px;}
}



/* 메인 의사소개_250926 */
.row4{position:relative;}
.main_doctor_new{text-align:center;}
.main_doctor_new .intro .title {font-size:27px;line-height:1.3;color:#262626;word-break:keep-all;letter-spacing:-0.02em;}
.main_doctor_new .intro .title strong {font-weight:800;}
.main_doctor_new .intro .desc {margin-top:25px;font-size:18px;line-height:1.4;color:#262626;word-break:keep-all;text-wrap:balance;}
.main_doctor_new .group {position:relative;height:620px;margin-top:40px;}
.main_doctor_new .group::before {position:absolute;width:100vw;height:100%;left:50%;top:0;transform:translateX(-50%);content:'';background:url('../images/main/main_doctor_bg.jpg') no-repeat center center / cover;}
.main_doctor_new .doctor_img {position:relative;width:100%;height:100%;}
.main_doctor_new .doctor_img img{position:absolute;display:block;left:50%;bottom:0;transform:translateX(-50%);}
.main_doctor_new .doctor_img img.m_img{display:none;}
.main_doctor_new .ul {position:absolute;width:100%;max-width:806px;left:50%;bottom:30px;transform:translateX(-50%);display:flex;gap:22px;}
.main_doctor_new .li {flex:1;padding:45px 15px;border-radius:24px;background:rgba(255,255,255,0.85);box-shadow:10px 40px 40px rgba(0,0,0,0.1);}
.main_doctor_new .li .title {font-size:34px;line-height:1;color:#1f1f1f;font-weight:700;letter-spacing:-0.02em;}
.main_doctor_new .li .anchor {display:flex;justify-content:space-between;align-items:center;width:200px;border-radius:8px;height:43px;margin:20px auto 0;padding:10px 15px;font-size:16px;color:#fff;background:#03c75a;transition:0.3s;}
.main_doctor_new .li .anchor:is(:hover,:focus,:active) {background:#03ad4f;}
.main_doctor_new .li .anchor span {margin-top:-2px;}
.main_doctor_new .li .anchor .arrow {height:12px;}
@media all and (max-width:1400px){
    .main_doctor_new .group{height:530px;}
}
@media all and (max-width:1280px){
    .main_doctor_new .intro .desc{margin-top:20px;}
    .main_doctor_new .group{height:380px;margin-top:30px;}
    .main_doctor_new .li {padding:30px 10px;}
}
@media all and (max-width:1000px){
    .main_doctor_new .doctor_img img.pc_img{display:none;}
    .main_doctor_new .doctor_img img.m_img{display:block;max-width:none;}
    .main_doctor_new .ul{gap:15px;max-width:700px;}
    .main_doctor_new .li{padding:25px 10px; border-radius:20px;}
    .main_doctor_new .li .title{font-size:28px;}
    .main_doctor_new .li .anchor{height:40px;}
}
@media all and (max-width:768px){
    .main_doctor_new .intro .desc{margin-top:10px;}
}
@media all and (max-width:640px){
    .main_doctor_new .intro .title{font-size:24px;}
    .main_doctor_new .intro .desc{font-size:16px;}
    .main_doctor_new .doctor_img{height:250px; overflow: hidden;}
    .main_doctor_new .doctor_img img.m_img{position:relative; width:500px; left:auto; bottom:auto; transform: translateX(0); max-height:none; margin:0 auto; max-width:100%;}
    .main_doctor_new .group{height:auto; padding-top:10px; padding-bottom:25px;}
    .main_doctor_new .ul{position:relative; left:auto; bottom:auto; padding-left:30px; padding-right:30px; transform: translateX(0); gap:0; background:rgba(255,255,255,0.85); box-shadow: 10px 40px 40px rgba(0,0,0,0.1); border-radius:20px;}
    .main_doctor_new .li{background:none; box-shadow: none;}
    .main_doctor_new .li .title{font-size:25px;}
    .main_doctor_new .li .title span{font-size:18px;}
    .main_doctor_new .li .desc .m_br{display:block;}
}
@media all and (max-width:550px){
    .main_doctor_new .doctor_img{height:auto;}
    .main_doctor_new .ul{display:block;}
    .main_doctor_new .li .desc .m_br{display:none;}
    .main_doctor_new .li:nth-child(2){padding-top:0;}
    .main_doctor_new .li .title{font-size:22px;}
    .main_doctor_new .li .anchor{margin-top:10px;}
}





/*youtube*/
.row5{padding:170px 0 40px 0;background: none center center no-repeat;background-size:100% auto}
.main_youtube .row_tit{margin:25px 0 40px 0;font-family: 'VITRO_PRIDE';font-size:70px;color:#a59298;line-height:1.2;}
.main_youtube .row_tit span{color:#69535a;}
.main_youtube .view{margin-top:60px;}
.main_youtube .player{position:absolute;right:0;top:0;}
.main_youtube .playlist{margin-top:110px;}
.main_youtube .playlist .li{margin:0 5px;cursor: pointer;}
.main_youtube .playlist.slide_style .slick-arrow{margin-top:45px;}
@media all and (max-width:1400px){
    #you_con .player .player_wrap iframe{width:600px !important;height:337px !important;}
    .main_youtube .playlist{margin-top:40px;}
}
@media all and (max-width:1000px){
    #you_con .player .player_wrap iframe{display:block;margin-left:auto;margin-right:auto;}
    .main_youtube .txt{text-align:center;}
    .main_youtube .txt .logo img{width:150px;}
    .main_youtube .row_tit{font-size:40px;margin:15px 0 25px 0;}
    .main_youtube .row_tit br{display:none;}
    .main_youtube .player{position:relative;right:0;top:0;}
    .main_youtube .view{margin:25px 0 25px 0;}
}
@media all and (max-width:768px){
    .row5{padding:100px 0 60px 0;}
    .main_youtube .row_tit{font-size:30px;}
    .main_youtube .txt .desc{font-size:16px;}
}
@media all and (max-width:640px){
    #you_con .player .player_wrap iframe{width:400px !important;height:225px !important;}
    .main_youtube .playlist{margin-top:20px;}
}
@media all and (max-width:420px){
    #you_con .player .player_wrap iframe{width:350px !important;height:200px !important;}
}
@media all and (max-width:370px){
    #you_con .player .player_wrap iframe{width:320px !important;height:180px !important;}
}


/*이미지 변경*/
.player_wrap{position:relative;}
.player_wrap::after{ display:none; position:absolute; width:100%; height:100%; left:0; top:0; content:''; background:url('/theme/and/images/main/main_youtube_player.jpg') no-repeat center center / contain; z-index: 60;}
.player .ytp-cued-thumbnail-overlay-image{background:url('/theme/and/images/main/main_youtube_player.jpg') no-repeat center center / contain !important;}


/*real_shorts*/
.row6{position:relative;padding:100px 0 70px 0;background:#f7f6f7;}
.row6 .row_tit{position:relative;margin-bottom:20px;padding-left:45px;font-size:38px;color:#a59298;line-height:45px;}
.row6 .row_tit::after{position:absolute;width:34px;height:45px;left:0;top:0;content:'';background: url('/theme/and/images/main/real_tit_icon.png') center center no-repeat;}
.real_shorts{position:relative;}
.real_shorts .ul .li{margin:0 5px;}
.real_shorts .ul .li a{display:block;width:100%;height:100%;}
.real_shorts .view{position:absolute;right:10px;top:-40px;font-family: 'VITRO_PRIDE';font-size:18px;color:#444;}
.real_shorts.slide_style .slick-arrow{margin-top:210px;}
@media all and (max-width:768px){
    .row6 .row_tit{font-size:30px;}
}


/*bna*/
.row7{padding-top:180px;text-align:center;background: none top center no-repeat;background-size:100% auto;}
.row7 .row_tit{width:370px;height:80px;margin:0 auto 20px auto;font-size:38px;color:#a59298;line-height:80px;border-radius:100%;background:#fff;border:2px solid #a59298;}
.bna_photo .ul{max-width:1920px;margin:35px auto 0 auto;font-size:0;line-height:0;}
.bna_photo .ul .li{display:inline-block;width:calc((100% - 30px)/6);height:438px;margin-right:6px;margin-bottom:6px;}
.bna_photo .ul .li:nth-child(6n){margin-right:0;}
.bna_photo .ul .li .cover{position:relative;display:block;width:100%;height:100%;transition: 0.2s;}
.bna_photo .ul .li .cover::after{position:absolute;width:100%;height:100%;left:0;top:0;content:'';background:rgba(166,124,137,0.8);z-index: 5;transition: 0.2s;opacity:0;}
.bna_photo .ul .li .cover::before{position:absolute;width:1px;height:180px;right:75px;top:-40px;content:'';background:#fff;z-index: 10;transition: 0.3s;opacity:0;}
.bna_photo .ul .li .cover .view{position:absolute;right:0;top:80px;font-family: 'VITRO_PRIDE';font-size:20px;color:#fff;transform: rotate( -270deg );z-index: 10;transition: 0.3s;opacity:0;}
.bna_photo .ul .li .cover:hover::after{opacity:1;}
.bna_photo .ul .li .cover:hover::before{top:0;opacity:1;}
.bna_photo .ul .li .cover:hover .view{top:120px;opacity:1;}
.bna_photo .ul .li.n1{background: none center center no-repeat;background-size:cover;}
.bna_photo .ul .li.n2{background: none center center no-repeat;background-size:cover;}
.bna_photo .ul .li.n3{background: none center center no-repeat;background-size:cover;}
.bna_photo .ul .li.n4{background: none center center no-repeat;background-size:cover;}
.bna_photo .ul .li.n5{background: none center center no-repeat;background-size:cover;}
.bna_photo .ul .li.n6{background: none center center no-repeat;background-size:cover;}
.bna_photo .ul .li.n7{background: none center center no-repeat;background-size:cover;}
.bna_photo .ul .li.n8{background: none center center no-repeat;background-size:cover;}
.bna_photo .ul .li.n9{background: none center center no-repeat;background-size:cover;}
.bna_photo .ul .li.n10{background: none center center no-repeat;background-size:cover;}
.bna_photo .ul .li.n11{background: none center center no-repeat;background-size:cover;}
.bna_photo .ul .li.n12{background: none center center no-repeat;background-size:cover;}
@media all and (max-width:1400px){
    .bna_photo .ul .li{height:300px;}
}
@media all and (max-width:1280px){
    .bna_photo .ul .li{height:250px;}
}
@media all and (max-width:1000px){
    .bna_photo .ul .li{width:calc((100% - 12px)/3);}
    .bna_photo .ul .li:nth-child(3n){margin-right:0;}
    .bna_photo .ul .li.n10{display:none;}
    .bna_photo .ul .li.n11{display:none;}
    .bna_photo .ul .li.n12{display:none;}
}
@media all and (max-width:768px){
    .row7{padding-top:80px;background-size:cover;}
    .row7 .row_tit{width:320px;font-size:30px;height:70px;line-height:70px;}
    .row7 .desc{font-size:16px;}
    .bna_photo .ul .li{height:230px;}
}
@media all and (max-width:640px){
    .bna_photo .ul .li{height:180px;}
}
@media all and (max-width:400px){
    .bna_photo .ul .li{height:150px;}
}



/*contact*/
.row8{position:relative;margin:210px 0;}
.row8::after{position:absolute;width:110px;height:110px;right:50%;margin-right:-950px;bottom:0;content:'';background:#f7f6f7;}
.contact.circle_spin::after{right:auto;left:-100px;}
.contact{height:595px;font-size:0;line-height:0;}
.contact .map{display:inline-block;width:860px;height:595px;vertical-align: top;}
.contact .map .root_daum_roughmap{width:100%;}
.contact .map .root_daum_roughmap .wrap_map{height:595px;}
.contact .map .root_daum_roughmap .wrap_controllers{display:none;}
.contact .map .roughmap_maker_label .roughmap_lebel_text{display:none;}
.contact .map .roughmap_maker_label:after{display:none;}
.contact .info{display:inline-block;width:calc(100% - 860px);height:100%;padding:120px 20px 0 32px;border-top-right-radius:350px;background:#f7f6f7;vertical-align: top;}
.contact .info .title{margin-bottom:40px;font-family: 'VITRO_PRIDE';font-size:31px;color:#a59298;line-height:1.4;}
.contact .info .dl{margin-bottom:20px;font-size:0;line-height:0;}
.contact .info .dl:last-child{margin-bottom:0;}
.contact .info .dt{position:relative;display:inline-block;width:130px;font-size:18px;padding-left:35px;color:#444;line-height:1.7;vertical-align: top;}
.contact .info .dt::after{position:absolute;width:25px;height:24px;left:0;top:4px;content:'';background: url('/theme/and/images/main/contact_sprite.png') no-repeat;background-size:400% 100%;}
.contact .info .dl.tel .dt::after{background-position:left center;}
.contact .info .dl.kakao .dt::after{background-position:33.3333% center;}
.contact .info .dl.time .dt::after{background-position:66.6666% center;}
.contact .info .dl.add .dt::after{background-position:right center;}
.contact .info .dd{display:inline-block;width:calc(100% - 130px);font-size:18px;color:#444;line-height:1.7;vertical-align: top;}
.contact .info .dd .color{color:#a59298;}
@media all and (max-width:1400px){
    .contact .map{width:600px;}
    .contact .info{width:calc(100% - 600px);}
}
@media all and (max-width:1280px){
    .contact .map{width:450px;}
    .contact .info{width:calc(100% - 450px);}
}
@media all and (max-width:1000px){
    .row8{margin:180px 0 80px 0;}
    .contact{height:auto;}
    .contact .map{display:block;width:100%;height:400px;}
    .contact .map .root_daum_roughmap .wrap_map{height:400px;}
    .contact .info{display:block;width:100%;border-radius:0;padding:60px 40px 30px 40px;}
}
@media all and (max-width:640px){
    .contact .map{height:300px;}
    .contact .map .root_daum_roughmap .wrap_map{height:300px;}
    .contact .info{padding:40px 25px 30px 25px;}
    .contact .info .title{font-size:28px;margin-bottom:25px;}
    .contact .info .dl{margin-bottom:12px;}
    .contact .info .dt{width:110px;font-size:16px;}
    .contact .info .dd{width:calc(100% - 110px);font-size:16px;word-break: keep-all;}
}
/*이벤트*/
.row2.wd-bg-ready{background-image:url('/theme/and/images/main/event_bg.jpg');}

.pro .box.n1.wd-bg-ready{background-image:url('/theme/and/images/main/pro_01.jpg');}

.pro .box.n2.wd-bg-ready{background-image:url('/theme/and/images/main/pro_02.jpg');}

.pro .box.n3.wd-bg-ready{background-image:url('/theme/and/images/main/pro_03.jpg');}

.pro .box.n4.wd-bg-ready{background-image:url('/theme/and/images/main/pro_04.jpg');}

.main_doctor_new .group.wd-bg-ready::before{background-image:url('../images/main/main_doctor_bg.jpg');}

/*youtube*/
.row5.wd-bg-ready{background-image:url('/theme/and/images/main/main_youtube_bg.jpg');}

/*bna*/
.row7.wd-bg-ready{background-image:url('/theme/and/images/main/bna_photo_bg.jpg');}

.bna_photo .ul .li.n1.wd-bg-ready{background-image:url('/theme/and/images/main/bna_photo01.jpg');}

.bna_photo .ul .li.n2.wd-bg-ready{background-image:url('/theme/and/images/main/bna_photo02.jpg');}

.bna_photo .ul .li.n3.wd-bg-ready{background-image:url('/theme/and/images/main/bna_photo03.jpg');}

.bna_photo .ul .li.n4.wd-bg-ready{background-image:url('/theme/and/images/main/bna_photo04.jpg');}

.bna_photo .ul .li.n5.wd-bg-ready{background-image:url('/theme/and/images/main/bna_photo05.jpg');}

.bna_photo .ul .li.n6.wd-bg-ready{background-image:url('/theme/and/images/main/bna_photo06.jpg');}

.bna_photo .ul .li.n7.wd-bg-ready{background-image:url('/theme/and/images/main/bna_photo07.jpg');}

.bna_photo .ul .li.n8.wd-bg-ready{background-image:url('/theme/and/images/main/bna_photo08.jpg');}

.bna_photo .ul .li.n9.wd-bg-ready{background-image:url('/theme/and/images/main/bna_photo09.jpg');}

.bna_photo .ul .li.n10.wd-bg-ready{background-image:url('/theme/and/images/main/bna_photo10.jpg');}

.bna_photo .ul .li.n11.wd-bg-ready{background-image:url('/theme/and/images/main/bna_photo11.jpg');}

.bna_photo .ul .li.n12.wd-bg-ready{background-image:url('/theme/and/images/main/bna_photo12.jpg');}


.visual{aspect-ratio:1920/715;}
.visual .pc{aspect-ratio:1920/715;}
.visual .ul:not(.slick-initialized) > .li:not(:first-child){display:none;}
@media all and (max-width:768px){
    .visual{aspect-ratio:auto;}
    .visual .ul,.visual .slick-list{height:auto;aspect-ratio:800/1000;}
    .visual .mobile{aspect-ratio:800/1000;}
}

.visual .ul:not(.slick-initialized){display:block;overflow:hidden;height:auto;aspect-ratio:1920/715;}
.visual .ul:not(.slick-initialized) > .li{height:auto;}
.visual .ul:not(.slick-initialized) > .li:not(:first-child){display:none;}
.visual .ul:not(.slick-initialized) .pc{display:block;aspect-ratio:1920/715;}
.visual .ul:not(.slick-initialized) .mobile{display:none;}
.visual .ul:not(.slick-initialized) img{display:block;width:100%;height:auto;}
.main_event .ul:not(.slick-initialized),
#you_con .playlist .ul:not(.slick-initialized),
.real_shorts .ul:not(.slick-initialized){display:flex;flex-wrap:nowrap;align-items:flex-start;overflow:hidden;}
.main_event .ul:not(.slick-initialized){--event-columns:4;--event-margins:20px;}
.main_event .ul:not(.slick-initialized) > .li{display:block;flex:0 0 auto;width:calc(100% / var(--event-columns) - var(--event-margins));width:calc(round(up, 100% / var(--event-columns), 1px) - var(--event-margins));margin:30px 10px;}
#you_con .playlist .ul:not(.slick-initialized),
.real_shorts .ul:not(.slick-initialized){--preview-columns:5;}
#you_con .playlist .ul:not(.slick-initialized) > .li,
.real_shorts .ul:not(.slick-initialized) > .li{display:block;flex:0 0 auto;width:calc(100% / var(--preview-columns) - 10px);width:calc(round(up, 100% / var(--preview-columns), 1px) - 10px);margin:0 5px;}
#you_con .playlist .ul:not(.slick-initialized) .list_img{aspect-ratio:320/180;}
@media all and (width < 1400px){
    .main_event .ul:not(.slick-initialized){--event-columns:3;}
}
@media all and (width < 1000px){
    .main_event .ul:not(.slick-initialized){--event-columns:2;}
    #you_con .playlist .ul:not(.slick-initialized),
    .real_shorts .ul:not(.slick-initialized){--preview-columns:4;}
}
@media all and (max-width:768px){
    .visual .ul:not(.slick-initialized){aspect-ratio:800/1000;}
    .visual .ul:not(.slick-initialized) .pc{display:none;}
    .visual .ul:not(.slick-initialized) .mobile{display:block;aspect-ratio:800/1000;}
    .main_event .ul:not(.slick-initialized){--event-margins:10px;}
    .main_event .ul:not(.slick-initialized) > .li{margin-right:5px;margin-left:5px;}
}
@media all and (width < 640px){
    #you_con .playlist .ul:not(.slick-initialized),
    .real_shorts .ul:not(.slick-initialized){--preview-columns:3;}
}
@media all and (width < 400px){
    .real_shorts .ul:not(.slick-initialized){--preview-columns:2;}
}

.main_event .event_thumb .lt_img[style]{height:auto;}
