@charset "utf-8";
/*------------------------------------------------------------------------------------------------------------------------------------------
	File	: Base.css 
 	Author : YoungSu, Son 2017-06
	CSS 적용순서 : 아이디 > 태그와 클래스 > 클래스 > 태그
    CSS 선택자 선언순서 : Type Selector, Layout Selector, Class Selector, Etc 
	CSS 속성 선언순서 : display, position(top, right, bottom, left, z-index), float/clear, overflow, width/height, margin/padding(top, right, bottom, left),  
	border(top, right, bottom, left), background(image,position,repeat,color), border-radius, box-shadow,  
	font(font-weight, font-style, font-variant, font-size/line-height, font-family), opacity, cursor, box-sizing, etc
/*-----------------------------------------------------------------------------------------------------------------------------------------------------------*/

*, *:before, *:after {
	margin:0px; 
	padding:0px;
	box-sizing:inherit;
  	-webkit-box-sizing:inherit;
  	-moz-box-sizing:inherit;
	-o-box-sizing:inherit;  	
	-webkit-text-size-adjust:none;
}

html {height:100%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box;}

body {	 
	scrollbar-3dlight-color:#b4b4b4;
	scrollbar-arrow-color:#333333;
	scrollbar-base-color:#eeeeee;
	scrollbar-darkshadow-color:#efefef;
	scrollbar-face-color:#efefef;
	scrollbar-highlight-color:#ffffff;
	scrollbar-shadow-color:#b4b4b4;
	position:relative;
	height:100%;
	font-family:"NSR", "Dotum", "Dotumche", "돋움", "돋움체", "Arial";	
	font-size:100%;
	line-height:1;
	color:#333333;
	vertical-align:baseline;	
	-webkit-font-smoothing:antialiased;
}
/*
@media all and (min-width:640px) {body{font-size:14px;}}
@media all and (max-width:560px) {body{font-size:12px;}}
@media all and (max-width:480px) {body{font-size:9px;}}
 @media all and (max-width:320px) {body{font-size:9px;}} */

address, article, aside, canvas, details, figure, figcaption, footer, header, menu, nav, section {display:block\9; margin:0\9; padding:0\9}
hr, caption {display:none}
h1, h2, h3, h4, h5, h6 ,h7 {font-weight:normal}
img {border:none; vertical-align:middle}
ol, ul, li, dl, dt, dd {list-style:none}
table {
	width:100%; 
	border:0px; 
	border-spacing:0px; 
	border-collapse:collapse; 	
	box-sizing:border-box; 
	-moz-box-sizing:border-box; 
	-webkit-box-sizing:border-box; 
	-o-box-sizing: border-box;
}
th, td {font-family:"NSR", "Dotum", "Dotumche", "돋움", "돋움체", "Arial"; border:0px; word-break:break-all; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box}
th {font-weight:normal}
fieldset {width:100%; border:0px}
legend {display:none}
frameset {border:0px}
iframe {width:100%; border:0px}
em, address {font-style:normal}

button, select, input, label {font-family:"NSR", "Dotum", "Dotumche", "돋움", "돋움체", "Arial"; vertical-align:middle}
select, input, textarea {box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box}

a {color:#333333; text-decoration:none}
a:active, visited, link {color:#666666}
a:hover {color:#333333}

.transFrame {position:absolute; top:-9999px;}

/* Font
@import url(//fonts.googleapis.com/earlyaccess/nanumgothic.css);
@font-face { 
    font-family:"NSR";
    src:url('/Common/Fonts/NanumSquareR.eot');        
	font-style: normal;
	font-weight: 400;
	src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.eot);
	src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
			url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.woff2) format('woff2'),
			url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.woff) format('woff'),
			url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.ttf) format('truetype');
	}
@font-face { 
    font-family:"NSB"; 
    src:url('/Common/Fonts/NanumSquareB.eot');        
	font-style: normal;
  font-weight: 700;
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.eot);
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.woff) format('woff'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.ttf) format('truetype');
}
@font-face { 
    font-family:"NSEB"; 
   font-style: normal;
  font-weight: 800;
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.eot);
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.eot?#iefix) format('embedded-opentype'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.woff) format('woff'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.ttf) format('truetype');
}
 */
/* Font */
@font-face { 
    font-family:"NSR";
    src:url('/Common/Fonts/NanumSquareR.eot');        
	src:local('※'), 
		url('/Common/Fonts/NanumSquareR.eot?#iefix') format('embedded-opentype'),
	    url('/Common/Fonts/NanumSquareR.woff') format('woff');	     
	font-style:normal;		 
    font-weight:normal;
}
@font-face { 
    font-family:"NSB"; 
    src:url('/Common/Fonts/NanumSquareB.eot');        
	src:local('※'), 
		url('/Common/Fonts/NanumSquareB.eot?#iefix') format('embedded-opentype'),
	    url('/Common/Fonts/NanumSquareB.woff') format('woff');	     
	font-style:normal;		 
    font-weight:normal;
}
@font-face { 
    font-family:"NSEB"; 
    src:url('/Common/Fonts/NanumSquareEB.eot');        
	src:local('※'), 
		url('/Common/Fonts/NanumSquareEB.eot?#iefix') format('embedded-opentype'),
	    url('/Common/Fonts/NanumSquareEB.woff') format('woff');	     
	font-style:normal;		 
    font-weight:normal;
}
