.wrap{font-family: 'Dokrip'; font-size:1vw; letter-spacing: -0.15vw;}

.header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 5.3191vw;
	min-width: 68.0851vw;
	padding: 0 1.0638vw;;
	transition: height .25s ease-in-out;
	z-index: 10;
}
.header.floating {
	height: 5.8511vw;
}
.header.floating .header-wrap {
	height: 5.8511vw;
}
.header .header-wrap {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 68.0851vw;
	height: 5.3191vw;
	margin: 0 auto;
	transition: height .25s ease-in-out;
}
.header .logo img {
	width: 9.5745vw;
}
.header .gnb {
	display: flex;
	align-items: center;
	gap: 2.8723vw;
}
.header .gnb .menu {
	font-size: 1.0638vw;
	
	color: #fff;
	text-decoration:none;
	letter-spacing: 0px;
 }
.header .gnb .menu:hover {
	font-weight: 700;
}
.header .gnb .menu.active {
	font-weight: 700;
}
.page-body{
	display: flex;
	flex-direction: column;
	align-items: center;
	padding-top: 5.3191vw;

}
.zone{
	position: relative;
	display: flex;
	justify-content: center;
	width: 100%;
	min-width: 17.0213vw;
	max-width: 100%;
}
.zone .zone-inner{
	width: 68.0851vw;
	position: relative;
	z-index: 2;
	display: flex;
	flex-direction: column;
	align-content: center;
	align-items: center;
}



/* c1 */
	.c1{ 
		background:url("../img/c1_bg.png") no-repeat; 
		background-position: top;
		background-size: cover;
		height: 100vh;
		display: flex;
		flex-direction: column;
		align-content: center;
		align-items: center;
	}
	.c1 .zone-inner{
	    margin-top: -7vw;
	}
	.c1 .c1_txt1{
		font-size: 4.3vw;
		color:#fff;
		text-align:Center;
	}
	.c1 .c1_txt2{
		text-align: center;
		font-size: 1.5vw;
		margin-top: 20px;
		color:#fff;
		letter-spacing:0;
	}


/* c1 */


/* c2 */
	.c2{
		position:fixed;
		z-index:999;
		bottom:0;
		background:#1c1c1b;
		padding:1vw 0;

	}
	.c2_txt{
		font-size: 2.7vw;
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		justify-content: space-between;
		align-items: center;
		width: 90%;
		vertical-align:middle;
		color:#fff;
	}
	.c2_txt input[type=text]::placeholder{
		color:#5e3425;
		}
	.c2_txt input[type=text]{
		
		width: 11.8vw;
		height: 2.54vw;
		font-size: 1.3vw;
		color: #5e3425;
		vertical-align:middle;
	}
	.c2 .c2_div1{
		display: inline;
		background: #5e3425;
		padding: 0.6vw 1vw;
		font-size: 1vw;

	}
	.c2 .input{vertical-align:top;}
	.c2_txt input[type=checkbox]{
		display:none;
	}
	.agree_label{
		cursor:pointer;
	}
	.agree_checkbox + .agree_label{ 
		cursor: pointer; 
		padding-left: 35px; 
		background-repeat: no-repeat;
		background-image: url('../img/c2_agree_checkbox_off.png');
		background-size:1.2vw;
	}
	.agree_checkbox:checked + .agree_label{ 
		background-image: url('../img/c2_agree_checkbox.png');

	}

/* c2 */

/* c3 */
	.c3{
		background:url("../img/c3_bg_03.jpg")  no-repeat; 
		/* background:url("../img/c3_bg_03.jpg")  no-repeat;  */
		background-position: top;
		background-size: cover;

		height: 128vw;
	}
	.c3.zone{

		justify-content: flex-start;
		flex-direction: column;
		}
	.c3 .c3_txt{
		margin-top: 10vw;
		font-size: 3.5vw;
		text-align: center;
		color: #fff;
		font-weight: 600;
		position:relative;
	}
	.c3 .c3_txt .img{position:relative; top:-7vw; left:-16vw;}
	.c3 .c3_txt .img img{width:16vw;}

	.c3 .c3_txt2{
		text-align: center;
		color: #fff;
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	.c3 .c3_txt2 .c3_group1,.c3 .c3_txt2 .c3_group2{
		/* display:flex; */
	}
	.c3 .c3_txt2 .c3_group2{

		align-items: center;
		}
	.c3 .c3_txt2 .c3_group1 .c3_box1,.c3 .c3_txt2 .c3_group1 .c3_box2,.c3 .c3_txt2 .c3_group1 .c3_box3{
		width:21vw; 
		position: relative;
		top: 4vw;
		font-size: 2.4vw;
	}
	.c3 .c3_txt2 .box_title{

		margin: 0 auto;
		color:#000;
		}
	.c3 .c3_txt2 .box_content{
		
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		}
	.c3 .c3_txt2 .box_content .content_1{
		font-size: 1.7vw;
		font-weight: 600;
	}
	.c3 .c3_txt2 .box_content .content_2{
		margin-top:1vw;
		padding:0 1vw;
	}
	.c3 .c3_txt2 .dot{
		width:1.7vw;
		height:1.7vw;
		margin:0 1vw;
		border-radius:50%;

	}

	.c3 .c3_txt3{
		color:#fff;
		display:flex;
		flex-direction: column;
		align-items: center;
		margin-top: 12vw;
		font-size: 3.8vw;
	}
	.c3 .c3_txt3 .yellow_0{
		font-size:5.3vw;
	}
	.c3 .c3_txt3 .c3_txt3_group1{
		display:flex;
		flex-direction:row;
		font-size:1.2vw; 
		margin-top:1.5vw;
	}
	.c3 .c3_txt3 .c3_txt3_group1 .tag_box{
		border: 1px solid #fff;
		border-radius: 0.3vw;
		padding: 0.3vw 0;
		margin: 0 0.5vw;
		width: 9vw;
		text-align: center;
	}

	.c3 .c3_txt4 {

		display: flex;
		flex-direction: column;
		align-items: center;
	}
	.c3 .c3_txt4 .c3_txt4_group1{
		z-index:1;
		width: 28.021vw;
		height: 55.469vw;
	}
	.c3 .c3_txt4 .c3_txt4_group1 .c3_txt4_box1{
		background:url("../img/c3_sns_phonecase.png") no-repeat;
		background-position: top;
		background-size: contain;
		padding: 25px 30px;
	}
	.c3 .c3_txt4 .c3_txt4_group1 .c3_txt4_box1 img{
		width:100%;
		}
	.c3 .c3_txt4 .c3_txt4_group2{
		position: relative;
		top: -31vw;
		display: flex;
		justify-content: space-between;
		flex-direction: row;
		width: 100%;
	}
	.c3 .c3_txt4 .c3_txt4_group2 .c3_txt4_box2{

		border: 5px solid #fff;
		min-width:20%;
		max-width:29%;
	}
/* c3 */

/* c4 */

	.c4{
		background:url("../img/c4_bg.png")  no-repeat; 
		background-position: top;
		background-size: contain;
		height: 71vw;
		flex-direction:column;
		align-items: center;
		justify-content: flex-start
	}
	.c4 .c4_txt{
		display: flex;
		align-items: center;
		flex-direction: row;
		margin-top: 6vw;
	}
	.c4 .c4_txt .c4_title1{
		font-size: 9vw;
		font-weight: 600;
	}
	.c4 .c4_txt .c4_title2{
		font-size: 4vw;
		font-weight: 600;
	}
	.c4 .c4_txt .c4_title2 .c4_subtitle1{
	
		font-size: 1.8vw;
		font-weight: 300;
	}
	.c4 .c4_txt2{}
	.c4 .c4_txt2 .c4_txt2_group1{
	
		display: flex;
		flex-wrap: wrap;
		flex-direction: row;
		align-items: center;
		width: 66vw;

		justify-content: center
	}
	.c4 .c4_txt2 .c4_txt2_group1 .box{
    width: 21vw;
    text-align: center;
    margin-right: 1vw;
    margin-bottom: 1vw;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: center;
    border-top: 2px solid #5e3425;
    border-bottom: 2px solid #5e3425;
    height: 22.344vw;
	}
	.c4 .c4_txt2 .c4_txt2_group1 .box .c4_txt2_box1_title{
    margin: 3vw 0;}
	.c4 .c4_txt2 .c4_txt2_group1 .box .c4_txt2_box1_content{
    font-size: 2.4vw;
    border-bottom: 2px solid #5e3425;
    width: 80%;
    padding-bottom: 1vw;}
	.c4 .c4_txt2 .c4_txt2_group1 .box .c4_txt2_box1_bottom{
    margin: 1vw 0 2vw 0;}

	
	.c4 .c4_txt2 .c4_txt2_group1 .c4_txt2_box2 .c4_txt2_box1_content{
		border-bottom:2px solid #fff;
	}
	.c4 .c4_txt2 .c4_txt2_group1 .c4_txt2_box4 .c4_txt2_box1_content{
		border-bottom:none;
		font-size:1.8vw;
	}
/* c4 */

/* c5 */
	.c5{
		background:url("../img/c5_bg.png")  no-repeat; 
		background-position: top;
		background-size: cover;
		height: 100vw;
		flex-direction:column;
		align-items: center;
		justify-content: flex-start
	}
	.c5 .c5_txt{
		font-size:1.7vw;
		margin-top:14vw;
	}

	.c5 .c5_txt2{
		font-size: 5vw;
		font-weight: 600;
	}
	.c5 .c5_group1{
		margin-top:6vw;
		overflow:hidden;
		width: 100%;
		max-width: 100%;
		max-height: 100vh;
		min-height: 0;
		min-width: 0;
	}
	.c5 .c5_group1 .swiper-slide{
	
		width: 500px;
		position: relative;
		box-sizing: border-box;
		overflow: hidden;
		display: inline-flex;
		align-items: center;
		justify-content: center; 
	}
	.c5 .c5_group1 .swiper-slide img{
		width: 100%;
	}
	.c5 .c5_txt3_group2 img{
	
		width: 37.136vw;
		height: 36.9799vw;
	}
	.c5 .c5_txt3{
	    display: flex;
		align-items: center;
		flex-wrap: nowrap;
		flex-direction: row;
		margin-top: 7vw;
	}
	.c5 .c5_txt3 .c5_txt3_group1{
		margin-right: 3vw;
	}
	.c5 .c5_txt3 .c5_txt3_box1{
		font-size:3.8vw;
	}
	.c5 .c5_txt3 .c5_txt3_box2{
		margin-top:1vw;
		font-size: 1.25vw;
	}

		
/* c5 */

/* c6 */
.c6{
    height: auto;
    background: url(../img/c6_bg.png) no-repeat;
    background-position: top;
    background-size: cover;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
	padding:10vw 0;
}
.c6 .c6_txt{
	font-size:5vw;
	margin-top:10vw;
}
.c6 .c6_txt2{

    font-size: 1.7vw;
    text-align: center;
}
.c6 .c6_txt3{
	margin-top:3vw;
}
.c6 .c6_txt4{
	width:100%;
	height:10px;
	margin-top:11vw;
	border-top:3px solid #5e3425;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}
.c6 .c6_txt4 input[type=radio]{
	display:none;
	}
.menu_label{
	font-size: 2.5vw;
    margin: 0 1vw;
    padding: 0 2vw;
    border-radius: 0.4vw;
	cursor:pointer;
}
.c6 .c6_txt4 .menu_btn:checked+.menu_label{
	background:#ea5150;
}
.c6 .c6_txt5 .pc{display:block; width:100%;}
.c6 .c6_txt5 .pc img{width:100%; height:auto;}
.c6 .c6_txt5 .mo{display:none;}
.c6 .c6_txt5{
	margin-top:9vw;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: center;
    align-items: center;
	width:1250px;
	gap: 70px 5%;
    height: auto;
}
.c6 .c6_txt5 img{
	
    width: 19.53vw;
    height: auto;
	}
/* c6 */

/* c7 */
.c7{
    /*height: 180vw;*/
    background: url(../img/c7_bg.png) no-repeat;
    background-position: top;
    background-size: cover;
    background-position-y: 5vw;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
}
.c7 .c7_txt{
	margin-top: 11vw;
	
    position: relative;
}
.c7 .c7_txt .c7_txt_group{
    position: absolute;
    top: 26.5vw;
    left: 4.6vw;
    font-size: 1.2vw;
}
.c7 .c7_txt .c7_txt_group .c7_txt_box1{
	margin-bottom:1vw;
	}
/* c7 */

/* c8 */
.c8{

    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
}

.c8 .c8_txt2{
	width:75vw;
	margin-top:11vw;
	border:2px solid #767676;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-bottom: 2vw;
}
.c8 .c8_txt2 input[type=radio]{
	display:none;
	}
.process_label{
	font-size: 2.1vw;
    margin: 0 1vw;
    padding: 0.2vw 4.5vw;
    border-radius: 1.6vw;
    cursor: pointer;
}
.c8 .c8_txt2 .process_btn:checked+.process_label{
	background:#5e3425;
}
.c8 .c8_txt2 .c8_txt2_group .btn_group{
    position: relative;
    top: -1.5vw
}

.c8 .c8_txt2 .c8_table1 .pc{display:block;}
.c8 .c8_txt2 .c8_table1 .pc img{width:100%;}
.c8 .c8_txt2 .c8_table1 .mo{display:none;}
.c8 .c8_txt2 .c8_table1{
	width: 90%;
	font-size:1.2vw;
    border-collapse: collapse;
}
.c8 .c8_txt2 .c8_table1 th, .c8 .c8_txt2 .c8_table1 td{
	text-align: center;
	padding: 0.4vw;
}
.c8 .c8_txt2 .c8_table1 tr:not(:last-child) td{
	padding: 1vw 0.4vw;
	border-bottom:2px solid #5e3425;
}

.c8 .c8_txt2 .c8_table1 tr.caption td{
	font-size:0.8vw;
}

.c8 .c8_txt3{
	width:75vw;
	margin-top:5vw;
	border:2px solid #767676;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-top: 2vw;
    padding-bottom: 2vw;
    margin-bottom: 15vw;
}
.c8 .c8_txt3 .c8_table2{
	font-size:1.9vw;
    border-collapse: collapse;
}
.c8 .c8_txt3 .c8_table2 td{
	padding: 1vw 0.4vw;
	position:relative;
}

.c8 .c8_txt3 .c8_table2 td.required:after{
	content:"●";
    color: #5e3425;
    position: absolute;
    left: -1.4vw;
    font-size: 1.1vw;
    line-height: 2.1vw;
}
.c8 .c8_txt3 .c8_table2 td input[type=text],.c8 .c8_txt3 .c8_table2 td select{
	width:14.85vw;
	height:3.199vw;
	font-size:1.4vw;
	border:2px solid #8f8f8f;
	}
.c8 .c8_txt3 .c8_table2 input[type=radio]{
	display:none;
	}
.hasstore_label{
	font-size: 2.1vw;
    padding: 0.2vw 1.6vw;
    cursor: pointer;
	border:2px solid #8f8f8f;
}
.c8 .c8_txt3 .c8_table2 .hasstore_btn:checked+.hasstore_label{
	background:#5e3425;
	color:#fff;
	border:none;
}
.c8 .c8_txt3 .c8_table2 tr td .submit_btn{
	
    font-size: 2vw;
    width: 13.613vw;
	border:none;
    height: 3.194vw;
}

/* c8 */



/* footer */
.footer{
	height: 15.9574vw;
    display: flex;
    letter-spacing: -0.0532vw;
    align-items: center;
    justify-content: center;
    width: 100%;
    flex-direction: row;
    flex-wrap: nowrap;
	padding-bottom:7vw;
}
.footer a{color:#fff;}
.footer_box{
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    justify-content: center;
    flex-wrap: nowrap;
	font-size:1.2vw;
}
.footer_l{
margin-right:7vw;
}
.footer_l .info_1{
margin-bottom:1vw;
font-size:1.6vw;
}
.footer_r{
margin-left:7vw;
text-align:right;
}
.footer_r .info_2 {
margin-top:1vw;
}

/* footer */

.br_mo{display:none;}
.btn-dw-arr{margin-top: 90px;}

/*  */
.c3 .c3_txt2{}
.c3 .c3_txt2 ul{width:100%; }
.c3 .c3_txt2 ul li{display:inline-block; width:31%;}



.page-body .zone6 {

    z-index: 2;
    /* background-color: #fff; */
    flex-direction: column;
    align-items: center; }
    .page-body .zone6 .section-title {
      position: relative; }
      .page-body .zone6 .section-title.checked {
        transition: all 0.25s ease-in-out; }
        .page-body .zone6 .section-title.checked::before, .page-body .zone6 .section-title.checked::after {
          content: '';
          width: 150px;
          height: 150px;
          position: absolute;
          top: -38px;
          transform: translateX(-50%);
          background-size: 100% auto;
          background-repeat: no-repeat;
          background-image: url(../img/round.png);
          background-position: center;
          z-index: 2; }
        .page-body .zone6 .section-title.checked::before {
          left: 371px; }
        .page-body .zone6 .section-title.checked::after {
          right: 402px; }
        .page-body .zone6 .section-title.checked.on {
          opacity: 1; }
      .page-body .zone6 .section-title .txt {
        color: #000; }
        .page-body .zone6 .section-title .txt .highlight {
          margin: 0 4px; }
    .page-body .zone6 .sub-text {
      margin-top: 30px;
      font-size: 24px;
      text-align: center;
      color: #000; }
      .page-body .zone6 .sub-text.box-type {
        width: 920px;
        margin: 30px auto;
        border-radius: 10px;
        border: 10px solid #e0c463; 
		padding:20px 0;
		}
    .page-body .zone6 .zone6-content1 {
      display: flex;
      align-items: center;
      justify-content: center;
      margin-top: 50px;
      margin-bottom: 100px; }
      .page-body .zone6 .zone6-content1 .img {
        width: 550px;
        height: 611px; }
        .page-body .zone6 .zone6-content1 .img img {
          width: 100%; }
      .page-body .zone6 .zone6-content1 .right {
        width: 630px;
        margin-left: 100px; }
        .page-body .zone6 .zone6-content1 .right h3 {
          font-size: 28px; }
          .page-body .zone6 .zone6-content1 .right h3 em {
            display: block;
            font-style: normal;
            font-family: 'GmarketSansBold'; }
        .page-body .zone6 .zone6-content1 .right .txt-box {
          position: relative;
          box-sizing: border-box;
          margin-top: 50px;
          border: 2px solid #e0c463;
          margin-bottom: 30px;
          padding: 20px;
          display: flex;
          flex-wrap: wrap; }
          .page-body .zone6 .zone6-content1 .right .txt-box .store-info {
            margin-right: auto; }
            .page-body .zone6 .zone6-content1 .right .txt-box .store-info h4 {
              font-size: 20px; }
            .page-body .zone6 .zone6-content1 .right .txt-box .store-info p {
              margin: 0;
              font-size: 18px; }
              .page-body .zone6 .zone6-content1 .right .txt-box .store-info p strong {
                font-weight: 700; }
          .page-body .zone6 .zone6-content1 .right .txt-box .control {
            position: relative;
            width: 130px;
            height: 60px; }
            .page-body .zone6 .zone6-content1 .right .txt-box .control .swiper-button-next,
            .page-body .zone6 .zone6-content1 .right .txt-box .control .swiper-button-prev {
              color: #000;
              border: 1px solid #000;
              border-radius: 100%;
              width: 55px;
              height: 55px;
              display: inline-flex;
              align-items: center;
              justify-content: center; }
              .page-body .zone6 .zone6-content1 .right .txt-box .control .swiper-button-next::after,
              .page-body .zone6 .zone6-content1 .right .txt-box .control .swiper-button-prev::after {
                height: 40px;
                font-size: 40px;
                line-height: 34px; }
            .page-body .zone6 .zone6-content1 .right .txt-box .control .swiper-button-next {
              right: 0; }
              .page-body .zone6 .zone6-content1 .right .txt-box .control .swiper-button-next::after {
                margin-left: 4px;
                content: '▶'; }
            .page-body .zone6 .zone6-content1 .right .txt-box .control .swiper-button-prev {
              left: 0; }
              .page-body .zone6 .zone6-content1 .right .txt-box .control .swiper-button-prev::after {
                margin-left: -4px;
                content: '◀'; }
    .page-body .zone6 .zone6-content2 {
      margin-top: 50px;
      margin-bottom: 100px; }
    .page-body .zone6 .zone6-content3 {
      width: 100%;
      height: 454px;
      margin-top: 50px; }
    .page-body .zone6 .zone6-insta {
	  margin-top:3vw;
      position: relative;
      max-width: 100%;
      min-height: 684px;
      overflow: hidden; }
      .page-body .zone6 .zone6-insta::before, .page-body .zone6 .zone6-insta::after {
        content: '';
        width: 360px;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        background-size: 100% auto;
        background-repeat: no-repeat;
        z-index: 3; }
      .page-body .zone6 .zone6-insta::before {
        top: 0;
        height: 57px;
        background-image: url(../img/insta/top.png);
        background-position: center 0; }
      .page-body .zone6 .zone6-insta::after {
        bottom: 0;
        width: 358px;
        height: 77px;
        margin-left: 1px;
        background-position: center bottom;
        background-image: url(../img/insta/bottom.png); }
      .page-body .zone6 .zone6-insta .swiper1,
      .page-body .zone6 .zone6-insta .swiper2 {
        position: absolute;
        left: 0; }
      .page-body .zone6 .zone6-insta .swiper1 {
        top: 130px;
        width: 100%;
        min-width: 1600px;
        left: 50%;
        transform: translateX(-50%);
        height: 310px;
        z-index: 2; 
		
		}
        .page-body .zone6 .zone6-insta .swiper1 .swiper-slide {
          position: relative;
          width: 340px;
          box-sizing: border-box;
          overflow: hidden;
          display: inline-flex;
          align-items: center;
          justify-content: center; 
		  border:2px solid #efefef;
		  
		  }
          .page-body .zone6 .zone6-insta .swiper1 .swiper-slide img {
            width: 320px; }
      .page-body .zone6 .zone6-insta .swiper2 {
        top: 490px;
        left: 50%;
        transform: translateX(-50%);
        width: 320px;
        height: 126px;
        z-index: 5; 
		font-size:13px;
		letter-spacing:0;
		}
        .page-body .zone6 .zone6-insta .swiper2 .swiper-slide {
          box-sizing: border-box;
          padding: 10px;
          background-color: #fff; }
      .page-body .zone6 .zone6-insta .insta-top,
      .page-body .zone6 .zone6-insta .insta-body,
      .page-body .zone6 .zone6-insta .mockup-mid {
        position: absolute;
        width: 320px;
        left: 50%;
        transform: translateX(-50%);
        z-index: 2;
        pointer-events: none;
        background-size: 100% auto;
        background-repeat: no-repeat; }
      .page-body .zone6 .zone6-insta .insta-top {
        height: 120px;
        top: 16px;
        background-position: center top;
        background-image: url(../img/insta/top-bg.png); }
      .page-body .zone6 .zone6-insta .insta-body {
        height: 265px;
        bottom: 16px;
        background-position: center bottom;
        background-image: url(../img/insta/bottom-bg.png); }
      .page-body .zone6 .zone6-insta .mockup-mid {
        width: 363px;
        height: 570px;
        margin-left: 1px;
        top: 48px;
        background-position: center top;
        background-image: url(../img/insta/mid.png);
        z-index: 3; }
      .page-body .zone6 .zone6-insta .swiper-pagination {
        position: absolute;
        top: 444px;
        left: 50%;
        transform: translateX(-50%);
        width: 100px;
        height: 20px;
        background-color: #fff; }
        .page-body .zone6 .zone6-insta .swiper-pagination .swiper-pagination-bullet {
          background-color: #d4d4d4; }
        .page-body .zone6 .zone6-insta .swiper-pagination .swiper-pagination-bullet-active {
          background-color: #0098fd; }
.swiper-button-next,.swiper-button-prev{display:none;}



/* */
@media screen and (max-width:1024px){
	.br_mo{display:block;}
	.zone .zone-inner{width:95%; margin-top:0;}
	.c1{height:70vh;}
	.c1 .c1_txt1{font-size:10vw; text-align:center;}
	.c1 .c1_txt2{margin-top:5vw; font-size:4vw;}

	.header{min-width:320px; max-width:1024px; height:15vw;}
	.header .header-wrap{width:100%; display:block;}
	.header .header-wrap .logo{text-align:center; padding-top:2.5vw;}
	.header .logo img{width:25vw;}
	.header.floating .header-wrap,.header.floating{height:17vw}
	.header .gnb{}
	.header .gnb .menu{font-size:14px; display:none;}
	.header .gnb .link_sns{position:absolute; top:30px; right:20px;}


	.c3{height:auto; padding-bottom:80vw;}
	.c3 .c3_txt{font-size: 7vw; margin-top:16vw;}
	.c3 .c3_txt .img{position:relative; top:-15vw; left:-33vw;}
	.c3 .c3_txt .img img{width:20vw;}
	
	.c3 .c3_txt2 ul li{display:inline-block; width:100%; }
	.c3 .c3_txt2 .c3_group1 .c3_box1, .c3 .c3_txt2 .c3_group1 .c3_box2, .c3 .c3_txt2 .c3_group1 .c3_box3{width:100vw; top:8vw; font-size:4vw;}
	.circle2{width:90vw; margin:0 auto; height:auto; border-radius:5px; padding:12vw 0 6vw 0;}
	.circle{width:18vw; height:18vw; line-height:18vw; }
	
	.c3 .c3_txt2 .box_content .content_1{font-size:5vw;}
	.c3 .c3_txt2 .box_content .content_2{font-size:3vw; }
	.white_0_border{border:1px solid #fff;}
	.yellow_0_border{border:1px solid #f1ed8b;}

	.c3 .c3_txt3{font-size:7vw;}
	.c3 .c3_txt3 .yellow_0{font-size:7vw;}
	
	.c3 .c3_txt3 .c3_txt3_group1{font-size:3vw;}
	.c3 .c3_txt3 .c3_txt3_group1 .tag_box{width:18vw;}

	.page-body .zone6 .zone6-insta .swiper2 .swiper-slide{font-size:13px; }
	.page-body .zone6 .zone6-insta .swiper2{width:310px;}

	.c4{height:auto; background-size:cover; padding-bottom:12vw;}
	.c4 .c4_txt{margin-top:12vw;}
	.c4_txt2_box1_title{font-size:4vw;}
	.c4 .c4_txt .c4_title1{font-size:12vw;}
	.c4 .c4_txt .c4_title2{font-size:6vw; line-height:5vw;}
	.c4 .c4_txt .c4_title2 .c4_subtitle1{font-size:2.6vw;}
	.c4 .c4_txt2 .c4_txt2_group1{display:inline-block; width:100vw;}
	.c4 .c4_txt2 .c4_txt2_group1 .box{width:80vw; margin:5vw auto; padding:15vw 0;}
	.c4 .c4_txt2 .c4_txt2_group1 .box .c4_txt2_box1_content{font-size:6vw;}
	.c4 .c4_txt2 .c4_txt2_group1 .box .c4_txt2_box1_title{margin:0 0 6vw 0;}
	.c4_txt2_box1_bottom br{display:none;}
	.c4_txt2_box1_bottom{font-size:3.5vw; width:60vw;}
	
	.c5{height:auto;}
	.c5 .c5_txt{font-size:3.5vw;}
	.c5 .c5_txt2{font-size:8vw;}
	
	.c5 .c5_txt3{display:block; text-align:center;}
	.c5 .c5_txt3 .c5_txt3_group1{width:100%; }
	.c5 .c5_txt3 .c5_txt3_group2{padding:8vw 0 ;}
	.c5 .c5_txt3 .c5_txt3_box1{font-size:7vw; padding-top:10vw;}
	.c5 .c5_txt3 .c5_txt3_box2{font-size:3vw;}
	.c5 .c5_txt3_group2 img{width:70vw; height:auto;}
	
	.c6{height:auto;}
	.c6 .c6_txt3 img{width:50vw;}
	.c6 .c6_txt{font-size:6.5vw; text-align:center;}
	.c6 .c6_txt2{font-size:3.2vw;}
	.c6 .c6_txt4{height:0; position:relative; z-index:999;}
	.c6 .c6_txt5{display:inline-block; width:90%; margin:0 auto; text-align:center; height:auto; padding:5vw;}
	.c6 .c6_txt5 img{width:42%; height:auto; margin:3%;}
	.menu_label{padding:3vw 4vw; margin:0 3vw; font-size:4vw;}
	.c6 .c6_txt5 .pc{display:none;}
	.c6 .c6_txt5 .mo{display:block;}
		
	.page-body .zone1 .copyright .btn-dw-arr{}
	.c7 .c7_txt{margin:0 auto; text-align:center; padding:2vw;}
	.c7 .c7_txt img{width:95%; margin:0 auto; text-align:center;}

	.c7 .c7_txt .c7_txt_group{text-align:left; font-size:3vw; background:rgba(255,255,255,0.7); padding:2vw; margin-left:4vw; margin-top:12vw;}

	.c8 .c8_txt2{width:95vw;}

	.c8 .c8_txt2 .c8_table1{ font-size:3vw;}
	.c8 .c8_txt2 .c8_table1 tr.caption td{font-size:3vw;}
	
	.c8 .c8_txt2 .c8_txt2_group .btn_group{top:-3vw;}
	.process_label{padding:3vw 4vw; font-size:5vw;}

	.c8 .c8_txt3{width:95vw;}
	.c8 .c8_txt3 .c8_table2{font-size:4vw; width:80vw;}


	.c8 .c8_txt3 .c8_table2 td input[type=text], .c8 .c8_txt3 .c8_table2 td select{width:21vw; height:5vw; font-size:4vw;}
	.hasstore_label{font-size:4vw;}
	.c8 .c8_txt3 .c8_table2 tr td .submit_btn{font-size:4vw; width:30vw; height:auto;}

	.footer_box{display:block; padding-bottom:4vw; text-align:center; margin-top:5vw; font-size:3vw;}
	.footer{height:auto; padding-bottom:25vw;}
	.f_logo{display:none;}
	.footer_r{text-align:center; margin-left: 0;}
	.footer_l{text-align:center; margin-right: 0;}
	.footer_l .info_1{font-size:4vw;}
	
	.c2{padding:1vw 0;}
	.c2_txt{display:block; font-size:6vw; text-align:center;}
	.c2_txt div{width:100%; text-align:center; color:#fff;}
	.c2 .c2_div1{width:60%; margin:0 auto; display:block; margin-top:3vw; font-size:2.4vw;}
	.c2_txt input[type=text]{width:25vw; height:5vw; font-size:2vw;}

	.agree_checkbox + .agree_label{ 1
		cursor: pointer; 
		padding-left: 35px; 
		background-repeat: no-repeat;
		background-image: url('../img/c2_agree_checkbox_off.png');
		background-size:3vw;
	}
	.agree_checkbox:checked + .agree_label{ 
		background-image: url('../img/c2_agree_checkbox.png');

	}

	.c5 .c5_group1 .swiper-slide{height:auto;}

	.c8 .c8_txt2 .c8_table1 .pc{display:none;}
	.c8 .c8_txt2 .c8_table1 .mo{display:block;}
	.c8 .c8_txt2 .c8_table1 .mo ul{margin:4vw 0;}
	.c8 .c8_txt2 .c8_table1 .mo ul li{display:inline-block; width:40%; padding:4%; vertical-align: top; position:relative;}
	.c8 .c8_txt2 .c8_table1 .mo ul li:after{content:'>'; position:absolute; right:-2vw; top:15vw; font-size:6vw; font-weight:bold; color:#666;}
	.c8 .c8_txt2 .c8_table1 .mo ul li:nth-child(2):after,.c8 .c8_txt2 .c8_table1 .mo ul li:nth-child(4):after,.c8 .c8_txt2 .c8_table1 .mo ul li:nth-child(6):after,.c8 .c8_txt2 .c8_table1 .mo ul li:nth-child(8):after,.c8 .c8_txt2 .c8_table1 .mo ul li:nth-child(10):after{display:none;}
	.c8 .c8_txt2 .c8_table1 .mo ul li img{width:100%;}
	.c8 .c8_txt2 .c8_table1 .mo ul li h2{color:#5e3425; line-height:1vw;}
	.c8 .c8_txt2 .c8_table1 .mo ul li p{color:#777; font-size:13px;}

}


/* .footer_out{background:#1c1c1b; width:100%; position:fixed; bottom:0; padding:20px 0; z-index:99999; color:#fff; text-align:center;}
.footer_out table{width:100%; margin:0 auto; max-width:1280px; min-width:320px;}
.footer_out table tr td img{width:100%;}
.footer_out table tr td input{height:40px; vertical-align: middle;}
.footer_out table tr td:nth-child(1){width:20%;}
.footer_out table tr td:nth-child(2){width:15%;}
.footer_out table tr td:nth-child(3){width:15%;}
.footer_out table tr td:nth-child(4){width:15%;}
.footer_out table tr td:nth-child(5){text-align:left; width:15%;}
.footer_out table tr td:nth-child(6){background:#e0c463; cursor:pointer; color:#333;}
.footer_out table tr td:nth-child(1) input{width:90%;}
.footer_out table tr td:nth-child(2) input{width:90%;}
.footer_out table tr td:nth-child(3) input{width:90%;}
.footer_out table tr td:nth-child(4) input{width:90%;}
.footer_out table tr td input > .footer_out table tr td:nth-child(5){font-size:12px;width:10%;}


@media screen and (max-width:1300px){
.footer_out table tr{}
.footer_out table tr td{display:inline-block;}
.footer_out table tr td:nth-child(1){width:100%; padding-bottom:2%;}
.footer_out table tr td:nth-child(2){width:32%;}
.footer_out table tr td:nth-child(3){width:32%;}
.footer_out table tr td:nth-child(4){width:32%;}
.footer_out table tr td:nth-child(5){ text-align:left; width:30%; margin:10px 0;}
.footer_out table tr td:nth-child(6){padding:10px 0; width:20%; }
.footer_out table tr td img{width:400px;}
.footer_out table tr td input{height:30px;}

}

@media screen and (max-width:640px){
.footer_out table tr{}
.footer_out table tr td{display:inline-block;}
.footer_out table tr td:nth-child(1){width:100%;}
.footer_out table tr td:nth-child(2){width:32%;}
.footer_out table tr td:nth-child(3){width:32%;}
.footer_out table tr td:nth-child(4){width:32%;}
.footer_out table tr td:nth-child(5){text-align:center; width:100%;}
.footer_out table tr td:nth-child(6){width:40%;}
.footer_out table tr td img{width:50%;}
.footer_out table tr td input{height:20px; font-size:12px;}

} */