@charset "utf-8";

.main-title {
    font-size:2rem;
    color:#303030;
    line-height:1;
    font-weight:500;
}
.main-title span {
    display:block;
    line-height:1;
    margin-bottom:1rem;
    font-weight:300;
}


.main-visual {
    position:relative;
    width:100%;
    z-index:20;
}
.main-visual__slide {
    position:relative;
    width:100%;
    height:726px;
    background-size:cover;
    background-position:0 0;
    background-repeat:no-repeat;
}
.main-visual__slide.slide--bg1 {background-image:url(../imgs/main/visual/visual_img1.jpg);}
.main-visual__cont {
    position:relative;
    width:100%;
    height:726px;
    display:flex;
    flex-wrap:wrap;
    flex-direction:column;
    justify-content:center;
    padding-left:615px;
    padding-right:115px;
    text-align:center;
}
.main-visual__text1 {
    font-family: 'Chosunilbo_myungjo';
    font-weight:700;
    font-size:2.5rem;
    color:#fff;
    text-shadow: 0px 6px 7.44px rgba(0, 0, 0, 1);
}
.main-visual__title {    
    font-size:4.2rem;
    font-family: 'Chosunilbo_myungjo';
    color:#fff;
    font-weight:700;       
    text-align: center;
    text-shadow: 0px 6px 7.44px rgba(0, 0, 0, 1);
}
@media screen and (max-width:1400px) {
    .main-visual__cont {padding-left:500px;}
    .main-visual__slide {background-position:-140px 0;}
}
@media screen and (max-width:1334px) {
    .main-visual__cont {
        padding-left:430px;
        padding-right:0;
    }
}
@media screen and (max-width:1140px) {
    .main-visual__cont {padding-left:300px;}
    .main-visual__slide {background-position:-240px 0;}
}
@media screen and (max-width:960px) {
    .main-visual__slide {height:600px}
    .main-visual__cont {height:600px}
    .main-visual__slide {background-position:-200px 0;}
    .main-visual__text1 {font-size:4.5vw}
    .main-visual__title {font-size:7.5vw}
    .main-visual__cont {padding-left:0;}
}
@media screen and (max-width:560px) {
    .main-visual__text1 {font-size:5.5vw}
    .main-visual__title {font-size:8.5vw}
}

.donggyeong-info {
    position:relative;
    width:100%;
    padding-top:6rem;
    overflow:hidden;
}
.donggyeong-info::before {
    content:"";
    display:block;
    position:absolute;
    top:-439px;
    left:0;
    width:40rem;
    height:40rem;
    background-color:#e8f5f9;
    opacity:0.5;
    border-radius:50%;
}
.donggyeong-info__container {
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    align-items:flex-start;
    position:relative;
    width:100%;
}
.donggyeong-info__head {
    position:relative;
    width:299px;
}
.donggyeong-info__text {
    margin-top:1.35rem;
    font-size:0.9rem;
    color:#424242;
    line-height:1.6rem;
}
.donggyeong-info__body {
    position:relative;
    width:calc(100% - 299px);
    overflow:hidden;
}
.donggyeong-info__banner {margin:-4px;}
.donggyeong-info__items {
    position:relative;
    width:100%;
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
}
.donggyeong-info__item {
    width:25%;
    padding:4px;    
}
.donggyeong-info__link {
    display:block;
    position:relative;
    width:100%;
}
.donggyeong-info__box {
    width:100%;
    min-height:269px;
    padding:1.1rem 1.2rem;
    background-size:cover;
    background-repeat:no-repeat;
    background-position:50% 100%;
}
.donggyeong-info__box.box--bg1 {background-image:url(../imgs/main/info/info_bg1.jpg)}
.donggyeong-info__box.box--bg2 {background-image:url(../imgs/main/info/info_bg2.jpg)}
.donggyeong-info__box.box--bg3 {background-image:url(../imgs/main/info/info_bg3.jpg)}
.donggyeong-info__box.box--bg4 {background-image:url(../imgs/main/info/info_bg4.jpg)}
.donggyeong-info__text2 {
    display:block;
    font-size:0.8rem;
    color:#fff;
    line-height:1;
    text-shadow: 0px 4px 6.44px rgba(0, 0, 0, 1);
}
.donggyeong-info__title {
    display:block;
    font-size:1.5rem;
    color:#fff;
    line-height:1.3;
    text-shadow: 0px 4px 6.44px rgba(0, 0, 0, 0.99);
    font-weight:600;
}
@media screen and (max-width:1354px) {
    .donggyeong-info__head {width:259px}
    .donggyeong-info__body {width:calc(100% - 259px)}
}
@media screen and (max-width:1316px) {
    .donggyeong-info__container {flex-direction:column}
    .donggyeong-info__head {
        width:100%;
        text-align:center;
    }
    .donggyeong-info__body {
        width:100%;
        margin-top:2rem;
    }
    .donggyeong-info {padding-top:3rem;}
    .donggyeong-info::before {
        top: -569px;
        left:50%;
        transform:translateX(-50%);
    }
}
@media screen and (max-width:720px){
    .donggyeong-info::before {top: -469px;}
}
@media screen and (max-width:640px){
    .donggyeong-info__item {width:50%;}   
}
@media screen and (max-width:400px){
    .donggyeong-info__item {width:100%;}
}

.main-cs {
    position:relative;
    text-align:center;
    margin-top:3.85rem;
}
.main-cs__text {
    font-size:1rem;
    color:#424242;
    margin-top:1.5rem;
}
.main-cs__container {
    position:relative;
    margin-top:1.9rem;    
}
.main-cs__items {
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    width:100%;    
}
.main-cs__item {
    width:33.3333333333%;    
    text-align:center;
    padding-top:1.95rem; 
    padding-bottom:3.85rem;
    border-right:1px solid #dedede;
}
.main-cs__item:last-child {border-right-width:0}
.main-cs__ico {
    position:relative;
    width:6.5rem;
    height:6.5rem;
    background-size:100% auto;
    background-repeat:no-repeat;
    background-position:0 0;
    margin:0 auto;
}
.main-cs__ico.ico--bg1 {background-image:url(../imgs/main/cs/cs_ico1.png);}
.main-cs__ico.ico--bg2 {background-image:url(../imgs/main/cs/cs_ico2.png);}
.main-cs__ico.ico--bg3 {background-image:url(../imgs/main/cs/cs_ico3.png);}
.main-cs__title {
    display:block;
    font-size:1.5rem;
    color:#424242;
    font-weight:400;
    line-height:1;
    margin:0.85rem 0;
}
.main-cs__infobox {text-align:center;}
.main-cs__info {
    display:inline-block;
    text-align:left;
}
.main-cs__tel {
    font-size:1.5rem;
    color:#424242;
    line-height:1;
}
.main-cs__time {
    font-size:1rem;
    color:#424242;
    margin-top:0.8rem;
}
.main-cs__text {
    font-size:1rem;
    color:#424242;
    line-height:2rem;
}
.main-cs__btnbox {margin-top:-0.3rem;}
.main-cs__link {
    font-size:0.8rem;
    color:#99c5e8;
}
@media screen and (max-width:560px){
    .main-cs__item {
        width:100%;
        border-right-width:0;
        border-bottom:1px solid #dedede;
    }
    .main-cs__item:first-child {padding-top:0}
    .main-cs__item:last-child {border-bottom-width:0}
    .main-cs__link {font-size:1rem;}

}