@charset "utf-8";

@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 300;
	src:local('@'),
		url('/web/fonts/Roboto-Light.woff') format('woff'), 
		url('/web/fonts/Roboto-Light.otf') format('opentype');
	unicode-range: U+002C, U+0030-0039, U+002E-002E;
}
@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 500;
	src:local('@'),
		url('/web/fonts/Roboto-Medium.woff') format('woff'), 
		url('/web/fonts/Roboto-Medium.otf') format('opentype');
	unicode-range: U+002C, U+0030-0039, U+002E-002E;
}
@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: bold; /* 700 */
	src:local('@'),
		url('/web/fonts/Roboto-Bold.woff') format('woff'), 
		url('/web/fonts/Roboto-Bold.otf') format('opentype');
	unicode-range: U+002C, U+0030-0039, U+002E-002E;
}
@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 300;
	src:local('@'),
		url('/web/fonts/notokr-light.woff') format('woff'),
		url('/web/fonts/notokr-light.ttf') format('truetype'),
		url('/web/fonts/notokr-light.eot') format('eot'),
		url('/web/fonts/notokr-light.eot?#iefix') format('embedded-opentype'); /* ie 6~8 */
}
@font-face {
  	font-family: 'Noto Sans KR';
  	font-style: normal;
	font-weight: 400;
  	src:local('@'),
  		url('/web/fonts/notokr-regular.woff') format('woff'),
  		url('/web/fonts/notokr-regular.otf') format('opentype'),
  		url('/web/fonts/notokr-regular.eot') format('eot'),
  		url('/web/fonts/notokr-regular.eot?#iefix') format('embedded-opentype'); /* ie 6~8 */
 }
@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 500;
	src:local('@'),
		url('/web/fonts/notokr-medium.woff') format('woff'),
		url('/web/fonts/notokr-medium.ttf') format('truetype'),
		url('/web/fonts/notokr-medium.eot'),
		url('/web/fonts/notokr-medium.eot?#iefix') format('embedded-opentype'); /* ie 6~8 */
}
@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: bold; /* 700 */
	src:local('@'),
		url('/web/fonts/notokr-bold.woff') format('woff'),
		url('/web/fonts/notokr-bold.ttf') format('truetype'),
		url('/web/fonts/notokr-bold.eot'),
		url('/web/fonts/notokr-bold.eot?#iefix') format('embedded-opentype'); /* ie 6~8 */
}

/*@import url('http://fonts.googleapis.com/earlyaccess/nanumgothic.css');구글 나눔고딕*/
/*
Author : Sunggoon Go 2014.12.29
*/


@font-face{
  font-family:"Pretendard";
  font-style:normal;
  src:url("/web/fonts/Pretendard-Thin.woff") format("woff");
  font-weight:100;
}

@font-face{
  font-family:"Pretendard";
  font-style:normal;
  src:url("/web/fonts/Pretendard-ExtraLight.woff") format("woff");
  font-weight:200;
}

@font-face{
  font-family:"Pretendard";
  font-style:normal;
  src:url("/web/fonts/Pretendard-Light.woff") format("woff");
  font-weight:300;
}

@font-face{
  font-family:"Pretendard";
  font-style:normal;
  src:url("/web/fonts/Pretendard-Regular.woff") format("woff");
  font-weight:400;
}

@font-face{
  font-family:"Pretendard";
  font-style:normal;
  src:url("/web/fonts/Pretendard-Medium.woff") format("woff");
  font-weight:500;
}

@font-face{
  font-family:"Pretendard";
  font-style:normal;
  src:url("/web/fonts/Pretendard-SemiBold.woff") format("woff");
  font-weight:600;
}

@font-face{
  font-family:"Pretendard";
  font-style:normal;
  src:url("/web/fonts/Pretendard-Bold.woff") format("woff");
  font-weight:700;
}

@font-face{
  font-family:"Pretendard";
  font-style:normal;
  src:url("/web/fonts/Pretendard-ExtraBold.woff") format("woff");
  font-weight:800;
}

@font-face{
  font-family:"Outfit";
  font-style:normal;
  src:url("/web/fonts/Outfit-Thin.ttf") format("truetype");
  font-weight:100;
}

@font-face{
  font-family:"Outfit";
  font-style:normal;
  src:url("/web/fonts/Outfit-ExtraLight.ttf") format("truetype");
  font-weight:200;
}

@font-face{
  font-family:"Outfit";
  font-style:normal;
  src:url("/web/fonts/Outfit-Light.ttf") format("truetype");
  font-weight:300;
}

@font-face{
  font-family:"Outfit";
  font-style:normal;
  src:url("/web/fonts/Outfit-Regular.ttf") format("truetype");
  font-weight:400;
}

@font-face{
  font-family:"Outfit";
  font-style:normal;
  src:url("/web/fonts/Outfit-Medium.ttf") format("truetype");
  font-weight:500;
}

@font-face{
  font-family:"Outfit";
  font-style:normal;
  src:url("/web/fonts/Outfit-SemiBold.ttf") format("truetype");
  font-weight:600;
}

@font-face{
  font-family:"Outfit";
  font-style:normal;
  src:url("/web/fonts/Outfit-Bold.ttf") format("truetype");
  font-weight:700;
}

@font-face{
  font-family:"Outfit";
  font-style:normal;
  src:url("/web/fonts/Outfit-ExtraBold.ttf") format("truetype");
  font-weight:800;
}

/*********************
** CSS Reset
**********************/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{
margin:0;
padding:0;
border:0;
font-size:100%;
vertical-align:baseline
}

/************************************** 
** Basic Styling
***************************************/
button {cursor:pointer;border: 0 none;} 
em {font-style:normal;} 
input, button {padding:0px;margin:0px;vertical-align:middle} 
button, input, select, textarea {margin:0;font-family:'dotum','돋움','Malgun Gothic';/* outline-style:none; */}
legend {display:none;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
body{color:#717171; font-size:12px;-webkit-text-size-adjust:none; font-family:'dotum','돋움','Malgun Gothic';overflow-y:scroll}
ol,ul{list-style:none}
fieldset {margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0}
caption {position:absolute;visibility:hidden; font-size:0;}
a {color:inherit;text-decoration:none;cursor:hand;cursor:pointer;  -webkit-tap-highlight-color:transparent;}
a:hover {text-decoration:normal; }
/* img,  */object, embed {max-width:100%;}
.blind, legend {overflow:hidden; position:absolute; top:0; left:0; width:1px; height:1px; font-size:0; line-height:0;}

/* 정렬 */
.ac, .tac{text-align:center;}
.al, .tal{text-align:left !important;}
.ar, .tar{text-align:right;}

/* float */
.fn {float:none;}
.fl {float:left;}
.fr {float:right; margin-right:10px}

.clear{display:block; float:none; clear:both;}
.db{display:block;}
.cb {clear:both;}
.bn{border:none;}
.overh{overflow:hidden;}
.bdr{border:1px solid red;}
.vt , .vat{vertical-align:top;}
.vb, .vab{vertical-align:bottom;}
.vm, .vam{vertical-align:middle;}
.tc, .tac{text-align:center;}
.tl, .tal{text-align:left;}
.tr, .tar{text-align:right;}
.b, .fwb{font-weight:bold;}
.dn, .din{display:none;}

.pdr10 , .pr10{padding-right:10px;}
.pdt10, .pt10{padding-top:10px;}
.pdt20, .pt20{padding-top:20px;}
.pdt30, .pt30{padding-top:30px;}
.pdt40, .pt40{padding-top:40px;}

.mgl1{margin-left:1px;}
.mgl2{margin-left:2px;}
.mgl3{margin-left:3px;}
.mgl4{margin-left:4px;}
.mgl5{margin-left:5px;}
.mgl6{margin-left:6px;}
.mgl7{margin-left:7px;}
.mgl8{margin-left:8px;}
.mgl9{margin-left:9px;}
.mgl10{margin-left:10px;}
.mgl15{margin-left:15px;}
.mgl20{margin-left:20px;}
.mgl25{margin-left:25px;}
.mgl30{margin-left:30px;}
.mgl56{margin-left:56px;line-height:17px}

.mgr1{margin-right:1px;}
.mgr2{margin-right:2px;}
.mgr3{margin-right:3px;}
.mgr4{margin-right:4px;}
.mgr5{margin-right:5px;}
.mgr6{margin-right:6px;}
.mgr7{margin-right:7px;}
.mgr8{margin-right:8px;}
.mgr9{margin-right:9px;}
.mgr10{margin-right:10px;}
.mgr15{margin-right:15px;}
.mgr20{margin-right:20px;}
.mgr25{margin-right:25px;}
.mgr30{margin-right:30px;}
.mgr50{margin-right:50px;}
.mgr70{margin-right:70px;}

.mgt0{margin-top:0px;}
.mgt1{margin-top:1px;}
.mgt2{margin-top:2px;}
.mgt3{margin-top:3px;}
.mgt4{margin-top:4px;}
.mgt5{margin-top:5px;}
.mgt6{margin-top:6px;}
.mgt7{margin-top:7px;}
.mgt8{margin-top:8px;}
.mgt9{margin-top:9px;}
.mgt10{margin-top:10px;}
.mgt12{margin-top:12px;}
.mgt13{margin-top:13px;}
.mgt15{margin-top:15px;}
.mgt20{margin-top:20px;}
.mgt21{margin-top:21px;}
.mgt22{margin-top:22px;}
.mgt23{margin-top:23px;}
.mgt24{margin-top:24px;}
.mgt25{margin-top:25px;}
.mgt30{margin-top:30px;}
.mgt40{margin-top:40px;}
.mgt50{margin-top:50px;}
.mgt60{margin-top:60px;}
.mgt70{margin-top:70px;}
.mgt_5{margin-top:-5px;}

.mgb1{margin-bottom:1px;}
.mgb2{margin-bottom:2px;}
.mgb3{margin-bottom:3px;}
.mgb4{margin-bottom:4px;}
.mgb5{margin-bottom:5px;}
.mgb6{margin-bottom:6px;}
.mgb7{margin-bottom:7px;}
.mgb8{margin-bottom:8px;}
.mgb9{margin-bottom:9px;}
.mgb10{margin-bottom:10px;}
.mgb15{margin-bottom:15px;}
.mgb20{margin-bottom:20px;}
.mgb25{margin-bottom:25px;}
.mgb30{margin-bottom:30px;}
.mgb40{margin-bottom:40px;}
.mgb60{margin-bottom:60px;}

.mg1{margin:1px;}
.mg2{margin:2px;}
.mg3{margin:3px;}
.mg4{margin:4px;}
.mg5{margin:5px;}
.mg10{margin:10px;}
.mg20{margin:20px;}
.mg30{margin:30px;}
.mg40{margin:40px;}
.mg50{margin:50px;}
.mg60{margin:60px;}
.mg70{margin:70px;}
.mg80{margin:80px;}
.mg90{margin:90px;}
.mg100{margin:100px;}

.por {position:relative;}
.poa {position:absolute;}