@charset "utf-8";

body{-webkit-text-size-adjust:none; -webkit-overflow-scrolling:touch; -webkit-font-smoothing: antialiased;}
a{-webkit-tap-highlight-color:transparent;}
.font_helve{font-family:"Helvetica Neue";}
.font_roboto{font-family: 'Roboto' !important;}

@-webkit-keyframes autofill {
    to {
        color: #000;
        background: transparent;
    }
}
input:-webkit-autofill {
    -webkit-animation-name: autofill;
    -webkit-animation-fill-mode: both;
}

.input_style_1:-webkit-autofill {
    -webkit-box-shadow: inset 0 0 0px 9999px rgba(244,238,255,0.5);
}
.font_helve{font-family:"Helvetica Neue" !important;}

.wrapper{overflow: hidden;}
.main_visual_wrap{height:100vh; box-sizing: border-box; display:table; width:100%; overflow: hidden; padding-top:61px;}
.main_visual_wrap .main_visual_con{display:table-cell; vertical-align: top; position: relative; z-index: 3; padding-top:150px;}
.main_visual_wrap .main_visual_text_wrap{text-align: center; /*margin-bottom: 80px;*/}
.main_visual_text_wrap .weven_logo_con{margin-bottom: 15px;}
.main_visual_text_wrap .weven_logo{}
.main_visual_text_wrap .weven_logo img{width:80px;}
.main_visual_text_wrap h2{font-size: 36px; font-size: 3.6rem; line-height: 48px; line-height: 4.8rem; letter-spacing: -0.06em; font-weight: 700; color:#fff;}
.main_visual_text_wrap h2 .font_helve{letter-spacing: 0.03em;}
.main_visual_text_wrap h2 svg{width:178px;}
.main_visual_text_wrap .h_desc2{font-size: 16px; font-size: 1.6rem; line-height: 28px; line-height: 2.8rem; letter-spacing: -0.025em; font-weight: 100; color:#fff;}



.main_visual_wrap .main_visual_img_con{position: absolute; top:0; left:0; width:100%; height:100%; background-color:#070709;}
.main_visual_wrap .main_visual_img_dim{position: absolute; width:100%; height:100%; top:0; left:0; background-color:#070709; opacity: 0.3; z-index: 2;}
.main_visual_wrap .main_visual_img{position: absolute; top:51px; left:19%; display:inline-block; width:550px;}
.main_visual_wrap .main_visual_footer_con{position: absolute; bottom:13px; left:0; padding-right:20px; padding-left:20px; box-sizing: border-box; z-index: 5; overflow: hidden; width:100%; text-align: center;}
.main_visual_wrap .scroll_down_con{font-size:13px; font-size:1.3rem; line-height:19px; line-height:1.9rem; color:#fff; letter-spacing: 0.08em; font-weight:400;}

/* main_visual_portfolio_list_con */
.main_visual_portfolio_list_con{position: absolute; top:100%; left:50%; width:4514px; font-size:0; line-height:0; text-align: center; margin-top:-67%; transform:translateX(-50%);
    z-index:4; overflow: hidden;}
.main_visual_portfolio_list_con .main_visual_portfolio_list{padding-right:15px; padding-left:15px; display:inline-block; vertical-align: top; position: relative; box-sizing: border-box;}
.main_visual_portfolio_list_con .main_visual_portfolio_list:nth-child(1){margin-top:360px;}
.main_visual_portfolio_list_con .main_visual_portfolio_list:nth-last-child(1){margin-top:360px;}
.main_visual_portfolio_list_con .main_visual_portfolio_list:nth-child(2){margin-top:300px;}
.main_visual_portfolio_list_con .main_visual_portfolio_list:nth-last-child(2){margin-top:300px;}
.main_visual_portfolio_list_con .main_visual_portfolio_list:nth-child(3){margin-top:240px;}
.main_visual_portfolio_list_con .main_visual_portfolio_list:nth-last-child(3){margin-top:240px;}
.main_visual_portfolio_list_con .main_visual_portfolio_list:nth-child(4){margin-top:180px;}
.main_visual_portfolio_list_con .main_visual_portfolio_list:nth-last-child(4){margin-top:180px;}
.main_visual_portfolio_list_con .main_visual_portfolio_list:nth-child(5){margin-top:120px;}
.main_visual_portfolio_list_con .main_visual_portfolio_list:nth-last-child(5){margin-top:120px;}
.main_visual_portfolio_list_con .main_visual_portfolio_list:nth-child(6){margin-top:60px;}
.main_visual_portfolio_list_con .main_visual_portfolio_list:nth-last-child(6){margin-top:60px;}
.main_visual_portfolio_list_con .main_visual_portfolio_list:nth-child(7){margin-top:0;}
.main_visual_portfolio_list_con .main_visual_portfolio_inner{width:165px;}
.main_visual_portfolio_list_con .img_box{}



.main_contents_wrap{background-color:#fff; z-index:6;}

.section h3{font-size: 29px; font-size: 2.9rem; line-height: 35px; line-height: 3.5rem; letter-spacing: 0; font-weight: 700;}
.section .h_subtitle3{font-size: 55px; font-size: 5.5rem; line-height: 74px; line-height: 7.4rem; letter-spacing: -0.04em; font-weight: 300;}
.section .h_desc3{font-size: 21px; font-size: 2.1rem; line-height: 40px; line-height: 4.0rem; letter-spacing: 0; font-weight: 100;}

.section h2{font-size: 55px; font-size: 5.5rem; line-height: 70px; line-height: 7.0rem; letter-spacing: -0.04em; font-weight: 300;}

.section .feature_slide_arrow.left{}

.section.project{background-color: #f5f4fa;}

/* btn_style_1 */
.btn_style_1_con{text-align: center;}
.btn_style_1_con .btn_style_1{font-size:16px; font-size:1.6rem; line-height:35px; line-height:3.5rem; letter-spacing: -0.025em; color:#fff; font-weight:400;
    padding-right:17px; padding-left:17px; height:41px; display:inline-block; vertical-align: middle; border:2px solid #fff; border-radius:0; overflow: hidden; box-sizing: border-box;}


/* btn_style_2_con */
.btn_style_2_con{position: relative; text-align: center; font-size:0; line-height:0;}
.btn_style_2_con.tl{text-align: left;}
/* 이중 border-radius 처리로 임시 주석처리(문제없으면 제거) -> 사파리에서 네모로 보여서 주석 다시 풀었음*/
.btn_style_2_con .btn_style_2{display:inline-block; vertical-align: middle; text-align: center; margin-right: 20px; overflow: hidden; border-radius: 50%;}
.btn_style_2_con .btn_style_2:last-child{margin-right: 0;}
.btn_style_2_con .btn_style_2_inner{display:table; width:100px; height:100px; font-size:18px; font-size:1.8rem; line-height:21px; line-height:2.1rem; letter-spacing: -0.06em; color:#fff; font-weight:500;
    box-sizing: border-box; background-color:#000; border-radius:50%;  border:3px solid transparent; overflow: hidden; transition: all 0.3s;}
.btn_style_2_con .btn_style_2.white .btn_style_2_inner{color:#000; font-weight: 700; background-color: transparent; border-color:#000;}
.btn_style_2_con .btn_style_2.type_2 .btn_style_2_inner{width: 118px; height: 118px; font-size:16px; font-size:1.6rem; line-height: 19px; line-height: 1.9rem; font-weight: 400; border-color:#000;}
.btn_style_2_con .btn_style_2.type_2 .btn_style_2_inner .btn_style_2_arrow{width:53px;}

.btn_style_2_con .btn_style_2.type_3 .btn_style_2_inner{width: 114px; height: 114px;}
.btn_style_2_con .btn_style_2.type_3.color_white .btn_style_2_inner{border:3px solid #fff; background-color:transparent;}
.btn_style_2_con .btn_style_2.type_3 .btn_style_2_inner > div{line-height: 0;}
.btn_style_2_con .btn_style_2.type_3 .btn_style_2_inner > div > div:first-child{font-size:15px; font-size:1.5rem; line-height:20px; line-height:2.0rem; letter-spacing: -0.01em; font-weight: 400;}
.btn_style_2_con .btn_style_2.type_4{width: 133px; height: 133px; box-sizing: border-box;}
.btn_style_2_con .btn_style_2.type_4 .btn_style_2_inner{width: 100%; height: 100%; background-color: #5603dd; font-size: 0; border:2px solid #5603dd;}
.btn_style_2_con .btn_style_2.type_4 .btn_style_2_inner > div > div:last-child{font-size:15px; font-size:1.5rem; line-height:20px; line-height:2.0rem; letter-spacing: -0.01em; font-weight: 400;}



/* scrollbar */
.mCustomScrollbar .mCSB_scrollTools{opacity:1; margin-right: 10px;}
.mCustomScrollbar .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:2px; opacity: 1; background-color:#ffc514;}
.mCustomScrollbar .mCSB_scrollTools .mCSB_draggerRail{background-color:#ffc514; opacity:0.1; filter:alpha(opacity=10); width:2px;}
.mCustomScrollbar .mCSB_scrollTools .mCSB_draggerContainer{height: calc(100% - 20px);}
.contents_scroll_wrap.mCustomScrollbar .mCSB_scrollTools .mCSB_draggerContainer{height: calc(100% - 215px); top:202px;}
.mCustomScrollbar .mCS-my-theme.mCSB_inside > .mCSB_container{margin-right: 0px;}
/*.mCustomScrollbar .mCS-my-theme.mCSB_inside > .mCSB_container{margin-right: 10px;}*/
.mCustomScrollbar .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCustomScrollbar .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background-color:#ffc514;}
.guide_container .mCustomScrollbar .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #6d13ff; width:2px; opacity:1; }
.guide_container .mCustomScrollbar .mCSB_scrollTools .mCSB_draggerRail{background-color:#6d13ff; opacity:0.1; filter:alpha(opacity=10); width:2px;}
.mCustomScrollbar.select_style_4_con .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #6d13ff; width:2px; opacity:1; }
.mCustomScrollbar.select_style_4_con .mCSB_scrollTools .mCSB_draggerRail{background-color:#6d13ff; opacity:0.1; filter:alpha(opacity=10); width:2px;}
.mCustomScrollbar.select_style_4_con .mCS-my-theme.mCSB_inside > .mCSB_container{margin-right: 0px;}

@media all and (max-width:767px) and (min-height:700px){
    .main_visual_portfolio_list_con{margin-top:-70%;}
    [data-wv-agent="iphone"] .main_visual_portfolio_list_con{margin-top:-95%;}
}

@media all and (min-width:768px){
    .main_visual_wrap .main_visual_con{display:table-cell; vertical-align: middle; padding-top:0;}
    .main_visual_wrap .main_visual_img{top:0;}
    .main_visual_text_wrap .weven_logo_con{margin-bottom:26px;}
    .main_visual_text_wrap .weven_logo img{width:101px;}
    /*.main_visual_text_wrap h2{font-size: 45px; font-size: 4.5rem; line-height: 54px; line-height: 5.4rem;}*/
    /*.main_visual_text_wrap .h_desc2{font-size: 17px; font-size: 1.7rem; line-height: 26px; line-height: 2.6rem;}*/


    .main_visual_portfolio_list_con{margin-top:-13%;}
    .main_visual_portfolio_list_con .main_visual_portfolio_list{padding-right:17px; padding-left:17px;}
    .main_visual_portfolio_list_con .main_visual_portfolio_list:nth-child(1){margin-top:300px;}
    .main_visual_portfolio_list_con .main_visual_portfolio_list:nth-last-child(1){margin-top:300px;}
    .main_visual_portfolio_list_con .main_visual_portfolio_list:nth-child(2){margin-top:250px;}
    .main_visual_portfolio_list_con .main_visual_portfolio_list:nth-last-child(2){margin-top:250px;}
    .main_visual_portfolio_list_con .main_visual_portfolio_list:nth-child(3){margin-top:200px;}
    .main_visual_portfolio_list_con .main_visual_portfolio_list:nth-last-child(3){margin-top:200px;}
    .main_visual_portfolio_list_con .main_visual_portfolio_list:nth-child(4){margin-top:150px;}
    .main_visual_portfolio_list_con .main_visual_portfolio_list:nth-last-child(4){margin-top:150px;}
    .main_visual_portfolio_list_con .main_visual_portfolio_list:nth-child(5){margin-top:100px;}
    .main_visual_portfolio_list_con .main_visual_portfolio_list:nth-last-child(5){margin-top:100px;}
    .main_visual_portfolio_list_con .main_visual_portfolio_list:nth-child(6){margin-top:50px;}
    .main_visual_portfolio_list_con .main_visual_portfolio_list:nth-last-child(6){margin-top:50px;}
    .main_visual_portfolio_list_con .main_visual_portfolio_inner{width:180px;}


}

@media all and (min-width:992px){

    .main_visual_wrap{height:100vh; padding-top:0; padding-bottom: 60px; margin-top:0;}

    .main_visual_text_wrap h2{font-size: 41px; font-size: 4.1rem; line-height: 50px; line-height: 5.0rem;}
    .main_visual_text_wrap h2 svg{width:201px;}
    .main_visual_text_wrap .h_desc2{font-size: 18px; font-size: 1.8rem; line-height: 28px; line-height: 2.8rem;}

    .btn_style_2_con .btn_style_2:hover .btn_style_2_inner{/*background-color: #6143f7;*/ background-color: #6d13ff;}
    .btn_style_2_con .btn_style_2.type_2:hover .btn_style_2_inner{border-color:#ffc514; background-color: #ffc514;}
    .btn_style_2_con .btn_style_2.white:hover .btn_style_2_inner{color:#6143f7; border-color:#6143f7; background-color: transparent;}
    .btn_style_2_con .btn_style_2.type_3.color_white:hover .btn_style_2_inner{border-color:#6143f7; background-color: #6143f7;}
    .btn_style_2_con .btn_style_2.type_4:hover .btn_style_2_inner{background-color:transparent; border-color: #fff;}


    /*.main_visual_portfolio_list_con{margin-top:-360px;}*/
    .main_visual_portfolio_list_con .main_visual_portfolio_list{padding-right:21px; padding-left:21px;}
    .main_visual_portfolio_list_con .main_visual_portfolio_inner{width:200px;}


    /* btn_style_1 */
    .btn_style_1_con{text-align: center;}
    .btn_style_1_con .btn_style_1{font-size:19px; font-size:1.9rem; line-height:45px; line-height:4.5rem;
        padding-right:21px; padding-left:21px; height:50px; transition:all .3s;}
    .btn_style_1_con .btn_style_1:hover{color:#ffc514; border-color:#ffc514;}

    .btn_style_2_con .btn_style_2.type_2 .btn_style_2_inner{width: 138px; height: 138px; font-size:17px; font-size:1.7rem; line-height: 19px; line-height: 1.9rem;}
    .btn_style_2_con .btn_style_2.type_2 .btn_style_2_inner .btn_style_2_arrow{width:auto;}

    .main_visual_portfolio_list_con .main_visual_portfolio_list{padding-right:17px; padding-left:17px;}
    .main_visual_portfolio_list_con .main_visual_portfolio_list:nth-child(1){margin-top:300px;}
    .main_visual_portfolio_list_con .main_visual_portfolio_list:nth-last-child(1){margin-top:300px;}
    .main_visual_portfolio_list_con .main_visual_portfolio_list:nth-child(2){margin-top:250px;}
    .main_visual_portfolio_list_con .main_visual_portfolio_list:nth-last-child(2){margin-top:250px;}
    .main_visual_portfolio_list_con .main_visual_portfolio_list:nth-child(3){margin-top:200px;}
    .main_visual_portfolio_list_con .main_visual_portfolio_list:nth-last-child(3){margin-top:200px;}
    .main_visual_portfolio_list_con .main_visual_portfolio_list:nth-child(4){margin-top:150px;}
    .main_visual_portfolio_list_con .main_visual_portfolio_list:nth-last-child(4){margin-top:150px;}
    .main_visual_portfolio_list_con .main_visual_portfolio_list:nth-child(5){margin-top:100px;}
    .main_visual_portfolio_list_con .main_visual_portfolio_list:nth-last-child(5){margin-top:100px;}
    .main_visual_portfolio_list_con .main_visual_portfolio_list:nth-child(6){margin-top:50px;}
    .main_visual_portfolio_list_con .main_visual_portfolio_list:nth-last-child(6){margin-top:50px;}
    .main_visual_portfolio_list_con .main_visual_portfolio_inner{width:180px;}

}

@media all and (min-width:1280px){
    .main_visual_text_wrap h2{font-size: 44px; font-size: 4.4rem; line-height: 56px; line-height: 5.6rem;}
    .main_visual_text_wrap h2 svg{width:215px;}
    .main_visual_text_wrap .h_desc2{font-size: 19px; font-size: 1.9rem; line-height: 32px; line-height: 3.2rem;}

    /* main_visual_portfolio_list_con */
    /*.main_visual_portfolio_list_con{margin-top:-170px;}*/
    .main_visual_portfolio_list_con .main_visual_portfolio_list{padding-right:25px; padding-left:25px;}
    .main_visual_portfolio_list_con .main_visual_portfolio_list:nth-child(1){margin-top:360px;}
    .main_visual_portfolio_list_con .main_visual_portfolio_list:nth-last-child(1){margin-top:360px;}
    .main_visual_portfolio_list_con .main_visual_portfolio_list:nth-child(2){margin-top:300px;}
    .main_visual_portfolio_list_con .main_visual_portfolio_list:nth-last-child(2){margin-top:300px;}
    .main_visual_portfolio_list_con .main_visual_portfolio_list:nth-child(3){margin-top:240px;}
    .main_visual_portfolio_list_con .main_visual_portfolio_list:nth-last-child(3){margin-top:240px;}
    .main_visual_portfolio_list_con .main_visual_portfolio_list:nth-child(4){margin-top:180px;}
    .main_visual_portfolio_list_con .main_visual_portfolio_list:nth-last-child(4){margin-top:180px;}
    .main_visual_portfolio_list_con .main_visual_portfolio_list:nth-child(5){margin-top:120px;}
    .main_visual_portfolio_list_con .main_visual_portfolio_list:nth-last-child(5){margin-top:120px;}
    .main_visual_portfolio_list_con .main_visual_portfolio_list:nth-child(6){margin-top:60px;}
    .main_visual_portfolio_list_con .main_visual_portfolio_list:nth-last-child(6){margin-top:60px;}
    .main_visual_portfolio_list_con .main_visual_portfolio_inner{width:220px;}

    /*.main_visual_wrap .main_visual_img{width:1193px; left:54%;}*/
    .main_visual_wrap .main_visual_img{width:893px; left:54%;}
}

@media all and (min-width:1600px){

}

@media all and (min-width:1920px){
    .main_visual_text_wrap h2{font-size: 50px; font-size: 5.0rem; line-height: 66px; line-height: 6.6rem;}
    .main_visual_text_wrap h2 svg{width:243px;}
    .main_visual_text_wrap .h_desc2{font-size: 20px; font-size: 2.0rem; line-height: 36px; line-height: 3.6rem;}

    /* main_visual_portfolio_list_con */
    /*.main_visual_portfolio_list_con{margin-top:-225px;}*/
    .main_visual_portfolio_list_con .main_visual_portfolio_list{padding-right:30px; padding-left:30px;}
    .main_visual_portfolio_list_con .main_visual_portfolio_list:nth-child(1){margin-top:420px;}
    .main_visual_portfolio_list_con .main_visual_portfolio_list:nth-last-child(1){margin-top:420px;}
    .main_visual_portfolio_list_con .main_visual_portfolio_list:nth-child(2){margin-top:350px;}
    .main_visual_portfolio_list_con .main_visual_portfolio_list:nth-last-child(2){margin-top:350px;}
    .main_visual_portfolio_list_con .main_visual_portfolio_list:nth-child(3){margin-top:280px;}
    .main_visual_portfolio_list_con .main_visual_portfolio_list:nth-last-child(3){margin-top:280px;}
    .main_visual_portfolio_list_con .main_visual_portfolio_list:nth-child(4){margin-top:210px;}
    .main_visual_portfolio_list_con .main_visual_portfolio_list:nth-last-child(4){margin-top:210px;}
    .main_visual_portfolio_list_con .main_visual_portfolio_list:nth-child(5){margin-top:140px;}
    .main_visual_portfolio_list_con .main_visual_portfolio_list:nth-last-child(5){margin-top:140px;}
    .main_visual_portfolio_list_con .main_visual_portfolio_list:nth-child(6){margin-top:70px;}
    .main_visual_portfolio_list_con .main_visual_portfolio_list:nth-last-child(6){margin-top:70px;}
    .main_visual_portfolio_list_con .main_visual_portfolio_inner{width:240px;}

    /*.main_visual_wrap .main_visual_img{width:1343px; left:52%;}*/
    .main_visual_wrap .main_visual_img{width:1243px; left:52%;}

}

@media all and (min-width:2560px){
    .main_visual_wrap{padding-top:60px; padding-bottom: 60px;}

    .main_visual_text_wrap h2{font-size: 55px; font-size: 5.5rem; line-height: 75px; line-height: 7.5rem;}
    .main_visual_text_wrap h2 svg{width:266px;}
    .main_visual_text_wrap .h_desc2{font-size: 21px; font-size: 2.1rem; line-height: 40px; line-height: 4.0rem;}

    /* main_visual_portfolio_list_con */
    /*.main_visual_portfolio_list_con{margin-top:-315px;}*/
    .main_visual_portfolio_list_con .main_visual_portfolio_list{padding-right:38px; padding-left:38px;}
    .main_visual_portfolio_list_con .main_visual_portfolio_list:nth-child(1){margin-top:540px;}
    .main_visual_portfolio_list_con .main_visual_portfolio_list:nth-last-child(1){margin-top:540px;}
    .main_visual_portfolio_list_con .main_visual_portfolio_list:nth-child(2){margin-top:450px;}
    .main_visual_portfolio_list_con .main_visual_portfolio_list:nth-last-child(2){margin-top:450px;}
    .main_visual_portfolio_list_con .main_visual_portfolio_list:nth-child(3){margin-top:360px;}
    .main_visual_portfolio_list_con .main_visual_portfolio_list:nth-last-child(3){margin-top:360px;}
    .main_visual_portfolio_list_con .main_visual_portfolio_list:nth-child(4){margin-top:270px;}
    .main_visual_portfolio_list_con .main_visual_portfolio_list:nth-last-child(4){margin-top:270px;}
    .main_visual_portfolio_list_con .main_visual_portfolio_list:nth-child(5){margin-top:180px;}
    .main_visual_portfolio_list_con .main_visual_portfolio_list:nth-last-child(5){margin-top:180px;}
    .main_visual_portfolio_list_con .main_visual_portfolio_list:nth-child(6){margin-top:90px;}
    .main_visual_portfolio_list_con .main_visual_portfolio_list:nth-last-child(6){margin-top:90px;}
    .main_visual_portfolio_list_con .main_visual_portfolio_inner{width:261px;}

    .main_visual_wrap .main_visual_img{width:1530px; left:51%;}
}
@media all and (min-width:3200px){
    .main_visual_wrap .main_visual_img{width:1700px; left:51%;}
}
@media all and (min-width:3840px){
    /* main_visual_portfolio_list_con */
    /*.main_visual_portfolio_list_con{margin-top:-485px;}*/

    .main_visual_wrap .main_visual_img{width:1843px; left:52%;}
}
/*
@media all and (min-width:1280px) and (min-height:780px){
    .main_visual_wrap{height:100vh;}
}
@media all and (min-width:1920px) and (min-height:900px){
    .main_visual_wrap{height:100vh;}
}
@media all and (min-width:2560px) and (min-height:1200px){
    .main_visual_wrap{height:100vh;}
}
@media all and (min-width:3840px) and (max-height:1599px){
    .main_visual_wrap{height:auto;}
}
@media all and (min-width:3840px) and (min-height:1600px){
    .main_visual_wrap{height:100vh;}
}

@media all and (orientation:portrait){

}*/


@media all and (width:768px) and (height:1024px){
    .main_visual_wrap .main_visual_img{left: 50%; width: 600px;}
    .main_visual_portfolio_list_con{margin-top:-25%;}
}

@media all and (width:1024px) and (height:768px){
    .main_visual_wrap .main_visual_img{left: 471px; width: 800px;}
    .main_visual_wrap .main_visual_con{vertical-align: top; padding-top:15%;}

    .main_visual_portfolio_list_con .main_visual_portfolio_list:nth-child(1){margin-top:360px;}
    .main_visual_portfolio_list_con .main_visual_portfolio_list:nth-last-child(1){margin-top:360px;}
    .main_visual_portfolio_list_con .main_visual_portfolio_list:nth-child(2){margin-top:300px;}
    .main_visual_portfolio_list_con .main_visual_portfolio_list:nth-last-child(2){margin-top:300px;}
    .main_visual_portfolio_list_con .main_visual_portfolio_list:nth-child(3){margin-top:240px;}
    .main_visual_portfolio_list_con .main_visual_portfolio_list:nth-last-child(3){margin-top:240px;}
    .main_visual_portfolio_list_con .main_visual_portfolio_list:nth-child(4){margin-top:180px;}
    .main_visual_portfolio_list_con .main_visual_portfolio_list:nth-last-child(4){margin-top:180px;}
    .main_visual_portfolio_list_con .main_visual_portfolio_list:nth-child(5){margin-top:120px;}
    .main_visual_portfolio_list_con .main_visual_portfolio_list:nth-last-child(5){margin-top:120px;}
    .main_visual_portfolio_list_con .main_visual_portfolio_list:nth-child(6){margin-top:60px;}
    .main_visual_portfolio_list_con .main_visual_portfolio_list:nth-last-child(6){margin-top:60px;}
}
@media all and (width:1024px) and (height:1366px){
    .main_visual_portfolio_list_con .main_visual_portfolio_list:nth-child(1){margin-top:360px;}
    .main_visual_portfolio_list_con .main_visual_portfolio_list:nth-last-child(1){margin-top:360px;}
    .main_visual_portfolio_list_con .main_visual_portfolio_list:nth-child(2){margin-top:300px;}
    .main_visual_portfolio_list_con .main_visual_portfolio_list:nth-last-child(2){margin-top:300px;}
    .main_visual_portfolio_list_con .main_visual_portfolio_list:nth-child(3){margin-top:240px;}
    .main_visual_portfolio_list_con .main_visual_portfolio_list:nth-last-child(3){margin-top:240px;}
    .main_visual_portfolio_list_con .main_visual_portfolio_list:nth-child(4){margin-top:180px;}
    .main_visual_portfolio_list_con .main_visual_portfolio_list:nth-last-child(4){margin-top:180px;}
    .main_visual_portfolio_list_con .main_visual_portfolio_list:nth-child(5){margin-top:120px;}
    .main_visual_portfolio_list_con .main_visual_portfolio_list:nth-last-child(5){margin-top:120px;}
    .main_visual_portfolio_list_con .main_visual_portfolio_list:nth-child(6){margin-top:60px;}
    .main_visual_portfolio_list_con .main_visual_portfolio_list:nth-last-child(6){margin-top:60px;}

    .main_visual_wrap .main_visual_img{left: 180px; width: 1300px;}
    .main_visual_portfolio_list_con{margin-top:-35%;}
}
@media all and (width:1366px) and (height:1024px){
    .main_visual_wrap .main_visual_img{left: 44%; width: 1093px;}
}

@media all and (orientation:portrait) and (max-height:1023px) and (min-width:768px){
    .main_visual_portfolio_list_con{margin-top:-25%;}
}
@media all and (orientation:portrait) and (min-height:1024px) and (min-width:768px){
    .main_visual_portfolio_list_con{margin-top:-35%;}
}