@CHARSET "UTF-8";
/*
* NotoSansCJKkr http://www.google.com/fonts/earlyaccess
*/
@font-face {
  font-family: 'Noto Sans KR';
  src: url('/w/asset/fonts/NotoSans-Light.eot');
  src: url('/w/asset/fonts/NotoSans-Light.woff') format('woff'),
	   url('/w/asset/fonts/NotoSans-Light.woff2') format('woff2'),
	   url('/w/asset/fonts/NotoSans-Light.ttf') format('truetype'),
       url('/w/asset/fonts/NotoSans-Light.eot?#iefix') format('embedded-opentype'),
	   url('/w/asset/fonts/NotoSans-Light.otf') format('opentype');
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: 'Noto Sans KR';
  src: url('/w/asset/fonts/NotoSans-DemiLight.eot');
  src: url('/w/asset/fonts/NotoSans-DemiLight.woff') format('woff'),
       url('/w/asset/fonts/NotoSans-DemiLight.woff2') format('woff2'),
       url('/w/asset/fonts/NotoSans-DemiLight.ttf') format('truetype'),
       url('/w/asset/fonts/NotoSans-DemiLight.eot?#iefix') format('embedded-opentype'),
	   url('/w/asset/fonts/NotoSans-DemiLight.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'Noto Sans KR';
  src: url('/w/asset/fonts/NotoSans-Regular.eot');
  src: url('/w/asset/fonts/NotoSans-Regular.woff') format('woff'),
	   url('/w/asset/fonts/NotoSans-Regular.woff2') format('woff2'),
	   url('/w/asset/fonts/NotoSans-Regular.ttf') format('truetype'),
	   url('/w/asset/fonts/NotoSans-Regular.eot?#iefix') format('embedded-opentype'),
	   url('/w/asset/fonts/NotoSans-Regular.otf') format('opentype');
	font-weight: 400;
	font-style: normal;
}
@font-face {
  font-family: 'Noto Sans KR';
  src: url('/w/asset/fonts/NotoSans-Medium.eot');
  src: url('/w/asset/fonts/NotoSans-Medium.woff') format('woff'),
	   url('/w/asset/fonts/NotoSans-Medium.woff2') format('woff2'),
	   url('/w/asset/fonts/NotoSans-Medium.ttf') format('truetype'),
	   url('/w/asset/fonts/NotoSans-Medium.eot?#iefix') format('embedded-opentype'),
	   url('/w/asset/fonts/NotoSans-Medium.otf') format('opentype');
	font-weight: 500;
	font-style: normal;
}
@font-face {
  font-family: 'Noto Sans KR';
  src: url('/w/asset/fonts/NotoSans-Bold.eot');
  src: url('/w/asset/fonts/NotoSans-Bold.woff') format('woff'),
	   url('/w/asset/fonts/NotoSans-Bold.woff2') format('woff2'),
	   url('/w/asset/fonts/NotoSans-Bold.ttf') format('truetype'),
	   url('/w/asset/fonts/NotoSans-Bold.eot?#iefix') format('embedded-opentype'),
	   url('/w/asset/fonts/NotoSans-Bold.otf') format('opentype');
	font-weight: 600;
	font-style: normal;
}

html { width: 100%; height: 100%; font-family: 'Noto Sans KR', Dotum, Gulim, sans-serif; font-size: 16px; font-weight: 400; letter-spacing: -0.05em}
body { width: 100%; height: 100%;}
html *, body * { letter-spacing: -0.01em; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

/* reset */
html, body {margin:0; padding:0; word-break: keep-all; word-wrap:break-word; -webkit-hyphens: auto;  -moz-hyphens: auto;  -ms-hyphens: auto;   hyphens: auto}
form, input, p, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd {margin:0; padding:0;}
ul, ol, li {list-style:none;}
img	{border:0; vertical-align:top}
table {border-collapse:collapse; border-spacing:0 !important; width: 100%} 
th, td {padding:0;}
th {font-weight: normal}
textarea {padding:0; margin:0; resize: none}
fieldset {display:block; border:none; padding:0; margin:0}
legend, caption	{width:0; height:0; padding:0; margin:0; font-size:0; line-height:0;}
a{text-decoration: none; color: #000}
input, select {vertical-align: middle; box-sizing: content-box}
input, select, textarea {border: 1px solid #dbdbdb; background: #fff; font-size: 14px; font-family: 'Noto Sans KR',Dotum, Gulim; color: #6d6d6d; letter-spacing: -0.025em; font-weight: 300}
input[type="radio"] {border: 0; background: transparent}
i {font-style: normal}
button {font-family:'Noto Sans KR', Dotum, Gulim, sans-serif; margin: 0; padding:0; overflow: visible; text-transform: none; -webkit-appearance: button; cursor: pointer; border: 0; outline: 0; background: none;}
img {max-width: 100%}
select, textarea, input[type="text"], input[type="password"]{border-radius:0;}


/* common */
body.is-open{position:fixed;top:0;left:0;width:100%;overflow:hidden;}
.hidden{position:absolute;left:-10000px;top: auto;width:0;height:0;overflow:hidden;}
.hide_txt{text-indent: -9999px; font-size: 0;}
.clearfix:after{display:block; clear:both; content:'';}
.txt_center{text-align:center;}
.txt_left{text-align:left;}
.txt_right{text-align:right;}
.rel{position:relative;}
.ib{display:inline-block;}
.db{display:block;}
.dt{display:table;}
.tc{display:table-cell;vertical-align:middle;}
.f_left{float:left;}
.f_right{float:right;}
.wbka{word-break:keep-all;}
.m_dn{display:none;}
.m_db{display:block;}
.pc_db{display:none;}
.m_f_left{float:left;}
.m_block,.mt_block{display:block;}
.white{color:#fff;}
.gray{color:#b2b2b2;}
.gray2{color:#f0f0f0;}
.gray3{color:#a6a6a6;}

.fs21{font-size:2.65625vw;}
.fs23{font-size:2.8125vw;}
.fs24{font-size:2.96875vw;}
.fs30{font-size:3.75vw;}

.fw200{font-weight:200;}
.fw300{font-weight:300;}
.fw500{font-weight:500;}
.fw600{font-weight:600;}

.mt24{margin-top:2.03125vw;}
.mt29{margin-top:3.125vw;}
.mt53{margin-top:5.78125vw;}
.mt60{margin-top:6.40625vw;}
.mb39{margin-bottom:4.21875vw;}

@media screen and (min-width:768px){
	.m_dn{display:inline-block;}
	.m_block{display:none;}
	.ts_block, .t_block{display:block;}

	.fs21{font-size:17px;}
	.fs23{font-size:18px;}
	.fs24{font-size:19px;}
	.fs30{font-size:24px;}

	.mt24{margin-top:13px;}
	.mt29{margin-top:20px;}
	.mt53{margin-top:37px;}
	.mt60{margin-top:41px;}
	.mb39{margin-bottom:27px;}
}

@media screen and (min-width:1024px){
	.m_f_left{float:inherit;}
	.tpc_f_left{float:left;}
	.ts_block, .mt_block{display:none;}
	.tpc_block{display:block;}
}

@media screen and (min-width: 1280px){
	.m_db{display:none;}
	.pc_db{display:block;}
	.t_block{display:none;}
	.pc_block{display:block;}

	.mt24{margin-top:19px;}
	.mt29{margin-top:23px;}
	.mt53{margin-top:43px;}
	.mt60{margin-top:49px;}
	.mb39{margin-bottom:31px;}

}

@media screen and (min-width: 1680px){
	.fs21{font-size:21px;}
	.fs23{font-size:23px;}
	.fs24{font-size:24px;}
	.fs30{font-size:30px;}

	.mt24{margin-top:24px;}
	.mt29{margin-top:29px;}
	.mt53{margin-top:53px;}
	.mt60{margin-top:60px;}
	.mb39{margin-bottom:39px;}

}