.main-slider-box1{max-width:1920px;margin:0 auto;}
.main-slider-box1 .swiper-container {overflow: hidden;width: 100%;height: 900px;position:relative;}
.main-slider-box1 .swiper-pagination.frac{position: absolute;top: 50%;left: 22px; transform:translateY(-50%);width:auto;z-index:1;}
.main-slider-box1 .swiper-pagination.frac > span{display:inline-block;font-size:16px;}
.main-slider-box1 .swiper-pagination.frac .swiper-pagination-current{font-weight:600;}
.main-slider-box1 .swiper-pagination.frac .swiper-pagination-total{padding-left:62px;}
.main-slider-box1 .pagination-progress {display: inline-block;width: 40px;height: 40px;margin: 0 5px;position: relative;cursor: pointer;}
.main-slider-box1 .text-put{position:absolute;left: 6%;top: 450px;z-index:1;border:1px solid #fff;padding: 40px; max-width: 800px;}
.main-slider-box1 .text-put .ttxt{font-size:46px;color:#ffffff;font-weight:700;font-family:"GmarketSansTTF";}
.main-slider-box1 .text-put .norm-txt{font-size:20px;color:#ffffff;padding-top: 25px;}
.main-slider-box1 .img-put,
.main-slider-box1 .img-put img{width:100%;height:100%;}
.main-slider-box1 .img-put img{object-fit: cover;}
.main-slider-box1 .util-box{background:#fff;border-radius:100px;padding:20px;position: absolute;bottom: 74px;left: 110px;z-index: 1;width: 150px;height:55px;}
.main-slider-box1 .button_arrow{border: 0;position: absolute;top: auto;bottom: 74px;right: auto;cursor:pointer;z-index: 8;overflow: hidden;text-indent: -999px;width: 56px;height: 56px;border-radius:50%;outline: none;transition: all 0.4s;background-color:#fff;}
.main-slider-box1 .button_arrow::after{content:'';position:absolute;top: 50%; left: 50%; transform: translate(-50%, -50%);width:9px;height:14px;background-repeat: no-repeat;background-position: center;}
.main-slider-box1 .button_arrow.swiper-button-prev{left:270px;}
.main-slider-box1 .button_arrow.swiper-button-next{left:335px;}
.main-slider-box1 .button_arrow.swiper-button-prev::after{left: calc(50% - 1px);background-image: url("../images/main/main_slider_icon03.png");}
.main-slider-box1 .button_arrow.swiper-button-next::after{left: calc(50% + 1px);background-image: url("../images/main/main_slider_icon02.png");}
.main-slider-box1 .swiper-button-next.swiper-button-disabled,
.main-slider-box1 .swiper-button-prev.swiper-button-disabled{opacity:1;}
.main-slider-box1 .swiper-button-next.swiper-button-disabled::after,
.main-slider-box1 .swiper-button-prev.swiper-button-disabled::after{opacity: .3;}
.main-slider-box1 .swiper-scrollbar.swiper-scrollbar-horizontal{background: #d1d1d1;width: 50px;height:2px;z-index:2;left:36px;top:51.5%;transform:translateY(-50%);}
.main-slider-box1 .swiper-scrollbar-drag{background: #4e63d8;position: absolute;left: 0;top: 0;width: 100%;height: 100%;transform-origin: left top;}
.main-slider-box1 .swiper-button-stop{width:9px;height:12px;position:absolute;background:url("../images/main/main_slider_icon01.png") no-repeat;right:22px;top:50%;transform:translateY(-50%);cursor: pointer;}

.ma-tit{font-size:50px;color:#222222;font-weight:700;font-family:"GmarketSansTTF";}

.mc{padding-bottom:130px;}
.mc .flr-style{padding-top:100px;}

.mc .flr1{display:flex;align-items:flex-end;gap:85px;justify-content: space-between;}
.mc .flr1 .lef{width:calc(100% - 650px);}
.mc .flr1 .wn-board{border-top:1px solid #000000;position:relative;margin-top: 28px;}
.mc .flr1 .wn-board li{border-bottom:1px solid #dddddd;}
.mc .flr1 .wn-board li a{display:block;padding:33px 35px 33px 0;font-size:0;position:relative;}
.mc .flr1 .wn-board li a:hover::after{content:'';position:absolute;top:50%;transform:translateY(-50%);right:0;width:30px;height:18px;background:url("../images/main/main_flr1_img02.png") no-repeat;}
.mc .flr1 .wn-board .date{display:inline-block;width:125px;font-size:22px;color:#777777;vertical-align: middle;}
.mc .flr1 .wn-board .name{display:inline-block;width:calc(100% - 200px);vertical-align: middle;margin-left:10px;}
.mc .flr1 .wn-board .name .line{display:inline-block;max-width:100%;font-size:24px;color:#222222;position:relative;text-overflow: ellipsis; word-wrap: normal; overflow: hidden; white-space: nowrap;}
.mc .flr1 .wn-board li a:hover .name .line{color:#4255be;font-weight:600;}
.mc .flr1 .wn-board li a:hover .name .line::after{content:'';position:absolute;bottom:-1px;left:0;width:100%;height:15px;background:#d9eafa;z-index: -1;}
.mc .flr1 .wn-board .see-more{display:block;width:56px;height:56px;border-radius:50%;border:1px solid #e0e0e0;background:url("../images/main/main_flr1_img01.png") no-repeat #fff center; position:absolute;right:0;top:-85px;}
.mc .flr1 .an-board{width:650px;height:460px;border-radius:20px;/*background:url("../images/main/main_flr1_img03.png") no-repeat center bottom #e0f6f3;*/}
.mc .flr1 .an-board img{width:100%;}
.mc .flr1 .an-board img { width:557px !important; height: 392px !important; display: block; border-radius: 20px; }
.an-board #bannerSwiper { overflow: hidden; padding-top: 65px;}
.an-board #bannerSwiper .swiper-wrapper { display: flex; }
.an-board #bannerSwiper .swiper-slide { flex: 0 0 100%; } /* 한 칸 = 100% */
.an-board img { width:100%; height:auto; display:block; } /* 꽉 차게 */
.mc .flr1 .an-board .txt{font-size:44px;color:#0d483f;font-weight:600;text-align:center;padding-top:57px;}
.rig a{display: block}
.mc .app-guide-area{margin-top:48px;}
.mc .app-guide-area ul{margin-left:-30px;width:100%;}
.mc .app-guide-area li{float:left;margin-left:30px;width:calc((100% - 120px) / 4);}
.mc .app-guide-area li a{display:block;padding:314px 20px 20px;height:440px;background-repeat:no-repeat;background-position:center 35%;border-radius:25px;}
.mc .app-guide-area .name{text-align:center;}
.mc .app-guide-area .name .txt{display:inline-block;font-size:28px;font-weight:500;position:relative;letter-spacing: -0.5px;z-index:1;}
.mc .app-guide-area li a:hover .name .txt::before{content:'';position:absolute;bottom:-4px;left:-7px;right:-7px;width:calc(100% + 14px);height:17px;z-index:-1;}
.mc .app-guide-area li:nth-child(1) a{background-image:url("../images/main/main_flr2_img01.png");background-color:#f2f0ff;}
.mc .app-guide-area li:nth-child(1) .name .txt{color:#2f2d53;}
.mc .app-guide-area li:nth-child(1) .name .txt::before{background-color:#dbd5ff;}
.mc .app-guide-area li:nth-child(2) a{background-image:url("../images/main/main_flr2_img02.png");background-color:#e6f4e6;}
.mc .app-guide-area li:nth-child(2) .name .txt{color:#355c35;}
.mc .app-guide-area li:nth-child(2) .name .txt::before{background-color:#afd5af;}
.mc .app-guide-area li:nth-child(3) a{background-image:url("../images/main/main_flr2_img03.png");background-color:#fef4e7;}
.mc .app-guide-area li:nth-child(3) .name .txt{color:#634c2f;}
.mc .app-guide-area li:nth-child(3) .name .txt::before{background-color:#dec3a0;}
.mc .app-guide-area li:nth-child(4) a{background-image:url("../images/main/main_flr2_img04.png");background-color:#fff0f0;}
.mc .app-guide-area li:nth-child(4) .name .txt{color:#643636;}
.mc .app-guide-area li:nth-child(4) .name .txt::before{background-color:#d6b3b3;}

.mc .sns-area{}
.mc .sns-area .common-slide{position:relative;margin-top: 38px;}
.mc .sns-area .swiper-container{overflow:hidden;}
.mc .sns-area .swiper-wrapper{justify-content: space-evenly;}
.mc .sns-area .swiper-wrapper .swiper-slide{}
.mc .sns-area .swiper-wrapper .swiper-slide > a{display:block;position: relative;}
.mc .sns-area .swiper-wrapper .swiper-slide .img-box{height:350px;border-radius: 35px;}
.mc .sns-area .swiper-wrapper .swiper-slide .img-box img{width:100%;height:100%;}
.mc .sns-area .swiper-wrapper .swiper-slide .nr{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.mc .sns-area .swiper-wrapper .swiper-slide .txt-box{margin-top: 22px;}
.mc .sns-area .swiper-wrapper .swiper-slide .ttxt{font-size:28px;font-weight:500;color:#222222;}
.mc .sns-area .swiper-wrapper .swiper-slide .date{display:block;font-size:18px;color:#999999;padding-top: 15px;}
.mc .sns-area .tit-box{display:flex;align-items: center;gap:25px;}
.mc .sns-area .tit-box .ma-tit{padding-top: 4px;}
.mc .sns-area .tit-box .sns-lists{}
.mc .sns-area .tit-box .sns-lists li{float:left;}
.mc .sns-area .tit-box .sns-lists li + li{margin-left:8px;}
.mc .sns-area .tit-box .sns-lists li a{display: flex;align-items: center;justify-content: center;border-radius:50%;width:56px;height:56px;line-height:56px;text-align: center;transition: 0.3s;}
.mc .sns-area .tit-box .sns-lists li a span{display:none;font-size: 18px;color: #ffffff;font-weight: 500;}
.mc .sns-area .tit-box .sns-lists li a:hover .ttxt{text-decoration:underline;}
.mc .sns-area .tit-box .sns-lists .insta{background:url("../images/main/main_flr4_img06.jpg") repeat center;}
.mc .sns-area .tit-box .sns-lists .youtube{background: #ed2f2a;}
.mc .sns-area .tit-box .sns-lists .facebook{background: #1f449a;}
.mc .sns-area .tit-box .sns-lists a::after{content:'';display: inline-block;width:28px;height:28px;}
.mc .sns-area .tit-box .sns-lists .insta::after{background:url("../images/main/main_flr4_img01.png") no-repeat;}
.mc .sns-area .tit-box .sns-lists .youtube::after{background: url("../images/main/main_flr4_img02.png") no-repeat center;}
.mc .sns-area .tit-box .sns-lists .facebook::after{background: url("../images/main/main_flr4_img03.png") no-repeat center;}
.mc .sns-area .tit-box .sns-lists a:hover,
.mc .sns-area .tit-box .sns-lists a.on{width:190px;position:relative;border-radius: 28px;padding: 0 15px 0 28px;justify-content: space-between;}
.mc .sns-area .tit-box .sns-lists a:hover span,
.mc .sns-area .tit-box .sns-lists a.on span{display:block;}

.mc .sns-area .swiper-button-more{display:block;width:200px;height:56px;line-height:56px;background:#fff;position:relative;border:1px solid #313131;border-radius:35px;padding:0 50px 0 40px;font-size:18px;color:#222222;}
.mc .sns-area .swiper-button-more::after{content:'';position:absolute;top:50%;transform:translateY(-50%);right:8px;width:40px;height:40px;background:url("../images/main/main_flr4_img05.png") no-repeat center #302f32;border-radius:50%;}
.mc .sns-area .button_arrow{width:56px;height:56px;border:1px solid #e5e5e5;border-radius:50%;top:auto;left:auto;right:auto;bottom:auto;margin:0;position: relative;cursor:pointer;}
.mc .sns-area .swiper-controler{display: flex;align-items: center;gap:10px;position:absolute;right:0;top:-95px;}
.mc .sns-area .button_arrow::after{content:'';position:absolute;top: 50%; left: 50%; transform: translate(-50%, -50%);width:9px;height:14px;background-repeat: no-repeat;}
.mc .sns-area .button_arrow.swiper-button-prev::after{left: calc(50% - 2px);background-image: url("../images/main/main_slider_icon03.png");}
.mc .sns-area .button_arrow.swiper-button-next::after{left: calc(50% + 2px);background-image: url("../images/main/main_slider_icon02.png");}
.mc .sns-area .button_arrow.swiper-button-stop::after{width:9px;height:12px;background-image: url("../images/main/main_flr4_img04.png");}
.mc .sns-area .swiper-button-next.swiper-button-disabled,
.mc .sns-area .swiper-button-prev.swiper-button-disabled{opacity:1;}
.mc .sns-area .swiper-button-next.swiper-button-disabled::after,
.mc .sns-area .swiper-button-prev.swiper-button-disabled::after{opacity: .3;}

@media screen and (max-width:1700px){
	.main-slider-box1 .text-put{left:20px;}
	.main-slider-box1 .util-box{left:20px;}
	.main-slider-box1 .button_arrow.swiper-button-prev{left:180px;}
	.main-slider-box1 .button_arrow.swiper-button-next{left:246px;}
}

@media screen and (max-width:1280px){
	.mc .flr1{flex-direction: column;gap:70px;align-items:normal;justify-content:normal;}
	.mc .flr1 .lef{width:100%;}
	.mc .flr1 .an-board{width:100%;}
	
	.mc .app-guide-area{margin-top: 20px;}
	.mc .app-guide-area ul{margin-left:-20px;margin-top:-20px;}
	.mc .app-guide-area li{margin-left:20px;margin-top:20px;width:calc((100% - 40px) / 2);}
	.mc .app-guide-area li a{height:380px;padding:260px 20px 20px;}
}

@media screen and (max-width:1024px){
	.main-slider-box1 .swiper-container{height:600px;}
	.main-slider-box1 .text-put{width: calc(100% - 40px);top:250px;padding:35px;}
	.main-slider-box1 .util-box{bottom:40px;}
	.main-slider-box1 .button_arrow{bottom:40px;}
	.main-slider-box1 .text-put .ttxt{font-size:40px;}
	.main-slider-box1 .text-put .norm-txt{font-size:18px;}
	
	.mc .flr-style{padding-top: 60px;}
	.ma-tit{font-size:40px;}
	.mc .flr1 .wn-board{margin-top:13px;}
	.mc .flr1 .wn-board li a{padding: 29px 35px 29px 0;}
	.mc .flr1 .wn-board .see-more{width: 48px;height: 48px;top: -64px;}
	
	.mc .sns-area .common-slide{margin-top:30px;}
	.mc .sns-area .swiper-controler{margin-top:40px;position:static;justify-content: center;}
	.mc .sns-area .button_arrow{width:52px;height:52px;}
	.mc .sns-area .swiper-button-more{position: absolute;right: 0;top: -83px;width:180px;height: 50px;line-height: 50px;font-size:16px;padding:0px 48px 0 35px;}
	/*.mc .sns-area .tit-box .sns-lists .insta{width:180px;}*/
	.mc .sns-area .tit-box .sns-lists li a{width:50px;height:50px;line-height:50px;}
	.mc .sns-area .swiper-button-more::after{width:36px;height:36px;}
	
	.mc{padding-bottom:60px;}
}

@media screen and (max-width:768px){
	.main-slider-box1 .swiper-container{height:560px;}
	.main-slider-box1 .text-put .ttxt{font-size:26px;}
	.main-slider-box1 .text-put .norm-txt{font-size:14px;padding-top:12px;}
	.main-slider-box1 .text-put{padding:25px;top: 290px;}
	.main-slider-box1 .text-put{top: 290px;left: 15px;width: calc(100% - 30px);padding: 22px;}
	.main-slider-box1 .util-box{left:15px;padding:10px;height:45px;}
	.main-slider-box1 .button_arrow{width: 45px;height: 45px;}
	.main-slider-box1 .button_arrow.swiper-button-prev{left:174px;}
	.main-slider-box1 .button_arrow.swiper-button-next{left:226px;}
	.main-slider-box1 .swiper-pagination.frac{transform:translateY(-72%);}
	
	.ma-tit{font-size:30px;}
	.mc .flr-style{padding-top: 45px;}
	
	.mc .app-guide-area li a{height:200px;padding:125px 12px 10px;}
	.mc .app-guide-area li:nth-child(1) a{background-size: 80px;}
	.mc .app-guide-area li:nth-child(2) a{background-size: 68px;}
	.mc .app-guide-area li:nth-child(3) a{background-size: 66px;}
	.mc .app-guide-area li:nth-child(4) a{background-size: 64px;}
	.mc .app-guide-area .name .txt{font-size:18px;line-height: 1.25;}
	.mc .app-guide-area li a:hover .name .txt::before{display:none;}
	
	.mc .flr1 .an-board .txt{font-size:38px;padding-top: 35px;}
	.mc .flr1{gap:50px;}
	.mc .flr1 .an-board{background-size: 420px;height:350px;}
	
	.mc .flr1 .wn-board .name .line,
	.mc .flr1 .wn-board .date{font-size:16px;}
	.mc .flr1 .wn-board .date{width:100px;}
	.mc .flr1 .wn-board .name{margin-left:10px;width:calc(100% - 110px);}
	.mc .flr1 .wn-board li a{padding:20px 35px 20px 0;}
	.mc .flr1 .wn-board .see-more{width:42px;height:42px;top: -53px;}
	
	.mc .sns-area .tit-box .sns-lists li a{width:45px;height:45px;line-height:45px;}
	.mc .sns-area .tit-box .sns-lists .insta{/*width:170px;*/font-size:16px;}
	.mc .sns-area .button_arrow{display:none;}
	.mc .sns-area .swiper-button-more{position:relative;top:auto;right:auto;width:160px;height:45px;line-height:45px;padding:0px 48px 0 25px;}
	.mc .sns-area .common-slide{margin-top:20px;}
	.mc .sns-area .swiper-wrapper .swiper-slide .ttxt{font-size:20px;}
	.mc .sns-area .swiper-wrapper .swiper-slide .date{font-size:16px;padding-top: 6px;}
	.mc .sns-area .swiper-wrapper .swiper-slide .txt-box{margin-top:8px;}
	.mc .sns-area .tit-box .ma-tit{padding-top:0;}
	.mc .sns-area .swiper-wrapper .swiper-slide .img-box{height:240px;}
	.mc .sns-area .tit-box{gap:0;justify-content: space-between;flex-wrap: wrap;}
	.mc .sns-area .tit-box .sns-lists li + li{margin-left:6px;}
	
}

@media screen and (max-width:480px){
	.mc .app-guide-area li a{padding-top:130PX;}
}


@media screen and (max-width:425px){
	.ma-tit{font-size:25px;}
	
	.main-slider-box1 .text-put{top:150px;padding:15px;}
	.main-slider-box1 .swiper-container{height:450px;}
	
	.mc .flr1 .wn-board li a{padding:12px 35px 12px 0;}
	.mc .flr1 .wn-board .name{width:100%;margin-left: 0;}
	.mc .flr1 .wn-board .date{width:100%;}
	
	.mc .app-guide-area .name .txt{font-size:16px;}
	.mc .app-guide-area li a{padding:130px 6px 10px;}
	
	.mc .sns-area .tit-box{gap:5px;}
	
	.mc .flr1{gap:25px;}
	.mc .flr1 .an-board{height: 225px;background-size: 250px;}
	.mc .flr1 .an-board .txt{font-size:30px;}
	
	
	
}