@charset "utf-8";

@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 700;
	src: url(./fonts/NotoSansKR-Bold.eot);
	src: url(./fonts/NotoSansKR-Bold.eot?#iefix) format('embedded-opentype'),
		 url(./fonts/NotoSansKR-Bold.woff) format('woff'),
		 url(./fonts/NotoSansKR-Bold.ttf) format('truetype');
}
@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 500;
	src: url(./fonts/NotoSansKR-Medium.eot);
	src: url(./fonts/NotoSansKR-Medium.eot?#iefix) format('embedded-opentype'),
		 url(./fonts/NotoSansKR-Medium.woff) format('woff'),
		 url(./fonts/NotoSansKR-Medium.ttf) format('truetype');
}
@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 400;
	src: url(./fonts/NotoSansKR-Regular.eot);
	src: url(./fonts/NotoSansKR-Regular.eot?#iefix) format('embedded-opentype'),
		 url(./fonts/NotoSansKR-Regular.woff) format('woff'),
		 url(./fonts/NotoSansKR-Regular.ttf) format('truetype');
}
@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 350;
	src: url(./fonts/NotoSansKR-DemiLight.woff2) format('woff2'),
		 url(./fonts/NotoSansKR-DemiLight.woff) format('woff'),
		 url(./fonts/NotoSansKR-DemiLight.otf) format('opentype');
}
@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 300;
	src: url(./fonts/NotoSansKR-Light.eot);
	src: url(./fonts/NotoSansKR-Light.eot?#iefix) format('embedded-opentype'),
		 url(./fonts/NotoSansKR-Light.woff) format('woff'),
		 url(./fonts/NotoSansKR-Light.ttf) format('truetype');
}
@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 100;
	src: url(./fonts/NotoSansKR-Thin.woff2) format('woff2'),
		 url(./fonts/NotoSansKR-Thin.woff) format('woff'),
		 url(./fonts/NotoSansKR-Thin.otf) format('opentype');
}

@font-face {
	font-family: 'Metropolis';
	font-style: normal;
	font-weight: 700;
	src: url(./fonts/Metropolis-Bold.woff2) format('woff2'),
		 url(./fonts/Metropolis-Bold.woff) format('woff'),
		 url(./fonts/Metropolis-Bold.otf) format('opentype');
}
@font-face {
	font-family: 'Metropolis';
	font-style: normal;
	font-weight: 500;
	src: url(./fonts/Metropolis-Medium.woff2) format('woff2'),
		 url(./fonts/Metropolis-Medium.woff) format('woff'),
		 url(./fonts/Metropolis-Medium.otf) format('opentype');
}

@font-face {
	font-family: 'Rajdhani';
	font-style: normal;
	font-weight: 700;
	src: url(./fonts/Rajdhani-Bold.ttf) format('truetype');
}
@font-face {
	font-family: 'Rajdhani';
	font-style: normal;
	font-weight: 400;
	src: url(./fonts/Rajdhani-Regular.ttf) format('truetype');
}

@font-face {
	font-family: 'Cafe24Ohsquareair';
	font-style: normal;
	font-weight: 400;
	src: url(./fonts/Cafe24Ohsquareair.ttf) format('truetype');
}
@font-face{
	font-family:'KBS_CI';
	font-style:normal;
	font-weight:400;
	src:local('KBS_CI'),
	url(./fonts/KBS_CI.ttf),
	url(./fonts/KBS_CI.ttf) format('ttf');
} 

/* default */
*{margin:0;padding:0;word-break:keep-all;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;-o-text-size-adjust:none;-ms-text-size-adjust:none;text-size-adjust:none;-webkit-overflow-scrolling: touch;}
html, body{width:100%; height:100%;font-size:16px;font-size:5vw;}
@media screen and (min-width:360px){
	html, body{font-size:18px;}
}
body{position:relative;font-family:'Noto Sans KR',HelveticaNeue-Light,AppleSDGothicNeo-Light,sans-serif;line-height:1.3;}
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,a,address,em,img,strong,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,input,textarea,table,caption,tbody,tfoot,thead,tr,th,td,header,footer,nav,menu,section,article,aside,main,video{border:0;}
header,footer,section,article,aside,nav,main,details,menu,figure,figcaption,video{display:block}
table{border-collapse:collapse;border-spacing:0;word-wrap:break-word;word-break:break-all}
caption{visibility:hidden;overflow:hidden;width:0;height:0;font-size:0;line-height:0}
table th,table td{text-align:center;vertical-align:middle}
ol,ul,li{list-style:none outside none}
a{color: inherit;text-decoration:none}
a:hover,a:visited{text-decoration:none}
button{overflow:visible;border:0 none;background:transparent;cursor:pointer;apperance:0;}
img{border:0 none}
form,input,select,label,img{vertical-align:middle}
fieldset{border:0 none}
fieldset legend{display:none}
em,address{font-style:normal}
h1,h2,h3,h4,h5,h6{font-weight:700}
mark{background:none}
iframe{margin:0;padding:0}
audio,canvas,progress,video{display:inline-block;vertical-align:baseline}
button,input,optgroup,select,textarea{margin:0;font:inherit;color:inherit}
input[type=checkbox],input[type=radio]{padding:0;box-sizing:border-box}
input[type=text],input[type=search],input[type=tel],input[type=number],input[type=password]{-webkit-border-radius: 0;border-radius:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;box-sizing:border-box;}
select{vertical-align:middle;-webkit-appearance:none;-moz-appearance:none;appearance:none}
select::-ms-expand{display:none}
textarea{-webkit-border-radius: 0;border-radius:0;-webkit-appearance:none;box-sizing:border-box}
input,textarea,select,button{outline:none;}
::-webkit-input-placeholder{color:#9fa2a4}
::-moz-placeholder{color:#9fa2a4}
:-ms-input-placeholder{color:#9fa2a4}
:-moz-placeholder{color:#9fa2a4}

/* IR */
.ir {position:relative; overflow:hidden; text-align:center; background:#fff;}
.ir img {position:relative; z-index:100;}
.ir .longDesc {position:absolute; top:0; left:-100%; z-index:-1;}

/* Common */
.dummybtn{position:relative;width:50%;margin:0 auto;display:block;padding:20px 0;background: #ccc;}
html.layer_on, body.layer_on{overflow:hidden;height: 100%;}
.layer_on .container{height: 100%;}
#wrap{min-width:280px;width:100%;min-height: 100%;position:relative;left:0;box-sizing: border-box;}

.clear{*zoom:1;}
.clear:after{display:block; content:''; clear:both;}
.hidden{overflow:hidden;position:absolute;top:-9999px;left:-9999px;width:1px;height:0;font-size:1px}
.blind{position: absolute;clip: rect(0 0 0 0);width: 1px;height: 1px;margin: -1px;overflow: hidden;}
.hiddendiv{display: none;white-space: pre-wrap;word-wrap: break-word;overflow-wrap: break-word;position: absolute;top: 0;}
.fleft{float:left;}
.fright{float:right;}
.bg_none{background: none !important;}
.bd_none{border:0 !important}
.a_center{text-align:center !important}
.a_left{text-align:left !important}
.a_right{text-align:right !important}
.inline{display:inline-block}
.bold{font-weight:bold !important}
.block{display: block !important}
.ellipsis{display:inline-block;vertical-align: middle;max-width:98%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;}
.clamp{height: 3.6em;display: -webkit-box;overflow: hidden;white-space: normal;word-wrap: break-word;-webkit-line-clamp: 3;-webkit-box-orient: vertical;text-overflow: ellipsis;}

.m0{margin:0 !important}
.mb0{margin-bottom: 0px !important;}
.mb3{margin-bottom: 3px !important;}
.mt20{margin-top: 20px !important;}
.p0{padding: 0 !important}
.pb0{padding-bottom: 0px !important;}
.pb5{padding-bottom: 5px !important;}
.pb9{padding-bottom: 43px !important;}
.pb18{padding-bottom: 18px !important;}
.pb20{padding-bottom: 20px !important;}
.pt0{padding-top: 0 !important;}
.pt10{padding-top: 10px !important;}
.pt20{padding-top: 20px !important;}
.pt22{padding-top: 22px !important;}
.pt35{padding-top: 35px !important;}