@charset "utf-8";

/*reset*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button{margin:0;padding:0;}
html {height:100%;}
/*body {height:100%;}*/
a:link {text-decoration:none;}
a:visited {text-decoration:none;}
a:hover {text-decoration:none; }
a:active {text-decoration:none;}
img{border:0px;}
img, a, label, span{vertical-align:middle;}
li{list-style: none;}
table{border-collapse:collapse;width:100%;}
address,caption,cite,code,dfn,em,var,h1,h2,h3,h4,h5,h6 {font-style:normal;font-weight:normal;}
caption,legend,caption *,legend *{position:absolute; left:-10000px; line-height:0; font-size:0;}
fieldset{border:solid 0px black;padding:0;}

/*
body,a,[type=text], [type=password], [type=file], [type=email], [type=number], [type=tel],select,h1, h2, h3, h4, h5, h6, pre,textarea{
font-family:"nanumsquare","맑은 고딕","돋움","tahoma","sans-serif"; font-size:13px; line-height:1.2; color:#333;}

[type=text], [type=password], [type=file], [type=email], [type=number], [type=tel]{padding-left:10px; box-sizing:border-box; vertical-align:middle; border:solid 1px #ddd; background-color:#fff; height:25px; line-height:25px;}
[type=checkbox], [type=radio]{vertical-align:middle;margin:6px 4px 4px 4px;}
*/

textarea{resize:none;}

/*-- font --*/

/*나눔스퀘어*/
@font-face {
  font-family: 'nanumsquare';
  font-style: normal;
  font-weight: 400;
  src: url(font/NanumSquareR.eot);
  src: local('font/NanumSquareR'),
       local('font/NanumSquareR'),
       url(font/NanumSquareR.eot?#iefix) format('embedded-opentype'),
       url(font/NanumSquareR.woff2) format('woff2'),
       url(font/NanumSquareR.woff) format('woff'),
       url(font/NanumSquareR.ttf) format('truetype');
}

@font-face {
  font-family: 'nanumsquareB';
  font-style: bold;
  font-weight: 700;
  src: url(font/NanumSquareB.eot);
  src: local('font/NanumSquareB'),
       local('font/NanumSquareB'),
       url(font/NanumSquareB.eot?#iefix) format('embedded-opentype'),
       url(font/NanumSquareB.woff2) format('woff2'),
       url(font/NanumSquareB.woff) format('woff'),
       url(font/NanumSquareB.ttf) format('truetype');
}

/*몬트라세(맑은고딕과 유사)*/
@font-face {
  font-family: 'MontserratM';
  src: url(font/Montserrat-Medium.eot);
  src: url(font/Montserrat-Medium.eot?#iefix) format('embedded-opentype'),
       url(font/Montserrat-Medium.woff2) format('woff2'),
       url(font/Montserrat-Medium.woff) format('woff'),
       url(font/Montserrat-Medium.ttf) format('truetype');
  font-style: normal;
  font-weight: 400;	  
  unicode-range: U+1100-U+11FF;
}
@font-face {
  font-family: 'MontserratB';
  font-style: bold;
  font-weight: 700;
  src: url(font/Montserrat-Bold.eot);
  src: local('font/Montserrat-Bold'),
       local('font/Montserrat-Bold'),
       url(font/Montserrat-Bold.eot?#iefix) format('embedded-opentype'),
       url(font/Montserrat-Bold.woff2) format('woff2'),
       url(font/Montserrat-Bold.woff) format('woff'),
       url(font/Montserrat-Bold.ttf) format('truetype');
  unicode-range: U+1100-U+11FF;
}

/*나눔고딕*/
@font-face {
  font-family: 'NanumGothicM';
  font-style: normal;
  font-weight: 400;
  src: url(font/NanumGothic-Regular.eot);
  src: local('font/NanumGothic-Regular'),
       local('font/NanumGothic-Regular'),
       url(font/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
       url(font/NanumGothic-Regular.woff2) format('woff2'),
       url(font/NanumGothic-Regular.woff) format('woff'),
       url(font/NanumGothic-Regular.ttf) format('truetype');
  unicode-range: U+1100-U+11FF;	  
}
@font-face {
  font-family: 'NanumGothicB';
  font-style: bold;
  font-weight: 700;
  src: url(font/NanumGothic-Bold.eot);
  src: local('font/NanumGothic-Bold'),
       local('font/NanumGothic-Bold'),
       url(font/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
       url(font/NanumGothic-Bold.woff2) format('woff2'),
       url(font/NanumGothic-Bold.woff) format('woff'),
       url(font/NanumGothic-Bold.ttf) format('truetype');
  unicode-range: U+1100-U+11FF;	
}

/*본고딕*/
@font-face {
	font-family: 'NotoSansM';
	font-style: normal;
	font-weight: 500;
	src: url(font/NotoSans-Medium.eot);
	src: local('font/NotoSans-Medium'),
	local('font/NotoSans-Medium'),
	url(font/NotoSans-Medium.eot?#iefix) format('embedded-opentype'),
	url(font/NotoSans-Medium.woff2) format('woff2'),
	url(font/NotoSans-Medium.woff) format('woff'),
	url(font/NotoSans-Medium.ttf) format('truetype');


}
@font-face {
	font-family: 'NotoSansR';
	font-style: normal;
	font-weight: 400;
	src: url(font/NotoSans-Regular.eot);
	src: local('font/NotoSans-Regular'),
	local('font/NotoSans-Regular'),
	url(font/NotoSans-Regular.eot?#iefix) format('embedded-opentype'),
	url(font/NotoSans-Regular.woff2) format('woff2'),
	url(font/NotoSans-Regular.woff) format('woff'),
	url(font/NotoSans-Regular.ttf) format('truetype');
}
@font-face {
	font-family: 'NotoSansB';
	font-style: bold;
	font-weight: 700;
	src: url(font/NotoSans-Bold.eot);
	src: local('font/NotoSans-Bold'),
	local('font/NotoSans-Bold'),
	url(font/NotoSans-Bold.eot?#iefix) format('embedded-opentype'),
	url(font/NotoSans-Bold.woff2) format('woff2'),
	url(font/NotoSans-Bold.woff) format('woff'),
	url(font/NotoSans-Bold.ttf) format('truetype');

}
@font-face {
  font-family: 'NotoSansBK';
  font-style: bold;
  font-weight: 700;
  src: url(font/NotoSans-Black.eot);
  src: local('font/NotoSans-Black'),
       local('font/NotoSans-Black'),
       url(font/NotoSans-Black.eot?#iefix) format('embedded-opentype'),
       url(font/NotoSans-Black.woff2) format('woff2'),
       url(font/NotoSans-Black.woff) format('woff'),
       url(font/NotoSans-Black.ttf) format('truetype');
unicode-range: U+1100-U+11FF;
}

/*로딩 페이지 로고 서브텍스트 폰트(SJSoju2)*/
@font-face {
  font-family: 'SJSoju2';
  font-style: normal;
  font-weight: 400;
  src: url(font/SJSoju2.eot);
  src: local('font/SJSoju2'),
       local('font/SJSoju2'),
       url(font/SJSoju2.eot?#iefix) format('embedded-opentype'),
       url(font/SJSoju2.woff2) format('woff2'),
       url(font/SJSoju2.woff) format('woff'),
       url(font/SJSoju2.ttf) format('truetype');
  unicode-range: U+1100-U+11FF;
}


/*float 해제*/
* html .clfx { height: 1%; overflow: visible;} /* IE6 float 해제*/
*+html .clfx{ min-height: 1%;} /* IE7 float 해제 */
.clfx:after{ clear: both; content: "."; display: block; height: 0; visibility: hidden; font-size: 0;}
.clfix{clear: both; content: "."; display: block; height: 0;}

.hid{display:none;}

/*margin*/
.mr_0{margin-right:0px !important;}
.mr_4{margin-right:4px !important;}
.mr_5{margin-right:5px !important;}
.mr_10{margin-right:10px !important;}
.mr_15{margin-right:15px !important;}
.mr_20{margin-right:20px !important;}
.mr_60{margin-right:60px !important;}

.ml_0{margin-left:0px !important;}
.ml_5{margin-left:5px !important;}
.ml_10{margin-left:10px !important;}
.ml_15{margin-left:15px !important;}

.mb_0{margin-bottom:0 !important;}
.mb_5{margin-bottom:5px !important;}
.mb_8{margin-bottom:8px !important;}
.mb_25{margin-bottom:25px !important;}
.mb_30{margin-bottom:30px !important;}
.mb_35{margin-bottom:35px !important;}
.mb_10{margin-bottom:10px !important;}
.mb_20{margin-bottom:20px !important;}
.mb_30{margin-bottom:30px !important;}
.mb_40{margin-bottom:40px !important;}
.mb_45{margin-bottom:45px !important;}
.mb_50{margin-bottom:50px !important;}
.mb_60{margin-bottom:60px !important;}
.mb_70{margin-bottom:70px !important;}
.mb_85{margin-bottom:85px !important;}

.mt_0{margin-top:0 !important;}
.mt_5{margin-top:5px !important;}
.mt_8{margin-top:8px !important;}
.mt_10{margin-top:10px !important;}
.mt_15{margin-top:15px !important;}
.mt_20{margin-top:20px !important;}
.mt_25{margin-top:25px !important;}
.mt_30{margin-top:30px !important;}
.mt_35{margin-top:35px !important;}
.mt_40{margin-top:40px !important;}
.mt_50{margin-top:50px !important;}
.mt_70{margin-top:70px !important;}

/*padding*/
.pb_0{padding-bottom:0px !important;}
.pb_5{padding-bottom:5px !important;}
.pb_20{padding-bottom:20px !important;}
.pb_25{padding-bottom:25px !important;}

.pt_0{padding-top:0px !important;}
.pt_8{padding-top:8px !important;}
.pt_10{padding-top:10px !important;}
.pt_15{padding-top:15px !important;}
.pt_20{padding-top:20px !important;}
.pt_30{padding-top:30px !important;}
.pt_35{padding-top:35px !important;}
.pt_40{padding-top:40px !important;}
.pt_50{padding-top:50px !important;}

.pl_25{padding-left:25px !important;}
.pl_10{padding-left:10px !important;}
.pl_20{padding-left:20px !important;}
.pl_30{padding-left:30px !important;}

/*text-align*/
.txt_r{text-align:right !important;}
.txt_l{text-align:left !important;}
.txt_c{text-align:center !important;}

/*background*/
.back_no{background:none !important;}

/*border*/
.bd_l{border-left:none !important;}
.bd_r{border-right:none !important;}

/*ir*/
.ir{overflow:hidden;line-height:0 !important;font-size:0 !important;position:relative;text-indent:-10000px;/*display:inline-block;*/}
.ir *{position:absolute;left:-10000px;top:-10000px;margin:0;padding:0;}

/*float*/
.f-l{float:left;}
.f-r{float:right;}