@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap');

@font-face {
    font-family: 'ONE-Mobile-Title';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2105_2@1.0/ONE-Mobile-Title.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
  font-family: 'TmonMonsori';
  src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_two@1.0/TmonMonsori.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
    /* font-family: 'NanumSquareNeoLight'; */
    font-family: 'NanumSquareNeo';
    font-weight: 300;
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-aLt.eot);
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-aLt.eot?#iefix) format("embedded-opentype"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-aLt.woff) format("woff"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-aLt.ttf) format("truetype");
}

@font-face {
    font-family: 'NanumSquareNeo';
    font-weight: 400;
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-bRg.eot);
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-bRg.eot?#iefix) format("embedded-opentype"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-bRg.woff) format("woff"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-bRg.ttf) format("truetype");
}

@font-face {
    /* font-family: 'NanumSquareNeoBold'; */
    font-family: 'NanumSquareNeo';    
    font-weight: 700;
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-cBd.eot);
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-cBd.eot?#iefix) format("embedded-opentype"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-cBd.woff) format("woff"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-cBd.ttf) format("truetype");
}

@font-face {
    /* font-family: 'NanumSquareNeoExtraBold'; */
    font-family: 'NanumSquareNeo';
    font-weight: 800;
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-dEb.eot);
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-dEb.eot?#iefix) format("embedded-opentype"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-dEb.woff) format("woff"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-dEb.ttf) format("truetype");
}

@font-face {
    /* font-family: 'NanumSquareNeoHeavy'; */
    font-family: 'NanumSquareNeo';
    font-weight: 900;
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-eHv.eot);
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-eHv.eot?#iefix) format("embedded-opentype"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-eHv.woff) format("woff"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-eHv.ttf) format("truetype");
}

@font-face {
    font-family: 'NanumSquareNeoVariable';
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeo-Variable.eot);
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeo-Variable.eot?#iefix) format("embedded-opentype"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeo-Variable.woff) format("woff"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeo-Variable.ttf) format("truetype");
}


@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-face {
  font-family: 'Cafe24Ohsquare';
  src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/Cafe24Ohsquare.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Cafe24Ohsquareair';
  src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2202@1.0/Cafe24Ohsquareair.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}


@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@200..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Nanum+Myeongjo&family=Noto+Serif+KR:wght@200..900&family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');

* { 
	font-family: 'NanumSquareNeo','GmarketSans','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 {
	color:#000; 
	font-family: 'NanumSquareNeo','GmarketSans','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;}

/*
a:active {outline:none;}
a {outline:none;}
a {selector-dummy: expression(this.hideFocus=true);}
*/
/* 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;
}

/* html { 
  height: 100%; overflow: hidden; overflow-y: auto; 
  font-size: 10px; 
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); 
  -webkit-box-sizing: border-box; 
  box-sizing: border-box; 
  -webkit-text-size-adjust: none; 
  -moz-text-size-adjust: none;
  -ms-text-size-adjust: none; 
} */

 * { box-sizing: border-box; }
*::after, *::before { box-sizing: border-box; }
html,body,h1,h2,h3,h4,h5,h6,div,p,blockquote,pre,code,address,ul,ol,li,menu,nav,section,article,aside,dl,dt,dd,table,thead,tbody,tfoot,label,caption,th,td,form,fieldset,legend,hr,input,button,textarea,object,figure,figcaption { padding: 0; margin: 0; }
html,body { width: 100%; }
html { height: 100%; overflow: hidden; overflow-y: auto; font-size: 10px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-text-size-adjust: none; -moz-text-size-adjust: none;-ms-text-size-adjust: none; }
body { min-width: 360px; width: 100%; background: #fff; word-break: keep-all; word-wrap: break-word; font-size: 1.6rem; line-height: 1; -webkit-text-size-adjust: none; }
body,input,select,textarea,button { border: none; font-family: 'SUIT', sans-serif; color: #222; }
ul,ol,li { list-style: none; }
table { width: 100%; border-spacing: 0; border-collapse: collapse; }
img,fieldset { max-width: 100%; height: auto; border: 0; vertical-align: top; }
address,cite,code,em,i { font-weight: normal; font-style: normal; }
label,img,input,select,textarea,button { vertical-align: middle; }
.hide,caption,legend { overflow: hidden; font-size: 1px; line-height: 0; }
hr { display: none; }
main,header,section,nav,footer,aside,article,figure { display: block; }
a { color: #222; text-decoration: none; }
label { display: inline-block; cursor: pointer; }
button,input[type="submit"] { cursor: pointer; }
button { background-color: transparent; }
sub,sup { position: relative; font-size: 75%; line-height: 0; }
 
.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%;
}