/* 메인 */
#content  {width:100%; max-width: 1920px; margin: 0 auto; position:relative;}
#content .paragraph {width:100%; display:inline-block; position:relative; padding: 120px 0;}
#content .paragraph .inner {position:relative;}


/* chapter1 */
#chapter1 {width: 100%; height: 984px; padding: 0 !important;}
#chapter1 .swiper-slide {height: 984px;}
#chapter1 .swiper1 {position: relative; background: url(images/sec1_bg.jpg) no-repeat center center; background-size: cover;}
#chapter1 .swiper1 .inner {height: 984px;}
#chapter1 .swiper1 .main_tit {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 100%; color: #413831;}
.main_tit p {font-size: 2.5rem; margin-top: 2rem;}



/* chapter2 */
#chapter2 {background: no-repeat center right / contain url(images/sec2_img.png), no-repeat top / cover url(images/sec2_bg.jpg); height: 984px; display: flex; align-items: center;}



/* chapter3 */
#chapter3 {background: url(images/sec3_bg.jpg) no-repeat center center / cover;}
#chapter3 ul {display: flex; flex-wrap: wrap; gap: 100px 30px;}
#chapter3 ul li {flex: 1 0 30%; text-align: center;}
#chapter3 ul li a * {font-family: "Gowun Batang", serif; font-weight: 700; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
#chapter3 ul li a h3 {height: 130px; line-height: 130px;}
#chapter3 ul li a:hover h3 {font-size: 4.5rem; letter-spacing: 0.05em; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
#chapter3 ul li a hr {width: 100%; height: 1px; background: #4d4d4d; border: 0px; margin-bottom: 50px;}



/* chapter4 */
#chapter4 {display: flex;}
#chapter4 .chap4_img {width: 45%; position: relative;}
#chapter4 .chap4_img img {width: 100%; display: block;}
#chapter4 .chap4_img .main_clinic {max-width: 500px; padding: 0 20px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
#chapter4 .chap4_txt {display: flex; align-items: center; justify-content: center; font-family: "Gowun Batang", serif; font-weight: 700; width: 55%;; background: url(images/logo_icon.png) no-repeat right -8% bottom -8%; background-color: #fbf1e8;}
#chapter4 .chap4_txt .chap4_txt_box {padding: 50px;}
#chapter4 .chap4_txt .chap4_txt_box h2 {margin-bottom: 40px;}
#chapter4 .chap4_txt .chap4_txt_box ul li {display: flex; align-items: center; gap: 25px; padding: 5rem 0; border-bottom: 1px solid #b1a79f;}
#chapter4 .chap4_txt .chap4_txt_box ul li p {font-size: 2.4rem;}
#chapter4 .chap4_txt .chap4_txt_box ul li .txt_line {-webkit-text-stroke: 1px #413831; font-size: 3.4rem; color: #fbf1e8; white-space:nowrap;}




/* chapter5 */
#chapter5 {background: url(images/sec5_bg.jpg) no-repeat center / cover;}
#chapter5 .chap5_top {display: flex; justify-content: space-between; gap: 20px; align-items: center; font-family: "Gowun Batang", serif; font-weight: 700;}
#chapter5 .chap5_top .info_cont {height: 280px; flex: 1 0 45%; text-align: center; padding: 40px 0; border-top: 1px solid #99857d; border-bottom: 1px solid #99857d;}
#chapter5 .chap5_top .info_cont h2 {margin-top: 2rem;}
#chapter5 .chap5_top .info_cont h3 {font-size: 3.4rem;}
#chapter5 .chap5_top .info_cont.phone h3 {margin-top: 3rem;}
#chapter5 .chap5_top .info_cont.time {display: flex; justify-content: space-evenly;}
#chapter5 .chap5_top .info_cont .info_desc .timetable {display: flex; gap: 25px; margin-top: 1rem;}
#chapter5 .chap5_top .info_cont .info_desc .timetable .column .day {text-align-last: justify;}
#chapter5 .chap5_top .info_cont .info_desc .timetable .column p {font-size: 2.1rem; line-height: 3rem;}
#chapter5 .chap5_top .info_cont .info_desc .holiday {font-size: 1.6rem; text-align: left; line-height: 2rem; margin-top: 1rem;}

.root_daum_roughmap .cont {display: none;}
.root_daum_roughmap .border1, .root_daum_roughmap .border3, .root_daum_roughmap .border4 {display: none;}
#chapter5 .chap5_bottom .map_txt {display: flex; justify-content: center; align-items: center; gap: 30px; padding: 20px; font-family: "Gowun Batang", serif; font-weight: 700;}
#chapter5 .chap5_bottom .map_txt h3 {font-size: 3.4rem;}
#chapter5 .chap5_bottom .map {max-width: 1200px;}





/* 미디어쿼리 반응형 */
@media (max-width: 1500px) {
    /* chapter1 */
    #content #chapter1 .swiper1 .main_tit {text-align: center;}

}

@media (max-width: 1400px) {
    /* chapter4 */
    #chapter4 .chap4_txt .chap4_txt_box h2 {margin-bottom: 20px;}
    #chapter4 .chap4_txt .chap4_txt_box ul li {padding: 2.8rem 0;}
    #chapter4 .chap4_txt .chap4_txt_box ul li .txt_line {font-size: 3rem;}
    #chapter4 .chap4_txt .chap4_txt_box ul li p {font-size: 2.2rem;}


}

@media (max-width: 1300px) {
    /* chapter1 */
    #content #chapter1,
    #content #chapter1 .swiper-slide,
    #content #chapter1 .swiper1 .inner {height: 860px;}

}

@media (max-width: 1200px) {
    /* chapter2 */
    #chapter2 {background: no-repeat top / contain url(images/sec2_img_m.png), no-repeat center left / cover url(images/sec2_bg.jpg); align-items: flex-end; height: auto;}
    #chapter2 .main_tit {text-align: center; padding-top: 90%; padding-bottom: 20%;}

    /* chapter4 */
    #chapter4 {flex-direction: column; align-items: center;}
    #chapter4 .chap4_img {width: 100%; /*height: 400px;*/}
    #chapter4 .chap4_img img {width: 100%; height: 450px; object-fit: cover; object-position: 50% 80%;}
    #chapter4 .chap4_img .main_clinic {height: auto; object-fit: unset;}
    #chapter4 .chap4_txt {width: 100%;}
}


@media (max-width: 1024px) {
    #content .paragraph {padding: 80px 0;}

    /* chapter3 */
    #chapter3 ul {gap: 70px 20px;}
    #chapter3 ul li {flex: 1 0 45%;}

    /* chapter5 */
    #chapter5 .chap5_top {flex-direction: column; gap: 0;}
    #chapter5 .chap5_top .info_cont {width: 100%; border-bottom: 0;}
    #chapter5 .chap5_top .info_cont.phone h3 {margin-top: 0;}
    #chapter5 .chap5_bottom .map_txt {flex-direction: column; gap: 10px; border-top: 1px solid #99857d; text-align: center;}
}

@media (max-width: 840px) {

}



@media (max-width: 640px) {
    /* #content .paragraph {padding: 60px 0;} */
    h2.tit {font-size: 3.8rem; line-height: 4rem;}

    /* chapter3 */
    #chapter3 ul {gap: 40px 20px;}
    #chapter3 ul li a h3 {height: 80px; line-height: 80px; font-size: 3rem;}
    #chapter3 ul li a hr {margin-bottom: 30px;}
    #chapter3 ul li a:hover h3 {font-size: 3rem; letter-spacing:-0.04em;}

    /* chapter4 */
    #chapter4 .chap4_txt {background: url(images/logo_icon.png) no-repeat right -8% bottom -8% / 50%; background-color: #fbf1e8;}
    #chapter4 .chap4_txt .chap4_txt_box {padding: 12rem 3rem;}

    /* chapter5 */
    #chapter5 .chap5_top .info_cont {}
}




@media (max-width: 480px) {
    /* chapter1 */
    #content #chapter1,
    #content #chapter1 .swiper1,
    #content #chapter1 .swiper1 .inner {height: 700px;}
    
    #chapter5 .chap5_top .info_cont.time {flex-direction: column; align-items: center;}
}