@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Archivo:ital,wght@0,100..900;1,100..900&family=Frank+Ruhl+Libre:wght@300..900&family=Karla:ital,wght@0,200..800;1,200..800&display=swap');



@font-face {
	font-family: "GmarketSans";
	font-style: normal;
	font-weight: 300;
	src: url("./gmarket/GmarketSansLight.eot");
	src: local(""), 
	url("./gmarket/GmarketSansLight.eot?#iefix") format("embedded-opentype"), 
	url("./gmarket/GmarketSansLight.woff") format("woff"), 
	url("./gmarket/GmarketSansLight.ttf") format("truetype"), 
	url("./gmarket/GmarketSansLight.svg") format("svg");
}
@font-face {
	font-family: "GmarketSans";
	font-style: normal;
	font-weight: 500;
	src: url("./gmarket/GmarketSansMedium.eot");
	src: local(""), 
	url("./gmarket/GmarketSansMedium.eot?#iefix") format("embedded-opentype"), 
	url("./gmarket/GmarketSansMedium.woff") format("woff"), 
	url("./gmarket/GmarketSansMedium.ttf") format("truetype"), 
	url("./gmarket/GmarketSansMedium.svg") format("svg");
}
@font-face {
	font-family: "GmarketSans";
	font-style: normal;
	font-weight: 700;
	src: url("./gmarket/GmarketSansBold.eot");
	src: local(""), 
	url("./gmarket/GmarketSansBold.eot?#iefix") format("embedded-opentype"), 
	url("./gmarket/GmarketSansBold.woff") format("woff"), 
	url("./gmarket/GmarketSansBold.ttf") format("truetype"), 
	url("./gmarket/GmarketSansBold.svg") format("svg");
}



* { 
	font-family: 'GmarketSans','Archivo','Frank Ruhl Libre','Karla','NanumSquareNeo','Pretendard','Montserrat','s-core-dream','Poppins','Noto Sans KR', 'Malgun Gothic', sans-serif;
}

/* Reset */
html,body{height:100%;/*line-height:18px;*/}
body,section,article,aside,nav,div,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select,a {
	margin:0;padding:0;box-sizing:border-box;
}

body, th, td, div, p, li, dt, dd, input, textarea, select, button, a, h1,h2,h3,h4,h5,h6, span,strong,em {
	font-family: 'GmarketSans','Archivo','Frank Ruhl Libre','Karla','NanumSquareNeo','Pretendard','Montserrat','s-core-dream','Poppins','Noto Sans KR', 'Malgun Gothic', sans-serif;
}
body {-webkit-text-size-adjust:none; font-size: 1.6rem; } /* 뷰표트 변환시 폰트크기 자동확대 방지 */

fieldset, img, area {border:0 none;vertical-align:top;}
ul, ol {list-style:none;}

hr {display:none;}
a:link, a:visited, a:active {color:#3c3c3b;text-decoration:none;box-sizing:border-box;}
a:hover {color:#3c3c3b;text-decoration:none;}

caption, th {text-align:left;font-weight:normal;}
legend, caption {overflow:hidden;left:0;top:-5000px;width:0;height:0;font-size:0;line-height:0;display:none;}

button,label{cursor:pointer;}
button {display:inline-block;border:0;vertical-align:top;}
/* button img{left:-3px;*left:auto} */
button * {position:relative;}
button span {z-index:-1;}
/* textarea{*margin:-1px 0;resize:none;} */
em,address{font-style:normal}

table {width:100%;}
table, table th, table td {border-collapse:collapse;border-spacing:0;}
table td a {text-decoration:underline;}


/* Common */
.cfx:after{display:block;clear:both;content:"";}
.cfx{zoom:1;overflow:hidden;}

.overh {overflow:hidden;clear:both;}
.clear{display:block; float:none; clear:both; height:0; width:100%; font-size:0 !important; line-height:0 !important; overflow:hidden; margin:0 !important; padding:0 !important;}
.blind {position:absolute;left:0;top:0;width:0;height:0;overflow:hidden;font-size:0;line-height:0;visibility:hidden;}

.vt {vertical-align:top;}
.vm {vertical-align:middle;}
.fl {float:left;}
.fr {float:right;}
.tl {text-align:left !important;}
.tr {text-align:right;}
.tc {text-align:center !important;}
.spacing {letter-spacing:normal !important;}

.bgn {background:0 !important;}

.hide {display:none;}
.show {display:block;}

/* placeholder */
input::placeholder {
  color: #b6b6b6;
}

input[type="text"], button {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
		  outline: none;
}



.clear { clear: both; }
.clear::after { display: block; content: ""; clear: both; }

#skip { position: relative; z-index: 9999; }
#skip a { position: absolute; top: -40px; left: 0; width: 100%; padding: 5px 0; background-color: #00A287; font-size: 16px; color: #fff; line-height: 30px; text-align: center; transition: all 0.4s; }
#skip a:hover, #skip a:focus, #skip a:active { top: 0; text-decoration: none; }


.video {
  width: 100%;
  max-width: 1050px;
  margin: 30px auto;
  border-radius: 30px;
  padding: 30px 0px;
  /*
  background-color: #f0f0f0;
  box-sizing: border-box;
  box-shadow: 0px 8px 33px #999;
  */
}

.video-container {
  position: relative;
  width: 100%;
  height: auto;
  padding-top: 50%;
}


.video-container iframe {
  z-index: 1;
  top: 0;
  left: 0;
  position: absolute;
  width: 100%;
  height: 100%;
}