@import url('https://webfontworld.github.io/kohi/KOHIBaeum.css');
@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);

*{-webkit-text-size-adjust:none;}

/* 팝업레이어 */
#hd_pop {z-index:1000;position:relative;margin:0 auto;height:0}
#hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.hd_pops {position:absolute;border:1px solid #e9e9e9;background:#fff}
.hd_pops img {max-width:100%}
.hd_pops_con {}
.hd_pops_footer {padding:0;background:#000;color:#fff;text-align:left;position:relative; z-index:999;}
.hd_pops_footer:after {display:block;visibility:hidden;clear:both;content:""}
.hd_pops_footer button {padding:10px;border:0;color:#fff}
.hd_pops_footer .hd_pops_reject {background:#000;text-align:left;z-index:9999}
.hd_pops_footer .hd_pops_close {background:#393939;position:absolute;top:0;right:0; cursor:pointer;}

@media screen and (max-width:1024px){
.mo_style{ left:0; top:0; position:absolute;border:1px solid #e9e9e9;background:#fff; width:80%;}
.hd_pops{all: unset;}
.hd_pops_con{all: unset; width:100%;  background:#fff}
.hd_pops img{width:100%;}
}

html{
font-size:1vw;
overflow-x:hidden;
scroll-behavior: smooth;
}
body{
	margin:0; padding:0;
	font-family: 'KOHIBaeum';
	overflow-x:hidden;
}
p{
	margin:0; padding:0;
}
ul,li{list-style-type: none; padding:0; margin:0;}
.header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 5.3191vw;
	min-width: 68.0851vw;
	padding: 0 1.0638vw;
	background-color: rgba(255, 255, 255, 1);
	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: #002c20;
	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;
}
.c13{
    background: url("../img/c13_bg.png") no-repeat;
    background-position: top;
    background-size: cover;
    height: 105.0532vw;
    flex-direction: column;
    align-items: center;
	justify-content: normal;
}
.c13 .txt1{
    font-size: 3.7234vw;
    
    text-align: center;
    margin-top: 23.9362vw;
}
.c13 .txt1 .title1{
	color:#c42866;
	text-decoration: underline;
	text-underline-position: under;
	text-decoration-thickness: 0.1064vw;
}
.c13 .form1{
	filter: drop-shadow(0 0 0.7979vw rgba(0,0,0,0.1));
    background: white;
    width: 70%;
    /* height: 38.9149vw; */
    padding: 5vw 0 0 0;
    border-radius: 1.0638vw;
    margin-top: 5.3191vw;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
}
.c13 .form1 .inputs{
	width:43.6170vw;
	}
.c13 .form1 input[type=text]{

    margin-bottom: 0.7979vw;
	opacity: 0.961;
    width: 43.6170vw;
    height: 3.8298vw;
    border-radius: 0.5319vw;
    background-color: rgba(238,235,235,0.9607843137254902);
	border:0;
    font-size: 1.3298vw;
    text-indent: 0.7979vw;
}
.c13 .form1 label{
	display: flex;
    align-items: center;
	margin-bottom:2.1277vw;
}
.c13 .form1 label input[type=checkbox]{

    width: 1.3298vw;
    height: 1.3298vw;
	margin-left:0.5319vw;
	}
.c13 .form1 .submitbtn{
width:25vw;
}
.c13 .txt2{
	    font-size: 4.6277vw;
    
    text-align: center;
    margin-top: 10.6383vw;
    letter-spacing: -0.3191vw;
}
.c13 .txt2 .title1{
	color:#c42866;
	text-decoration: underline;
	text-underline-position: under;
	text-decoration-thickness: 0.1064vw;
}
.c12{
    background: url("../img/c12_bg.png") no-repeat;
    background-position: top;
    background-size: cover;
}
.c12 .board_body{
width:100%;
	margin-top:21.2766vw;
}
.c11{
    background: url("../img/c11_bg.png") no-repeat;
    background-position: top;
    background-size: cover;
    height: 51.5106vw;
}
.board_body{
	width:69.1489vw;
	margin:0 auto; 
	}
.c11 .board_body{

    position: absolute;
    bottom: 3vw;
	}
.c11 .board_body img{
	width:100%;
}
.c10{
	flex-direction: column;
	align-items: center;
	justify-content: normal;
	color:#000;
    background: url("../img/c10_bg.png") no-repeat;
    background-position: top;
    background-size: cover;
    padding-bottom: 7.9787vw;
	height:auto;
}
.c10 .images{
    margin-top: 31.5106vw;
	width:60.1064vw;
}
.c10 .images img{
	width:100%;
}
.c10 .sliders,.c10 .sliders_mobile{
    width: 97%;
    bottom: 0;
    position: relative;
    margin:0 auto;
	margin-top: 19.1489vw;
	
}
.c10 .sliders,.c10 .sliders_mobile iframe{}
.c9{
    /* height: 162.2340vw; */
	height:auto;
	flex-direction: column;
	align-items: center;
	justify-content: normal;
	color:#000;
    background: url("../img/c9_bg2.jpg") no-repeat;
    background-position: top;
    background-size: cover;
}
.c9 .txt1{
	margin-top:14.3617vw;
	width:52.0213vw;
	border-bottom:0.1vw solid #ec2a6f;
}
.c9 .txt1 img{
	width:100%;
}
.c9 .txt2{
    color: white;
    font-size: 1.5957vw;
    margin-top: 3.9894vw;
}
.c9 .txt2 .title1{
	color:#f0ff00;
    font-size: 1.8617vw;
    margin-top: 3.9894vw;
    letter-spacing: -0.3191vw;
}
.c9 .txt3{
    font-size: 2.6596vw;
    letter-spacing: -0.3191vw;
	text-decoration: underline;
	text-underline-position: under;
	text-decoration-thickness: 0.0532vw;
	color:#f9bd67;
}
.c9 .topmenus{
	margin-top:5.8511vw;
	width:78.8298vw;
}
.c9 .topmenus img{
	width:100%;
}
.c9 .topmenus div{
	display: inline-flex;
    position: relative; 
    flex-direction: column;
}
.c9 .newmenu{
	 margin-top:10.6383vw;
	 display: flex;
    flex-direction: column;
	width:70.5851vw;
}
.c9 .newmenu img{
	width:100%;
}
.c9 .newmenu .fl1 {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin-top: 7.1809vw;
}
.c9 .newmenu .fl1 img{
	width:24%;
}
.c9 .newmenu .fl2 {
	display:flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}
.c9 .newmenu .fl2 img{
	width:16%;
}
.c9 .newmenu .fl3 {
	display:flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}
.c9 .newmenu .fl3 img{
	width:16%;
}
.c8{
	flex-direction: column;
	align-items: center;
	color:#000;
    background: url("../img/c8_bg.png") no-repeat;
    background-position: top;
    background-size: cover;
}
.c8 .top_bg{
	position:relative;
    /* height: 121.2766vw; */
}
.c8 .top_bg img{
	width:100%;
}
.c8 .txt1 {
    font-size: 4.5745vw;
    letter-spacing: -0.3191vw;
    
    width: 77.6596vw;
    height: 6.1170vw;
    text-align: center;
    bottom: 3.5638vw;
    position: relative;
    margin: 0 auto;
    background: white;
    border: 0.5319vw solid #cb1e5c;
}
.c8 .txt1 .title1{
	color:#cb1e5c;
	}
.c8 .steps{
    display: flex;
    justify-content: space-around;
    align-items: center;
    flex-direction: column;
    width: 79.7872vw;
    margin: 0 auto;
	}

.c8 .steps .step_div .step{
	width:23.0851vw;
}
.c8 .steps .step_div .arrow{
	width:3.8298vw;
}
.c8 .steps .step_div{
	display: flex;
    align-items: center;
	flex-direction: row-reverse;
    margin-bottom: 1.3298vw;
}
.c8 .steps .fl2{
	align-self: flex-end;
    padding-right: 9.3085vw;
}
.c8 .steps .fl4{
	align-self: flex-start;
    padding-left: 17.2872vw
}
.c7{
	flex-direction: column;
	align-items: center;
	background-color:#18131c;
	color:white;
	padding-bottom: 10.6383vw;
}
.c7 .txt1{

	font-size: 4.5213vw;
	letter-spacing: -0.3191vw;
	margin-top:4.2553vw;
	
}
.c7 .txt1 .title1{
	color:#ff3c81;
	filter: drop-shadow(0.2735vw 0.3260vw 0.0798vw rgba(0,0,0,0.59));
}
.c7 .txt2{
	font-size: 3.4043vw;
	letter-spacing: -0.3191vw;
	
}
.c7 .txt2 .title1{
	color:#ff3c81;
}
.c7 .txt2 .title2{
	color:#f9ed33;
	text-decoration: underline;
	text-underline-position: under;
	text-decoration-thickness: 0.0532vw;
}
.c7 .chart_box{
	background:url("../img/c7_chartbox_bg.png")  no-repeat;
    height: 53.1915vw;
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-top:5.3191vw;
	margin-bottom:10.6383vw;
}
.c7 .chart_box .charts{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin-top: 7.9787vw;
}
.c7 .chart_box .charts .img1{
	/* height:21.1404vw; */
}
.c7 .chart_box .charts .img2{
	height:31.5186vw;
}

.c7 .chart_box .charts img{
	width:30.6372vw;
}
.c7 .chart_box .title1{
	color:#18131c;
	font-size: 4.3617vw;
	
	letter-spacing: -0.2660vw;
    margin-top: 3.5106vw;
}
.c7 .chart_box .title1 .title2{
	color:red;
}
.c7 .txt3{
	background: white;
	color: #18131c;
	font-size: 4.4681vw;
	
	letter-spacing: -0.2660vw;
	width: 79.7872vw;
	border-radius: 1.0638vw;
	height: 10.6383vw;
	display: flex;
	justify-content: center;
	align-items: center;
}
.c7 .txt3 .title1{
	color: #ff3c81;
}
.c7 .txt4{
	height: 5.3191vw;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	color: #f9ed33;
	font-size: 2.7660vw;
	letter-spacing: -0.2660vw;
	
	text-shadow: 0 0 0.2128vw #f9ed33;
}

.c7 .table_div{
	width:79.7872vw;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	margin: 5.3191vw 0;
}
.c7 .table_div .title_caption{
	font-size: 1.3830vw;
}
.c7 .table_div .tbl{
	width:100%;
}
.c7 .table_div .tbl table{

	border-collapse: collapse;
	font-size:1.2766vw;
	
	width:100%;
	color:white;
}
.c7 .table_div .tbl table tr th,
.c7 .table_div .tbl table tr td{
	padding:0.6383vw 0;
}
.c7 .table_div .tbl table tr th{
	background:white;
	color:#18131c;
	border:0.1064vw solid #18131c;
}
.c7 .table_div .tbl table tr td:first-child{
	border-left:0;
}
.c7 .table_div .tbl table tr td:last-child{
	border-right:0;
	text-align:left;
}
.c7 .table_div .tbl table tr td{
	background:#18131c;
	color:white;
	border:0.1064vw solid white;
	text-align:center;
}
.c7 .table_div .tbl table span.redcolor{
	color:red;
	font-style: italic;
}
.c7 .txt5{
	font-size: 3.7234vw;
	letter-spacing: -0.2660vw;
	
}
.c7 .txt5 .title1{
	color: #f9ed33;
	text-decoration: underline;
	text-underline-position: under;
	text-decoration-thickness: 0.0532vw;
	
}
.c7 .txt6{
	font-size: 2.6596vw;
	letter-spacing: -0.2660vw;
	
}
.c6{
	z-index:5;
	flex-direction: column;
	align-items: center;
	background-color:white;
	padding-top:5.3191vw;
}
.c6 .txt1{
	font-size:4.5745vw;
	
	letter-spacing:-0.2660vw;
}
.c6 .txt1 .title1{
	color:#d72162;
}
.c6 .txt2{
	position:relative;
	font-size:3.1915vw;
	letter-spacing: -0.2660vw;	
	background:url("../img/c6_txt2_bg.png") no-repeat bottom;
	background-position-y: 3.1915vw;

}
.c6 .hexagon_box{
	display: flex;
	flex-direction: row;
	align-items: center;
	margin-top: 4.7872vw;
}
.c6 .hexagon_box .left{
	width:28.9362vw;
}
.c6 .hexagon_box .center{
	width:19.5213vw;
}
.c6 .hexagon_box .center img{
	width:100%;
}
.c6 .hexagon_box .right{
	width:28.9362vw;
}
.c6 .hexagon_box .box{
	background:url("../img/c6_hexagon_bg.png") no-repeat;
    background-position: top;
    background-size: cover;
	width: 26.5957vw;
	height: 5.3191vw;
	display: flex;
	align-items: center;
	justify-content: center;
	filter: drop-shadow(-0.4255vw 0.6915vw 0.5319vw rgba(238,111,123,0.5));
	margin-bottom: 2.0213vw;
	color:white;
	font-size: 1.5957vw;
	letter-spacing: -0.1596vw;
	
}
.c6 .hexagon_box .box:last-child{
	margin-bottom:0;
}
.c6 .hexagon_box .box1{
margin-left:2.3936vw;
}
.c6 .hexagon_box .box2{
}
.c6 .txt3{
	width: 66.6489vw;
	height: 9.9468vw;
	border-radius: 0.5319vw;
	filter: drop-shadow(0.1710vw 0.2037vw 0.8511vw rgba(201,182,157,0.45));
	background-color: #ffffff;
	margin-top: 5.3191vw;
	margin-bottom: 7.9787vw;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.c6 .txt3 .title1{
	font-size: 1.9149vw;
	letter-spacing: -0.2128vw;
}
.c6 .txt3 .title2{
	font-size: 2.6596vw;
	
	letter-spacing: -0.3191vw;
}
.c6 .txt3 .title3{
	color:#d72162;
	text-decoration-color:#d72162;
	text-decoration: underline;
	text-underline-position: under;
	text-decoration-thickness: 0.1064vw;
}

.c5{
	border:0.1064vw solid #d3257f;
	background-color:white;
	z-index:5;
	/* height:69.1489vw; */
	flex-direction: column;
	align-items: center;
}

.c5 img.background{
	position:absolute;
	top:0;
	opacity:0.1;
	/* height: 69.1489vw; */
	overflow: hidden;
	width: 100%;
}
.c5 .zone-inner{
	padding-top: 4.5213vw;
	align-items: center;
	display: flex;
	justify-content: flex-start;
	flex-direction: column;
	width:75.2660vw;
}
.c5 .zone-inner .txt1{
	font-size: 3.4043vw;
	
	color: black;
	letter-spacing:-0.3191vw;
}
.c5 .zone-inner .txt2{
	color: #E23975;
	font-size: 4.6809vw;
	
	letter-spacing: -0.4255vw;
}
.c5 .zone-inner .txt3{
	color: #787777;
	font-size: 1.5957vw;
	
	letter-spacing: -0.1064vw;
	margin-top: 0.7979vw;
}
.c5 .zone-inner .imgs .vs{
	font-size:3.1915vw;
	margin-top: 8.5106vw;
}
.c5 .zone-inner .imgs{
	display: flex;
	flex-direction: row;
	margin-bottom:3.9894vw;
	justify-content: space-around;
	align-items: flex-start;
	/* width:75.2660vw; */
	width:100%;
	margin-top: 4.5213vw;
}
.c5 .zone-inner .imgs img{
	width:100%;
}

.c5 .txt4{
	height: 18.3511vw;
	background: #ae0843;
	width: 100%; 
	display: flex;
	flex-direction: column;
	align-content: center;
	justify-content: center;
	align-items: center;
    bottom: -1.2766vw;
    position: relative;
}
.c5 .txt4 .title1{
	font-size: 1.9681vw;
	
	color: white;
	letter-spacing: -0.2128vw;
}
.c5 .txt4 .title2{
	font-size: 2.1809vw;
	letter-spacing: -0.2128vw;
	color: #fff000;
	
	text-decoration-color:#fff000;
	text-decoration: underline;
	text-underline-position: under;
	text-decoration-thickness: 0.1064vw;
}
.c4{
	z-index:4;
	background: url("../img/c4_1_background.jpg");
    /* height: 276.4681vw; */
    background-position: top;
    background-size: cover;
}
.c4 .zone-inner{
	padding-top:8.5106vw;
	display: flex;
	flex-direction: column;
	align-items: center;
}
.c4 .zone-inner .inner-box{
	color:white;
	font-size:2.9787vw;
	letter-spacing: -0.0532vw;
	
}
.c4 .zone-inner .inner-box2{
	font-style: italic;
	color: #fff600;
	font-size: 6.3830vw;
	filter: drop-shadow(0.2394vw 0.2852vw 0.2394vw rgba(0,0,0,0.52));
}
.c4 .zone-inner .inner-box3 {

	margin-top:2.6596vw;
}
.c4 .zone-inner .inner-box3 span{
	width: 39.9468vw;
	height: 2.5vw;
	background-color: #000000;
	color:white;
	font-size:1.5957vw;
}
.c4 .zone-inner .inner-box4 {
	position:absolute;
	top:31.4894vw;
	left:0vw;
	z-index:2;
	background:url('../img/item01_02.png') no-repeat center;
	background-size:cover;
	padding:10vw 7vw;
}

.c4 .zone-inner{}
.c4 .inner-box4_right {

	position:absolute;
	top:20vw;
	right:0vw;
	z-index:1;
}
.c4 .inner-box4_right img{width:60vw;}

.c4 .zone-inner .inner-box4 .txt1{
	font-style: italic;
	color: #fff600;
	font-size:2.3404vw;
	
}
.c4 .zone-inner .inner-box4 .txt2{
	color: #fff;
	font-size:1.5957vw;
}
.c4 .zone-inner .inner-box5 {
	margin-top:47.8723vw;
	display: flex;
	flex-direction: column;
	align-items: center;
	filter: drop-shadow(0.1710vw 0.2037vw 0.6383vw rgba(0,0,0,0.75));
	
}
.c4 .zone-inner .inner-box5 .txt1{
	color: #fff;
	font-size:2.6596vw;
	
}
.c4 .zone-inner .inner-box5 .txt2{
	color: #fff600;
	font-size:2.6596vw;
	
}
.c4 .zone-inner .inner-box6 {
	margin-top:1.5957vw;
	display: flex;
	flex-direction: column;
	align-items: center;
	color: #fff;
	font-size:1.2234vw;
	 font-family: 'Noto Sans KR', sans-serif;

	filter: drop-shadow(0.1710vw 0.2037vw 0.6383vw rgba(0,0,0,0.75));
}
.c4 .zone-inner .inner-box6 .txt1{
}
.c4 .zone-inner .inner-box6 .txt2{
}
.c4 .zone-inner .inner-box7{
	background:rgba(242, 241, 239,1);
	width:79.7872vw;
	height:145.5745vw;
	margin-top:4.2553vw;
	position:relative;
	display: flex;
	justify-content: center;
	align-items: center;
	padding:2vw 0;
}
.c4 .zone-inner .inner-box7 .frame{
	width: 75.3723vw;
	height: 142.3191vw;
	border-radius: 0.5319vw;
	background-color: rgba(62,55,154,0);
	border: 0.1064vw solid #a47841;
	display: flex;
	flex-direction: column;
	align-items: center;
}
.c4 .zone-inner .inner-box7 .frame .txt1 .title1{
	color: #885a20;
	text-decoration-color:#885a20;
	text-decoration: underline;
	text-underline-position: under;
	text-decoration-thickness: 0.1064vw;
}
.c4 .zone-inner .inner-box7 .frame .txt1 .title2{
	color:#8E1212;
	text-decoration-color:#8E1212;
	text-decoration: underline;
	text-underline-position: under;
	text-decoration-thickness: 0.1064vw;
}
.c4 .zone-inner .inner-box7 .frame .txt1{
	margin-top:5.3191vw;
	margin-bottom:5.3191vw;
	font-size:3.7234vw;
	
}
.c4 .zone-inner .inner-box7 .frame .icons1{
	width: 65.5106vw;
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	align-items: center;
}
.c4 .zone-inner .inner-box7 .frame .icons1 img{
	width:15.6915vw;
	height:15.2660vw;
}
.c4 .zone-inner .inner-box7 .frame .txt2{
	margin-top: 7.9787vw;
	color: white;
	font-size: 4.5745vw;
	text-align: center;
	letter-spacing: -0.4255vw;
	
}


.c4 .zone-inner .inner-box7 .frame .txt2 .title1{ 
	text-shadow: 0 0 0.3191vw #fff;
}
.c4 .zone-inner .inner-box7 .frame .txt2 .title2{ 
	color:#fff000;
	text-shadow: 0 0 0.3191vw #fff000;
}
.c4 .zone-inner .inner-box7 .frame .redribbon{
	background:url("../img/c4_frame_redribbon.png") no-repeat;
    background-position: top;
    background-size: cover;
	height:6.6489vw;
	width:56.9149vw;
}
.c4 .zone-inner .inner-box7 .frame .txt3 {
	display: flex;
	flex-direction: column;
	align-items: center;
}
.c4 .zone-inner .inner-box7 .frame .txt3 .boxes1{

	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-around;
	align-content: space-around;
	height: 15.9574vw;
}
.c4 .zone-inner .inner-box7 .frame .txt3 .boxes1 img{
	width:22.4468vw;
	height:6.7021vw;
}
.c4 .zone-inner .inner-box7 .frame .txt3 .title1{ 
	color: #3a9a00;
	text-decoration-color:#3a9a00;
	text-decoration: underline;
	text-underline-position: under;
	text-decoration-thickness: 0.1064vw;
	font-size: 4.2553vw;
	
	letter-spacing: -0.3191vw;
	margin-top:1.0638vw;
	margin-bottom:2.3936vw;
}
.c4 .zone-inner .inner-box7 .frame .txt3 .reviews{

	display: flex;
	flex-direction: row;
	justify-content: space-between;
	width: 71.2766vw;
}
.c4 .zone-inner .inner-box7 .frame .txt3 .reviews div{

	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	width:17.2872vw;
}
.c4 .zone-inner .inner-box7 .frame .txt3 .reviews div img{
	margin-bottom:1.0638vw;
}
.c4 .zone-inner .inner-box7 .frame .txt4{
	font-size:4.0426vw;
    margin-top: 3.4vw;
	letter-spacing:-0.3191vw;
}
.c4 .zone-inner .inner-box7 .frame .txt4 .title1{
	color:#885a20;
}
.c4 .zone-inner .inner-box7 .frame .txt4 .title2{
	color:#01a991;
	text-decoration-color:#01a991;
	text-decoration: underline;
	text-underline-position: under;
	text-decoration-thickness: 0.1064vw;
}
.c4 .zone-inner .inner-box7 .frame .txt5{
	font-size: 4.0426vw;
	letter-spacing: -0.3191vw;
	text-align: center;
	
}
.c4 .zone-inner .inner-box7 .frame .txt5 .title1{
	color: white;
}
.c4 .zone-inner .inner-box7 .frame .txt5 .title2{
	color: #fff000;
}
.c4 .zone-inner .inner-box8 .ratings{
	margin-top:4.2553vw;
	display: flex;
	flex-direction: row;
	align-items: flex-end;
}
.c4 .zone-inner .inner-box8 .ratings .swiper-wrapper img{width:80%;}
.c4 .zone-inner .inner-box8 .ratings .swiper-slide-active{opacity:0.2;}
.c4 .zone-inner .inner-box8 .ratings .swiper-slide-active+.swiper-slide{opacity:1; z-index:2;}
.c4 .zone-inner .inner-box8 .ratings .swiper-slide-active+.swiper-slide img{width:100%; margin-left:0;}
.c4 .zone-inner .inner-box8 .ratings .swiper-slide-active+.swiper-slide+.swiper-slide{opacity:0.2;}
/* .c4 .zone-inner .inner-box8 .ratings .img1{
	margin-right:-4.5213vw;
	width:18.5106vw;
}
.c4 .zone-inner .inner-box8 .ratings .img3{
	margin-left:-2.9255vw;
	width:18.5106vw;
}
.c4 .zone-inner .inner-box8 .ratings img{
	width:27.8723vw;
} */
.c3{
z-index:4;
	background: url("../img/c3_1_background.png");
    background-position: top;
    background-size: cover;
	/* height:53.1915vw; */
}
.c3 .zone-inner{

	width:53.1915vw;
}
.c3 .inner-box{
	display:flex;
	align-items:center;
	justify-content:center;
	font-size:2.9255vw;
	color:white;
	padding-top:5.3191vw;
	padding-bottom:1.0638vw;
}
.c3 .inner-box img{
	width:9.2021vw;
	height:3.8298vw;
}
.c3 .inner-box2{
	display:flex;
	align-items:center;
	justify-content:center;
	
	font-size:4.0957vw;
	

	padding-bottom:2.6596vw;
}
.c3 .inner-box2 .inner-txt3{
	color:white;
}
.c3 .inner-box2 .inner-txt2{
	width: 40.2128vw;
	height: 5.3723vw;
	border-radius: 0.5851vw;
	background-color: #bf214a;
	color: #fffc00;
	padding:0 0.7979vw;
}

.c3 .inner-box4{
	width:30vw; margin:0 auto; padding:7vw 0 2vw 0;
}
.c3 .inner-box4 img{
	width:100%;
}

.c3 .inner-box3{
	opacity: 0.5;
	width: 52.8723vw;
	height: 31.0638vw;
	border-radius: 1.0638vw;
	background-color: rgba(201,238,249,0);
	border: 0.1596vw solid #ffffff;

	
	display: flex;
	align-content: center;
	justify-content: center;
	align-items: center;
}
.c3 .inner-box3 img{
	width:100%;
	}

.c3 .inner-box3 iframe{border-radius: 1.0638vw; width:100%; height:100%;}

.c3 .inner-box5{
	opacity: 0.5;
	width: 52.8723vw;

	height: 31.0638vw;
	border-radius: 1.0638vw;
	background-color: rgba(201,238,249,0);
	border: 0.1596vw solid #ffffff;

	margin-bottom:10vw;
	display: flex;
	align-content: center;
	justify-content: center;
	align-items: center;
}

.c3 .inner-box5 iframe{border-radius: 1.0638vw; width:100%; height:100%;}


.c2{
	background: url(../img/c2_bg.png) no-repeat;
    background-position: top;
    background-size: cover;
    /* height: 38.5638vw; */
	padding:4vw 0;
    display: flex;
    flex-direction: row;
    align-items: center;
}
.c2 .zone-inner{
	width:100vw;
}
.c2 .zone-inner img{
	width:100%;
}

.c1{
	height:55.5851vw;
	background:url(../img/c1_1_background.png) no-repeat;
    background-position: top;
    background-size: cover;
	position:relative;
}

.c1 .font_zindex{position:relative; z-index:4;}
.c1 .bg_wrap{background:rgba(0, 0, 0, 0.5); width:100%; height:100%; position:absolute; z-index:3; left:0; top:0;}
.c1 .bg{
	position: absolute;
	top: 0;
	left: 0;
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	z-index: 2;
	}
.c1_1_box .top{}
.c1_1_box .left{}
.c1_1_box .right{}
.c1_1_box .txt{
	font-size: 1.9149vw;
	letter-spacing: -0.1064vw;
	line-height: 4.0957vw;
	text-decoration: underline;
	text-underline-position: under;
	text-decoration-thickness: 0.0532vw;
	text-transform: uppercase;
	color: #eac470;
	text-align: center;
}

.c1 .zone-inner{
	padding-top: 5.8511vw;
	align-items: center;
	display: flex;
	justify-content: flex-start;
	flex-direction: column;
}
.c1 .c1_1_box{
	display: flex;
	justify-content: center;
	flex-direction: column;
	align-items: center;
}
.c1 .c1_1_box .c1_1_label img{
	width:2.2340vw;
	height:4.2553vw;
}
.c1 .c1_1_box .c1_1_label{
	display: flex;
	
}

.c1 .c1_2_box{
	margin-top:2.9255vw;
	display: flex;
	flex-direction: column;
}
.c1 .c1_2_label{
	font-size: 2.1277vw;
	letter-spacing: -0.0532vw;
	line-height: 4.0426vw;
	text-transform: uppercase;
	color: #ffffff;
	text-align: center;
	
}
.c1 .c1_2_label2{
	font-size: 7.2872vw;
	letter-spacing: -0.2128vw;
	line-height: 7.1277vw;
	text-transform: uppercase;
	color: #ff3c81;
	text-align: center;
	
	filter: drop-shadow(0.2735vw 0.3260vw 0.0798vw rgba(0,0,0,0.59));
	transform: rotate(356deg);
}

.c1 .c1_3_box{
	padding-top:5.0532vw;
	font-size: 2.5532vw;
	letter-spacing: -0.0532vw;
	line-height: 3.7234vw;
	text-transform: uppercase;
	color: #ffffff;
	text-align: center;
	filter: drop-shadow(0.1710vw 0.2037vw 0.6383vw rgba(0,0,0,0.75));
	
}

.c1 .c1_3_box .c1_3_label{
	text-emphasis-style: dot;
	text-emphasis-position: over left;
	-webkit-text-emphasis-style: dot;
	-webkit-text-emphasis-position: over;
	color: #65ff73;
}

.c1 .c1_3_box .c1_3_label2{
	color: #f9ed33;
}
.c1 .c1_3_box .c1_3_label2:after{
	content:"";
	position:absolute;
	display:inline-block;
	background:url("../img/c1_1_underline.png") no-repeat; 
	background-size:contain;
	width: 19.9468vw;
	height: 1.5957vw;
	bottom: -1.4362vw;
	right: 12.2340vw;
}
.c1 .c1_3_box .c1_3_label3{
	color:#ff3c81;
	filter: drop-shadow(0.1710vw 0.2037vw 0.6383vw rgba(0,0,0,0.75));
}
.c1 .c1_3_box .c1_3_label3:after{

	content:"";
	position:absolute;
	display:inline-block;
	background:url("../img/c1_1_star.png") no-repeat; 
	background-size:contain;
	width: 3.9894vw;
	height: 3.4574vw;
	bottom: 1.8617vw;
	right: -2.9255vw;
}

.footer{
	    background: #272024;
    height: 15.9574vw;
    display: flex;
    flex-direction: row;
    align-content: center;
    align-items: flex-start;
    justify-content: flex-start;
    padding-top: 5.3191vw;
	letter-spacing:-0.0532vw;
	
}

.footer .f_logo{
	margin-left:13.2979vw;
	width:17.0745vw;
	}
.footer .f_logo img{
	width:100%;
}
.footer .f_info{
	margin-left:3.1915vw;
	}
.footer .f_info .infos{

    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    flex-wrap: wrap;
	}
.footer .f_info .infos .info_sub{
	margin-right:1.0638vw;
}
.footer .f_info .infos .title1{
	color:#fd3d89;
}
.footer .f_info .subinfo{
    margin-bottom: 1.3298vw;
	color:#fff;
}
.footer .f_info .info_2{
	color:#7d797c;
}



.sliders_mobile{display:none;}
.sliders{display:block;}
/* @media (max-width: 1200px){
	.sliders{display:none;}
	.sliders_mobile{display:block;}
}
@media (max-width: 500px){


	.zone .zone-inner{
		width:100%;
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	.c4 .zone-inner .inner-box4 {
		position: absolute;
		top: 41.4894vw;
		left: 16.266vw;
	}

	.footer{
	font-size:1.5vw;
	}
.c7 .chart_box .title1 {
    margin-top: 8.5106vw;

	}
	.c7 .chart_box .charts {
    margin-top: 3.9787vw;
	}

} */

.c4 .zone-inner .inner-box3 span br{display:none;}
.c5 .txt4 .title1 br{display:none;}
.c5 .txt4 .title2 br{display:none;}

.topmenus_list{margin:0 auto; text-align:center; word-break:keep-all;}
.topmenus_list li{display:inline-block; width:32vw; color:#fff; margin:1vw; vertical-align:bottom;}
.topmenus_list li h2{position:relative; font-weight:400; font-size:2.5vw; margin-top:0; margin-bottom:1vw;}
.topmenus_list li h2:after{content:''; position:absolute; z-index:2; top:0; background:#fff; width:0.3vw; height:0.3vw; border-radius:2vw;}
.topmenus_list li p{font-weight:700;  font-family: 'Noto Sans KR', sans-serif;}

.topmenus_list2,.topmenus_list3{margin:0 auto; text-align:center; }
.topmenus_list2 li{display:inline-block; width:20vw; color:#2c1b08; margin:1vw; text-align:center; vertical-align:bottom; margin:1vw;}
.topmenus_list3 li{display:inline-block; width:17vw; color:#2c1b08; margin:1vw; text-align:center; vertical-align:bottom; margin:1vw;}
.topmenus_bg{background:#e2d1be; width:100%; /* border-radius: 255px 15px 225px 15px/15px 225px 15px 255px; */ box-shadow: 5px 5px 5px #111; margin-top:5vw;}

.c9 .txt2 br{display:none;}

.inner-box8 .txt4{margin:0 auto;}
.c4 .zone-inner .inner-box8{width:100%; margin:0 auto; text-align:center; margin-top:6vw; /* padding-bottom:10vw; */}


.not_mobile{display:inline-block;}
.only_mobile{display:none;}
.mobile_youtube{display:none;}
.pc_youtube{display:block;}
@media (max-width: 1200px){
	.not_mobile{display:none !important; }
	.only_mobile{display:inline-block;}
	.mobile_youtube{display:block;}
	.pc_youtube{display:none;}
}
.swiper-slide{ width: auto;
	flex-shrink: 0;
	display: block;
	height: 100%;
	max-height: 100%;
	text-align:center;
}
.swiper-wrapper{
	max-height: 100%;
	height: 100%;
	display: flex;
}
.swiper{
	height: 100%; 
	max-height: 100vw;
	min-height: 0;
	min-width: 0;
	max-width: 100vw; 
	width: 100%;
	overflow: hidden;
	position:relative;
}
.c2 .swiper{ height: 350px; }
.c2 .swiper .swiper-slide{
	line-height:350px;
	opacity:0;
	display:flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	-moz-transition: all 0.4s ease-out;  /* FF4+ */
	-o-transition: all 0.4s ease-out;  /* Opera 10.5+ */
	-webkit-transition: all 0.4s ease-out;  /* Saf3.2+, Chrome */
	-ms-transition: all 0.4s ease-out;  /* IE10? */
	transition: all 0.4s ease-out;  }
.c2 .swiper .swiper-slide img{
	line-height:350px;
	width:35%;
	-moz-transition: all 0.4s ease-out;  /* FF4+ */
	-o-transition: all 0.4s ease-out;  /* Opera 10.5+ */
	-webkit-transition: all 0.4s ease-out;  /* Saf3.2+, Chrome */
	-ms-transition: all 0.4s ease-out;  /* IE10? */
	transition: all 0.4s ease-out; 
	}
.c2 .swiper .swiper-slide-active{opacity:0.5; z-index:0;}
.c2 .swiper .swiper-slide-active img{width:65%;margin-right:-23vw;}
.c2 .swiper .swiper-slide-active+.swiper-slide{opacity:1; z-index:1; }
.c2 .swiper .swiper-slide-active+.swiper-slide img{width:75%; margin-right:-9vw;}
.c2 .swiper .swiper-slide-active+.swiper-slide+.swiper-slide{opacity:1; z-index:2;}
.c2 .swiper .swiper-slide-active+.swiper-slide+.swiper-slide img{ width:100%;}
.c2 .swiper .swiper-slide-active+.swiper-slide+.swiper-slide+.swiper-slide{opacity:1; z-index:1;}
.c2 .swiper .swiper-slide-active+.swiper-slide+.swiper-slide+.swiper-slide img{width:75%;margin-left:-9vw;}
.c2 .swiper .swiper-slide-active+.swiper-slide+.swiper-slide+.swiper-slide+.swiper-slide{  z-index:0;opacity:0.5; }
.c2 .swiper .swiper-slide-active+.swiper-slide+.swiper-slide+.swiper-slide+.swiper-slide img{ width:65%;margin-left:-23vw;}


.msc{display:none;}

@media (max-width: 1200px){
	
	.c4 .zone-inner .inner-box8 .ratings .swiper-slide-active{opacity:1;}
	.c2 .swiper{ height: 50vw; }
	.c2 .swiper .swiper-slide{
		line-height:50vw;
		opacity:0;
		display:flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		-moz-transition: all 0.4s ease-out;  /* FF4+ */
		-o-transition: all 0.4s ease-out;  /* Opera 10.5+ */
		-webkit-transition: all 0.4s ease-out;  /* Saf3.2+, Chrome */
		-ms-transition: all 0.4s ease-out;  /* IE10? */
		transition: all 0.4s ease-out;  }
	.c2 .swiper .swiper-slide img{
		line-height:50vw;
		width:85%;
		-moz-transition: all 0.4s ease-out;  /* FF4+ */
		-o-transition: all 0.4s ease-out;  /* Opera 10.5+ */
		-webkit-transition: all 0.4s ease-out;  /* Saf3.2+, Chrome */
		-ms-transition: all 0.4s ease-out;  /* IE10? */
		transition: all 0.4s ease-out; 
		}
	.c2 .swiper .swiper-slide-active{opacity:0.5; z-index:0;}
	.c2 .swiper .swiper-slide-active img{width:70%; margin:0;}
	.c2 .swiper .swiper-slide-active+.swiper-slide{opacity:1; z-index:1; margin:0;}
	.c2 .swiper .swiper-slide-active+.swiper-slide img{width:200%; margin-right:0;}
	.c2 .swiper .swiper-slide-active+.swiper-slide+.swiper-slide{opacity:0.5; z-index:0; margin:0;}
	.c2 .swiper .swiper-slide-active+.swiper-slide+.swiper-slide img{ width:70%;}

	
	.c4 .zone-inner .inner-box7 .frame .txt2{width:70vw;}
	.c4 .zone-inner .inner-box7 .frame .txt2 img{width:100%;}

	.c4 .zone-inner .inner-box7 .frame .txt4{}
	.c4 .zone-inner .inner-box7 .frame .txt4 img{width:100%;}

	.c4 .zone-inner .inner-box8 .txt4{width:80vw;} 
	.c4 .zone-inner .inner-box8 .txt4 img{width:100%;}

	.c9 .txt2,.c9 .txt2 .title1{font-size:3vw; text-align:center;}
	.c9 .txt3{font-size:5vw; padding-top:1vw;}
	.c9 .txt2 br{display:block;}
	.header .header-wrap{width:95vw;}
	.header .gnb .menu{font-size:2vw;}
	.c1 .zone-inner {
	width:100%;
	all: unset;
	padding: 10vw 0;
	display:block;
	position:relative;
	z-index:2;
	}
	.c1 .bg{}
	.c1{height:auto; }
	.c1 .mobile_youtube{width:20%; height:40vw;}
	.c1 .c1_1_box{}
	.c1_1_box .txt{font-size:3vw;}
	.c1 .c1_2_label{font-size:4vw;}
	.c1 .c1_2_label2{font-size:12vw; line-height:20vw;}
	.c1 .c1_1_box .c1_1_label img{width:3vw; height:auto;}
	.c1 .c1_3_box{font-size:3.5vw;line-height:6vw; padding-top:0vw;}
	.c1 .c1_3_box .c1_3_label2:after{display:none;}
	.c1 .c1_3_box .c1_3_label3:after{display:none;}
	.c1 .font_zindex{position:relative; z-index:4;}
	
	.c3{/* height:80vw; */}
	.c3 .inner-box{font-size:6vw; padding-top: 8vw;}
	.c3 .inner-box2 .inner-txt2{font-size:6vw; width:60vw; height:auto;}
	.c3 .inner-box2 .inner-txt3{font-size:6vw;}
	.c3 .inner-box3{width:80vw; height:45vw;}
	.c3 .inner-box img{width:20vw; height:auto; padding-right:2vw;}
	.c3 .inner-box5{width:80vw; height:45vw;}
	.c3 .inner-box4{width:45vw; margin:0 auto; padding:10vw 0 2vw 0;}

	
	.c4 .zone-inner .inner-box{font-size: 5vw;}
	.c4 .zone-inner .inner-box2{font-size: 8vw; padding-top:2vw;}
	.c4 .zone-inner .inner-box3 span{font-size: 4vw; line-height:5vw;}
	.c4 .zone-inner .inner-box3 span br{display:block;}

	.c4 .inner-box4_right{top:25vw;}
	.c4 .inner-box4_right img{width:70vw;}

	.sliders{display:none;}
	.sliders_mobile{display:block;}

	.zone .zone-inner{
		width:100%;
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	.c4{ /* height:580vw; */ /*height:1380vw;*/}
	.c4 .zone-inner .inner-box4 {
		position: absolute;
		top: 51.4894vw;
		left: 0vw;
	}
    .c4 .zone-inner .inner-box4{padding: 10vw 7vw; background-size:90%;}
	.c4 .zone-inner .inner-box4 .txt1{font-size:4vw;}
	.c4 .zone-inner .inner-box4 .txt2{font-size:2.5vw;}

	
	.c4 .zone-inner .inner-box5{width:90vw; text-align:center;}
	.c4 .zone-inner .inner-box5 .txt1{font-size:4vw;}
	.c4 .zone-inner .inner-box5 .txt2{font-size:4vw;}

	.c4 .zone-inner .inner-box6{font-size:3vw; text-align:center; width:90vw; padding-top:4vw;  font-family: 'Noto Sans KR', sans-serif;}
	.c4 .zone-inner .inner-box7{width:90vw; height:auto; /*height:1217vw;*/}
	.c4 .zone-inner .inner-box7 .frame{width:85vw; height:auto; /*height:1212vw;*/ margin:3vw 0;}
	.c4 .zone-inner .inner-box7 .frame .txt1{font-size:6vw;}
	
	.c4 .zone-inner .inner-box7 .frame .icons1{display:inline-block; width:100%; margin:0 auto; text-align:center;}
	.c4 .zone-inner .inner-box7 .frame .icons1 img{display:inline-block; width:23vw;  padding:0 2vw; height:auto;}
	
	.c4 .zone-inner .inner-box7 .frame .txt2{font-size:6vw;}
	.c4 .zone-inner .inner-box7 .frame .redribbon{width:76vw; }
	.c4 .zone-inner .inner-box7 .frame .txt3 .title1{font-size:6vw;}
	
	.c4 .zone-inner .inner-box7 .frame .txt3 .boxes1{display:block; height:auto; margin:0 auto; text-align:center; padding-bottom:3vw;}
	.c4 .zone-inner .inner-box7 .frame .txt3 .boxes1 img{ width:90%; margin:1vw auto; height:auto;}
	
	.c4 .zone-inner .inner-box7 .frame .txt3 .reviews{display:block;}
	.c4 .zone-inner .inner-box7 .frame .txt3 .reviews div{width:90%; margin:0 auto; text-align:center;}
	.c4 .zone-inner .inner-box7 .frame .txt3 .reviews div img{display:inline-block; width:100%;}

	.c4 .zone-inner .inner-box7 .frame .txt4{font-size:5vw; margin-top:6vw;}
	.c4 .zone-inner .inner-box7 .frame .txt5{font-size:5vw; margin-top:1vw;}
	.c4 .zone-inner .inner-box7 .frame .only_mobile{width:80vw;}
	.c4 .zone-inner .inner-box7 .frame .only_mobile img{width:100%;}
	
	/* .c4 .zone-inner .inner-box8 .ratings .img1,.c4 .zone-inner .inner-box8 .ratings .img3{} */
	.c4 .zone-inner .inner-box8 .ratings {width:70vw; margin:0 auto; padding-top:4vw;}
	.c4 .zone-inner .inner-box8 .ratings img{width:100%;}
	
	.c5 .zone-inner{padding-top:0;}
	.c5 .zone-inner .txt1{font-size: 6vw;}
	.c5 .zone-inner .txt2{font-size: 7vw; padding-top:1vw;}
	.c5 .zone-inner .txt3{font-size:3vw;}
	
	.c5{/* height:170vw; */ padding-top:12vw; border-top: 0.1064vw solid #d3257f; border-bottom:none;overflow:hidden;}
	.c5 img.background{height:auto; width:200%;}
	.c5 .zone-inner .imgs{display:block; text-align:center; }
	.c5 .zone-inner .imgs img:nth-child(1){width:80%; margin:0 auto; display:block; text-align:center;}
	.c5 .zone-inner .imgs .vs{font-size:6vw;}
	.c5 .zone-inner .imgs img{width:100%;  margin:0 auto; padding:2vw 0;}

	.c5 .txt4 .title1{font-size:4vw; text-align:center;}
	.c5 .txt4 .title1 br{display:block;}
	.c5 .txt4 .title2{font-size:4vw; padding-top:3vw; text-align:center;}
	.c5 .txt4 .title2 br{display:block; }
	.c5 .txt4{height:auto; padding:5vw 0;}

	.c6 .txt1{font-size:8vw;}
	.c6 .txt2{font-size:4vw; margin-top:2vw;}
	.c6 .hexagon_box{display:relative; all: unset; margin-top: 4vw; }
	.c6 .hexagon_box .left{width:100%; margin:0 auto; text-align:center;}
	.c6 .hexagon_box .right{width:100%; margin:0 auto; text-align:center;}
	.c6 .hexagon_box .center{width:60%; margin:5vw auto;}
	.c6 .hexagon_box .box{width:100%;  font-size:3.5vw;}
	.c6 .hexagon_box .box1{margin-left:0;}
	.c6 .hexagon_box .box2{margin-right:0;}

	.c6 .txt3 .title1{font-size:3vw;}
	.c6 .txt3 .title2{font-size:4vw; padding-top:1vw;}

	.c7 .txt1{font-size:8vw;}
	.c7 .txt2{font-size:4vw; padding-top:2vw;}

	.c7 .chart_box .title1{font-size:7vw; margin-top:7vw;}
	.c7 .chart_box{background-size:100%; background-repeat:no-repeat; height:200vw;}
	
	.c7 .chart_box .charts{all: unset;  margin:0 auto; text-align:center; background:#fff; width:98.4vw; padding-bottom:14vw;}
	.c7 .chart_box .charts .img1{width:90vw; margin:0 auto; text-align:center; height:auto; padding:12vw 0;}
	.c7 .chart_box .charts .img2{width:70vw; margin:0 auto; text-align:center; height:auto;}
	
	.c7 .txt3{font-size:6vw;}
	.c7 .txt4{font-size:4vw; padding-top:1vw;}
	
	.c7 .table_div .tbl{width:100%; overflow-x:auto; white-space: nowrap; border:1px solid #efefef;}
	.c7 .table_div .tbl table{width:auto; width:700px; font-size:3vw; position:relative;}
	/* .c7 .table_div .tbl table:after{position:absolute; left:0; top:0; z-index:22; width:700px; height:100%; background:rgba(255,255,255,0.9); content:'';}
	.c7 .table_div .tbl table:after + .c7 .table_div .tbl table:before{content:'23';}
	.c7 .table_div .tbl table:hover:after{all: unset;} */

	.c7 .txt5{font-size:5vw;}
	.c7 .txt6{font-size:3vw; padding-top:1vw;}

	.c8{all: unset; background:url('../img/c8_bg.png') no-repeat bottom center; background-size:cover;}
	.c8 .top_bg{height:auto;}
	.c8 .txt1{font-size:8vw; height:auto; padding:2vw 0;}
	
	.c8 .steps{}
	
	.c8 .steps,.c8 .steps .step_div{all: unset; }
	.c8 .steps .step_div{width:100%; margin:0 auto; text-align:center; display:inline-block;}
	.c8 .steps .step_div img{text-align:center; margin:0 auto; width:100%; margin:1%;}
	.c8 .steps .step_div .step{width:30%;text-align:center;}
	.c8 .steps .step_div .arrow{display:none;}
	
	.c9 .txt1{width:80vw; margin-top:11vw;}
	.c9{height:auto;}

	.topmenus_list li{width:100%; }
	.topmenus_list li h2{font-size:6vw;}
	.topmenus_list li p{font-size:3vw;}
	.topmenus_list2 li{width:35%; margin:3vw;}
	.topmenus_list2 li h2{font-size:4vw;}
	.topmenus_list3 li{width:35%; margin:3vw;}
	.topmenus_list3 li h2{font-size:4vw;}

	.c10 {background-size: 150%;}
	.c10 .images{
		margin-top: 51.5106vw;
		width:90.1064vw;
	}


	.footer{
	font-size:1.5vw;
	}

	.c13 .form1{width:90%;}
	.c13 .form1 .inputs{width:80vw;}
	.c13 .form1 input[type=text]{width:100%; height:6vw;}


	.msc{text-align:center; margin:0 auto; margin-top:5vw; display:block;}

	/* copy from here */
	.scrolldown {
	color:yellow;
	  font-size:3vw;
	  --color: white;
	  --sizeX: 80vw;
	  --sizeY: 10vw;
	  position: relative;
	  width: var(--sizeX);
	  height: var(--sizeY);
	  margin-left: var(sizeX / 2);
	  /* border: calc(var(--sizeX) / 86) solid var(--color); */
	  border-radius: 50px;
	  box-sizing: border-box;
	  
	}

	.scrolldown::before {
	  content: "";
	  position: absolute;
	  top: -4vw;
	  left: 30%;
	  width: 8px;
	  height: 8px;
	  margin-left: -3px;
	  background-color: var(--color);
	  border-radius: 100%;
	  animation: scrolldown-anim 2s infinite;
	  box-sizing: border-box;
	  box-shadow: -4px 0 1px 0.2px #ffffff66;
	}

	@keyframes scrolldown-anim {
	  0% {
		opacity: 0;
	  }
	  40% {
		opacity: 1;
	  }
	  80% {
		transform: translateX(50vw);
		opacity: 0;
	  }
	  100% {
		opacity: 0;
	  }
	}
	.chevrons {
	  padding: 6px 0 0 0;
	  margin-left: -3px;
	  margin-top: 48px;
	  width: 30px;
	  display: flex;
	  flex-direction: column;
	  align-items: center;
	}
	.chevrondown {
	  margin-top: -6px;
	  position: relative;
	  border: solid var(--color);
	  border-width: 0 3px 3px 0;
	  display: inline-block;
	  width: 10px;
	  height: 10px;
	  transform: rotateX(90deg);
	}
	.chevrondown:nth-child(odd) {
	  animation: pulse 500ms ease infinite alternate;
	}
	.chevrondown:nth-child(even) {
	  animation: pulse 500ms ease infinite alternate 250ms;
	}
	@keyframes pulse {
	  from {
		opacity: 0;
	  }
	  to {
		opacity: 0.5;
	  }
	}
	/*copy until here */

}

 

 .fixed_lay{position:fixed; z-index:999; bottom:4vw; left:2vw; color:#fff;}
	.fixed_lay ul li{background:#fd3d89; border-radius: 15vw; width:5vw; height:5vw;  text-align:center; margin:10px; color:#fff; cursor:pointer;}
	.fixed_lay ul li:nth-child(1) span{font-size:2.3vw; margin-top:0.7vw;}
	.fixed_lay ul li:nth-child(1) p{font-size:0.8vw;}
	.fixed_lay ul li:nth-child(2){background:url('../img/kakao.png') no-repeat; background-size:cover; }
	@media (max-width: 1200px){
		.fixed_lay ul li:nth-child(1) span{font-size:25px; margin-top:13px;}
	.fixed_lay ul li:nth-child(1) p{font-size:11px;}
		.fixed_lay ul li{width:70px; height:70px; }
	}