@charset "utf-8";
@import url("reset.css");

/* header */
header{
    width: 100%;
    height: 80px;
    border-bottom: 1px solid #ddd;
    background-color: #fff;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
}
#header_in{
    max-width: 1440px;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    margin: 0 auto;
    position: relative;
}
.hd_logo{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 24px;
}
.hd_button{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 24px;
}
.hd_button a{
    display: inline-block;
    width: 118px;
    height: 40px;
    line-height: 40px;
    border-radius: 20px;
    box-sizing: border-box;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    margin-left: 20px;
    transition: .5s;
}
.hd_button a:first-child{
    background-color: #fff;
    color: #03cf5c;
    border: 1px solid #03cf5c;
}
.hd_button a:last-child{
    background-color: #03cf5c;
    border: 1px solid #03cf5c;
    color: #fff;
}
.hd_button a:hover{
    background-color: #205a3a;
    color: #fff;
    border: 1px solid #205a3a;
}

/* container 공통값 */
.container{
    max-width: 1440px;
    width: 100%;
    padding: 0 24px;
    margin: 0 auto;
    box-sizing: border-box;
}

/* #cont01 */
#cont01{
    max-width: 968px;
    margin: 230px auto 150px auto;
}
#cont01 dl{
    float: left;
}
#cont01 dl dt{
    font-size: 72px;
    line-height: 86px;
    font-weight: 900;
    color: #205a3a;
}
#cont01 dl dt span{
    font-weight: 900;
    color: #03cf5c;
    display: block;
}
#cont01 dl dd{
    font-weight: bold;
    font-size: 18px;
    line-height: 30px;
    white-space: pre-line;
    margin-top: 40px;
}
#cont01 div{
    float: right;
    max-width: 330px;
    width: 100%;
    height: 330px;
    position: relative;
}
#cont01 div img{
    width: 100%;
    display: block;
    position: absolute;
}
#cont01 div img:first-child{
    top: 0;
    left: 0;
    animation: app .7s infinite alternate;
}
@keyframes app{
    from{ top: 0; }
    to{ top: -20px; }
}
#cont01 div img:last-child{
    bottom: -85px;
    left: 0;
    animation: app_shadow .7s infinite alternate;
}
@keyframes app_shadow{
    from{ transform: scale(1);}
    to{transform: scale(0.9); }
}

/* #cont02 */
#cont02 div{
    width: 100%;
    padding-bottom: 56.25%;
    position: relative;
    overflow: hidden;
}
#cont02 div iframe{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

/* cont03 ~ cont07의 .cont_title 공통값 */
.cont_title{
    text-align: center;
}
.cont_title dt{
    font-size: 46px;
    font-weight: 900;
    color: #205a3a;
}
.cont_title dt span{
    font-weight: 900;
    color: #03cf5c;
}
.cont_title dd{
    font-size: 24px;
    font-weight: 500;
    white-space: pre-line;
    word-break: keep-all;
    margin-top: 15px;
}

/* #cont03 */
#cont03{
    width: 100%;
    background-color: #f0f8f4;
    padding: 120px 0;
    margin: 100px 0;
}
.cont03_contents{
    max-width: 1204px;
    width: 100%;
    margin: 100px auto 0 auto;
    display: flex;
    justify-content: space-between;
}
.cont03_contents article > div{
    position: relative;
    height: 200px;
}
.cont03_contents article > div svg{
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.cont03_contents article > div img{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.cont03_contents article:first-child > div img{width: 70%;}
.cont03_contents article:nth-child(2) > div img{width: 100%;}
.cont03_contents article:last-child > div img{width: 80%;}
.cont03_contents article > dl{
    text-align: center;
    margin-top: 20px;
}
.cont03_contents article > dl dt{
    font-size: 24px;
    font-weight: 700;
    word-break: keep-all;
}
.cont03_contents article > dl dd{
    font-size: 18px;
    white-space: pre-line;
    word-break: keep-all;
}
/* #cont03의 svg 애니메이션 */
.cont03_01_svg path{
    animation: cont03_01 5s infinite alternate linear;
}
@keyframes cont03_01{
    0%{
        d: path("M121.03,13.34c-41.32,2.1-102.13,22.76-115,67c-17.13,58.88,55.79,141.77,137,149c66.74,5.94,142.67-38.91,148-92C297.35,74.41,203.56,9.14,121.03,13.34z");
    }
    50%{
        d: path("M80.7,36.5C43.6,54.8,1.4,117.7,1.4,163.8c0,66.3,143,107.1,209.8,60.4c59.3-41.5,102.5-150.6,64.2-187.6C238.2,0.5,121.2,16.6,80.7,36.5z");
    }
    100%{
        d: path("M49.7,29.3C-11.6,79.3-9.4,176.1,31,220.6c64.2,70.6,237.3,21.1,256.4-59.9c12.1-51.4-39.1-104.5-44.5-109.6C198.4,8.2,111.5-21.2,49.7,29.3z");
    }
}
.cont03_02_svg path{
    animation: cont03_02 4s infinite alternate linear;
}
@keyframes cont03_02{
    0%{
        d: path("M146.87,10.22c-41.08,5.43-61.63,8.14-82.95,22.33c-8.35,5.56-51.57,34.31-53.17,84.02c-1.33,41.22,26.64,75.72,55.3,91.46c57.14,31.38,135.82-1.46,172.29-53.17c31.33-44.44,40.29-115.28,9.57-141.44C231.1-0.91,203.02,2.8,146.87,10.22z");
    }
    50%{
        d: path("M177.5,29.1C152.4,17.2,98.3,0.5,71.7,4.8c-45.3,7.5-67.6,73-67.6,122.8c0,43.5,26.1,63.7,55.7,77.5c63.9,29.6,147.9,11.1,186.6-39c9.5-12.3,13.2-51.8,0.6-80.3C240.4,70.6,218.9,48.8,177.5,29.1z");
    }
    100%{
        d: path("M164.2,12.9C109.6,2,72.5,15.8,58.8,23.9C19.2,47.1,15.1,88.4,15.1,138.1c0,43.5-2.2,68.8,61.7,78.9c39.8,6.3,114,1.5,141-12.3c72.4-37.2,34.8-117.4,18.6-144C221.4,36,209.1,21.9,164.2,12.9z");
    }
}
.cont03_03_svg path{
    animation: cont03_03 6s infinite alternate linear;
}
@keyframes cont03_03{
    0%{
        d: path("M166.51,16.69c-17.55-2.02-75.95-8.74-105.54,21.85c-45.19,46.73-6.56,163.35,71.9,183.12c50.67,12.77,98.25-19.82,105.54-24.97c4.02-2.85,66.52-48.42,52.19-104.05C274.55,30.36,178.29,18.05,166.51,16.69z");
    }
    50%{
        d: path("M162.7,10.1c-17.6-2-79.4-2.8-108.9,27.8c-120.2,113.1-4,186.8,62.8,186.8c52.3,0,87.1-4.7,121.8-27.9c22.1-14.8,34.1-51.2,19.8-106.8C242.1,27.6,174.5,11.4,162.7,10.1z");
    }
    100%{
        d: path("M166.8,20.3c-17.6,0.9-70.6,18.4-87.6,29.4C-59.7,139,66.7,222.6,133.6,222.6c52.3,0,92,2.4,126.5-21c21-14.3,29.7-71.7,15.4-127.3C259.4,12,183,19.5,166.8,20.3z");
    }
}

/* #cont04 */
.cont04_contents{
    max-width: 1156px;
    width: 100%;
    height: 702px;
    background-color: #f0f8f4;
    border-radius: 35px;
    margin: 75px auto;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    position: relative;
    overflow: hidden;
}
.tab_list{
    width: 38%;
    height: 100%;
    float: left;
    position: relative;
}
.tab_list li{
    width: 450px;
    height: 130px;
    border-radius: 65px;
    background-color: #fff;
    position: absolute;
    left: 85px;
    transition: .5s;
}
.tab_list li:nth-child(1){ top: 53px;}
.tab_list li:nth-child(2){ top: 208px;}
.tab_list li:nth-child(3){ top: 363px;}
.tab_list li:nth-child(4){ top: 518px;}
.tab_list li.on{
    background-color: #03cf5c;
    left: 10px;
    z-index: 3;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
.tab_list li p{
    color: #777;
    font-size: 18px;
    white-space: pre-line;
    word-break: keep-all;
    transform: translate(60px , 35px);
}
.tab_list li.on p{
    color: #fff;
}
.tab_cont{
    width: 62%;
    height: 100%;
    background-color: #fff;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    padding: 100px 60px;
    box-sizing: border-box;
}
.tab_cont article{
    display: none;
}
.tab_cont article.on{
    display: flex;
    justify-content: space-between;
}
.tab_cont_text dl{
    margin: 35px 0;
}
.tab_cont_text dl dt{
    font-size: 24px;
    font-weight: bold;
    color: #205a3a;
}
.tab_cont_text dl dd{
    font-size: 16px;
    line-height: 28px;
    white-space: pre-line;
}
.tab_cont_img{
    max-width: 258px;
    width: 100%;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
.tab_cont_img img{
    width: 100%;
    display: block;
}

/* #cont05 */
#cont05{
    padding: 75px 24px;
}
.cont05_contents{
    height: 821px;
    position: relative;
    margin: 50px auto;
}
.cont05_contents > div{
    position: absolute;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    transition: .5s;
}
.cont05_contents > div:hover{
    transform: translateY(-5%);
}
.cont05_01{ 
    width: 472px;
    top: 40px;
    left: 65px;
}
.cont05_02{ 
    width: 222px;
    bottom: 60px;
    left: 0;
}
.cont05_03{ 
    width: 283px;
    bottom: 0;
    left: 253px;
}
.cont05_04{ 
    width: 283px;
    top: 135px;
    left: 566px;
}
.cont05_05{ 
    width: 283px;
    bottom: 90px;
    left: 566px;
}
.cont05_06{ 
    width: 222px;
    top: 40px;
    right: 290px;
}
.cont05_07{ 
    width: 260px;
    top: 0;
    right: 0;
}
.cont05_08{ 
    width: 472px;
    right: 40px;
    bottom: 60px;
}
.cont05_contents > div img{
    width: 100%;
    display: block;
}

/* #cont06 */
.cont06_contents{
    margin-top: 50px;
    width: 100%;
    background: #03cf5c;
    border-radius: 30px;
    padding: 65px 0;
}
.cont06_contents > div{
    max-width: 1204px;
    width: 100%;
    margin: 0 auto;
    padding: 0 24px;
    box-sizing: border-box;
}
.cont06_contents > div p{
    font-size: 24px;
    color: #fff;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
    margin-bottom: 25px;
}
.cont06_contents > div > div img{
    display: inline-block;
    width: 15%;
    margin-right: 1.4%;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3);
}
.cont06_contents > div > div img:last-child{
    margin-right: 0;
}


/* #cont07 */
#cont07{
    position: relative;
    margin: 150px auto 200px auto;
}
.cont07_bg{
    max-width: 968px;
    width: 95%;
    height: 775px;
    background-color: #f0f8f4;
    border-radius: 35px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    z-index: -1;
}
#cont07 .cont_title{
    padding: 60px 0;
}
.cont07_contents{
    display: flex;
    justify-content: space-between;
}
.cont07_contents > article{
    max-width: 330px;
    width: 23vw;
    height: 406px;
    background-color: #fff;
    border-radius: 30px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    text-align: center;
    padding: 40px 10px;
    box-sizing: border-box;
}
.cont07_contents > article dl dt{
    font-size: 24px;
    font-weight: 900;
    margin: 20px 0;
    display: inline-block;
    position: relative;
}
.cont07_contents > article > dl dt > p{
    display: block;
    padding: 0 10px;
    height: 21px;
    line-height: 21px;
    border-radius: 10px;
    background-color: #205a3a;
    color: #fff;
    font-weight: bold;
    font-size: 14px;
    letter-spacing: 5px;
    text-align: center;
    position: absolute;
    top: -30px;
    left: 0;
}
.cont07_contents > article dl dt > span{
    font-weight: 900;
    color: #03cf5c;
}
.cont07_contents > article dl dd{
    font-size: 18px;
    line-height: 30px;
    white-space: pre-line;
    word-break: keep-all;
}
.cont07_contents > article > p{
    font-size: 18px;
    margin: 25px 0;
}
.cont07_contents > article > p span{
    font-size: 30px;
    font-weight: 900;
    color: #205a3a;
}
.cont07_contents > article > button{
    font-size: 18px;
    font-weight: bold;
    border-radius: 20px;
    outline: none;
    max-width: 118px;
    width: 40%;
    height: 45px;
    border: 1px solid #03cf5c;
    background-color: #03cf5c;
    color: #fff;
    transition: .5s;
}
.cont07_contents > article > button:nth-of-type(1){
    background-color: #fff;
    color: #03cf5c;
    margin-right: 10px;
}
.cont07_contents > article:first-child > button:nth-of-type(1){
    display: none;
}
.cont07_contents > article > button:hover{
    background-color: #205a3a;
    border: 1px solid #205a3a;
    color: #fff;
}

/* footer */
footer{
    width: 100%;
    border-top: 1px solid #ddd;
}
.footer_in{
    max-width: 1440px;
    width: 100%;
    padding: 50px 24px;
    box-sizing: border-box;
    margin: 0 auto;
}
.footer_logo{
    display: block;
    float: left;
}
.footer_sns{
    float: right;
}
.footer_sns a{
    display: inline-block;
    width: 30px;
    margin-left: 15px;
}
.footer_sns a img{
    width: 100%;
}
.footer_in ul{
    margin-top: 30px;
}
.footer_in ul li{
    display: inline-block;
    margin-right: 20px;
    position: relative;
}
.footer_in ul li a{
    font-size: 16px;
}
.footer_in ul li::before{
    content: '';
    display: block;
    width: 1px;
    height: 16px;
    background-color: #333;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -14px;
}
.footer_in ul li:last-child{
    margin-right: none;
}
.footer_in ul li:last-child::before{
    display: none;
}
.footer_in p{
    font-size: 16px;
    color: #666;
    line-height: 24px;
    margin-top: 10px;
    word-break: keep-all;
    white-space: pre-line;

}

/* ------------------------------------------------------------
                    PC ~ 태블릿(960px) 사이 
------------------------------------------------------------*/
@media screen and (max-width:1440px){
    /* #cont05 */
    .cont05_contents{
        max-width: 920px;
        width: 100%;
        height: 543px;
    }
    .cont05_01{
        width: 311px;
        top: 25px;
        left: 43px;
    }
    .cont05_02{
        width: 147px;
        bottom: 40px;
        left: 0;
    }
    .cont05_03{
        width: 187px;
        bottom: 0;
        left: 167px;
    }
    .cont05_04{
        width: 187px;
        top: 90px;
        left: 374px;
    }
    .cont05_05{
        width: 187px;
        bottom: 60px;
        left: 374px;
    }
    .cont05_06{
        width: 147px;
        top: 25px;
        right: 192px;
    }
    .cont05_07{
        width: 171px;
        top: 0;
        right: 0;
    }
    .cont05_08{
        width: 311px;
        bottom: 40px;
        right: 28px;
    }
}
@media screen and (max-width:1120px){
    /* #cont04 */
    .cont04_contents{
        height: 757px;
    }
    .tab_list{
        width: 100%;
        height: 190px;
        float: unset;
        text-align: center;
    }
    .tab_list li{
        width: 130px;
        height: 200px;
        box-sizing: border-box;
    }
    .tab_list li:nth-child(1){ 
        top: 30px; 
        left: 120px;
    }
    .tab_list li:nth-child(2){ 
        top: 30px;
        left: 33%;
    }
    .tab_list li:nth-child(3){ 
        top: 30px; 
        left: unset;
        right: 33%;
        padding: 20px;
    }
    .tab_list li:nth-child(4){ 
        top: 30px;
        left: unset;
        right: 120px;
        padding: 20px;
    }
    .tab_list li.on{
        top: 10px;
    }
    .tab_list li p{
        transform: translate(0, 30px);
    }
    .tab_cont{
        top: unset;
        bottom: 0;
        width: 100%;
        height: 567px;
        padding: 40px 140px;
    }
}
/* ------------------------------------------------------------
                    태블릿사이즈 960px (기준점)
------------------------------------------------------------ */
@media screen and (max-width:960px){
    /* header */
    .hd_logo{
        left: 20px;
    }
    .hd_button{
        right: 20px;
    }
    /* container 공통값 */
    .container{
        padding: 0 20px;
    }
    /* #cont01 */
    #cont01{
        margin: 155px auto 150px auto;
    }
    #cont01 dl{
        float: unset;
        text-align: center;
    }
    #cont01 dl dt{
        font-size: 53px;
        line-height: 64px;
    }
    #cont01 dl dd{
        margin-top: 30px;
        margin-bottom: 80px;
    }
    #cont01 div{
        float: unset;
        margin: 0 auto;
    }

    /* cont03 ~ cont07의 .cont_title 공통값 */
    .cont_title dt{
        font-size: 36px;
    }
    .cont_title dd{
        font-size: 18px;
    }


    /* #cont03 */
    .cont03_contents article > dl{
        padding: 0 5px;
        box-sizing: border-box;
    }
    .cont03_contents article > dl dd{
        font-size: 16px;
    }

    /* #cont05 */
    #cont05{
        padding: 45px 20px 75px 20px;
    }
    .cont05_contents{
        max-width: 710px;
        width: 100%;
    }
    .cont05_04,
    .cont05_05{
        display: none;
    }

    /* #cont06 */
    .cont06_contents{
        padding: 40px 0;
    }
    .cont06_contents > div > div img{
        width: 18%;
        margin-right: 1.8%;
    }
    .cont06_contents > div > div img:nth-child(4){
        display: none;
    }

    /* #cont07 */
    .cont07_bg{
        height: 1096px;
    }
    .cont07_contents{
        flex-wrap: wrap;
        align-content: space-between;
        max-width: 686px;
        width: 100%;
        height: 752px;
        margin: 0 auto;
    }
    .cont07_contents > article{
        max-width: 335px;
        width: 48%;
        height: 368px;
        padding: 30px 10px;
    }

    /* footer */
    .footer_in{
        padding: 50px 20px;
    }
    .footer_sns a{
        width: 50px;
    }
    .footer_in ul{
        margin-top: 20px;
    }
}
/* ------------------------------------------------------------
                    태블릿~모바일 사이 
------------------------------------------------------------ */
@media screen and (max-width:880px){
    /* #cont04 */
    .tab_cont{
        padding: 40px 70px;
    }
}
@media screen and (max-width:820px){
    /* #cont04 */
    .tab_list li:nth-child(1){left: 50px;}
    .tab_list li:nth-child(2){left: 30%;}
    .tab_list li:nth-child(3){right: 30%;}
    .tab_list li:nth-child(4){right: 50px;}


    /* #cont06 */
    .cont06_contents > div > div img{
        margin-right: 1.5%;
    }
}
@media screen and (max-width:750px){
    /* #cont05 */
    .cont05_contents{
        height: 105vw;
    }
    .cont05_01{
        width: 48vw;
        top: 0;
        left: 0;
    }
    .cont05_02{
        width: 23vw;
        height: 23vw;
        top: 50vw;
        left: 16vw;
    }
    .cont05_03{
        width: 30vw;
        bottom: unset;
        top: 75vw;
        left: 9vw;
    }
    .cont05_06{
        width: 37vw;
        top: 11vw;
        right: unset;
        left: 50vw;
    }
    .cont05_08{
        width: 50vw;
        bottom: unset;
        right: unset;
        top: 50vw;
        left: 41.5vw;
    }
    .cont05_07{
        display: none;
    }
}
@media screen and (max-width:700px){
    /* #cont03 */
    #cont03{
        padding: 60px 0;
        margin: 70px 0;
    }
    .cont03_contents{
        display: block;
        margin: 50px auto 0 auto;
    }
    .cont03_contents article{
        margin-bottom: 50px;
    }
    .cont03_contents article:last-child{
        margin-bottom: none;
    }
    .cont03_contents article > div{
        max-width: 350px;
        width: 70%;
        margin: 0 auto;
        height: 50vw;
    }

    /* #cont04 */
    .cont04_contents{
        margin: 50px auto;
    }
    .tab_list li{
        width: 20%;
    }
    .tab_list li:nth-child(1){left: 20px;}
    .tab_list li:nth-child(2){left: 27%;}
    .tab_list li:nth-child(3){right: 27%; padding: 20px 10px;}
    .tab_list li:nth-child(4){right: 20px; padding: 20px 10px;}
    .tab_cont article.on{
        display: block;
    }
    .tab_cont_img{
        display: none;
    }

    /* #cont05 */
    #cont05{
        padding: 20px;
    }

    /* #cont06 */
    .cont06_contents > div > div img{
        margin-right: 1.5%;
    }

    /* #cont07 */
    .cont07_bg{
        width: 81%;
        height: 1582px;
    }
    #cont07 .cont_title{
        padding: 35px 0;
    }
    .cont07_contents{
        display: block;
        height: auto;
    }
    .cont07_contents > article{
        max-width: 420px;
        width: 100%;
        margin: 15px auto;
        height: 320px;
    }
    .cont07_contents > article dl dt{
        margin: 15px 0;
    }
    .cont07_contents > article > p{
        margin: 15px 0;
    }

    /* footer */
    .footer_in{
        padding: 40px 20px;
        text-align: center;
    }
    .footer_logo{
        float: unset;
        width: 162px;
        display: inline-block;
    }
    .footer_logo img{
        width: 100%;
    }
    .footer_sns{
        float: unset;
        margin-top: 20px;
    }
    .footer_sns a{
        width: 45px;
        margin-left: 10px;
    }
}

@media screen and (max-width:602px){
    /* #cont06 */
    .cont06_contents > div > div img{
        width: 23.5%;
        margin-right: 1%;
    }
    .cont06_contents > div > div img:nth-child(5){
        display: none;
    }
}

@media screen and (max-width:500px){
    /* #cont04 */
    .tab_list li{
        height: 180px;
    }
    .tab_list li:nth-child(2){left: 28%;}
    .tab_list li:nth-child(3){right: 28%;}
    .tab_list li p{
        font-size: 14px;
    }
    .tab_cont{
        padding: 30px 50px;
    }
}
/* ------------------------------------------------------------
                    모바일사이즈 460px (기준점) 
------------------------------------------------------------*/
@media screen and (max-width:460px){
    /* header */
    .hd_logo{
        width: 93px;
    }
    .hd_logo img{
        width: 100%;
    }
    .hd_button a{
        width: 70px;
        height: 30px;
        line-height: 30px;
        font-size: 14px;
        margin-left: 10px;
    }
    /* #cont01 */
    header{
        height: 60px;
    }
    #cont01{
        margin: 110px auto 100px auto;
    }
    #cont01 dl dt{
        font-size: 37px;
        line-height: 45px;
    }
    #cont01 dl dd{
        font-size: 16px;
        line-height: 24px;
        margin-top: 35px;
        margin-bottom: 50px;
    }
    /* cont03 ~ cont07의 .cont_title 공통값 */
    .cont_title dt{
        font-size: 30px;
    }
    .cont_title dd{
        font-size: 18px;
    }

    /* #cont04 */
    .cont04_contents{
        margin: 30px auto;
    }

    /* #cont05 */
    #cont05{
        padding: 50px 20px;
    }
    .cont05_contents{
        margin: 30px auto;
    }
    .cont05_08{
        width: 47vw;
        left: unset;
        right: 0;
    }

    /* #cont06 */
    .cont06_contents > div > div img{
        width: 23.5%;
        margin-right: 0.5%;
    }

    /* #cont07 */
    #cont07{
        margin: 75px auto;
    }
}

/* ------------------------------------------------------------
                    460px이하 틀어짐 조정 
------------------------------------------------------------ */
@media screen and (max-width:382px){
    /* #cont01 */
    #cont01 dl dd{
        font-size: 14px;
    }
    /* #cont04 */
    .tab_list li:nth-child(1){left: 10px;}
    .tab_list li:nth-child(2){left: 27.5%;}
    .tab_list li:nth-child(3){right: 27.5%; padding: 0;}
    .tab_list li:nth-child(4){right: 10px; padding: 0;}
    .tab_list li p{ font-size: 3.5vw;}
    .tab_cont{
        padding: 20px 30px;
    }
}