body {
    color: #58596b;
}

.header_slick_img {
    width: 100%;
    height: 39.0625vw;
    max-height: 750px;
    font-size: 1rem;
    background-position: center;
    /* background-size: cover; */
    background-repeat: no-repeat;
    min-height: 527px;

}

.header_slick .slick-slide {
    max-height: 750px;
    height: 39.0625vw !important;
    min-height: 527px;
}

.header_slick_img1 {
    background-image: url(/theme/basic/img/index/header_slick_1.jpg);
}

.header_slick_img2 {
    background-image: url(/theme/basic/img/index/header_slick_2.jpg);
}

.header_slick_img3 {
    background-image: url(/theme/basic/img/index/header_slick_3.jpg);
}

.header_middle {
    position: relative;
}

.header_middle_container {
    position: absolute;
    width: 100%;
    max-width: 1350px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 10;
}

.header_middle_textbox1 {
    width: 50%;
    color: #fff;
    /* font-size: 1rem; */
    font-size: 0.5208vw;
    padding: 4em 0;
    background-color: rgba(0, 0, 0, 0.5);
    margin-top: 13em;
    margin-left: auto;
}

.header_middle_textbox2 {
    width: 88.8888%;
    color: #fff;
    font-size: 0.5208vw;
    padding: 4em 0px 4em 12em;
    margin-top: 13em;
    background-color: rgba(0, 0, 0, 0.5);
}

.header_middle_textbox1 p {
    font-family: 'OTWelcomeRA';
    font-size: 6em;
}

.header_middle_textbox2 p {
    font-family: 'OTWelcomeRA';
    font-size: 2.4em;
    line-height: 1.5em;
}

.header_middle_textbox1 p:nth-child(1) {
    padding-left: 1.333em;
}

.header_middle_textbox1 p:nth-child(2) {
    text-align: right;
}

.header_middle_textbox1 p span {
    font-family: 'Recipekorea';
    text-shadow: 0.1em 0.13em 0.01666em rgba(0, 0, 0, 0.51);

}

.header_bottom {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: 1350px;
    /* max-width: 70.3125vw; */
    margin: 0 auto;
    height: 10rem;
    font-size: 1rem;
}

.header_bottom p {
    font-size: 3em;
}

.header_bottom .vertical {
    padding: 0 1.16666em;
}

/* 섹션 디폴트값 */
.index_bg {
    width: 100%;
    background-position: center;
    /* background-size: cover; */
    background-repeat: no-repeat;
    background-image: url(/theme/basic/img/index/body_bg.jpg);
}

.index_body {
    width: 100%;
    max-width: 1350px;
    /* max-width: 70.3125vw; */
    margin: 0 auto;
    padding: 0 2.5em;
}

.section {
    font-size: 1rem;
}

.section1 {
    padding-top: 10em;
}

.section2 {
    padding-top: 9em;
}

.section3 {
    padding-top: 7em;
    padding-bottom: 11em;
}

.section_title {
    display: inline-block;
    font-size: 4.8em;
    line-height: 0.75em;
    padding-top: 0.41666em;
}

/* 섹션 디폴트값 끝 */

/* 섹션1 시작*/
.section1_content {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-top: 10px;
}

.section1_content_img {
    width: 100%;
    max-width: 650px;
    height: 67.6923vw;
    max-height: 440px;
    background-image: url(/theme/basic/img/index/introduce.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 10px;
}

.section1_content_textbox {
    width: 100%;
    max-width: 575px;
    align-self: center;
}

.section1_content_textbox_title {
    font-size: 3.6em;
}

.section1_content_textbox_text {
    font-size: 2em;
    line-height: 1.8em;
    color: #595959;
}

/* 섹션1 끝 */

/* 섹션2 시작 */
.section2_content_textbox {
    padding-top: 4em;
    padding-bottom: 4em;
}

.section2_content_textbox_text {
    font-size: 2.4em;
    text-align: center;
}

.section2_content_infobox {
    background-color: #777870;
    display: flex;
    flex-wrap: wrap;
    padding: 3em 9em;
    justify-content: space-between;
}

.section2_content_iconbox {
    width: 100%;
    max-width: 240px;
}

.section2_content_iconbox_icon {
    width: 50px;
    height: 50px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    margin: 0 auto;
}

.section2_content_iconbox>.icon_phone {
    background-image: url(/theme/basic/img/index/icon_phone.png);
}

.section2_content_iconbox>.icon_fax {
    background-image: url(/theme/basic/img/index/icon_fax.png);
}

.section2_content_iconbox>.icon_mail {
    background-image: url(/theme/basic/img/index/icon_mail.png);
}

.section2_content_iconbox_text {
    font-size: 2.4em;
    color: #fff;
    text-align: center;
    padding-top: 0.83333em;
}

/* 섹션2 끝 */

/* 섹션3 시작 */
.section3_content_img {
    width: 100%;
    max-width: 440px;
    height: 100vw;
    max-height: 440px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.section3_content_img1 {
    background-image: url(/theme/basic/img/index/section3_img1.png);
}

.section3_content_img2 {
    background-image: url(/theme/basic/img/index/section3_img2.jpg);
}

.section3_content_img3 {
    background-image: url(/theme/basic/img/index/section3_img3.png);
}

.section3_content_img4 {
    background-image: url(/theme/basic/img/index/section3_img4.png);
}

.section3_content {
    display: flex;
    flex-wrap: wrap;
}

.section3_content_textbox {
    width: 100%;
    max-width: 830px;
    align-self: center;
}

.section3_content_textbox_text {
    font-size: 2.4em;
    color: #676765;
    text-align: center;
    line-height: 1.5em;
}

/* 섹션3 끝 */


@media (max-width:1349px) {
    .header_bottom {
        display: none;
    }

    .header_middle_textbox1 {
        font-size: 0.7rem;
    }

    .header_middle_textbox2 {
        font-size: 0.7rem;
    }

    .index_bg {
        background-image: none;
        background-color: #eff0e0;
    }
    .index_body {
        padding: 0 1.6125em;
    }
    .section_title{
        font-size: 3.6em;
    }
    .section1_content{
        flex-direction: column;  
        padding-top: 5em;      
    }
    .section1_content_img{
        align-self: center;
    }

    .section1_content_textbox{
        padding-top: 3em;
    }

    .section3 .section3_contentbox:nth-of-type(even) .section3_content{
        flex-wrap: wrap-reverse;
    }
    .section3_content{
        justify-content: center;
        border-bottom: 1px solid #000;
        margin-bottom: 6em;
    }
    .section3{
        text-align: unset;
    }

    .section3 .section_title{
        margin-bottom: 0.8333em;        
    }

    .section3_content_textbox_text{
        padding-top: 1em;
        padding-bottom: 1em;
    }
}

@media (max-width:1180px){
    .section2_content_textbox_text{
        font-size: 2.0338983vw;
    }
}

@media (max-width:951px){
    .section2_content_iconbox{
        max-width: none;
    }
    .section2_content_iconbox:nth-child(2){
        padding-top: 2em;
        padding-bottom: 2em;
    }

    .section2_content_infobox{
        padding: 3em 3em;
    }

    .section2_content_textbox_text{
        font-size: 1.8em;
    }
    
}

@media (max-width:900px) {
    .header_middle_textbox1 {
        width: 100%;
        max-width: 450px;
    }

    .header_middle_textbox2 {
        width: 100%;
        padding: 4em 8em;
    }
}

@media (max-width:870px) {
    .section3_content_textbox_text{
        font-size: 2.7586vw;
    }
    .section3_content_img{
        width: 50.57471264vw;
        height: 50.57471264vw;
    }
}

@media (max-width:787px) {
    .header_middle_textbox2 br {
        display: none;
    }
}

@media (max-width:750px) {
    .section1_content_img{
        width: 86.6666vw;
        height: 60vw;
    }
    .section1_content_textbox_title{
        font-size: 4.8vw;
    }

    .section1_content_textbox_text{
        font-size: 2.6666vw;
    }
    .section1_content_textbox_text br{
        display: none;
    }
}


@media (max-width:610px){
    .section3_content_textbox_text{
        font-size: 1.68275em;
    }
    .section1_content_textbox_title{
        font-size: 2.4em;
    }

    .section1_content_textbox_text{
        font-size: 1.6em;
    }
}

@media (max-width:603px){
    .section3_br2 br{
        display: none;
    }
}
@media (max-width:570px){
    .section3_br4 br{
        display: none;
    }
}
@media (max-width:559px){
    .section3_br3 br{
        display: none;
    }
}

@media (max-width:530px) {
    .header_middle_textbox2 {
        width: 100%;
        padding: 2em 2.5em;
    }
}
@media (max-width:518px){
    .section3_br1 br{
        display: none;
    }
}

@media (max-width:450px) {
    .header_middle_textbox1 p:nth-child(1) {
        padding-left: 0.5em;
    }
    .section_title{
        font-size: 3em;
    }
}

@media (max-width:359px) {
    .index_body{
        padding: 0 1.25em;
    }
    .header_middle_textbox1 {
        font-size: 0.6rem;
    }

    .header_middle_textbox2 {
        font-size: 0.6rem;
    }

    .section3_content_textbox_text{
        font-size: 4.25vw;
    }
    .section_title{
        font-size: 2.6em;
    }
    .section2 .section_title{
        font-size: 2.3em;
    }

    .section1_content_textbox_text{
         font-size: 4.4568245vw;
    }

    .section2_content_iconbox_icon{
        width: 13.9275766vw;
        height: 13.9275766vw;
    }
    .section2_content_iconbox_text{
        font-size: 6.6852367vw;
    }

    .section2_content_textbox_text{
        font-size: 1.6em;
    }
}