@charset "utf-8";

/* main */
.main_cont_wrap {max-width: 85.05vw; margin: 0 auto;}
.mo-only {display:none;}
/* banner */
.visual-wrap {position: relative; height: 44.2708vw;}
    .visual-wrap .main-visual-swiper {position: absolute; top: 0; left: 0; width: 88.5417vw;border-radius: 0 4.1667vw 4.1667vw 0; overflow: hidden;}
    .visual-wrap .main-visual-swiper,
    .visual-wrap .swiper,
    .visual-wrap .swiper-wrapper,
    .visual-wrap .swiper-inner,
    .visual-wrap .visual {height: 100%;}
    .visual-wrap .thumb {position:relative;/* padding-top: 57%;*/  display:flex; align-items:center; justify-content:center; margin:0 auto; overflow:hidden; height: 100%;}
    .visual-wrap .thumb iframe {position: absolute; top: -10px; left: 0; right: 0; bottom: 0; width: 100%; height: 100%;}

    .visual-wrap .thumb picture {display:flex;width:100%;height: 100%;}
    .visual-wrap .thumb img {width:100%;height: 100%;object-fit: cover;}
    .visual-wrap .swiper-inner {position:relative;}
    .visual-wrap .swiper-slide.swiper-slide-visible .swiper-inner .thumb .visual {animation:ani2 2.5s 1;}
    @keyframes ani2 {
        0% {transform:scale(1.1);}
        100% {transform:scale(1);}
    }
.visual-wrap .text {position: absolute; left: 7.0313vw; top: 11.5104vw;}
    .visual-wrap .text strong {font-family: 'GmarketSansBold'; font-size: 1.4583vw; font-weight: 700; color: #fff; line-height: 1.6667vw;}
    .visual-wrap .text h2 {font-family: 'GmarketSansBold'; font-size: 6.7708vw; font-weight: 700; color: #fff; line-height: 7.7604vw;}
    .visual-wrap .text p {font-family: 'GmarketSansMedium'; font-size: 2.0833vw; font-weight: 500; color: #fff; line-height: 2.0833vw; margin-top: -0.5208vw;}

.visual-wrap .swiper-control {position:absolute;left:6.7708vw; bottom:7.8125vw;z-index:2;display:flex;align-items:center;justify-content:center;}
.visual-wrap .swiper-control .autoplay-progress {position:relative;z-index:10;width:43px;height:43px;display:flex;align-items:center;justify-content:center;font-weight:bold;border:1px solid rgba(255, 255, 255, 0.2);border-radius:50%;margin-right:25px;}
.visual-wrap .swiper-control .autoplay-progress svg {--progress:0;position:absolute;left:50%;top:50%;margin:-22.5px 0 0 -22.5px;z-index:10;width:45px;height:45px;stroke-width:2px;stroke:#fff;fill:none;stroke-dashoffset:calc(141.3 * (1 - var(--progress)));stroke-dasharray:141.3;transform:rotate(-90deg);}
.visual-wrap .swiper-control .swiper-button-prev,
.visual-wrap .swiper-control .swiper-button-next {position:static;left:auto;right:auto;display:flex;margin-top:0;}
.visual-wrap .swiper-control .swiper-button-prev {margin-right:15px;}
.visual-wrap .swiper-control .swiper-button-next {margin-right:15px;}
.visual-wrap .swiper-control .swiper-pagination {position:static;display:flex;font-size:25px;font-weight:500;align-items:center;justify-content:center;color:#fff;}
.visual-wrap .swiper-control .swiper-pagination .swiper-pagination-current {color:inherit;}
.visual-wrap .swiper-control .swiper-play {}
.visual-wrap .swiper-control .swiper-play .swiper-button-play {display:flex;width:13px;height:20px;background:url(../images/btn/btn-play.svg) center center / contain no-repeat;}
.visual-wrap .swiper-control .swiper-play .swiper-button-stop {display:flex;width:13px;height:20px;background:url(../images/btn/btn-pause.svg) center center / contain no-repeat;}

.visual-wrap .swiper-control {}
.visual-wrap .swiper-control .swiper-play button {border: 0; outline: none;}
.visual-wrap .swiper-button-next,
.visual-wrap .swiper-button-prev {width:35px;height:35px;border-radius:50%;flex:0 0 35px;}
.visual-wrap .swiper-button-next {}
.visual-wrap .swiper-button-prev {}
.visual-wrap .swiper-button-next:after {content:'';width:35px;height:35px;background:url(../images/btn/btn-swiper-next.svg) center center / contain no-repeat;}
.visual-wrap .swiper-button-prev:after {content:'';width:35px;height:35px;background:url(../images/btn/btn-swiper-prev.svg) center center / contain no-repeat;}

/* .visual-wrap .swiper-control {position:absolute; left:6.7708vw; bottom:7.8125vw; z-index:2; display:flex; align-items:center;justify-content:center;}
    .visual-wrap .swiper-control .autoplay-progress {position:relative;z-index:10;width:43px;height:43px;display:flex;align-items:center;justify-content:center;font-weight:bold;border:1px solid rgba(255, 255, 255, 0.2);border-radius:50%;margin-right:25px;}
    .visual-wrap .swiper-control .autoplay-progress svg {--progress:0;position:absolute;left: -2%; top: -4%; left:50%;top:50%;margin:-22.5px 0 0 -22.5px;z-index:10;width:45px;height:45px;stroke-width:2px;stroke:#fff;fill:none;stroke-dashoffset:calc(141.3 * (1 - var(--progress)));stroke-dasharray:141.3;transform:rotate(-90deg);}
    .visual-wrap .swiper-control .swiper-button-prev,
    .visual-wrap .swiper-control .swiper-button-next {position:static;left:auto;right:auto;display:flex;margin-top:0;}
    .visual-wrap .swiper-control .swiper-button-prev {margin-right:0.7813vw;}
    .visual-wrap .swiper-control .swiper-button-next {margin-right:0.7813vw;}
    .visual-wrap .swiper-control .swiper-pagination {position:static;display:flex;font-size:1.3021vw;font-weight:500;align-items:center;justify-content:center;color:#fff;}
    .visual-wrap .swiper-control .swiper-pagination .swiper-pagination-current {color:inherit;}
    .visual-wrap .swiper-control .swiper-play button {border: 0; outline: none;}
    .visual-wrap .swiper-control .swiper-play .swiper-button-play {display:flex;width:0.6771vw;height:1.0417vw;background:url(../images/btn/btn-play.svg) center center / contain no-repeat;}
    .visual-wrap .swiper-control .swiper-play .swiper-button-stop {display:flex;width:0.6771vw;height:1.0417vw;background:url(../images/btn/btn-pause.svg) center center / contain no-repeat;} */

.visual-wrap .swiper-control {}
.visual-wrap .swiper-button-next,
    .visual-wrap .swiper-button-prev {width:1.8229vw;height:1.8229vw;border-radius:50%;flex:0 0 1.8229vw;}
    .visual-wrap .swiper-button-next {}
    .visual-wrap .swiper-button-prev {}
    .visual-wrap .swiper-button-next:after {content:'';width:1.8229vw;height:1.8229vw;background:url(../images/btn/btn-swiper-next.svg) center center / contain no-repeat;}
    .visual-wrap .swiper-button-prev:after {content:'';width:1.8229vw;height:1.8229vw;background:url(../images/btn/btn-swiper-prev.svg) center center / contain no-repeat;}

.noti_wrap{position:absolute; z-index:10; right:19.15vw; bottom:7.81vw;}
.noti_wrap .lat{margin-bottom:0; border:none; border-radius: 1.04vw; background: rgba(255, 255, 255, 0.80); padding:2.08vw; width:25.52vw;}
.noti_wrap .lat_title{padding:0; background:none; font-size: 1.30vw; line-height:1; margin-bottom:1.56vw; border:none;}
.noti_wrap .lat_title a{color: #000; font-family: 'GmarketSansBold';}
.noti_wrap .lat_title a:after{display:none;}
.noti_wrap .lat ul{padding:0;}
.noti_wrap .lat ul li{display:flex; align-items:center; justify-content:space-between; line-height: 1.3; padding: 0;}
.noti_wrap .lat ul li + li{margin-top:0.52vw;}
.noti_wrap .lat ul li:before{display:none;}
.noti_wrap .lat ul li a{font-weight: 400; font-size: 1.04vw; color: #333; display:block; width:80%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.noti_wrap .lat ul li a strong{font-weight: 400; font-size: 1.04vw; color: #333;}
.noti_wrap .lat li .new_icon{display:none;}
.noti_wrap .lat .lt_date{font-size: 1.04vw; color: #969696; font-weight: 400; margin-top: -0.15vw;}
.noti_wrap .lat .lt_more{right:2.08vw; top:1.67vw; width: 2.24vw; height: 2.24vw; border-radius:50%; border:0.05vw solid #000; background:url("/images/icon/noti_plus.svg") no-repeat center / 1.56vw;}
.noti_wrap .lat .lt_more .fa-plus:before{display:none;}



/* main menu */
.menu_wrap {position: relative; height: 4.17vw;}
    .menu_wrap ul {position: absolute; bottom: 0; left: 0; z-index: 5; display: flex; align-items: center; border-radius: 2.6042vw 0; overflow: hidden; background: #fff; box-shadow: 0.0000vw 0.0000vw 0.5208vw rgba(0, 0, 0, 0.25); width: 72.92vw; height: 8.3333vw;}
    .menu_wrap li {width: 33.3%; height: 100%; padding: 2.1875vw 3.6458vw; box-sizing: border-box;}
    .menu_wrap li a {width: 100%; display: flex; align-items: center; justify-content: space-between;}
    .menu_wrap li:hover .right img {transform: rotate(45deg); transition: all .1s;}
    .menu_wrap li:nth-of-type(2) {border-right:1px solid #DFDFDF; border-left:1px solid #DFDFDF;}
    .menu_wrap li:nth-of-type(2) img {height: 3.9063vw;}
    .menu_wrap li .left {display: flex; align-items: center;}
    .menu_wrap li .left .img_cont {height: 3.9063vw; display: flex; align-items: center; justify-content: center;}
    .menu_wrap li .left img {height: 5.4264vw; height: auto; margin-right: 1.5625vw;}    
    .menu_wrap li .left p {font-family: 'GmarketSansBold'; font-size: 0.7292vw; font-weight: 700; color: #107e4a;}
    .menu_wrap li .left strong {font-family: 'GmarketSansBold'; font-size: 1.3021vw; font-weight: 700; margin-top: 0.2604vw; display: block;}
    .menu_wrap li .right span {display: flex; align-items: center; justify-content: center; width: 2.6042vw; height: 2.6042vw; border-radius: 100%; background:#F4F1EE;}
    .menu_wrap li .right span img {width: 1.0938vw; height: 1.0938vw;}

/* main info */
.info_wrap {width: 72.92vw; margin-top: 4.11vw; display: flex; align-items: center;}
    .info_wrap > div {width: 100%; display: flex; align-items: center;}
    .info_wrap > div .info {width: 50%; display: flex; align-items: center;}

.info_wrap .left {display: flex; align-items: center; margin-right: 3.3333vw;}
    .info_wrap .left img {width: 2.6042vw; height: auto; margin-right: 0.9896vw;}
    .info_wrap .left span {font-family: 'GmarketSansBold'; font-size: 1.3021vw; font-weight: 700; color: #333;}

.info_wrap .right p {font-size: 1.0417vw; font-weight: 400; color: #333; line-height: 1.0417vw;}
    .info_wrap .account .right strong {font-size: 1.3021vw; font-weight: 900;}
    .info_wrap .account .right p {line-height: 1.5625vw;}
    .info_wrap .cs .right p:first-child {font-size: 1.3021vw; font-weight: 900; color: #107e4a; line-height: 1.0417vw;}
    .info_wrap .cs .right p:last-child {margin-top: 0.5208vw;}
    



@media screen and (max-width:1240px) {    
    
    .menu_wrap ul {width: 73vw;}
}

@media screen and (max-width:768px) {    
    .pc-only {display:none !important;}
    .mo-only {display:block !important;}

    .visual-wrap {height: 98.96vw !important;}
        .visual-wrap .main-visual-swiper {width: 100% !important; border-radius: 0 !important;}

        .visual-wrap .thumb iframe {width: 175%; top: 49%; left: 50%; right: auto; bottom: auto; transform: translate(-50%,-50%);}

        .visual-wrap .text {left: 3.91vw !important; top: 8.78vw;}
        .visual-wrap .text strong {font-size: 3.26vw !important;}
        .visual-wrap .text h2 {font-size: 13.02vw !important; margin-top: 0.39vw !important; line-height: 14.97vw !important;}
        .visual-wrap .text p {font-size: 3.91vw !important; margin-top: 0.39vw !important;}
    
    /* .visual-wrap .text {left: 3.91vw; top: 28.78vw;}
        .visual-wrap .text strong {font-size: 3.26vw;}
        .visual-wrap .text h2 {font-size: 13.02vw; margin-top: 0.39vw; line-height: 14.97vw;}
        .visual-wrap .text p {font-size: 3.91vw; margin-top: 0.39vw;}

        .visual-wrap .swiper-control {bottom: 16.41vw; left: 50%;}
        .visual-wrap .swiper-control .autoplay-progress {position:relative;z-index:10;width:65px;height:65px;display:flex;align-items:center;justify-content:center;font-weight:bold;border:1px solid rgba(255, 255, 255, 0.2);border-radius:50%;margin-right:36px;}
        .visual-wrap .swiper-control .autoplay-progress svg {--progress:0;position:absolute;left:50%;top:50%;margin:-32.5px 0 0 -32.5px;z-index:10;width:65px;height:65px;stroke-width:2px;stroke:#fff;fill:none;stroke-dashoffset:calc(204.1 * (1 - var(--progress)));stroke-dasharray:204.1;transform:rotate(-90deg);}
        .visual-wrap .swiper-control .autoplay-progress,
        .visual-wrap .swiper-control .autoplay-progress svg {width: 5.86vw; height: 5.86vw;}
        
        .visual-wrap .swiper-control .swiper-button-prev {margin-right:21px;}
        .visual-wrap .swiper-control .swiper-button-next {margin-right:21px;}
        .visual-wrap .swiper-control .swiper-pagination {font-size:35px;}
        .visual-wrap .swiper-control .swiper-play {}
        .visual-wrap .swiper-control .swiper-play .swiper-button-play {width:20px;height:30px;}
        .visual-wrap .swiper-control .swiper-play .swiper-button-stop {width:20px;height:30px;}
    
        .visual-wrap .swiper-control {}
        .visual-wrap .swiper-button-next,
        .visual-wrap .swiper-button-prev {width:50px;height:50px;border-radius:50%;flex:0 0 50px;}
        .visual-wrap .swiper-button-next {}
        .visual-wrap .swiper-button-prev {}
        .visual-wrap .swiper-button-next:after {width:35px;height:35px;}
        .visual-wrap .swiper-button-prev:after {width:35px;height:35px;} */

    .visual-wrap .swiper-control {top: 36vw !important; bottom: 16.41vw; left: 3.91vw !important; height: 7.86vw;}
	.visual-wrap .swiper-control .autoplay-progress {position:relative;z-index:10;width: 5.86vw; height: 5.86vw;display:flex;align-items:center;justify-content:center;font-weight:bold;border:0.1302vw solid rgba(255, 255, 255, 0.2);border-radius:50%;margin-right:4.6875vw;}
	.visual-wrap .swiper-control .autoplay-progress svg {--progress:0;position:absolute;left:50%;top:50%;margin:-2.93vw 0 0 -2.93vw;z-index:10;width: 5.86vw; height: 5.86vw;stroke-width:0.2604vw;stroke:#fff;fill:none;stroke-dashoffset:calc(204.1 * (1 - var(--progress)));stroke-dasharray:204.1;transform:rotate(-90deg);}

        .visual-wrap .swiper-control .swiper-pagination {font-size: 3.26vw;}
        .visual-wrap .swiper-control .swiper-button-prev {margin-right: 1.95vw;}
        .visual-wrap .swiper-control .swiper-button-prev,
        .visual-wrap .swiper-control .swiper-button-next,
        .visual-wrap .swiper-button-prev:after,
        .visual-wrap .swiper-button-next:after {width: 4.56vw; height: 4.56vw;}
        .visual-wrap .swiper-control .swiper-play .swiper-button-play {width: 2vw; height: 2vw;}
        .visual-wrap .swiper-control .swiper-play .swiper-button-stop {width: 1.69vw; height: 2.60vw;}

	.noti_wrap{right:50%; transform:translateX(50%); bottom:19.53vw; width:92.06vw;}
	.noti_wrap .lat{border-radius: 2.60vw; padding:5.21vw; width:100%;}
	.noti_wrap .lat_title{font-size: 3.6vw; margin-bottom:3.91vw;}
	.noti_wrap .lat ul li + li{margin-top:1.30vw;}
	.noti_wrap .lat ul li a{ font-size: 3.26vw;}
	.noti_wrap .lat ul li a strong{font-size: 3.26vw;}
	.noti_wrap .lat .lt_date{font-size: 3.26vw;}
	.noti_wrap .lat .lt_more{display:none;}

    /* menu */
    .main_cont_wrap {max-width: 100%;}
    .menu_wrap {width: 92.06vw; height: 12.37vw; margin: 0 auto;}
    .menu_wrap ul {width: 100%; height: 24.74vw; overflow: inherit;}
        .menu_wrap ul li {padding: 3.52vw 0 5.86vw; position: relative;}
        .menu_wrap li a {justify-content: center;}
        
    .menu_wrap li .left {display: block; text-align: center;}
        .menu_wrap li .left .img_cont {height: 6.9010vw; vertical-align: middle;}
        .menu_wrap li .left img {height: 5.9896vw; margin-right: 1.5625vw; margin-right: 0;}
        .menu_wrap li:nth-of-type(2) img {height: 6.9010vw;}
        .menu_wrap li .left p {margin-top: 2.60vw; font-size: 2.08vw; line-height: 1;}
        .menu_wrap li .left strong {margin-top: 0.65vw; font-size: 3.26vw; line-height: 1;}


        
    .menu_wrap li .right {position: absolute; left: 50%; bottom: -3.26vw; transform: translateX(-50%);}
        .menu_wrap li .right span {width: 6.51vw; height: 6.51vw;}
            .menu_wrap li .right span img {width: 2.60vw; height: 2.60vw;}

    /* info */
    .info_wrap {width: 100%; border-top: 1px solid rgba(0, 0, 0, 0.1); margin-top: 11.72vw; padding: 6.51vw 10.03vw 0;}
        .info_wrap > div {display: block;}
        .info_wrap > div .info {width: 100%; display: flex; align-items: flex-start;}
        .info_wrap .left {margin-right: 6.64vw;}
        .info_wrap .left img {width: 6.51vw; margin-right: 2.86vw;}
        .info_wrap .left span {font-size: 3.91vw;}

        .info_wrap .account .left img {line-height: 6.51vw;}
        .info_wrap .account .right p strong {font-size: 3.91vw;}
        .info_wrap .info .right p {font-size: 3.26vw; line-height: 4.95vw;}
        .info_wrap > div .cs {margin-top: 3.91vw;}
        .info_wrap .cs .right p:first-child {font-size:3.91vw; line-height: 3.91vw;}
        .info_wrap .cs .right p:last-child {line-height: 2.60vw; margin-top: 1.43vw;}

}