/* main */
body {overflow-x: hidden;font-size: 16px;word-break: keep-all}
.main ,.sub{overflow-x: hidden;}
.main .mainwrap{width: 100%;height: 600px;position: relative;}
.main .bgdim, .sub .bgdim{width: 100%;height: 100%;position: fixed;opacity: 0;background: black;transition: 0.2s;z-index: -1;}
.main .slidecontainer{width: 100%;height: 100%;}
.main .slidewrap{width: 100%;height: 100%;position: relative;overflow: hidden;}
.main .slide{width: 100%;height: 100%;position: absolute;opacity: 0;}
.main .img{position: absolute;width:100%;height:100%;transform: scale(1.2);transition: 4s;}
.main .img img{min-height: 100%;height: 100%;transform: translate(-50%,-50%);left: 50%;top: 50%;position: absolute;min-width: 100%;max-width: 1920px;}
.main .slide.index{opacity: 1;}
.main .slide.index .img {opacity: 1;transform: scale(1);}
.main .slide.index .img img{}
.main video{min-width: 90%;min-height: 80%;max-height: 130%;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}    

.main .comments{position: absolute;left: 50%;top: 35%;transform: translate(-50%,-50%);color: white;z-index: 99;width: 100%;height: 305px;}
.main .comments .box{width: 268px;height: 268px;position: absolute;left:-3%;}
.main .box{overflow: hidden;margin:-30px 0 0 5px;}
.main .box > div{width: 0;height: 0;position: absolute;background-color: #ffb400;transition: 0s;}
.main .box > .line1 {right: 0;top: 48px;width: 15px;transform: rotate(180deg);transform-origin: top;}
.main .box > .line2 {right: 0;top: 0;height: 15px;}
.main .box > .line3 {left: 0;top: 0;width: 15px;}
.main .box > .line4 {left: 0;bottom: 0;height: 15px;}
.main .slide.index .box > .line1{transition: .2s ease-in;transition-delay: 2s;height: 48px;}
.main .slide.index .box > .line2{transition: .4s ease-in;transition-delay: 2.2s;width:100%;}
.main .slide.index .box > .line3{transition: .4s ease-in;transition-delay: 2.6s;height:100%;}
.main .slide.index .box > .line4{transition: .4s ease-in;transition-delay: 3s;width:100%;}

.main .comments p {font-family: 'Pretendard-Regular';text-shadow: 3px 2px 2px rgb(59, 59, 59); opacity: 0;display: inline-block}
.main .slide.index .comments p {opacity: 1;letter-spacing:-3px}
.main .slide .comments .text1, .main .slide .comments .text2{position: absolute;opacity: 0;}
.main .slide .comments .text1, .main .slide .comments .text2 *{}
.main .slide .comments .text1 {top: 100px;}
.main .slide .comments .text2 {top: 100px;}
.main .slide.index .comments .text1 {top: 10px;transition: 1.5s;transition-delay: 1s;opacity: 1;}
.main .slide.index .comments .text2 {top: 160px;transition: 1s;transition-delay: 1.5s;opacity: 1;}
.main .slide .txt {position: absolute;;opacity: 0;top:300px;}
.main .slide.index .comments .txt {top: 200px;transition: 1s;transition-delay: 1.5s;opacity: 1;}
.main .comments strong{font-family: 'Pretendard-Regular';opacity: 0;text-shadow: 3px 2px 2px rgb(59, 59, 59); opacity: 0;}
.main .slide.index .comments strong{opacity: 1;}
/* .main .slide .dim{width: 100%;height: 100%;position: absolute;background: black;top: 0%;left: 0%;opacity: 0.7;transition: 1s;} */
.main .slide.index .dim{opacity: 0.2;}
.main .slide .wrap{margin: auto;height: 750px;top: 100px;left:0;right: 0;position: absolute;}

.main .slide .txt .go_btn {
    display: block;
    padding: 20px 43px;
    border-radius: 30px;
    margin-top: 35px;
    border: solid 1px rgba(255, 255, 255, .3);
    font-size: 13px;
    font-weight: 700;
    color: #fff;
    letter-spacing: .2px;
    text-transform: uppercase;
    transition: all .2s;
    /* font-family: 'mulish'; */
}

.mainvisual {max-width:1920px;margin: auto;position: relative;height: 540px;
    overflow: hidden;}
.mainvisual .visualwrap{display: flex;height:100%;width:1920px}
.mainvisual .visualwrap > *{flex:1;}
.mainvisual .visualwrap img{width:100%}
.mainvisual .visualwrap .img-box{width: 960px;}
.mainvisual .swiper {
    width: 960px;
    margin: 0;
}

.mainvisual .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #444;
    display: flex;
    justify-content: center;
    align-items: center;
}

.mainvisual .swiper-slide img {
    display: block;
    width: 100%;
    object-fit: cover;
}


.main .menu{width: 340px;height: 156px;position: absolute;right: 0px;bottom: 0;background-color: #16b9b9;padding: 40px 35px;cursor: pointer;}
.main .menu .inq_btn {
    position: absolute;
    right: 0;
    top: 0;
    width: 52px;
    height: 100%;
    background-color: #18cdcd;
}
.inq_btn a .arr::before, .inq_btn a .arr::after {
    position: absolute;
    top: 50%;
    right: 50%;
    width: 15px;
    height: 25px;
    font-size: 20px;
    content: ">";
    color: rgb(255, 255, 255);
    font-family: "Pretendard-Regular";
    transition: 0.2s;
    transform: translate(50%, -50%);
}
.main .pagetxt {font-size: 16px;color: white;display:flex;flex-direction: column;}
.main .pagetxt h2{font-family: "Pretendard-Regular";font-size:18px;-ms-user-select: none; -moz-user-select: -moz-none; -webkit-user-select: none; -khtml-user-select: none; user-select:none;font-weight: bold;padding-bottom: 10px;;}
.main .pagetxt p{font-family: "Pretendard-Regular";color:rgba(255,255,255,.7);-ms-user-select: none; -moz-user-select: -moz-none; -webkit-user-select: none; -khtml-user-select: none; user-select:none;}
.main .pageidx *{font-size: 16px;color: white;float: left;}
.main .pageidx h2{font-family: 'notolight';-ms-user-select: none; -moz-user-select: -moz-none; -webkit-user-select: none; -khtml-user-select: none; user-select:none;font-weight: bold;}
.main .pageidx p{font-family: 'notolight';-ms-user-select: none; -moz-user-select: -moz-none; -webkit-user-select: none; -khtml-user-select: none; user-select:none;}
.main .button{float: right;width: 33px;height: 100%;}
.main .button a{}
.main .button img{width:45%;height:35%;margin: auto;display: block;margin-top:25.5px;}

.section2 {position: relative;overflow: hidden;}
.section2 img{float: right;}
.section2 .txtwrap{position: absolute;padding-top:100px;left:15%;z-index: 99;}
.section2 .txtbox{width:100%;font-family: "Pretendard-Regular";}
.section2 h2{font-size:65px;color: #222;font-weight: bold;}
.section2 p{font-size:17px}
.section2 p:nth-child(3){padding:120px;line-height: 30px;color:#666}
.section2 p:nth-child(3) strong{color:#222;line-height: 60px;}
.section2 .mySwiper{padding-top:260px;width:100%;max-width:999px;float: right;}

.section3 {margin-top:101px;position: relative;}

.section3 .txtbox{text-align: center;font-family: "Pretendard-Regular";color: #222;padding-bottom:50px;}
.section3 .txtbox h1{letter-spacing: 1px;font-size:15px;font-weight: bold;}
.section3 .txtbox h2{font-size:42px;font-weight: 700;padding:20px;}
.section3 .txtbox p{text-align: center;font-family: "Pretendard-Regular";font-size: 20px;}
.section3 .swiper{height: 540px;}
.section3 .swiper a{    display: block;
    width: 100%;
    height: 100%;
    text-align: center;}
.section3 .swiper a img{height: 100%;}
.section3 .swiper .swiper-slide{
    /* display: flex;
    justify-content: center;
    align-items: center; */
    height: 100%;
}
/* .section3 .swiper .swiper-slide img{
    position: absolute;
    top: -200px;
} */
.section3 .section4{position: absolute;right: 0;top: 0;height: 100%;width: 102px;;}
.section3 .section4 ul{display: flex;flex-direction: column;height: 100%;}
.section3 .section4 ul li{flex: 1;padding: 20px;background: #16b9b9;z-index: 99;}
.section3 .section4 ul li:hover{background: #2E4068;}
.section3 .section4 ul li a{
    display: flex;
    justify-content: center;
    align-items: center;
}
.section3 .section4 ul li a p{
    color: white;
}


.section4 {overflow: hidden;}
.section4 .txtbox{text-align: center;font-family: "Pretendard-Regular";color: #222;padding-bottom:50px;}
.section4 .txtbox{text-align: center;font-family: "Pretendard-Regular";color: #222;padding-bottom:50px;}
.section4 .txtbox h1{letter-spacing: 1px;font-size:15px;font-weight: bold;}
.section4 .txtbox h2{font-size:42px;font-weight: 700;padding:20px;}
.section4 .txtbox p{text-align: center;font-family: "Pretendard-Regular";font-size: 20px;}
.section4.pc ul {}
.section4.pc ul li{border-bottom: solid rgb(139, 222, 235) 2px;}
.section4.pc ul li:last-child{border: none;}
.section4 ul{display: flex;max-width: 1300px;height: 100px;margin: auto;text-align: center;}
.section4 ul li:last-child{border-right: none;}
.section4 ul li a {
    display: block;
    height: 100%;
    color: #777;
    transition: all .3s;
    line-height: 30px;
}
.section4 ul li img {
    position: absolute;
    top: 68px;
    left: 50%;
    margin-left: -42px;
    transition: all .3s;
}
.section4 ul li p {
    padding-bottom: 5px;
    font-size: 18px;
    color: #222;
    transition: all .3s;
    font-family: "Pretendard-Regular";
    font-weight: 700;
}
.section4 ul li span{
    transition: all .3s;
    font-size: 14px;
    color: #777;
    line-height: 1.8;
    letter-spacing: -.3px;
    font-family: "Pretendard-Regular";
}
.section4 ul li:hover{
    background-color: #16b9b9;
}
.section4 ul li:hover p{
    color: #fff;
}
.section4 ul li:hover span{
    color: rgba(255, 255, 255, .7);
}

.section5 {padding-top: 80px;;}
.section5 ul{display: flex;max-width: 1300px;margin: auto;}
.section5 ul li{flex:1;position: relative;transition: all .3s;}
.section5 ul li p {
    margin-bottom: 15px;
    font-size: 28px;
    font-weight: 800;
    color: #222;
    text-transform: uppercase;
    font-family: 'mulish';
}
/* main */

/* 공용 */
.wrap{width: 100%;max-width: 1240px;}
.sub0104 .mainwrap .topbanne{height: 300px;}
.sub0105 .mainwrap .topbanne{height: 300px;}
.topbanner{height: 300px;}
.topbanner .wrap{height: 100%;position: relative;margin: auto;display: flex;justify-content: center;align-items: center;}
.topbanner .title {border-bottom: 10px #ffb400 solid;}
.sub0104 .topbanner .title h2{font-family: "scd1";}
.sub0105 .topbanner .title h2{font-family: "scd1";}
.topbanner .title h2{color: white;font-family: "scd6";font-size: 45px;}
.topbanner .title h2 br{display: none;}
.subtit_h2{font-size: 40px;font-family: "scd6";letter-spacing: -2px;line-height: 45px;padding-bottom: 40px;color: #333;}
/* 공용 */

/* subpage */
.subpage01 #sh_content .text_box{
    background: url("../img/img1_01.jpg");
    background-size: cover;
    color:white;
    padding: 60px;
    font-size: 18px;
}
.subpage01 #sh_content .text_box strong{
    font-size: 26px;
}
.subpage01 #sh_content .text_box bold{
    font-size: 22px;
    font-weight: bold;
}
.pc{display: block!important;}
.mobile{display: none!important;}
/* subpage */

@media only screen and (max-width: 767px) {
    .pc{display: none!important;}
    .mobile{display: block!important;}
    body{font-size: 12px;}
    .main .slidecontainer{height: 150px;}
    .main .mainwrap{height: auto;}
    .main .comments {min-width: calc(100% - 60px);font-size: min(5vw,27px);}
    .main .comments .box{width: 155px;height: 155px;position: absolute;}
    .main .slide .comments .text1 {top: 50px;padding: 0 20px;}
    .main .slide .comments .text2 {top: 110px;}
    .main .slide.index .comments .text1 {top: 0px;}
    .main .slide.index .comments .text2 {top: 62px;width: 100%;}
    .main .slide.index .comments .text2 p{width: 100%;text-align: center;}
    .main .slide.index .comments .text2 p strong{width: 100%;}
    .main .box{margin:-37.5px 0 0 5px;}
    .main .box > .line1 {top: 30px;}
    .main .slide.index .comments p {
        letter-spacing: -1px;
    }
    .main .comments strong{
        letter-spacing:0px;
    }
    .main .menu {
        width: 240px;
        height: 66px;
        position: absolute;
        right: 0px;
        bottom: 0;
        background-color: #16b9b9;
        cursor: pointer;
        padding: 0;
        display: none;
    }
        .main .slide .txt .go_btn {
        margin: 0;
        /* background-color: #00acdc; */
        /* background-color: #2E4068; */
        /* background-color: #16b9b9; */
        padding: 15px 30px;
    }
    .main .menu .pagetxt h2{
        line-height: 66px;
        padding-left: 30px;;
    }
    .main .menu .pagetxt p{
        display: none;
    }
    .main .slide .txt .go_btn {
        margin: 0;
        /* background-color: #00acdc; */
        /* background-color: #2E4068; */
        /* background-color: #16b9b9; */
        padding: 8px 22px;   
        font-size: 12px;
   
    }
    .main .slide .txt {
        position: absolute;
        opacity: 0;
        right: 20px;
        top: 200px;
    }
    .main .slide.index .comments .txt {
        top: 75px;
        transition: 1s;
        transition-delay: 1.5s;
        opacity: 1;
    }
    /* 공용 */
    .sub0104 .mainwrap .topbanner{height: 160px;background-position: center 160px;}
    .sub0105 .mainwrap .topbanner{height: 160px;background-position: center 160px;}
    .topbanner{height: 160px;background-size: cover;}
    .topbanner .wrap{height: 100%;position: relative;margin: auto;display: flex;justify-content: center;align-items: center;}
    .topbanner .title {border-bottom: 4px #ffb400 solid;}
    .sub0104 .topbanner .title h2{font-family: "scd1";letter-spacing: -2px;}
    .sub0105 .topbanner .title h2{font-family: "scd1";letter-spacing: -2px;}
    .topbanner .title h2{color: white;font-family: "scd6";font-size: 24px;text-align: center;}
    .topbanner .title h2 br{display: block;}
    .subtit_h2{font-size: 24px;font-family: "scd6";letter-spacing: -2px;line-height: 30px;padding-bottom: 30px;color: #333;}
    /* 공용 */


    .section2 .txtwrap{position: absolute;z-index: 99;left: 0;width: 100%;padding-top: 20px;;}
    .section2 .txtbox{width:100%;font-family: "Pretendard-Regular";text-align: center;word-break: keep-all}
    .section2 h2{font-size:21px;color: #222;font-weight: bold;}
    .section2 p{font-size:15px}
    .section2 strong{font-size:17px}
    .section2 p:nth-child(3){width:90%;line-height: 26px;color:#9d9d9d;;background: rgba(30, 35, 41, 0.81);position: absolute;padding:40px 10px 40px;top:350px;left:50%;translate: -50%;}
    .section2 p:nth-child(3) strong{color: #fff;;line-height: 60px; }
    .section2 .mySwiper{padding-top:200px;width:100%;max-width:999px;float: none}
    
    .section3 {margin:84px 0 0 0 ;}
    .section3 .txtbox{text-align: center;font-family: "Pretendard-Regular";color: #222;padding-bottom:10px;}
    .section3 .txtbox h1{letter-spacing: 1px;font-size:19px;padding: 4px 0;}
    .section3 .txtbox h2{font-size: 15px;font-weight: 500;padding:10px 20px;}
    .section3 .txtbox p{text-align: center;font-family: "Pretendard-Regular";font-size: 14px;padding: 0 20px;font-weight: bold;color:rgb(255, 78, 78);padding-bottom: 4px;}
    .section3 .swiper{        max-height: 200px;}
    .section3 .swiper a {
        text-align: left;
    }
    .section3 .swiper .swiper-slide{
        /* display: flex;
        justify-content: center;
        align-items: center; */
        max-height: 490px;}
    .section3 .swiper .swiper-slide img {
        position: absolute;
        top: -40px;
        width: 100%;
        height: auto;
    }
    .section4 .txtbox h2 {
        font-size: 23px;
        padding: 20px;
    }
    .section4 .txtbox p {
        font-size: 14px;padding: 0 20px;
    }
    .section4 ul {
        height: auto;
        border-top: none;
        border-bottom: none;
    }
    .section4 ul li{
        background-color: #ededed;
        flex: 1;
    }
    .section4 ul li a .imgbox{
        background-image: url(../img/icons2.png);
        background-repeat: no-repeat;
        background-size: cover;
        width: 100%;height:40px;
    }
    .section4 ul li:nth-child(1) a .imgbox{
        background-repeat: no-repeat;
        background-position-x: 34px;
        
    }
    .section4 ul li:nth-child(2) a .imgbox{
        background-repeat: no-repeat;
        background-position-x: -85px;
    }
    .section4 ul li:nth-child(3) a .imgbox{
        background-repeat: no-repeat;
        background-position-x: -200px;
    }
   
    .section4 ul li p{
        padding:0;
        font-size: 14px;
    }
    .section4 ul li img {
        right: 20px;
        left: auto;
        top: 50px;
        scale: 0.8;
    }
    .section4 ul li a {
        border:solid #e1e1e1 1px;
        display: block;
        height: 100%;
        padding: 7px;
        text-align: center;
        line-height: 30px;;
    }
    .section4 ul li:hover {
        background-color: none;
    }
    .swiper-button-prev:after, .swiper-rtl .swiper-button-next {
        display: none;z-index: -99;
    }
    .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {
        display: none;z-index: -99;
    }
    .section5 ul {
        flex-direction: column;
    }
    .main .comments{top:11%}
    .section4 .txtbox h1 {
        letter-spacing: 1px;
        font-size: 19px;
        padding: 4px 0;
    }
    #subBnr {
        height: 100%;
        
        background-image: url("../img/interior_img_02.jpg");
        background-size: cover;
    }
    #subBnr .inner {
        height: 100%;
        width: 100%;
        color: white!important;
        background: rgba(0, 0, 0, 0.225);
    }
}/* 모바일 */


@media only screen and (min-width: 768px) and (max-width:1423px) {
    .main .comments{min-width: 780px;font-size: 52px;}
    .main .comments .box{width: 205px;height: 205px;}
    .main .box{margin:-25px 0 0 -20px ;}
    .main .box > .line1 {top: 30px;}
    .main .menu{right: 0;}

    /* sub0201 */
    .sub0201 .mainwrap section{width: 100%;height: auto;}
    .sub0201 .mainwrap section .wrap{padding: 40px 20px;width:100%;position: relative;height: auto;}
    .sub0201 .mainwrap .sect1 .wrap{width: 100%;height: 100%;margin: auto;}
    .sub0201 .mainwrap .sect1 .wrap .text .comments{padding: 15px 0;line-height: 30px;}
    .sub0201 .mainwrap .sect1 .wrap .text .bd{margin: 0 20px;width: calc(100% - 40px);}
    .sub0201 .mainwrap .sect1 .wrap .text .title:nth-child(1){display: none;}
    .sub0201 .mainwrap .sect1 .wrap .text .title:nth-child(2){display: flex;justify-content: center;align-items: center;}
    .sub0201 .mainwrap .sect1 .wrap .text .title:nth-child(2) h2{line-height: inherit;padding: 0;}
    .sub0201 .mainwrap .sect1 .wrap .img{width: 80%;height: 50%;float: none;margin: auto;background-size: cover;}
    .sub0201 .mainwrap .sect1 .wrap .text{width: 80%;height: 50%;float: none;padding: 0px;margin: auto;text-align: center;}
    .sub0201 .mainwrap .sect3 .wrap ul.imgwrap{display: flex;flex-wrap: wrap;justify-content: space-around;align-items: center;height: 60vw;}
    .sub0201 .mainwrap .sect3 .wrap ul.imgwrap li{flex: 1;height: 50%;min-width: 33.333%;max-width: 33.333%;}
    .sub0201 .mainwrap .sect3 .wrap ul.imgwrap li:nth-child(4){margin-left: 16.6666%;}
    .sub0201 .mainwrap .sect3 .wrap ul.imgwrap li:nth-child(5){margin-right: 16.6666%;}
    .sub0201 .mainwrap .sect3 .wrap ul.imgwrap li .bg{width: 80%;height: 100%;background-size: contain;background-position: center center;background-repeat: no-repeat;margin: auto;position: relative;}
    .sub0201 .mainwrap .sect3 .wrap ul.imgwrap li .num{left:1.5vw;top:40px;font-size: 2vw;}
    .sub0201 .mainwrap .sect3 .wrap ul.imgwrap li .imgtitle{font-size: 2vw;}
    .sub0201 .mainwrap .wrap{margin: auto;height: 100%;position: relative;}
    .sub0201 .mainwrap .topbanner{width: 100%;background: url(../img/bg3.jpg);background-position: center center;background-size: cover;}
    .sub0201 .mainwrap .sect4{text-align: center;background: #f5f5f5;padding: 80px 0;}
    .sub0201 .mainwrap .sect4 .wrap .contents{width: 100%;height: inherit;}
    .sub0201 .mainwrap .sect4 .title h2{font-size: 60px;font-family: "scd9";padding-top: 25px;line-height: 70px;letter-spacing: -2px;padding-bottom: 40px;color: #333333;}
    .sub0201 .mainwrap .sect4 .wrap .left{float:none;width: 410px;height: 100%;text-align:left;margin: auto;padding-bottom: 30px;}
    .sub0201 .mainwrap .sect4 .wrap .left .subtitle{font-size: 40px;font-family: "notobold";line-height: 45px;background: none;background-size: 70px;background-position: right top;background-repeat: no-repeat;padding-bottom: 10px;color: #333;}
    .sub0201 .mainwrap .sect4 .wrap .left .subtitle h3{display: inline;}
    .sub0201 .mainwrap .sect4 .wrap .left .subtitle p{font-size: 28px;display: inline;}
    .sub0201 .mainwrap .sect4 .wrap .left .arrowbg {background: url(../img/sub2-1arrow1.jpg);background-size: contain;background-position: left bottom;background-repeat: no-repeat;height: 150px;padding: 40px 0 0 40px;}
    .sub0201 .mainwrap .sect4 .wrap .left .arrowbg p{font-size: 20px;font-family: "notoregular";line-height: 35px;margin-left: -190px;opacity: 0;transition: 0.5s;color: #333;}
    .sub0201 .mainwrap .sect4 .wrap .left .arrowbg span{position: relative;font-family: "notobold";z-index:1}
    .sub0201 .mainwrap .sect4 .wrap .left .arrowbg p span::before{content:"";position: absolute;left: 0;bottom: -2px;height: 10px;background: #ffb400;width: 100%;z-index:-1;}
    .sub0201 .mainwrap .sect4 .wrap .right{float: none;width: 780px;height: 385px;margin: auto;}
    .sub0201 .mainwrap .sect4 .wrap .right ul{width: 100%;height: 100%;}
    .sub0201 .mainwrap .sect4 .wrap .right ul li{width: 31.33%;margin:0 1% 0 1%;border: #ffb400 solid 3px;float: left;height: 100%;}
    .sub0201 .mainwrap .sect4 .wrap .right ul li .top{background: #ffb400;width: 100%;height: 120px;text-align: center;color: #f5f5f5;font-family: "notobold";font-size: 30px;line-height: 35px;padding-top: 25px;}
    .sub0201 .mainwrap .sect4 .wrap .right ul li .bot{line-height: 35px;font-size: 20px;font-family: "notoregular";text-align:left;padding: 6px;display: flex;flex-direction: column;justify-content: space-around;height: 68%;}
    .sub0201 .mainwrap .sect4 .wrap .right ul li .bot p{background: url(../img/sub2-1check1.jpg);background-position-y: 3px;background-repeat: no-repeat;background-size: 30px;padding-left:30px;}
    .sub0201 .mainwrap .sect4 .wrap .right ul li .bot span{padding-left: 30px;font-size: 17px;margin-top: -40px;}
    .sub0201 .mainwrap .sect4 .wrap .right ul li .bot span:nth-child(3){margin-top: -30px;}
    /* sub0203 */

}/* 테블릿 */
  
@media only screen and (min-width: 1424px) {
    .main .comments{font-size: 53px;}
    .main .box{margin:-25px 0 0 5px ;}
    .main .box > .line1 {width: 15px;}
    .main .box > .line2 {height: 15px;}
    .main .box > .line3 {width: 15px;}
    .main .box > .line4 {height: 15px;}
    .main .comments .box{width: 255px;height: 255px;position: absolute;left: -60px;top: -20px;}
}/* pc */

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#506855!important}

#bo_v_share {display: none!important}