/* 아티크의원 소개 */



.sub11 section{padding: 145px 0;}
.sub11 section .comm_box{display: flex; flex-direction: column; align-items: center; gap: 16px;}
.sub11 section .comm_box .top { gap: 21px; display: flex; flex-direction: column; color: #424141; text-align: center; font-family: 'Yu Gothic'; font-size: 1.063rem; font-style: normal; font-weight: 500; line-height: 1.64;}
.sub11 section .comm_box .top h3{text-align: center; font-family: "EB Garamond"; font-size: 1.438rem; font-style: normal; font-weight: 500; line-height: normal;}
.sub11 section .comm_box .top h4{text-align: center; font-family: 'Yu Gothic'; font-size: 2.5rem; font-style: normal; font-weight: 500; line-height: normal;}
.sub11 section .comm_box p{text-align: center; font-family: 'Yu Gothic'; font-size: 1.063rem; font-style: normal; font-weight: 500; line-height: 1.6;}
#sub11_sect01{position: relative; margin-top: 100px; display: flex; width: 100%; flex-direction: column; align-items: center; background: #866D69;}
#sub11_sect01 .inner{display: flex; flex-direction: column; align-items: center; gap: 80px; width: 100%; max-width: 1104px; margin: 0 auto;}
#sub11_sect01 .inner .top_box{display: flex; flex-direction: column; align-items: center; gap: 44px;}
#sub11_sect01 .inner .top_box h3{color: #FFF; text-align: center; font-family: 'Yu Gothic'; font-size: 2.188rem; font-style: normal; font-weight: 600; line-height: 1.7;}
#sub11_sect01 .inner .center_box{ max-width: 100%; width: 1104px; height: 465px; overflow: hidden; z-index: 10;}
#sub11_sect01 .inner .center_box img { transition: .8s;}
#sub11_sect01:after{ display: inline-block; content: ""; height: 1px; width: 100%; background: #A28A85; position: absolute; top: 50%; transform: translateY(-50px);}
#sub11_sect01 .inner .center_box:hover img { transform: scale(1.07);}
#sub11_sect01 .inner .bottom_box{display: flex; width: 100%; flex-direction: column; align-items: center; gap: 22px;}
#sub11_sect01 .inner .bottom_box h4{color: #fff; font-family: "Hiragino Sans", "Yu Gothic"; font-size: 2.875rem; font-style: normal; font-weight: 500; line-height: normal;}
#sub11_sect01 .inner .bottom_box p{color: #FFF; text-align: center; font-family: 'Yu Gothic'; font-size: 1.063rem; font-style: normal; font-weight: 500; line-height: 1.6; }
#sub11_sect02{display: flex; flex-direction: column; gap: 99px; text-align: center;}
#sub11_sect02 .comm_box .top h4{font-family: "EB Garamond"}
#sub11_sect02 img{width: 100%;}
#sub11_sect02 .inner{padding-bottom: 106px; position: relative; max-width: 1920px; margin: 0 auto; width: 100%;}
#sub11_sect02 .inner .gall_pagination{top: auto; max-width: 197px; height: 5px; width: 100%; margin: 0 auto; background: rgba(217, 217, 217, 0.30); border-radius: 30px; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%);}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background: #A28A85!important;}
#sub11_sect03{background: #866D69; display: flex; flex-direction: column; gap: 99px;}
#sub11_sect03 .comm_box .top h3{color: #fff;}
#sub11_sect03 .comm_box .top h4{color: #fff;}
#sub11_sect03 .comm_box p{color: #fff;}
#sub11_sect03 .inner{display: flex; width: 100%; margin: 0 auto; max-width: 1176px; flex-direction: column; align-items: flex-start; gap: 70px;}
#sub11_sect03 .inner article{display: flex; align-items: center;}
#sub11_sect03 .inner article .right_cont .txt_box{display: flex; padding-left: 84px; padding-bottom: 42px; gap: 21px;  flex-direction: column;}
#sub11_sect03 .inner article .left_cont .txt_box{display: flex; padding-left: 64px; padding-bottom: 42px; gap: 21px;  flex-direction: column;}
#sub11_sect03 .inner article .txt_box{border-bottom: 1px solid #fff;}
#sub11_sect03 .inner article .txt_box h3{color: #fff; font-family: "EB Garamond"; font-size: 2.5rem; font-style: normal; font-weight: 500; line-height: normal;}
#sub11_sect03 .inner article .txt_box p{color: #FFF; font-family: 'Yu Gothic'; font-size: 1.063rem; font-style: normal; font-weight: 500; line-height: 1.6;}


/* 오시는 길 */
#sub14_sect01{width: 100%; height: 500px; display: flex; justify-content: center; align-items: center; background: url(../sub/img/sub14_visual.png) center center / cover no-repeat;}
#sub14_sect01 h3{color: #FFF; text-align: center; font-family: 'Yu Gothic'; font-size: 2.188rem; font-style: normal; font-weight: 600; line-height: normal;}
#sub14_sect02{padding: 145px 0 175px;  }
#sub14_sect02 .inner{width: 100%; max-width: 1440px; display: flex; align-items: center; margin: 0 auto; justify-content: space-between; }
#sub14_sect02 .text_box{display: flex; flex-direction: column; align-items: flex-start; gap: 40px;}
#sub14_sect02 .text_box h3{color: #A28A85; font-family: 'Yu Gothic'; font-size: 2.5rem; font-style: normal; font-weight: 700; line-height: normal;}
#sub14_sect02 .info_box ul{display: flex; flex-direction: column; align-items: flex-start; gap: 48px;}
#sub14_sect02 .info_box .time ul{gap: 17px;}
#sub14_sect02 .info_box ul li{display: flex; align-items: flex-start; gap: 19px;}
#sub14_sect02 .info_box h4{color: #A28A85; font-family: 'Yu Gothic'; font-size: 1.063rem; font-style: normal; font-weight: 700; line-height: 2.8;}
#sub14_sect02 .info_box > ul> li:last-child h4{line-height: 1.7;}
#sub14_sect02 .phone{color: #424141; font-family: "EB Garamond"; font-size: 2rem; font-style: normal; font-weight: 400; line-height: normal; letter-spacing: 0.96px;}
#sub14_sect02 .btn_wrap{display: flex; align-items: center; gap: 11px;}
#sub14_sect02 .btn_wrap a{width: 139px; height: 49px; color: #fff;font-family: 'Yu Gothic'; font-size: 0.875rem; font-style: normal; font-weight: 600; line-height: 2; letter-spacing: 0.28px;}
#sub14_sect02 .btn_wrap a:first-child{border-radius: 4px; background: #FFE812; display: flex; align-items: center; justify-content: center;}
#sub14_sect02 .btn_wrap a:last-child{border-radius: 4px; background: #02C75A; display: flex; align-items: center; justify-content: center; gap: 8px;}
#sub14_sect02 .time{display: flex; flex-direction: column; gap: 17px;}
#sub14_sect02 .time li{display: flex; align-items: center; gap: 19px; align-self: stretch;}
#sub14_sect02 .time h5{color: #424141; font-family: 'Yu Gothic'; font-size: 1.25rem; font-style: normal; font-weight: 700; line-height: 1.4;}
#sub14_sect02 .time p{color: #424141; font-family: 'Yu Gothic'; font-size: 1.25rem; font-style: normal; font-weight: 500; line-height: 1.4; letter-spacing: 0.4px;}
#sub14_sect02 .time p.last_txt{color: #A8A8A8; font-family: 'Yu Gothic'; font-size: 1.063rem; font-style: normal; font-weight: 500; line-height: 1.8; }
#sub14_sect02 .img_box{position: relative;}
#sub14_sect02 .img_box .img02{position: absolute; right: -85px; bottom: -32px;}
#sub14_sect03{padding: 145px 0; background: #866D69;}
#sub14_sect03 .inner{width: 100%; max-width: 1440px; display: flex; flex-direction: column; align-items: start; margin: 0 auto; justify-content: space-between; gap: 62px;}
#sub14_sect03 .inner .top_box{display: flex; flex-direction: column; align-items: flex-start; gap: 40px;}
#sub14_sect03 .inner .top_box h3{color: #FFF; font-family: 'Yu Gothic'; font-size: 2.5rem; font-style: normal; font-weight: 700; line-height: normal;}
#sub14_sect03 .inner .top_box h3 span{font-size: 1.625rem;}
#sub14_sect03 .inner .top_box p{display: flex; align-items: center; color: #FFF; font-family: 'Yu Gothic'; font-size: 1.063rem; font-style: normal; font-weight: 700; line-height: 1.6; gap: 40px;}
#sub14_sect03 .inner .top_box p span:last-child{font-weight: 500;}
#sub14_sect03 .inner .bottom_box{width: 100%;} 
#sub14_sect03 .inner .img_box{width: 100%;} 
#sub14_sect03 .inner .btn_wrap{display: flex; align-items: center; gap: 12px; justify-content: center; margin-top: 20px;}
#sub14_sect03 .inner .btn_wrap a{border-radius: 4px; border: 1px solid #E9E9E9; background: #F6F6F6; width: 142px; height: 49px; display: flex; justify-content: center; align-items: center; gap: 6px; color: #171717; font-family: 'Yu Gothic'; font-size: 0.875rem; font-style: normal; font-weight: 500; line-height: 2; letter-spacing: 0.28px;}

@media (max-width: 1024px){

    .sub11 section .comm_box{gap: 2vw;}
    .sub11 section .comm_box .top{gap: 3vw;}
    #sub11_sect01{padding: 22vw 5%;}
    #sub11_sect02{padding: 22vw 0; gap: 10vw;}
    #sub11_sect03{padding: 22vw 5%; gap: 10vw;}
    #sub11_sect01:after{transform: translateY(0);}
    #sub11_sect01 .inner .top_box img{width: 30vw;}
    #sub11_sect01 .inner{flex-wrap: wrap; gap: 10vw;}
    #sub11_sect01 .inner .center_box{height: auto;}
    #sub11_sect01 .inner .top_box{gap: 5vw;}
    #sub11_sect01 .inner .bottom_box{gap: 2vw;}
    #sub11_sect02 .inner{flex-wrap: wrap; padding-bottom: 5vw;}
    #sub11_sect03 .inner{flex-wrap: wrap; gap: 10vw;}
    #sub11_sect03 .inner article{flex-wrap: wrap;}
    #sub11_sect03 .inner article .right_cont{width: 100%;}
    #sub11_sect03 .inner article .left_cont{width: 100%;}
    #sub11_sect03 .inner article .right_cont .txt_box{width: 100%; padding: 3vw;}
    #sub11_sect03 .inner article .left_cont .txt_box{width: 100%; padding: 3vw;}
    #sub11_sect03 .inner article:nth-child(2) .left_cont{order: 2;}
    #sub11_sect03 .inner article:nth-child(2) .right_cont{order: 1;}
    #sub14_sect01{height: 105vw;}
    #sub14_sect02{padding: 22vw 5%;}
    #sub14_sect03{padding: 22vw 5%;}
    #sub14_sect02 .btn_wrap{gap: 1vw;}
    #sub14_sect02 .btn_wrap a{width: 15vw; height: 6vw;}
    #sub14_sect02 .btn_wrap a:last-child{gap: 1vw;}
    #sub14_sect02 .inner{flex-wrap: wrap; gap: 10vw;}
    #sub14_sect02 .text_box{gap: 3vw;}
    #sub14_sect02 .info_box ul{gap: 3vw;}
    #sub14_sect02 .info_box ul li{gap: 5vw;}
    #sub14_sect02 .info_box .time ul{gap: 2vw;}
    #sub14_sect02 .time{gap: 3vw;}
    #sub14_sect03 .inner .top_box{gap: 5vw;}
    #sub14_sect03 .inner{gap: 5vw;}
    #sub14_sect03 .inner .top_box p{gap: 3vw;}
    #sub14_sect03 .inner .btn_wrap{margin-top: 2vw; gap: 1vw;}
    #sub14_sect03 .inner .btn_wrap a{width: 15vw; height: 6vw; gap: 1vw;}
    #sub14_sect02 .img_box .img02{width: 100%; max-width: 30vw; right: -5%; bottom: -5%;}
}
.pc_768{display: block;}
.mo_768{display: none;}
@media (max-width: 425px){
    .pc_768{display: none;}
    .mo_768{display: block;}
    #sub11_sect01 {margin-top: 60px;}
    #sub11_sect01 .inner .top_box h3{font-size: 5.5vw;}
    #sub11_sect01 .inner .bottom_box h4{font-size: 4.8vw;}
    #sub11_sect01 .inner .bottom_box p{font-size: 3.3vw;}
    .sub11 section .comm_box .top h3{font-size: 4vw;}
    .sub11 section .comm_box .top h4{font-size: 5vw;}
    #sub11_sect02 .comm_box .top h4{font-size: 4vw;}
    .sub11 section .comm_box p{font-size: 3.3vw;}
    .sub11 section#sub11_sect02 .comm_box p{font-size: 5vw;}
    #sub11_sect03 .inner article .txt_box h3{font-size: 7vw;}
    #sub11_sect03 .inner article .txt_box p{font-size: 3.3vw;}
    #sub14_sect01 h3{font-size: 6vw;}
    #sub14_sect02 .text_box h3{font-size: 5vw;}
    #sub14_sect02 .info_box h4{font-size: 3.8vw; line-height: 2.5;}
    #sub14_sect02 .phone{font-size: 6.5vw;}
    #sub14_sect02 .btn_wrap a{height: 10vw; width: 28vw; font-size: 3vw; line-height: 1;}
    #sub14_sect02 .time h5{ font-size: 3.5vw;}
    #sub14_sect02 .time p{font-size: 3.5vw;}
    #sub14_sect02 .info_box ul li .time li{align-items: center;}
    #sub14_sect02 .time p.last_txt{font-size: 3.3vw;}
    #sub14_sect03 .inner .top_box h3{font-size: 6vw; line-height: 1.3;}
    #sub14_sect03 .inner .top_box h3 span{font-size: 4vw;}
    #sub14_sect03 .inner .top_box p{font-size: 3.5vw;}
    #sub14_sect03 .inner .btn_wrap a{width: 100%; height: 10vw;}
}