.pc_br {display:block;}

/* 배너 셋팅 */
.visual .slide {z-index:1; position:relative; height:670px;  padding:0 40px;}
.visual .slide-inner {transform: translateY(-10px);}
.visual .slide::before {content:""; position:absolute; left:0; top:0; width:100%; height:100%;}
.visual .slide-bn01::before {background: url('../img/banner/pc_main01_bg.png') center no-repeat; background-size: cover;}
.visual .slide-bn01 .slide-inner {background: url('../img/banner/pc_main01-3.png') center no-repeat; background-size: contain;}
.visual .slide-bn02::before {background: url('../img/banner/pc_main02_bg.png') center no-repeat; background-size: cover;}
.visual .slide-bn02 .slide-inner {background: url('../img/banner/pc_main02-3.png') center no-repeat; background-size: contain;}
.visual .slide-bn03::before {background: url('../img/banner/pc_main03_bg.png') center no-repeat; background-size: cover;}
.visual .slide-bn03 .slide-inner {background: url('../img/banner/pc_main03-3.png') center no-repeat; background-size: contain;}

@media all and (max-width:980px) {
	.visual .slide { height:480px;}
}

@media all and (max-width:674px) {
	.visual .slide { height:340px;}
	
	/* 요금제 */
	.plan_container .plan_area .plan_spec {display:flex; flex-wrap:wrap;}
	.plan_container .plan_area .plan_body .plan_list.call {width:60%;}
	.plan_container .plan_area .plan_body .plan_list.mms {width:40%;}
}


@media all and (max-width:480px) {
	.visual .slide {height:540px; padding:40px 20px;}
	.visual .slide-inner {transform: translateY(0);}
	.visual .slide-bn01::before {background: url('../img/banner/mo_main01_bg.png') center no-repeat; background-size: cover;}
	.visual .slide-bn01 .slide-inner {background: url('../img/banner/mo_main01-3.png') center no-repeat; background-size: contain;}
	.visual .slide-bn02::before {background: url('../img/banner/mo_main02_bg.png') center no-repeat; background-size: cover;}
	.visual .slide-bn02 .slide-inner {background: url('../img/banner/mo_main02-3.png') center no-repeat; background-size: contain;}
	.visual .slide-bn03::before {background: url('../img/banner/mo_main03_bg.png') center no-repeat; background-size: cover;}
	.visual .slide-bn03 .slide-inner {background: url('../img/banner/mo_main03-3.png') center no-repeat; background-size: contain;}

	/* 요금제 */
	.plan_container .plan_area .plan_body .plan_list.call,
	.plan_container .plan_area .plan_body .plan_list.mms {width:100%;}
}



/*
비주얼
*/

.visual .visual-slider {
  z-index: 1;
  position: relative;
  left: 0;
  top: 0;
}

.visual .slider-01 {
  overflow: hidden;
  position: relative;
  left: 0;
  top: 0;
  width: auto;
}

.visual .slide-inner {
	position:relative;
	width: 100%;
	height: 100%;
	margin: 0 auto;
}


.visual-txt {
	position:relative;
 	max-width:1280px;
	height: 460px;
	margin:0 auto;
}

.visual-txt .inner {
	position: absolute;
	top:50%;
	transform: translateY(-50%);
	padding:0;
}

.visual-txt.plan-01::after {
	content: "";
    display: block;
    position: absolute;
    right: 0;
    bottom: inherit;
    top:0;
    width: 100%;
    height: 100%;
    background: url('../img/banner/main_banner01.png') no-repeat right center;
    background-size: auto;
}

.visual-txt .vis_text{
    font-size: 40px;
    font-weight: 500;
    display: flex;
    color:#fff;
}
.visual-txt .vis_bottom{
    font-size: 62px;
    font-weight: 500;
    display: flex;
    color:#fff;
    margin-top:20px;
}


.visual .paging-box>span {
  display: inline-block;
  margin: 0 10px;
  width: 10px;
  color:#fff;
}

.banner_btn {
    display: block;
    width: 190px;
    height: 55px;
    text-align: center;
    line-height: 55px;
    font-size: 1em;
    font-weight: 600;
    border: 1px solid #666;
}

.margin_b{margin-bottom: 30px;}

.visual .control {
	position: relative;
	font-size: 0;
	z-index: 100000;
	transform: translateY(-80px);
}


.visual .paging-box {
	position: absolute;
	right: 0;
	display: flex;
	justify-items: center;
	align-items: center;
	font-size: 15px;
	margin:0 auto;
	padding:6px 20px;
	color:#fff;
	background: rgba(255,255,255,0.15);
	border-radius:50px;
}

.visual .paging-box>span {
  display: inline-block;
  margin: 0 10px;
  width: 10px;
}

.visual .paging-box>button {
  width:30px;
  height:40px;
}

.visual .control .btn-box {
	margin-top:0;
}

.visual .control .inner{
    position:relative;
    width: 1280px;
    margin:0 auto;
}

.plan_swiper {
	overflow: visible;
}

.pagination {
  margin-top: auto;
  overflow: hidden;
  display: flex;
  justify-content: flex-start;
  position: relative;
  width: 100%;
  height: 3px;
  max-width: 240px;
  background-color: #cfcfcf;
}

.pagination span {
  display: inline-block;
  width: calc(100% / 3);
  height: 100%;
  font-size: 0;
  transform: scaleX(0);
  transform-origin: left center;
  -webkit-transform: scaleX(0);
  -moz-transform: scaleX(0);
  -ms-transform: scaleX(0);
  -o-transform: scaleX(0);
}

.pagination span.on {
  transform: scaleX(1);
  transition: transform 3s;
  background-color: #666;
  -webkit-transform: scaleX(1);
  -moz-transform: scaleX(1);
  -ms-transform: scaleX(1);
  -o-transform: scaleX(1);
  -webkit-transition: transform 3s;
  -moz-transition: transform 3s;
  -ms-transition: transform 3s;
  -o-transition: transform 3s;
}

.pagination span.end {
  transform: scaleX(1);
  background-color: #111;
}

.paging-box .stop-01 img,
.paging-box .play-01 img {
	
}

.visual .prev-btn,
.visual .next-btn {
	width: 40px;
	height: 40px;
	font-size: 1px;
	text-indent: -9999px;
	border-radius:50%;
}

.visual .prev-btn {
    position: relative;
  background: url('../img/icon/icon_prev.png') center no-repeat;
}

/* .visual .prev-btn:after{
    position: absolute;
    top: 50%; 
    right: 0;
    transform: translateY(-50%);
    width: 1px;
    height:18px;
    background:#ccc;
    display: block;
    content: "";
} */

.visual .next-btn {

  background: url('../img/icon/icon_next.png') center no-repeat;
}

.owl-dots{
    display: none;
}




@media all and (max-width:1280px) {
    .visual-txt{
        height: 380px;
    }
    
    .visual-txt .vis_text{
	    font-size: 34px;
	}
	
	.visual-txt .vis_bottom{
	    font-size: 42px;
	    margin-top:10px;
	}
	
	.visual-txt.plan-01::after {
		width:40%;
		background-size: contain;
	}
	
	.visual .control {
		margin-right:20px;
	}
	
	.visual .control .inner{
	    width: auto;
	}
	
}


@media all and (max-width:768px) {
	.visual-txt{
        height: 280px;
    }
    
    .visual-txt .vis_text{
	    font-size: 24px;
	}
	
	.visual-txt .vis_bottom{
	    font-size: 28px;
	    margin-top:20px;
	}
	
	.visual-txt.plan-01::after {
		width:50%;
		background-size: contain;
	}
	
    .visual .prev-btn:after{
        display: none;
    }
    
    .visual .control {
	    transform: translateY(0);
	}
    
    .pagination{
        max-width:120px;
    }
    
    .visual .paging-box {
    	bottom:20px;
   		padding: 0 10px;
	}
    

}


@media all and (max-width:500px) {
}


/*
야그 소개
*/

.section-intro {padding: 100px 0 10.185vh; text-align:center; background-color:#f3f8ff;}
.section-intro .badge-yag {margin-bottom:20px;}
.section-intro .section-title {}
.section-intro .section-title p {font-size:30px; font-weight:600;}
.section-intro .section-title h2 {margin:30px 0 35px; font-size:40px; color:#484f59; line-height:1.35;}
.section-intro .section-title h2 > strong {color:#3f83f4}
.section-intro .desc {font-size:28px; color:#484f59; line-height:1.3;}
.section-intro .plus-box {display:flex; justify-content:center; padding-top:60px;}
.section-intro .plus-box li {display:flex; padding:0 20px; position:relative; width:100%; max-width:290px; padding:40px 30px; text-align:left; color:#484f59; border-radius:12px;}
.section-intro .plus-box li + li {margin-left:20px;}
.section-intro .plus-box li.basic {background-color:#fff;}
.section-intro .plus-box li.standard {background-color:#e3f0ff;}
.section-intro .plus-box li.premium {background-color:#cde4f9;}
.section-intro .plus-box li .star {display:block; margin-top:-10px; margin-right:10px; font-size:50px; font-weight:700; color:#4089ff;}
.section-intro .plus-box li .item .name {position:relative; font-size:28px; font-weight:700;}
.section-intro .plus-box li .item .benefit {margin-top:10px; font-size:28px; font-weight:500; line-height:1.3;}


/*
요금제 안내
*/


.section-01{
	margin-top:100px;
}

.section-01 .section-title {
  margin-bottom: 60px;
  text-align:center;
}

.section-01 .section-title p {
	font-size:34px;
	font-weight: 700;
	color: #484f59;
}

.section-01 .section-title h2 {
	font-size:39px;
	font-weight: 800;
}

.section-01 .section-title h2 > .text1 {
	font-weight: inherit;
	background: #3E81F0;
	background: linear-gradient(to right, #3E81F0 0%, #152C51 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.section-01 .section-title h2 > .text2 {
	font-weight: inherit;
	background: #0C1B32;
	background: linear-gradient(to right, #0C1B32 0%, #3375DA 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.plan_container{
    display: flex;
    justify-content: space-between;
}

.plan_container .plan_area{
	position:relative;
    /* width: calc(100%/3 - 10px); */
    padding:40px 38px;
    border-radius:30px;
}

/* .plan_container .plan_area + .plan_area {
	margin-left:20px;
} */

.plan_container .not_point {
	background: #f3f8ff !important;
}

.plan_container .plan_area01,
.plan_container .point {
	position: relative;
	background: -webkit-linear-gradient(#3b7be5 0%, #142e56 50%, #3274d7 100%);
	background: -moz-linear-gradient(#3b7be5 0%, #142e56 50%, #3274d7 100%);
	background: -o-linear-gradient(#3b7be5 0%, #142e56 50%, #3274d7 100%);
	background: -webkit-gradient(linear, 0 100%, 0 0, from(#3b7be5), color-stop(0.5, #142e56), to(#3274d7));
	background: linear-gradient(#3b7be5 0%, #142e56 50%, #3274d7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.plan_container .plan_area01:before{
	content:"";
	z-index: 2;
	position:absolute;
	right:6%;
	top:-3%;
	width:35%;
	height:80px;
	background:url('../img/icon/badge_best.png?20240530') no-repeat;
	background-size:contain; 
}

.plan_container .plan_area01:after,
.plan_container .point:after{
	transition: all 0.3s;
	content:"";
	z-index:1;
	position:absolute;
	left:50%; 
	top:50%;
	display:block;
	width:calc(100% - 10px);
	height:calc(100% - 10px);
	background-color:#f3f8ff;
	border-radius:25px;
	transform: translate(-50%, -50%);
}

.plan_container .plan_area01:hover:after{
	width: calc(100% - 16px);
    height: calc(100% - 16px);
}

.plan_container .plan_area02 {
    background-color:#e3f0ff;
}

.plan_container .plan_area03{
    background-color:#cde4f9;
}

.plan_container .plan_area .plan_head{
    text-align: center;
    position: relative;
    margin-bottom:40px;
    z-index:2;
}

.plan_container .plan_area .plan_head .plan_txt{
	color:#3b4a60;
}

.plan_container .plan_area .plan_head .plan_txt strong {
    display: block;
    font-size: 24px;
    font-weight: 700;
    color:#3b4a60;
}

.plan_container .plan_area .plan_head .plan_txt p{
    font-size: 29px;
    font-weight:700;
    line-height: 1.4;
}

.plan_container .plan_area .plan_head .plan_txt .price{
	color:#4089ff;
    font-size: 34px;
}

.plan_container .plan_area .plan_body{
	z-index:2;
	position: relative;
}

.plan_container .plan_area .plan_spec{
	padding:0 20px;
}

.plan_container .plan_area .plan_body .plan_list{
    display: flex;
    align-items: start;
    margin-bottom: 15px;
}

.plan_container .plan_area .plan_body .plan_list:last-child {
	margin-bottom: 0;
}


.plan_container .plan_area .plan_body .plan_list li:nth-child(2){
    width: 60px;
}

.plan_container .plan_area .plan_body .plan_list li:last-child{
    margin-right: 0px;
}

.plan_container .plan_area .plan_body .plan_list .icon {
	width:32px;
	height:32px;
	display: flex;
    align-items: center;
}

.plan_container .plan_area .plan_body .plan_list .icon img {
    display: block;
}

.plan_container .plan_area .plan_body .plan_list .point_txt{
    font-size: 21px;
    font-weight: 700;
    margin-right:15px;
}

.plan_container .plan_area.plan_area01 .plan_body .plan_list .point_txt,
.plan_container .plan_area.point .plan_body .plan_list .point_txt{
    color:#8da9d8;
}

.plan_container .plan_area.plan_area02 .plan_body .plan_list .point_txt{
    color:#7aabcc;
}

.plan_container .plan_area.plan_area03 .plan_body .plan_list .point_txt{
    color:#5793c4;
}

.plan_container .plan_area .plan_body .plan_list li p{
    font-size: 21px;
    font-weight: 700;
    color:#3b4a60;
}

.plan_container .plan_area .plan_body .plan_list li p span{
    font-size: 16px;
    font-weight: 500;
    display: block;
    color:#88a6d3;
}
.plan_container .plan_area02 .plan_body .plan_list li p span{
    color:#76a5d3;
}
.plan_container .plan_area03 .plan_body .plan_list li p span{
    color:#7ba5c6;
}

.plan_area .plan_inner{
	position:relative;
    padding: 30px 30px 40px 30px;
    text-align: center;
    margin: 30px 0;
    border-radius:30px;
}

.plan_area .plan_inner .arrow {
	position:relative;
	padding-top: 20px;
	cursor:pointer;
}

.plan_area .plan_inner .arrow::before {
	content:"";
	position:absolute;
	left:50%;
	bottom:0;
	width:10px;
	height:10px;
	border-bottom:2px solid #142e56 ;
	border-left:2px solid #142e56 ;
	transform: rotate(-45deg);
}

.plan_area.plan_area01 .plan_inner,
.plan_area.point .plan_inner{
    background:#e3f0ff !important;
}

.plan_area.plan_area02 .plan_inner{
    background:#cde4f9;
}

.plan_area.plan_area03 .plan_inner{
    background:#a3c9e8;
}

.plan_area .plan_inner > strong{
    font-size: 22px;
    line-height: 1.3;
    margin-bottom: 35px;
    display: block;
}

.plan_area .plan_inner .service_list > li{
    display: flex;
    background:#f5f5f5;
    border-radius: 50px;
    padding: 7px 15px;
    margin-bottom:5px;
}

.plan_area .plan_inner .service_list > li img{
  width: 50px;
  object-fit: contain;
}

.plan_area .plan_inner .service_list > li p{
    margin-left: 10px;
    padding-left: 15px;
    font-size: 15px;
    font-weight: 500;
    position: relative;
}

.plan_area .plan_inner .service_list > li p:after{
    display: block;
    content:"";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 12px;
    background:#dcdcdc;
}


.plan_area .btn_box .btn_join {
	color:#fff;
	background:#4089ff;
    border-radius: 100px;
    padding: 16px 40px;
    min-width: 70%;
    font-size: 20px;
    font-weight:600;
} 

.btn_box{
    text-align: center;
}

.btn_black{
    background:#000;
    color:#fff;
    border-radius: 100px;
    padding: 20px;
    min-width: 150px;
    font-size: 16px;
    font-weight: 700px;
}

.plan_container .swiper-button-prev,
.plan_container .swiper-button-next{
    display: none;
}

#plan_swiper .swiper-pagination {display:none;}


@media all and (max-width:1100px) {
	.plan_container .plan_area + .plan_area {margin-left:0;}
	#planOffset .swiper-container {overflow: visible;}
	#plan_swiper {padding:0 10px}
	#plan_swiper .swiper-wrapper {align-items:center;}
	#plan_swiper .swiper-slide {z-index:1; transform:translateX(-30%) scale(.8); transition:all .2s;}
	#plan_swiper .swiper-slide-active {transform:scale(1); filter:none; -webkit-filter:none; opacity:1; z-index:3;}
	#plan_swiper .swiper-slide-prev {transform:translateX(15%) scale(.8); z-index:2;}
	#plan_swiper .swiper-slide-next {transform:translateX(-15%) scale(.8); z-index:2;}
	#plan_swiper .swiper-pagination {display:block; bottom:-30px;}
}


@media all and (max-width:1280px) {
	/*
	야그 소개
	*/
	.section-intro {padding-top:60px;}
	.section-intro .badge-yag {margin-bottom:20px;}
	.section-intro .badge-yag img {width:130px;}
	.section-intro .section-title p {font-size:26px;}
	.section-intro .section-title h2 {margin:25px 0 30px; font-size:32px;}
	.section-intro .desc {font-size:24px;}
	.section-intro .plus-box {padding-top:40px;}
	.section-intro .plus-box li {padding:30px 20px;}
	.section-intro .plus-box li + li {margin-left:20px;}
	.section-intro .plus-box li .star {margin-top:-10px; margin-right:10px; font-size:45px;}
	.section-intro .plus-box li .item .name {font-size:22px;}
	.section-intro .plus-box li .item .benefit {margin-top:10px; font-size:22px;}
	
    
    
    
   .section-01{
		margin-top:60px;
	}
	
	.section-01 .section-title {
	  text-align:center;
	}
	
	.section-01 .section-title p {
		font-size:30px;
	}
	
	.section-01 .section-title h2 {
		font-size:34px;
	}
	
	.plan_container .plan_area{
	    /* width: calc(100%/3 - 10px); */
	    padding:40px 20px;
	}
    
    .plan_container .plan_area .plan_head{
	    margin-bottom:30px;
	}
    
    .plan_container .plan_area .plan_head .plan_txt strong{
        font-size: 20px;
    }
    
    .plan_container .plan_area .plan_head .plan_txt p{
        font-size: 24px;
    }
    
    .plan_container .plan_area .plan_head .plan_txt .price {
    	font-size: 28px;
    }
    
    .plan_container .plan_area .plan_body .plan_list{
	    margin-bottom: 10px;
	}
	    
    .plan_container .plan_area .plan_body .plan_list .point_txt{
        font-size: 16px;
        display:none;
    }
    
    .plan_container .plan_area .plan_body .plan_list .icon {
		width: 32px;
		height: 25px;
	}
	
    .plan_container .plan_area .plan_body .plan_list li p{
        font-size: 18px;
    }
    
	.plan_container .plan_area .plan_body .plan_list .point_txt {
    	margin-right: 0;
    }
    
    
    .plan_area .plan_inner{
    	margin:20px 0;
        padding: 20px;
    }
    
    .plan_area .plan_inner > strong{
        font-size: 18px;
        margin-bottom: 20px;
    }
    
    .plan_area .plan_inner .service_list > li{
        padding:6px 10px;
    }
    
    .plan_area .plan_inner .service_list > li img{
        width: 40px;
    }
    
    .plan_area .plan_inner .service_list > li p{
        font-size: 14px;
        padding-left: 10px;
    }
    
    .btn_black{
        padding: 15px;
    }
    
    .plan_container .swiper-button-prev,
    .plan_container .swiper-button-next{
        display: flex;
        color:#fff;
        background:rgba(0,0,0,0.2);
        width: 40px;
        height: 40px;
        border-radius:3px;
    }
    
    .plan_area .btn_box .btn_join {
    	width:90%;
    	padding: 15px 30px;
    	font-size: 18px;
    }
}



/*
섹션 2 부가서비스
*/
.main .section-02 {
  position: relative;
  left: 0;
  top: 0;
  width: 100%;
}

.main-sec-02 {
  display: flex;
  flex-direction: column;
  position: relative;
  width: 100%;
}

.section-02 .section-title {
  line-height: 1;
  font-size: 53px;
  font-weight: 500;
  margin-bottom: 20px;
}

.service-box {
  width: 100%;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: center;
  border:0;
}

.service-box .section-title {
  width: 100%;
}

.section-01 .sub-tap {
  margin: 20px 0 0;
}

.section-02 .sub-tap {
  margin: 0 0 60px;
}

.sub-tap>a {
  display: inline-block;
  padding: 0 30px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  font-size: 16px;
  font-weight: 300;
  border-radius: 20px;
  background-color: #f5f6f7;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
}

.sub-tap>a.on {
  font-weight: 700;
  color: #fff;
  background-color: #111;
}

.slider-wrap {
  width: 100%;
}

.slider-wrap::before {
}

.slider-wrap .slide-box {
  z-index: 10;
  display: flex;
  position: relative;
  width: 100%;
}

.slider-wrap .slide-box .service-slide {
	display:flex;
	width: 100%;
}

.slider-wrap .slide-box .service-slide .item {
  width: 25%;
  padding-left: 30px;
}

.slider-wrap .slide-box .service-slide .item:first-child {
	padding-left: 0;
}

.slider-wrap .slide-box .service-slide .item.on a {
  color: #fff;
  background: url('../img/icon/down-arrow.png') center 92% no-repeat #8babee;
}

.slider-wrap .slide-box .service-slide .item a {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  text-align: center;
  font-size: 21px;
  padding:60px 10px;
  background-color: #f2f2f2;
  border-radius:6px;
}

.slider-wrap .slide-box .service-slide .item a .icon-box {
  position: relative;
  width: 96px;
  height: 96px;
  margin-bottom:16px;
}

.slider-wrap .slide-box .service-slide .item a .icon-box::before {
  position: absolute;
  left: 0px;
  top: -5px;
  width: 42px;
  height: 42px;
  text-align: center;
  line-height: 42px;
  font-size: 13px;
  font-weight: 500;
  color: #fff;
  border-radius: 50%;
  background-color: #111;
}

.slider-wrap .slide-box .service-slide .item a .icon-box.free::before {
  content: "무료";
}

.slider-wrap .slide-box .service-slide .item a .icon-box.charge::before {
  content: "유료";
}

.slider-wrap .slide-box .service-slide .item a span {
	font-weight:600;
}

.guide {
  padding: 0;
  width: 100%;
}

.guide dt {
  margin-top: 24px;
  margin-bottom: 5px;
  font-size:18px;
}

.guide dt>p {
  margin-bottom: 10px;
  color: #4089ff;
  font-size:18px;
}

.guide dd>.dot {
  margin-bottom: 5px;
}

.guide-item,
.guide ul,
.guide li {
  width: 100%;
  font-size:18px;
}

.guide .guide-item li {
  display: none;
}


.guide ul {
  padding-right: 10px;
}

@media all and (max-width:1280px) {
	.section-02  {
		width: 95%;
		margin: 0 auto;
	}
	
	.section-02 .section-title {
	  font-size: 48px;
	}
	
	.section-02 .sub-tap {
	  margin: 0 0 40px;
	}
	
	.slider-wrap .slide-box {
	}
	
	
}

@media all and (max-width:1024px) {

  .section-02 .section-title {
    font-size: 40px;
  }

  .slider-wrap .slide-box {
  }

  .slider-wrap::before {
    height: 850px;
  }

  .slider-wrap .slide-box .service-slide .item a {
    font-size: 20px;
  }
 
	.slider-wrap .slide-box .service-slide .item {
	  padding-left: 16px;
	}
	
	#LguCharged.slide-box .service-slide .item {
		width:100%;
	}
}


@media all and (max-width:768px) {
	.pc_br {display:inline-block;}
	
	/*
	야그 소개
	*/
	.section-intro {padding-top:40px;}
	.section-intro .badge-yag {margin-bottom:12px;}
	.section-intro .badge-yag img {width:90px;}
	.section-intro .section-title p {font-size:20px;}
	.section-intro .section-title h2 {margin:15px 0 20px; font-size:24px;}
	.section-intro .desc {font-size:18px;}
	.section-intro .plus-box {display:block; padding-top:35px;}
	.section-intro .plus-box li {padding:0; width:100%; max-width:100%; padding:20px 20px;}
	.section-intro .plus-box li + li {margin-left:0; margin-top:12px;}
	.section-intro .plus-box li .star {margin-top:-10px; margin-right:10px; font-size:38px;}
	.section-intro .plus-box li .item .name {font-size:18px;}
	.section-intro .plus-box li .item .benefit {margin-top:4px; font-size:18px;}
	
	.section-01 {
		margin-top: 40px;
	}
	
	.section-01 .section-title {
		margin-bottom: 40px;
	}
	
	.section-01 .section-title p {
		font-size:21px;
	}
	
	.section-01 .section-title h2 {
		font-size:25px;
	}
	
	.plan_container .plan_area{
	    padding:30px 20px;
	}
	
	.plan_container .plan_area .plan_head .plan_txt strong{
        font-size: 18px;
    }
    
    .plan_container .plan_area .plan_head .plan_txt p{
        font-size: 21px;
    }
    
    .plan_container .plan_area .plan_head .plan_txt .price {
    	font-size: 26px;
    }
	
	.plan_container .plan_area01:before,
	.plan_container .point:before{
		width:34%;
		height:8%;
		top: -2%;
	}
	
	.plan_area .plan_inner > strong{
	    font-size: 16px;
	}
	

  .section-02 .section-title {
    font-size: 35px;
  }

  .tap {
    font-size: 20px;
  }

  .table {
    top: 0;
  }

  .slider-wrap .slide-box .service-slide .item a {
    font-size: 18px;
  }
  
}



@media all and (max-width:540px) {
  .section-01 .section-title {
    font-size: 30px;
  }

  .service-box {
    width: 100%;
  }

  .slider-wrap::before {
    top: 0;
    width: 35%;
    height: 250px;
    background: url('../img/bg-img-01-m.png') center no-repeat;
  }

  .slider-wrap .slide-box {
  }

  .tap {
    font-size: 20px;
  }

  .section-01 .sub-tap,
  .section-02 .sub-tap {
  }

  .sub-tap a {
    height: 35px;
    line-height: 35px;
    font-size: 13px;
  }

  .slider-wrap .slide-box .service-slide.resize {
    height: 190px;
  }

  .slider-wrap .slide-box .service-slide .item a {
    font-size: 16px;
  }

  .slider-wrap .slide-box .service-slide .item.on a {
     background: url('../img/icon/down-arrow.png') center 92%/15px no-repeat #8babee;
  }
  

	.guide {
	  width: 100%;
	}
	
	.guide dt,
	.guide dt>p {
	    font-size: 16px;
	}
	
	.guide-item, .guide ul, .guide li {
		font-size: 16px;
	}
	
	 .table {
	   padding-top: 5px;
	 }
}

@media all and (max-width:320px) {
	.main-m-table td dt {
	  padding: 30px 0 10px;
	}
	.plan_container .plan_area {padding:20px 15px;}
	.plan_container .plan_area .plan_spec {padding:0 10px;}
	.plan_container .plan_area .plan_body .plan_list {margin-bottom:4px;}
	.plan_container .plan_area .plan_body .plan_list li p {font-size:15px;}
	.plan_container .plan_area .plan_body .plan_list li p span {font-size:13px;}
	.plan_area .plan_inner {padding:15px 10px;}
	.plan_area .plan_inner > strong {margin-bottom:15px; font-size:15px;}
	.plan_area .plan_inner .service_list > li {padding: 6px 10px;}
	.plan_area .plan_inner .service_list > li img {display:none;}
	.plan_area .plan_inner .service_list > li p {margin-left:0; padding-left:0; font-size:13px;}
	.plan_area .btn_box .btn_join {padding:10px 20px; font-size:16px;}
}


/*
섹션 3 이용가이드
*/

.section-03 {
	background-color:#001e30;
	color:#fff;
	padding: 100px 0;
}

.section-03 .inner { 
	display:flex;
}

.guide_box {
	width: 50%;
}

.guide_box .title1 {
	font-size:35px;
	font-weight:500;
}

.guide_box .title2 {
	font-size:43px;
	font-weight:600;
}

.guide_box .guide_list {
	display:flex;
	margin-top:40px;
}

.guide_box .guide_list li {
	width:100%;
	text-align:center;
	position:relative;
	margin-right:30px;
	padding-right:30px;
}

.guide_box .guide_list li::after {
	content:"";
	display:block;
	position:absolute;
	right:0;
	top:50%;
	width:12px;
	height:12px;
	margin-top:-12px;
	border-top:2px solid #fff;
	border-right:2px solid #fff;
	transform: rotate(45deg);
}

.guide_box .guide_list li:last-child {
	margin-right:0;
	padding-right:0;
}

.guide_box .guide_list li:last-child::after {
	display:none;
}

.guide_box .guide_list li .in_box {
	width:128px;
}

.guide_box .guide_list li img {
	object-fit: contain;
}

.guide_box .guide_list li p {
	margin-top:10px;
	font-weight:300;
	font-size:21px;
}

.guide_box .guide_list li p > span {
	display:block;
	font-size:15px;
	font-weight:200;
}

.utils_box {
	flex:1;
	width:100%;
	margin:0 0 0 60px;
}

.utils_box .utils_list {
	display:flex;
	align-items: center;
	height: 100%;
	background-color:rgba(255,255,255,.3);
	border-radius:12px;
}

.utils_box .utils_list li {
	width:100%;
	padding:0 50px;
	display:flex;
	flex-wrap:wrap;
}

.utils_box .utils_list li + li {
	border-left:1px solid rgba(255,255,255,.5);
}

.utils_box .utils_list li figure {
	width:100%;	
}

.utils_box .utils_list li p {
	display:inline-block;
	padding-right:28px;
	margin-top:10px;
	position:relative;
	font-size:26px;
	font-weight:500;
}

.utils_box .utils_list li p::after {
	content:"";
	display:block;
	position:absolute;
	right:0;
	bottom:12px;
	width:12px;
	height:12px;
	border-top:2px solid #fff;
	border-right:2px solid #fff;
	transform: rotate(45deg);
}

.utils_box .utils_list li{
	position: relative;
}
.utils_box .utils_list li .kakao_qr{
	position: absolute; 
	right: 40px; 
	top: 0; 
	background-color: #fff; 
	border-radius: 10px; 
	padding: 5px;
}
.utils_box .utils_list li .kakao_qr img{
	width: 60px; 
	display: block;
}

@media all and (max-width:1280px) {
	.section-03 {
		padding: 60px 0;
	}
	
	.section-03 .inner {
		flex-wrap: wrap;
	}
	
	.guide_box {
		width:100%;
		text-align:center;
	}
	
	.guide_box .title1 {
		font-size:30px;
	}
	
	.guide_box .title2 {
		font-size:34px;
	}
	
	.guide_box .guide_list {
		width:100%;
		margin:40px auto 20px;
		justify-content: center;
	}
	
	.guide_box .guide_list li {
		width: 150px;
		margin-right 20px;
		padding-right:20px;
	}
	
	.guide_box .guide_list li::after {
		width:10px;
		height:10px;
		margin-top:-10px;
	}
	
	.guide_box .guide_list li .in_box {
		width:108px;
	}
	
	.guide_box .guide_list li img {
		width: 42px;
		height: 42px;
	}
	
	.guide_box .guide_list li p {
		margin-top:10px;
		font-size:18px;
	}
	
	.guide_box .guide_list li p > span {
		font-size:15px;
	}
	
	.utils_box {
		margin:20px 0 0 0;
	}
	
	.utils_box .utils_list {
		padding:40px 0;
	}
	
	.utils_box .utils_list li + li {
		padding-left:40px;
	}
	
	.utils_box .utils_list li p {
		padding-right:20px;
		margin-top:10px;
		font-size:20px;
	}
	
	.utils_box .utils_list li img {
		width: 42px;
	}
	
	.utils_box .utils_list li p::after {
		bottom:9px;
		width:10px;
		height:10px;
	}
}

@media all and (max-width:768px) {
	.section-03 {
		padding: 40px 0;
	}
	
	.guide_box .title1 {
		font-size:21px;
	}
	
	.guide_box .title2 {
		font-size:25px;
	}
	
	.guide_box .guide_list {
		margin:40px auto 20px;
		justify-content: center;
	}
	
	.guide_box .guide_list li {
		width: auto;
		margin-right: 0;
		padding-right:0;
	}
	
	.guide_box .guide_list li::after {
		width:8px;
		height:8px;
		margin-top:-8px;
	}
	
	.guide_box .guide_list li .in_box {
		width:108px;
	}
	
	.guide_box .guide_list li img {
		width: 38px;
		height: 38px;
	}
	
	.guide_box .guide_list li p {
		margin-top:10px;
		font-size:15px;
	}
	
	.guide_box .guide_list li p > span {
		font-size:13px;
	}
	
	.utils_box {
		margin:20px 0 0 0;
	}
	
	.utils_box .utils_list {
		padding:20px 0;
	}
	
	.utils_box .utils_list li {
		padding:20px 30px;
	}
	
	.utils_box .utils_list li + li {
		padding-left:20px;
	}
	
	.utils_box .utils_list li p {
		padding-right:16px;
		font-size:16px;
	}
	
	.utils_box .utils_list li img {
		width: 42px;
	}
	
	.utils_box .utils_list li p::after {
		bottom:7px;
		width:8px;
		height:8px;
	}
	
	.utils_box .utils_list li .kakao_qr{
		top:20px;
		right:20px;
	}
	
}

@media all and (max-width:450px) {

	.utils_box .utils_list li .kakao_qr{
		top:20px;
		right:20px;
		border-radius: 0;
		padding: 2px
	}
	.utils_box .utils_list li .kakao_qr img{
		width: 40px; 
	}
}


/*
 오시는 길
 */

.map-box {
  position: relative;
  left: 0;
  top: 0;
  width: 100%;
  height: 440px;
}

.map-box>iframe {
  width: 100%;
  height: 100%;
}

.map-info {
  z-index: 10;
  position: absolute;
  left: 16.3%;
  top: 100px;
  padding: 2.35vw 2.6vw;
  width: 22.4%;
  max-width: 430px;
  border: 1px solid #c4c4c5;
  background-color: rgba(255, 255, 255, .9);
}

.map-info>h3 {
  margin-bottom: 20px;
}

.map-info div:nth-of-type(1) {
  padding: 5px 0 20px 50px;
  background: url('../img/icon/map-01.png') left top no-repeat;
}

.map-info div:nth-of-type(2) {
  padding: 5px 0 20px 50px;

  background: url('../img/icon/map-02.png') left top no-repeat;
}


@media all and (max-width:2560px) {
  .map-info {
    padding: 1.35vw 2.6vw;
  }
}

@media all and (max-width:1024px) {
  .map-info {
    left: 10%;
    min-width: 250px;
  }
}


@media all and (max-width:540px) {
  .map-info div:nth-of-type(1) {
    padding: 5px 0 20px 35px;
    background: url('../img/icon/map-01.png') left top/30px no-repeat;
  }

  .map-info div:nth-of-type(2) {
    padding: 5px 0 20px 50px;
    background: url('../img/icon/map-02.png') left top/30px no-repeat;
  }
}



/* 부가서비스 swiper */
.addition-swiper {
	position:relative;
	overflow: visible;
}
.addition-swiper .swiper-pagination {
	top: inherit !important;
	bottom:0;
	margin-bottom: -10px;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
	background: #000;
}