/* reset */
*{margin: 0; padding: 0;}
a{text-decoration: none; color: black;}
h1,h2,h3,h4,h5,h6{font-size: inherit;}
b,strong{font-weight: normal;}
i,em,address{font-style: normal;}
ul,ol{list-style: none;}
table{border-collapse: collapse;}
img{max-width:100%;}

/* common */
html{font-size: 14px; font-family: 'Noto Sans KR', sans-serif;}
body{
    -ms-overflow-style: none;
}

::-webkit-scrollbar {
    display: none;
}

/*특정 부분 스크롤바 없애기*/
.all{
    -ms-overflow-style: none;
}
.all::-webkit-scrollbar{
    display:none;
}

/* animation */
@keyframes updown{
    0%{transform: translateY(0%);}
    50%{transform: translateY(-10%);}
    100%{transform: translateY(0%);}
}

@keyframes opacity{
    0%{opacity: 100%;}
    50%{opacity: 60%;}
    100%{opacity: 100%;}
}

div#main_vbg { background: #000 !important; }
div#main_vbg>iframe { opacity: 0.3 !important; }
span#homeBtn:hover { cursor: pointer; }
h1 { font-weight: bold !important; }
.clickBtn:hover { cursor: pointer; }
.slide_imgList > ul > li > img { cursor: pointer; }
.slider_button>span { cursor: pointer; }
.wpb_content_element {margin-bottom: 0px !important;}

/* layout */

/* mobile */
@media (max-width:767px){

    div.all{width: 100vw;}
    .bottom>p { font-size: 14px; }

    /* all */
    div.all>span{position: fixed; display: inline-block; width: 30px; height: 26px; top: 40px; left: 40px; z-index: 999;}
    div.all>div.slider_button{position: fixed; right: 60px; top: 50%; transform: translateY(-50%); z-index: 999; display: none;}
    div.all>div.slider_button>span{display: block; width: 10px; height: 10px; border: 1px solid white; border-radius: 50%; margin-bottom: 8px;}
    div.all>div.slider_button>span.select{background-color: #fff;}

    /* main_page */
    div.main_page{
        display: block; width: 100vw; height: 100vh;
        background-size: 100% auto;
        background-color: #000;
        background-repeat: no-repeat;
        text-align: center;
        position: relative;
    }
    div.main_page>div.logo{text-align: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
    div.scroll{animation: updown 2s linear 0s infinite alternate; position: absolute; border: 1px solid red; bottom: 20%; display: none;}
    div.bottom>p{position: absolute; bottom: 20px; color: #CCCCCC; left: 50%; transform: translateX(-50%); text-align: center; width: 90%;}

    /* sub_page1 */
    div.sub_page1{
        display: block; width: 100vw; height: 1140px;
        background-size: cover;
        background-image: url(/wp-content/uploads/2022/07/bg2.jpg);
        background-repeat: no-repeat;
        position: relative;
    }
    div.sub_page1>h1.PC{display: none;}
    div.sub_page1>h1.mobile{font-size: 28px; color: #fff; margin-left: 30px; padding-top: 60px; line-height: 38px;}
    div.sub_page1>div.rist{margin-top: 70px;}
    div.sub_page1>div.rist>ul{position: absolute; left: 50%; transform: translateX(-50%); margin: 0px;}
    div.sub_page1>div.rist>ul>li{text-align: center; margin: 0px; margin-bottom: 30px; width: 320px;}
    div.sub_page1>div.rist>ul>li:last-of-type{margin-right:0px;}
    div.sub_page1>div.rist>ul>li::after{content: ""; display: block; clear: both;}
    div.sub_page1>div.rist>ul>li>h2{
        display: inline-block;
        width: 140px; height: 140px;
        border: 1px solid #fff; border-radius: 50%;
        text-align: center; font-size: 18px; font-weight: 600;
        padding-top: 46px; box-sizing: border-box;
        line-height: 22px; color: #fff;
        margin-bottom: 16px;
        float: left;
    }
    div.sub_page1>div.rist>ul>li>div.text_box{float: right; margin-left: 30px;}
    div.sub_page1>div.rist>ul>li p{text-align: left; color: #CCCCCC;}
    div.sub_page1>div.rist>ul>li p:nth-of-type(1)>span{display: none;}
    div.sub_page1>div.rist>ul>li p:nth-of-type(1){font-size: 18px; font-weight: 600; margin-bottom: 4px; width: 140px;}
    div.sub_page1>div.rist>ul>li p:nth-of-type(2){font-size: 14px; font-weight: 300; line-height: 20px; width: 140px;}
    div.sub_page1>div.rist>ul>li p:nth-of-type(3){font-size: 14px; font-weight: 300; line-height: 20px; display: none;}

    /* sub_page2 */
    div.sub_page2{
        display: block; width: 100vw; height: 900px;
        background-size: 100% auto;
        background-color: #000;
        background-repeat: no-repeat;
        position: relative;
        overflow: hidden;
    }
    div.sub_page2>div.mobile { display: block !important; }
    div.sub_page2>h1.PC{display: none;}
    div.sub_page2>h1{font-size: 28px; color: #fff; margin-left: 30px; padding-top: 60px; line-height: 38px;}
    div.sub_page2>p{font-size: 14px; color: #aaaaaa; margin-left: 30px; margin-top: 16px; width: 330px;}
    div.sub_page2>div.img{text-align: center; margin-top: 80px;}
    div.sub_page2>div.img>img.mobile{width: 90%; display: inline-block;}
    div.sub_page2>div.img>img{display: none;}
    div.sub_page2>ul{margin-left: 30px; width: 450vw; margin-top: 50px;}
    div.sub_page2>ul:after{content: ""; display: block; clear: both;}
    div.sub_page2>ul>li{margin-right: 8px; float: left;}

    /* sub_page3 */
    div.sub_page3{
        display: block; width: 100vw; height: 1200px;
        background-size: 100% auto;
        background-color: #282828;
        background-repeat: no-repeat;
        position: relative;
    }
    div.sub_page3>h1{font-size: 28px; color: #fff; margin-left: 30px; padding-top: 60px; line-height: 38px;}
    div.sub_page3>p{display: none;}
    div.sub_page3>p.mobile{font-size: 13px; color: #aaaaaa; margin-left: 30px; margin-top: 16px; display: inline-block;}
    div.sub_page3>div.rist{margin-top: 40px; position: absolute; left: 50%; transform: translateX(-50%); width: 350px;}
    div.sub_page3>div.rist:after{content: ""; display: block; clear: both;}
    div.sub_page3>div.rist>ul.info1{float: left; margin-left: 9px;}
    div.sub_page3>div.rist>ul.info2{float: left; border-left: 1px solid #fff; margin-left: 0px; padding-bottom: 50px; padding-top: 30px;}
    div.sub_page3>div.rist>ul>li{color: #fff; position: relative; width: 170px;}
    div.sub_page3>div.rist>ul.info1>li{padding-top: 40px; padding-bottom: 10px; margin-left: 0px;}
    div.sub_page3>div.rist>ul>li>span{display: inline-block; width: 170px; height: 1px; background-color: #fff; position: absolute; bottom: 0px;}
    div.sub_page3>div.rist>ul>li>p{margin-left: 12px; margin-bottom: 6px; margin-right: 12px; color: white;}
    div.sub_page3>div.rist>ul>li>p.year{font-size: 14px; font-weight: 300; color: white;}
    div.sub_page3>div.rist>ul>li>p.info{font-size: 14px; font-weight: 500; color: white;}
    div.sub_page3>div.rist>ul>li>p>span{font-size: 12px; color: #aaa;}
    div.sub_page3>div.rist>hr{width: 1px; height: 600px; background-color: #fff;}
    div.sub_page3>div.rist>ul.info2>li{padding-top: 30px; padding-bottom: 10px; margin-left: 0px;}
    div.sub_page3>div.rist>ul.info1>li>p{text-align: right;}
    div.sub_page3>div.rist>hr{display: none;}

    /* sub_page4 */
    div.sub_page4{
        display: block; width: 100vw;
        background-size: 100% auto;
        background-color: #000;
        background-repeat: no-repeat;
        position: relative;
        overflow: hidden;
    }
    div.sub_page4>div>div.mobile { display: block !important; }
    div.sub_page4>div>ul.pc {display: none;}
    div.sub_page4>h1{font-size: 28px; color: #fff; margin-left: 30px; padding-top: 60px; line-height: 38px;}
    div.sub_page4:after{content: ""; display: block; clear: both;}
    div.sub_page4>div.rist{margin-top: 100px; margin-left: 30px; margin-bottom: 200px; padding-right: 30px;}
    div.sub_page4>div.rist:after{content: ""; display: block; clear: both;}
    div.sub_page4>div.rist>div>div>div{color: #fff; float: left; width: 280px; margin-right: 40px; height: 400px; position: relative;}
    div.sub_page4>div.rist>div>div>div:nth-of-type(5){margin-right: 0px;}
    div.sub_page4>div.rist>div>div>div>img{margin-bottom: 12px; width: 40px;}
    div.sub_page4>div.rist>div>div>div>h2{font-size: 20px; font-weight: 700; border-bottom: 1px solid #D8D8D8; padding-bottom: 10px; margin-bottom: 12px; color: white;}
    div.sub_page4>div.rist>div>div>div>h2>img{float: right; margin-top: 10px;}
    div.sub_page4>div.rist>div>div>div>p{font-size: 16px; color: #aaa;}
    div.sub_page4>div.rist>div>div>div>p:nth-of-type(1){margin-bottom: 20px;}
    div.sub_page4>div.rist>div>div>div>ul{position: absolute; bottom: 0px; margin: 0px;}
    div.sub_page4>div.rist>div>div>div>ul:after{content: ""; display: block; clear: both;}
    div.sub_page4>div.rist>div>div>div>ul>li{float: left; margin: 0px; margin-right: 8px;}
    div.sub_page4>div.rist>div>div>div>ul>li:last-of-type{margin-right: 0px;}
    div.sub_page4>div.rist>div>div>div>img.rist5_img{position: absolute; bottom: 0px; width: 100%;}

    div.sub_page4>div.bottom>p{position: absolute; bottom: 50px; color: #CCCCCC; left: 50%; transform: translateX(-50%); text-align: center;}

    /* sub_page5 */
    div.sub_page5{
        display: block; width: 100vw;
        background-size: 100% auto;
        background-color: #292929;
        background-repeat: no-repeat;
        position: relative;
        overflow: hidden;
    }
    div.sub_page5>div.mobile { display: block !important; }
    div.sub_page5>ul.pc { display: none; }
    div.sub_page5>h1{font-size: 28px; color: #fff; margin-left: 30px; padding-top: 60px; line-height: 38px;}
    div.sub_page5>p{display: none;}
    div.sub_page5>p.mobile{font-size: 13px; color: #aaaaaa; margin-left: 30px; margin-top: 16px; display: inline-block; width: 330px;}
    div.sub_page5>div{margin-left: 30px; margin-top: 60px; margin-bottom: 30px; padding-right: 30px;}
    div.sub_page5>div:after{content: ""; display: block; clear: both;}
    div.sub_page5>div>div>div{float: left; margin-right: 20px; width: 300px;}
    div.sub_page5>div>div>div:nth-of-type(3){margin-right: 0px;}
    div.sub_page5>div>div>div>h2{color: #fff; font-weight: 700; font-size: 16px; margin-bottom: 12px;}

    /* sub_page6 */
    div.sub_page6{
        display: block; width: 100vw;
        background-size: 100% auto;
        background-color: #000000;
        background-repeat: no-repeat;
        position: relative;
        overflow: hidden;
    }
    div.sub_page6>h1{font-size: 28px; color: #fff; margin-left: 30px; padding-top: 60px; line-height: 38px;}
    div.sub_page6>p{display: none;}
    div.sub_page6>p.mobile{font-size: 13px; color: #aaaaaa; margin-left: 30px; margin-top: 16px; display: inline-block; width: 330px;}
    div.sub_page6>div{margin-left: 30px; margin-top: 54px;}
    div.sub_page6>div:after{content: ""; display: block; clear: both;}
    div.sub_page6>div>div>div{float: left; margin-right: 20px; width: 330px;}
    div.sub_page6>div>div>div:nth-of-type(3){margin-right: 0px;}
    div.sub_page6>div>div>div>h2{color: #fff; font-weight: 700; font-size: 16px; margin-bottom: 12px;}
    div.sub_page6>div>div>div>img{width: 330px; margin-bottom: 8px;}
    div.sub_page6>div>div>div>ul{margin:0px; margin-bottom: 120px;}
    div.sub_page6>div>div>div>ul>li{margin:0px; width: 330px;}
    div.sub_page6>div>div>div>ul>li:nth-of-type(1){display: none;}
    div.sub_page6>div>div>div>ul>li:nth-of-type(3){display: none;}

    div.sub_page6>span{display: none; height: 100%; width: 160px; background: linear-gradient(to right, #ffffff00, #000000c4); position: absolute; right: 0px; top: 0px;}

    /* sub_page7 */
    div.sub_page7{
        display: block; width: 100vw;
        background-size: 100% auto;
        background-color: #292929;
        background-repeat: no-repeat;
        position: relative;
        overflow: hidden;
    }
    div.sub_page7>h1{font-size: 28px; color: #fff; margin-left: 30px; padding-top: 60px; line-height: 38px;}
    div.sub_page7>p{display: none;}
    div.sub_page7>p.mobile{font-size: 13px; color: #aaaaaa; margin-left: 30px; margin-top: 16px; display: inline-block; width: 330px;}
    div.sub_page7>hr{position: absolute; width: 0.2px; height: 500px; left: 50%; top: 20%;}
    div.sub_page7>ul{margin-top: 30px; width: 100vw; margin-bottom: 80px; margin-left: 0px;}
    div.sub_page7>ul:after{content: ""; display: block; clear: both;}
    div.sub_page7>ul>li:after{content: ""; display: block; clear: both;}
    div.sub_page7>ul>li{margin-bottom: 28px; }
    div.sub_page7>ul>li>h2{font-size: 18px; font-weight: 700; color: #ffffff; margin-top: 50%; transform: translateY(-50%);}
    div.sub_page7>ul>li:nth-of-type(1){width: 160PX; height: 160PX; border-radius: 50%; border: 1px solid #fff; text-align: center; background-color: #292929; margin-left: 50%; transform: translateX(-50%);}
    div.sub_page7>ul>li:nth-of-type(2){width: 160PX; height: 160PX; border-radius: 50%; border: 1px solid #fff; text-align: center; background-color: #292929; margin-left: 50%; transform: translateX(-50%);}
    div.sub_page7>ul>li:nth-of-type(3){width: 160PX; height: 160PX; border-radius: 50%; border: 1px solid #fff; text-align: center; background-color: #292929; margin-right: 90px; margin-bottom: 80px; margin-left: 50%; transform: translateX(-50%);}
    div.sub_page7>ul>li:nth-of-type(4){position: relative; margin-left: 40px;}
    div.sub_page7>ul>li:nth-of-type(4)>h3{color: #fff; font-size: 24px; font-weight: 700; line-height: 35px; margin-top: 24px;}
    div.sub_page7>ul>li:nth-of-type(4)>ul>li:before{
        content: ""; display: inline-block; width: 4px; height: 4px; background-color: #D4D4D4;
        float: left; margin-top: 10px; margin-right: 10px;
    }
    div.sub_page7>ul>li:nth-of-type(4)>ul{margin-left: 0px; list-style: none;}
    div.sub_page7>ul>li:nth-of-type(4)>ul>li{}
    div.sub_page7>ul>li:nth-of-type(4)>ul>li>p{display: inline-block; color: #aaaaaa !important; font-size: 12px; font-weight: 300; margin-bottom: 8px;}

    /* sub_page8 */
    div.sub_page8{
        display: block; width: 100vw;
        background-size: 100% auto;
        background-color: #000000;
        background-repeat: no-repeat;
        position: relative;
        overflow: hidden;
    }
    div.sub_page8>h1{display: none;}
    div.sub_page8>h1.mobile{font-size: 28px; color: #fff; margin-left: 30px; padding-top: 60px; line-height: 38px; display: block;}
    div.sub_page8>p{display: none;}
    div.sub_page8>p.mobile{font-size: 13px; color: #aaaaaa; margin-left: 30px; margin-top: 16px; display: inline-block; width: 330px;}
    div.sub_page8>div{margin-left: 30px; margin-top: 54px; }
    div.sub_page8>ul:after{content: ""; display: block; clear: both;}
    div.sub_page8>ul>li{float: left; margin-right: 20px; width: 330px;}
    div.sub_page8>ul>li:nth-of-type(3){margin-right: 0px;}
    div.sub_page8>div>div>div>h2{color: #fff; font-weight: 700; font-size: 16px; margin-bottom: 12px;}
    div.sub_page8>div>div>div>img{width: 330px; margin-bottom: 8px;}
    div.sub_page8>div>div>div>ul{margin: 0px; margin-bottom: 120px; }
    div.sub_page8>div>div>div>ul>li{margin: 0px;width: 330px;}
    div.sub_page8>div>div>div>ul>li:nth-of-type(1){display: none;}
    div.sub_page8>div>div>div>ul>li:nth-of-type(3){display: none;}

    div.sub_page8>span{display: none; height: 100%; width: 160px; background: linear-gradient(to right, #ffffff00, #000000c4); position: absolute; right: 0px; top: 0px;}

    /* sub_page9 */
    div.sub_page9{
        display: block; width: 100vw; height: 1200px;
        background-size: auto 100%;
        background-image: url(/wp-content/uploads/2022/07/bg9.jpg);
        background-repeat: no-repeat;
        background-position: right 0px;
        position: relative;
    }
    div.sub_page9:after{content: ""; display: block; clear: both;}
    div.sub_page9>h1{font-size: 28px; color: #fff; margin-left: 30px; padding-top: 60px; line-height: 38px;}
    div.sub_page9>p{display: none;}
    div.sub_page9>p.mobile{font-size: 13px; color: #aaaaaa; margin-left: 30px; margin-top: 16px; display: inline-block; width: 330px;}
    div.sub_page9>div.rist{margin-left: 30px;}
    div.sub_page9>div.rist>ul{margin-top: 34px; margin-left: 0px;}
    div.sub_page9>div.rist>ul:after{content: ""; display: block; clear: both;}
    div.sub_page9>div.rist>ul>li{position: relative; margin-bottom: 30px; height: 162px;}
    div.sub_page9>div.rist>ul>li:after{content: ""; display: block; clear: both;}
    div.sub_page9>div.rist>ul>li>p{display: none;}
    div.sub_page9>div.rist>ul>li>p.mobile{float: left; color: #D8D8D8; font-size: 12px; width: 130px; display: inline-block; position: absolute; top: 50%; transform: translateY(-50%);}
    div.sub_page9>div.rist>ul>li:nth-of-type(2){height: 0;}
    div.sub_page9>div.rist>ul>li:nth-of-type(3):after{
        content: ""; display: inline-block;
        width: 130px; height: 130px; position: absolute;
        border: 5px solid transparent; top: 10px; left: 10px; border-radius: 50%; filter: blur(10px);
        box-shadow: 5px 5px 15px 5px #ff000045, -9px 5px 15px 5px #ffe48833, -7px -5px 15px 5px #8cff853b, 12px -5px 15px 5px #80c7ff4d, 12px 10px 15px 7px #e488ff33, -10px 10px 15px 7px #ff616b1c, -10px -7px 27px 1px #8e5cff40, 5px 5px 15px 5px rgb(0 0 0 / 0%);
    }
    div.sub_page9>div.rist>ul>li:nth-of-type(4){height: 0;}
    div.sub_page9>div.rist>ul>li>div.radius{width: 160px; height: 160px; border: 1px solid #fff; border-radius: 50%; position: relative; float: left; margin-right: 26px;}
    div.sub_page9>div.rist>ul>li>div.radius:after{
        content: ""; display: inline-block; position: absolute; width: 1px; height: 30px; bottom: -30px;
        background-color: #fff; left: 50%;
    }
    div.sub_page9>div.rist>ul>li:nth-of-type(5)>div:after { display: none; }
    div.sub_page9>div.rist>ul>li>span{display: none; width: 1px; height: 30px; background-color: #fff;}
    div.sub_page9>div.rist>ul>li>div.radius>h2{
        color: #fff; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);
        font-size: 18px; font-weight: 500; text-align: center;
        width: 160px; line-height: 22px;
    }
    div.sub_page9>div.rist>ul>li>div.radius>h2>span:nth-of-type(1){font-size: 49px;}
    div.sub_page9>div.rist>ul>li>div.radius>h2>span:nth-of-type(2){font-size: 29px;}
    div.sub_page9>div.support{
        float: left;
        position: absolute;
        margin-top: 60px; width: 330px; left: 50%; transform: translateX(-50%);
    }
    div.sub_page9>div.support>p{color: #fff; font-size: 17px; font-weight: 300; line-height: 26px;}
    div.sub_page9>div.support>div.text_box{width: 330px; border: 1px solid #fff; margin-top: 30px; position: relative;}
    div.sub_page9>div.support>div.text_box>a{}
    div.sub_page9>div.support>div.text_box>a>p{color: #fff; font-size: 18px; font-weight: 400; margin-top: 24px; margin-bottom: 24px; margin-left: 24px;}
    div.sub_page9>div.support>div.text_box>a>p>svg{position: absolute; right: 20px; top: 50%; transform: translateY(-50%);}

    /* sub_page10 */
    div.sub_page10{
        display: block; width: 100vw; height: 850px;
        background-size: 100% auto;
        background-color: #000000;
        background-repeat: no-repeat;
        position: relative;
    }
    div.sub_page10:after{content: ""; display: block; clear: both;}
    div.sub_page10>h1{font-size: 28px; color: #fff; margin-left: 30px; padding-top: 60px; line-height: 38px;}
    div.sub_page10>p{display: none;}
    div.sub_page10>p.mobile{font-size: 13px; color: #aaaaaa; margin-left: 30px; margin-top: 16px; display: inline-block; width: 330px;}
    div.sub_page10>div.rist{margin-left: 30px; margin-top: 47px;}
    div.sub_page10>div.rist>ul{width: 100vw; margin-left: 0px;}
    div.sub_page10>div.rist>ul:after{content: ""; display: block; clear: both;}
    div.sub_page10>div.rist>ul>li{float: left; width: 140px; margin-right: 34px; text-align: center; margin-bottom: 30px; margin-left: 0px;}
    div.sub_page10>div.rist>ul>li:last-of-type{margin-right: 0px;}
    div.sub_page10>div.rist>ul>li>h3{color: #fff; font-size: 18px; font-weight: 300;}
    div.sub_page10>div.rist>ul>li>h3>span{font-size: 45px; font-weight: 900; margin-right: 6px;}
    div.sub_page10>div.rist>ul>li>p{color: #D8D8D8; font-size: 16px; font-weight: 300; margin-top: 4px;}

    /* sub_page11 */
    div.sub_page11{
        display: block; width: 100vw; height: 900px;
        background-size: 100% auto;
        background-color: #292929;
        background-repeat: no-repeat;
        position: relative;
    }
    div.sub_page11:after{content: ""; display: block; clear: both;}
    div.sub_page11>h1{font-size: 28px; color: #fff; margin-left: 30px; padding-top: 60px; line-height: 38px;}
    div.sub_page11>div.list{margin-left: 30px; margin-top: 120px;}
    div.sub_page11>div.list>ul{margin: 0px;}
    div.sub_page11>div.list>ul:after{content: ""; display: block; clear: both;}
    div.sub_page11>div.list>ul>li{color: #fff; width: 320px; position: relative; margin: 0px; margin-bottom: 30px;}
    div.sub_page11>div.list>ul>li>h3{font-size: 16px; color: #D8D8D8; font-weight: 300; margin-bottom: 4px;}
    div.sub_page11>div.list>ul>li>p:nth-of-type(1){font-size: 18px; font-weight: 400; margin-bottom: 4px; color: white;}
    div.sub_page11>div.list>ul>li>p:nth-of-type(2){font-size: 16px; font-weight: 300; color: #B1B1B1;}
    div.sub_page11>div.list>ul>li:nth-of-type(2)>p:nth-of-type(1){margin-bottom: 30px;}
    div.sub_page11>div.list>ul>li:nth-of-type(2)>p:nth-of-type(2){font-size: 18px; font-weight: 400; color: #fff;}
    div.sub_page11>div.list>ul>li>div.button{display: none; width: 320px; border: 1px solid #fff; margin-top: 44px; position: absolute; bottom: 0;}
    div.sub_page11>div.list>ul>li>div.button>a{}
    div.sub_page11>div.list>ul>li>div.button>a>p{color: #fff; font-size: 18px; font-weight: 400; margin-top: 24px; margin-bottom: 24px; margin-left: 24px;}
    div.sub_page11>div.list>ul>li>div.button>a>p>svg{position: absolute; right: 20px; top: 50%; transform: translateY(-50%);}

    div.sub_page11>div.list>ul>li:nth-of-type(4)>ul{position: absolute; bottom: -90px; margin: 0;}
    div.sub_page11>div.list>ul>li:nth-of-type(4)>ul:after{content: ""; display: block; clear: both;}
    div.sub_page11>div.list>ul>li:nth-of-type(4)>ul>li{float: left; height: 40px; width: 50px; margin: 0; position: relative; list-style: none;}
    div.sub_page11>div.list>ul>li:nth-of-type(4)>ul>li>a>svg{position: absolute; top: 50%; transform: translateY(-50%);}




}


/* PC */
@media (min-width:768px){
    div.all{width: 100vw; height: 1200vh;}

    /* all */
    div.all>span{position: fixed; display: inline-block; width: 30px; height: 26px; top: 40px; left: 60px; z-index: 999;}
    div.all>span>img{}
    div.all>div.slider_button{position: fixed; right: 60px; top: 50%; transform: translateY(-50%); z-index: 999;}
    div.all>div.slider_button>span{display: block; width: 10px; height: 10px; border: 1px solid white; border-radius: 50%; margin-bottom: 8px;}
    div.all>div.slider_button>span.select{background-color: #fff;}

    /* main_page */
    div.main_page{
        display: block; width: 100vw; height: 100vh;
        background-size: 100% auto;
        /*background-image: url(../img/bg1.jpg);*/
        background-repeat: no-repeat;
        text-align: center;
        position: relative;
    }
    #main_vbg { z-index: -10 !important; }
    div.main_page>div.logo{text-align: center; padding-top: 20%;}
    div.scroll{margin-top: 5%; animation: updown 2s linear 0s infinite alternate;}
    div.bottom>p{position: absolute; bottom: 50px; color: #CCCCCC; left: 50%; transform: translateX(-50%); text-align: center;}


    /* sub_page1 */
    div.sub_page1{
        display: block; width: 100vw; height: 100vh;
        background-size: auto;
        background-image: url(/wp-content/uploads/2022/08/bg1.jpg);
        background-repeat: no-repeat;
        position: relative;
    }
    .aniType1 { animation: wpb_ltr .7s 1 cubic-bezier(.175,.885,.32,1.275); }
    div.sub_page1>h1{font-size: 50px; color: #fff; padding-top: 110px; line-height: 64px; position: absolute; left: 0; }
    div.sub_page1>h1.mobile{display: none;}
    div.sub_page1>div.rist{width: 100%; top: 35%; position: absolute;}
    div.sub_page1>div.rist>ul{margin-left: 10%;}
    div.sub_page1>div.rist>ul:after{content: ""; display: block; clear: both;}
    div.sub_page1>div.rist>ul>li{width: 15%; float: left; margin-right: 5%; text-align: center; opacity: 0;}
    div.sub_page1>div.rist>ul>li:last-of-type{margin-right:0px;}
    div.sub_page1>div.rist>ul>li>h2{
        display: inline-block;
        width: 15vw; height: 15vw;
        border: 1px solid #fff; border-radius: 50%;
        text-align: center; font-size: 1.6vw; font-weight: 600;
        padding-top: 5vw; box-sizing: border-box;
        line-height: 2vw; color: #fff;
        margin-bottom: 16px;
    }
    div.sub_page1>div.rist>ul>li p{text-align: center; color: #CCCCCC;}
    div.sub_page1>div.rist>ul>li p:nth-of-type(1){font-size: 22px; font-weight: 600; margin-bottom: 10px;}
    div.sub_page1>div.rist>ul>li p:nth-of-type(2){font-size: 18px; font-weight: 300; line-height: 24px; display: none;}
    div.sub_page1>div.rist>ul>li p:nth-of-type(3){font-size: 14px; font-weight: 300; line-height: 20px;}

    /* sub_page2 */
    div.sub_page2{
        display: block; width: 100vw; height: 100vh;
        background-size: 100% auto;
        background-color: #000;
        background-repeat: no-repeat;
        position: relative;
    }
    div.sub_page2>h1{font-size: 50px; color: #fff; margin-left: 140px; padding-top: 110px; line-height: 64px;}
    div.sub_page2>h1.mobile{display: none;}
    div.sub_page2>p{font-size: 18px; color: #aaaaaa; margin-left: 140px; margin-top: 18px;}
    div.sub_page2>div.img{text-align: center; margin-top: -1vw;}
    div.sub_page2>div.img>img{width: 56%;}
    div.sub_page2>div.img>img.mobile{display: none;}
    div.sub_page2>ul{display: none;}


    /* sub_page3 */
    div.sub_page3{
        display: block; width: 100vw; height: 100vh;
        background-size: cover;
        background-image: url(/wp-content/uploads/2022/08/bg3.jpg);
        background-repeat: no-repeat;
        position: relative;
    }
    div.sub_page3>h1{font-size: 50px; color: #fff; padding-top: 110px; line-height: 64px;}
    div.sub_page3>p{font-size: 18px; color: #aaaaaa; margin-top: 18px;}
    div.sub_page3>p.mobile{display: none;}
    div.sub_page3>div.rist{margin-top: 70px;}
    div.sub_page3>div.rist>ul.info1{margin-left: 7.8vw; margin-bottom: 0px;}
    div.sub_page3>div.rist>ul.info2{margin-left: 12vw;}
    div.sub_page3>div.rist>ul:after{content: ""; display: block; clear: both;}
    div.sub_page3>div.rist>ul>li{color: #fff; float: left;  position: relative; width: 15.5vw;}
    div.sub_page3>div.rist>ul.info1>li{height: 180px;}
    div.sub_page3>div.rist>ul.info1>li:after{content: ""; display: block; clear: both;}
    div.sub_page3>div.rist>ul>li>span{display: inline-block; width: 1px; height: 180px; background-color: #fff; position: absolute; top: 0px;}
    div.sub_page3>div.rist>ul>li>p{margin-left: 12px; margin-bottom: 6px;}
    div.sub_page3>div.rist>ul>li>p.year{font-size: 16px; color: white; font-weight: 300;}
    div.sub_page3>div.rist>ul>li>p.info{font-size: 16px; color: white; font-weight: 500;}
    div.sub_page3>div.rist>ul>li>p>span{font-size: 14px; color: #aaa;}
    div.sub_page3>div.rist>hr{width: 1700px; background-color: #fff;}

    div.sub_page3>div.rist>ul.info2>li{padding-top: 4.8vw;}

    /* sub_page4 */
    div.sub_page4{
        display: block; width: 100vw; height: 100vh;
        background-size: 100% auto;
        background-color: #000;
        background-repeat: no-repeat;
        position: relative;
    }
    div.sub_page4>h1{font-size: 50px; color: #fff; margin-left: 140px; padding-top: 110px; line-height: 64px;}
    div.sub_page4:after{content: ""; display: block; clear: both;}
    div.sub_page4>div.rist{margin-top: 100px; margin-left: 7.3vw;}
    div.sub_page4>div.rist>ul{ margin: 0px; }
    div.sub_page4>div.rist>ul:after{content: ""; display: block; clear: both;}
    div.sub_page4>div.rist>ul>li{color: #fff; float: left; width: 14.6vw; margin-left: 0px; margin-right: 2.1vw; min-height: 400px; height: 23.5vw; position: relative;}
    div.sub_page4>div.rist>ul>li:nth-of-type(5){margin-right: 0px;}
    div.sub_page4>div.rist>ul>li>img{margin-bottom: 12px;}
    div.sub_page4>div.rist>ul>li>h2{font-size: 1.5vw; font-weight: 700; color: #ffffff; border-bottom: 1px solid #D8D8D8; padding-bottom: 10px; margin-bottom: 16px;}
    div.sub_page4>div.rist>ul>li>h2>img{float: right; margin-top: 0.5vw;}
    div.sub_page4>div.rist>ul>li>p{font-size: 0.9vw; color: #aaa;}
    div.sub_page4>div.rist>ul>li>p:nth-of-type(1){margin-bottom: 26px;}
    div.sub_page4>div.rist>ul>li>ul{position: absolute; bottom: 0px; list-style: none; margin-left: 0px;}
    div.sub_page4>div.rist>ul>li>ul:after{content: ""; display: block; clear: both;}
    div.sub_page4>div.rist>ul>li>ul>li{float: left; margin-right: 8px; margin-left: 0px;}
    div.sub_page4>div.rist>ul>li>ul>li:last-of-type{margin-right: 0px;}
    div.sub_page4>div.rist>ul>li>img.rist5_img{position: absolute; bottom: 0px;}

    div.sub_page4>div.bottom>p{position: absolute; bottom: 50px; color: #CCCCCC; left: 50%; transform: translateX(-50%); text-align: center;}

    /* sub_page5 */
    div.sub_page5{
        display: block; width: 100vw; height: 100vh;
        background-size: 100% auto;
        background-color: #292929;
        background-repeat: no-repeat;
        position: relative;
        overflow: hidden;
    }
    div.sub_page5>h1{font-size: 50px; color: #fff; margin-left: 140px; padding-top: 110px; line-height: 64px;}
    div.sub_page5>p{font-size: 18px; color: #aaaaaa; margin-left: 140px; margin-top: 18px;}
    div.sub_page5>p.mobile{display: none;}
    div.sub_page5>ul{margin-left: 7.3vw; margin-top: 54px;}
    div.sub_page5>ul:after{content: ""; display: block; clear: both;}
    div.sub_page5>ul>li{float: left; margin-right: 40px; width: 25%;}
    div.sub_page5>ul>li:nth-of-type(3){margin-right: 0px;}
    div.sub_page5>ul>li>h2{color: #fff; font-weight: 700; font-size: 16px; margin-bottom: 12px;}

    /* sub_page6 */
    div.sub_page6{
        display: block; width: 100vw; height: 100vh;
        background-size: 100% auto;
        background-color: #000000;
        background-repeat: no-repeat;
        position: relative;
        overflow: hidden;
    }
    div.sub_page6>h1{font-size: 50px; color: #fff; margin-left: 140px; padding-top: 110px; line-height: 64px;}
    div.sub_page6>p{font-size: 18px; color: #aaaaaa; margin-left: 140px; margin-top: 18px;}
    div.sub_page6>p.mobile{display: none;}
    div.sub_page6>ul{margin-left: 140px; margin-top: 54px; width: 150%;}
    div.sub_page6>ul:after{content: ""; display: block; clear: both;}
    div.sub_page6>ul>li{float: left; margin-right: 40px; width: 664px;}
    div.sub_page6>ul>li:nth-of-type(3){margin-right: 0px;}
    div.sub_page6>ul>li>h2{color: #fff; font-weight: 700; font-size: 16px; margin-bottom: 12px;}
    div.sub_page6>ul>li>img{height: 374px; margin-bottom: 10px;}
    div.sub_page6>ul>li>ul{}
    div.sub_page6>ul>li>ul:after{content: ""; display: block; clear: both;}
    div.sub_page6>ul>li>ul>li{float: left; height: 120px; width: 214px; margin-right: 10px;}
    div.sub_page6>ul>li>ul>li:nth-of-type(3){margin-right: 0px;}
    /* 원본 */
    div.sub_page6>div{margin-top: 54px; padding-left: 7.3vw;}
    div.sub_page6>div>div>div{width: 35vw !important; margin-right: 2.1vw !important;}
    div.sub_page6>div>div>div>h2{color: #fff; font-weight: 700; font-size: 16px; margin-bottom: 12px;}
    div.sub_page6>div>div>div>img{height: 19.7vw; margin-bottom: 10px;}
    div.sub_page6>div>div>div>ul{margin-left: 0px; list-style: none;}
    div.sub_page6>div>div>div>ul:after{content: ""; display: block; clear: both;}
    div.sub_page6>div>div>div>ul>li{float: left; height: 8vw; width: 11.2vw; margin-left: 0px; margin-right: 0.7vw;}
    div.sub_page6>div>div>div>ul>li:nth-of-type(3){margin-right: 0px;}


    div.sub_page6>span{display: inline-block; height: 100%; width: 8.5vw; background: linear-gradient(to right, #ffffff00, #000000c4); position: absolute; right: 0px; top: 0px; z-index: 99;}

    /* sub_page7 */
    div.sub_page7{
        display: block; width: 100vw; height: 100vh;
        background-size: 100% auto;
        background-color: #292929;
        background-repeat: no-repeat;
        position: relative;
        overflow: hidden;
    }
    div.sub_page7>h1{font-size: 50px; color: #fff; margin-left: 140px; padding-top: 110px; line-height: 64px;}
    div.sub_page7>p{font-size: 18px; color: #aaaaaa; margin-left: 140px; margin-top: 18px;}
    div.sub_page7>p.mobile{display: none;}
    div.sub_page7>hr{width: 100vw; background-color: #fff; position: absolute; top: 50%;}
    div.sub_page7>ul{margin-left: 7.3vw; position: absolute; top: 50%; transform: translateY(-50%);}
    div.sub_page7>ul:after{content: ""; display: block; clear: both;}
    div.sub_page7>ul>li{float: left; margin-right: 2.6vw !important;}
    div.sub_page7>ul>li:nth-of-type(1){width: 16vw; height: 16vw; border-radius: 50%; border: 1px solid #fff; text-align: center; background-color: #292929;}
    div.sub_page7>ul>li:nth-of-type(2){width: 16vw; height: 16vw; border-radius: 50%; border: 1px solid #fff; text-align: center; background-color: #292929;}
    div.sub_page7>ul>li:nth-of-type(3){width: 16vw; height: 16vw; border-radius: 50%; border: 1px solid #fff; text-align: center; background-color: #292929; margin-right: 90px;}
    div.sub_page7>ul>li:nth-of-type(4){margin-left: 0px; margin-right: 0px; width: 26vw; height: 16vw; position: relative;}
    div.sub_page7>ul>li>h2{ font-size: 1.7vw; font-weight: 700; color: #ffffff; margin-top: 50%; transform: translateY(-50%);}

    div.sub_page7>ul>li:nth-of-type(4)>h3{color: #fff; font-size: 1.7vw; font-weight: 700; line-height: 2vw; position: absolute; bottom: 0px;}
    div.sub_page7>ul>li:nth-of-type(4)>ul>li:before{
        content: ""; display: inline-block; width: 6px; height: 6px; background-color: #D4D4D4;
        float: left; margin-top: 0.4vw; margin-right: 0.4vw;
    }
    div.sub_page7>ul>li:nth-of-type(4)>ul>li{color: #aaaaaa; font-size: 1vw; font-weight: 400;}
    div.sub_page7>ul>li:nth-of-type(4)>ul{list-style: none; margin-left: 0px;}
    div.sub_page7>ul>li:nth-of-type(4)>ul>li>p{color: #aaaaaa;  font-size: 1vw; margin-bottom: 0.2vw;}

    /* sub_page8 */
    div.sub_page8{
        display: block; width: 100vw; height: 100vh;
        background-size: 100% auto;
        background-color: #292929;
        background-repeat: no-repeat;
        position: relative;
        overflow: hidden;
    }
    div.sub_page8>h1.mobile{display: none;}
    div.sub_page8>h1{font-size: 50px; color: #fff; margin-left: 140px; padding-top: 110px; line-height: 64px;}
    div.sub_page8>p{font-size: 18px; color: #aaaaaa; margin-left: 140px; margin-top: 18px;}
    div.sub_page8>p.mobile{display: none;}
    div.sub_page8>ul{margin-left: 140px; margin-top: 54px; width: 150%;}
    div.sub_page8>ul:after{content: ""; display: block; clear: both;}
    div.sub_page8>ul>li{float: left; margin-right: 40px; width: 664px;}
    div.sub_page8>ul>li:nth-of-type(3){margin-right: 0px;}
    div.sub_page8>ul>li>h2{color: #fff; font-weight: 700; font-size: 16px; margin-bottom: 12px;}
    div.sub_page8>ul>li>img{height: 374px; margin-bottom: 10px;}
    div.sub_page8>ul>li>ul{}
    div.sub_page8>ul>li>ul:after{content: ""; display: block; clear: both;}
    div.sub_page8>ul>li>ul>li{float: left; height: 120px; width: 214px; margin-right: 10px;}
    div.sub_page8>ul>li>ul>li:nth-of-type(3){margin-right: 0px;}

    /* 원본 */
    div.sub_page8>div{margin-top: 54px; padding-left: 7.3vw;}
    div.sub_page8>div>div>div{width: 35vw !important; margin-right: 2.1vw !important;}
    div.sub_page8>div>div>div>h2{color: #fff; font-weight: 700; font-size: 16px; margin-bottom: 12px;}
    div.sub_page8>div>div>div>img{height: 19.7vw; margin-bottom: 10px;}
    div.sub_page8>div>div>div>ul{margin-left: 0px; list-style: none;}
    div.sub_page8>div>div>div>ul:after{content: ""; display: block; clear: both;}
    div.sub_page8>div>div>div>ul>li{float: left; height: 8vw; width: 11.2vw; margin-left: 0px; margin-right: 0.7vw;}
    div.sub_page8>div>div>div>ul>li:nth-of-type(3){margin-right: 0px;}

    div.sub_page8>span{display: inline-block; height: 100%; width: 8.5vw; background: linear-gradient(to right, #ffffff00, #000000c4); position: absolute; right: 0px; top: 0px; z-index: 99;}

    /* sub_page9 */
    div.sub_page9{
        display: block; width: 100vw; height: 100vh;
        background-size: cover;
        background-image: url(/wp-content/uploads/2022/08/bg2.jpg);
        background-repeat: no-repeat;
        position: relative;
    }
    div.sub_page9:after{content: ""; display: block; clear: both;}
    div.sub_page9>h1{font-size: 50px; color: #fff; margin-left: 140px; padding-top: 110px; line-height: 64px;}
    div.sub_page9>p{font-size: 18px; color: #aaaaaa; margin-left: 140px; margin-top: 18px;}
    div.sub_page9>p.mobile{display: none;}
    div.sub_page9>div.rist{margin-left: 7.3vw; float: left;}
    div.sub_page9>div.rist>ul{margin-top: 130px;}
    div.sub_page9>div.rist>ul:after{content: ""; display: block; clear: both;}
    div.sub_page9>div.rist>ul>li{width: 14.3vw; float: left; position: relative; margin-left: 0px;}
    div.sub_page9>div.rist>ul>li:nth-of-type(2){height: 14.3vw; width: 4.5vw;}
    div.sub_page9>div.rist>ul>li:nth-of-type(3):after{
        content: ""; display: inline-block;
        width: 250px; height: 250px; position: absolute;
        border: 5px solid transparent; top: 10px; left: 10px; border-radius: 50%; filter: blur(10px);
        box-shadow: 5px 5px 15px 5px #ff000045, -9px 5px 15px 5px #ffe48833, -7px -5px 15px 5px #8cff853b, 12px -5px 15px 5px #80c7ff4d, 12px 10px 15px 7px #e488ff33, -10px 10px 15px 7px #ff616b1c, -10px -7px 27px 1px #8e5cff40, 5px 5px 15px 5px rgb(0 0 0 / 0%);
    }
    div.sub_page9>div.rist>ul>li>p{color: white; text-align: center;}
    div.sub_page9>div.rist>ul>li:nth-of-type(3):after{
        content: ""; display: inline-block;
        width: 13vw; height: 13vw; position: absolute;
        border: 5px solid transparent; top: 0.5vw; left: 0.5vw; border-radius: 50%; filter: blur(10px);
        box-shadow: 5px 5px 15px 5px #ff000045, -9px 5px 15px 5px #ffe48833, -7px -5px 15px 5px #8cff853b, 12px -5px 15px 5px #80c7ff4d, 12px 10px 15px 7px #e488ff33, -10px 10px 15px 7px #ff616b1c, -10px -7px 27px 1px #8e5cff40, 5px 5px 15px 5px rgb(0 0 0 / 0%);
    }
    div.sub_page9>div.rist>ul>li>p{color: white; text-align: center;}
    div.sub_page9>div.rist>ul>li:nth-of-type(4){height: 14.3vw; width: 4.5vw;}
    div.sub_page9>div.rist>ul>li>div.radius{width: 14.3vw; height: 14.3vw; border: 1px solid #fff; border-radius: 50%; position: relative;}
    div.sub_page9>div.rist>ul>li>span{display: inline-block; width: 4.5vw; height: 1px; background-color: #fff; position: absolute; top: 50%;}
    div.sub_page9>div.rist>ul>li>div.radius>h2{
        color: #fff; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);
        font-size: 1.5vw; font-weight: 500; text-align: center;
        width: 14.3vw; line-height: 2vw;
    }
    div.sub_page9>div.rist>ul>li>div.radius>h2>span:nth-of-type(1){font-size: 3.5vw;}
    div.sub_page9>div.rist>ul>li>div.radius>h2>span:nth-of-type(2){font-size: 2vw;}
    div.sub_page9>div.support{
        float: left;
        margin-top: 8vw; width: 16.5vw; margin-left: 10vw;
    }
    div.sub_page9>div.support>p{color: #fff; font-size: 18px; font-weight: 300;}
    div.sub_page9>div.support>div.text_box{width: 16.5vw; border: 1px solid #fff; margin-top: 44px; position: relative;}
    div.sub_page9>div.support>div.text_box>a{}
    div.sub_page9>div.support>div.text_box>a>p{color: #fff; font-size: 1vw; font-weight: 400; margin-top: 24px; margin-bottom: 24px; margin-left: 24px;}
    div.sub_page9>div.support>div.text_box>a>p>svg{position: absolute; right: 1vw; top: 50%; transform: translateY(-50%);}

    /* sub_page10 */
    div.sub_page10{
        display: block; width: 100vw; height: 100vh;
        background-size: 100% auto;
        background-color: #000000;
        background-repeat: no-repeat;
        position: relative;
    }
    div.sub_page10:after{content: ""; display: block; clear: both;}
    div.sub_page10>h1{font-size: 50px; color: #fff; margin-left: 140px; padding-top: 110px; line-height: 64px;}
    div.sub_page10>p{font-size: 18px; color: #aaaaaa; margin-left: 140px; margin-top: 18px;}
    div.sub_page10>p.mobile{display: none;}
    div.sub_page10>div.rist{margin-left: 7vw; margin-top: 9vw;}
    div.sub_page10>div.rist>ul{width: 60vw; margin-left: 0px;}
    div.sub_page10>div.rist>ul:after{content: ""; display: block; clear: both;}
    div.sub_page10>div.rist>ul>li{float: left; width: 10vw; margin-right: 6vw; text-align: center; margin-bottom: 3vw; margin-left: 0px;}
    div.sub_page10>div.rist>ul>li:last-of-type{margin-right: 0px;}
    div.sub_page10>div.rist>ul>li>h3{color: #fff; font-size: 1.3vw; font-weight: 300;}
    div.sub_page10>div.rist>ul>li>h3>span{font-size: 4vw; font-weight: 900; margin-right: 6px;}
    div.sub_page10>div.rist>ul>li>p{color: #D8D8D8; font-size: 1vw; font-weight: 300; margin-top: 4px;}

    /* sub_page11 */
    div.sub_page11{
        display: block; width: 100vw; height: 100vh;
        background-size: 100% auto;
        background-color: #000000;
        background-repeat: no-repeat;
        position: relative;
    }
    div.sub_page11:after{content: ""; display: block; clear: both;}
    div.sub_page11>h1{font-size: 50px; color: #fff; margin-left: 140px; padding-top: 110px; line-height: 64px;}
    div.sub_page11>div.list{margin-left: 7vw; margin-top: 12vw;}
    div.sub_page11>div.list>ul{margin-left: 0px;}
    div.sub_page11>div.list>ul:after{content: ""; display: block; clear: both;}
    div.sub_page11>div.list>ul>li{float: left; color: #fff; width: 16vw; height: 22.5vw; margin-left: 0px; margin-right: 4.5vw; position: relative;}
    div.sub_page11>div.list>ul>li>h3{font-size: 1vw; color: #D8D8D8; font-weight: 300; margin-bottom: 0.5vw;}
    div.sub_page11>div.list>ul>li>p:nth-of-type(1){font-size: 1vw; font-weight: 400; margin-bottom: 0.5vw; color: white;}
    div.sub_page11>div.list>ul>li>p:nth-of-type(2){font-size: 0.9vw; font-weight: 300; color: #B1B1B1;}
    div.sub_page11>div.list>ul>li:nth-of-type(2)>p:nth-of-type(1){margin-bottom: 3vw;}
    div.sub_page11>div.list>ul>li:nth-of-type(2)>p:nth-of-type(2){font-size: 1vw; font-weight: 400; color: #fff;}
    div.sub_page11>div.list>ul>li>div.button{width: 16vw; border: 1px solid #fff !important; margin-top: 2.2vw; padding: 0px !important; position: absolute; bottom: 0;}
    div.sub_page11>div.list>ul>li>div.button>a{}
    div.sub_page11>div.list>ul>li>div.button>a>p{color: #fff; font-size: 0.9vw; font-weight: 400; margin-top: 1.2vw; margin-bottom: 1.2vw; margin-left: 1.2vw;}
    div.sub_page11>div.list>ul>li>div.button>a>p>svg{position: absolute; right: 1vw; top: 50%; transform: translateY(-50%);}

    div.sub_page11>div.list>ul>li:nth-of-type(4)>ul{position: absolute; bottom: 0px; list-style: none;}
    div.sub_page11>div.list>ul>li:nth-of-type(4)>ul:after{content: ""; display: block; clear: both;}
    div.sub_page11>div.list>ul>li:nth-of-type(4)>ul>li{float: left; height: 40px; width: 50px; position: relative; margin-left: 0px;}
    div.sub_page11>div.list>ul>li:nth-of-type(4)>ul>li>a>svg{position: absolute; top: 50%; transform: translateY(-50%);}
}