@charset "utf-8";

/*
 * =================================================================================
 * INFORMATION
   ATRIUM.co.kr , Tel : 0505-901-9000 
 * ---------------------------------------------------------------------------------
 * @File Name 	: Base.css
 * @Description : Base Style Sheet
 * @Version 	: 1.0.0
 * @Create Date : 2017.01.09
 * @Update Date : N/A
 * @History		: N/A
 * =================================================================================
 */


/* default 
=================================================================================*/
@font-face {
	font-family: "NanumGothic";
	src:local("NanumGothic"), url("../font/NanumGothic.ttf") format("truetype");
}
@font-face {
	font-family: "NanumGothicBold";
	src:local("NanumGothicBold"), url("../font/NanumGothicBold.ttf") format("truetype");
}
@font-face {
	font-family: "NanumBarunGothic";
	src:local("NanumBarunGothic"), url("../font/NanumBarunGothic.ttf") format("truetype");
}




/*=================================================================================
 * Default Style Definition
 =================================================================================*/

* {
	margin: 0;
	padding: 0;
}
	
html, body {
	height:100%;
	margin: 0;
	padding: 0;
	font-family:'NanumGothic', sans-serif;
	font-size:14px;
	letter-spacing:-0.03em;
	color: #666;
	line-height:24px;
	border-collapse: collapse;
}

div, ul,  li, dl, dt, dd, form, iframe, p, a, span, blockquote {
	margin: 0;
	padding: 0;
	font-family:'NanumGothic', sans-serif;
	list-style:none;
}


hr, legend {
	display: none;
}

h1, h2, h3, h4, h5, h6, strong {
	margin: 0;
	padding: 0;
	font-family:'NanumGothicBold', sans-serif;
	letter-spacing:-0.05em;
}

h2 { font-size:110%;}


img {
	margin: 0;
	padding: 0;
	border: none;
	vertical-align:middle;
}

table caption { display:none;}
table {width:100%;}
table, th, td {
	font-family:'NanumGothic', sans-serif;
	margin: 0;
	padding: 0;
	border:0px;
	border-collapse: collapse;
}

table thead tr th {font-family:'NanumGothicBold', sans-serif;}


fieldset {
	margin: 0;
	padding: 0;
	border: 0 solid transparent;		/* : BUG : Opera 7 에서 border: none 버그 있음 */
}

textarea {
	margin: 0;
	padding: 0;
	font-family:'NanumGothic', sans-serif;
	color: #7F7F7F;
	border: 1px solid #D5D5D5;
	background: #FFF;
	vertical-align: middle;
}


select {
  /* 원하는 너비설정 */
  height:38px;
  padding:0 45px 0 10px; /* 여백으로 높이 설정 */
  font-family:'NanumGothic', sans-serif;  /* 폰트 상속 */
  font-size:100%; /* 폰트 크기 */
  color:#4f4f4f;
  background:#fff url("../images/content/icon_select.gif") no-repeat 95% 50%; /* 네이티브 화살표 대체 */
  border:0px;
  border-radius: 0px; /* iOS 둥근모서리 제거 */
  -webkit-appearance: none; /* 네이티브 외형 감추기 */
  -moz-appearance: none;
  appearance: none;
}
/* IE 10, 11의 네이티브 화살표 숨기기 */
select::-ms-expand { 
  display: none;
}


input {
	margin: 0;
	padding-top: 2px;
	font-family:'NanumGothic', sans-serif;
	font-size:100%;
	color: #7F7F7F;
	border: 1px solid #D5D5D5;
	background: #FFF;
	vertical-align: top;
	height:36px;
	
}
input[type="image"], input[type="radio"], input[type="checkbox"] {
	padding: 0;
	height: auto;
	border: none;
}
input.image, input.radio, input.checkbox {		/* : FILTER : IE 6 에서 속성 선택자 지원 안함 */
	padding: 0;
	height: auto;
	border: none;
}
input[type="file"] {
	padding: 2px 0 2px 0;
	height: auto;
}
input.file {		/* : FILTER : IE 6 에서 속성 선택자 지원 안함 */
	padding: 2px 0 2px 0;
	height: auto;
	background: #F1F1F1;
}
input[type="text"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus, input[type="password"]:focus, select:focus,
textarea:focus {
	background-color: #fff;
	border: 1px solid #D5D5D5;
	outline-style:none;
}

input[type="button"] { cursor:pointer;}

textarea {
	padding:7px 15px;
}

a:link, a:visited {
	color: #666;
	text-decoration: none;
	font-family:'NanumGothic', sans-serif;
}
a:hover, a:active {
	color: #000;
	text-decoration: none;
	font-family:'NanumGothic', sans-serif;
}




/* Default */ 
h1 {}
h2 { font-size:125%;}
h3 { font-size:120%;}
/* flot */
.clear { clear:both;}
.fl_left { float:left;}
.fl_right { float:right;}
.txt_center { text-align:center;}

/* text */
.txt_name { font-size:110%;}
.txt_day { font-size:110%; color:#0066ff;}
.txt_com { font-size:100%; line-height:19px; padding-top:5px;}
.txt_blue { color:#0950b1;}
.txc_nonsan { color:#de4838;}

.fw_no { font-weight:normal;}

.line_H18 { line-height:18px;}


/* padding */
.pd_10 { padding:10px;}
.pd_20 { padding:20px;}
.pd_30 { padding:30px;}
.pd_40 { padding:40px;}
.pd_50 { padding:50px;}
.pd_60 { padding:60px;}
.pd_70 { padding:70px;}
.pd_80 { padding:80px;}
.pd_90 { padding:90px;}
.pd_100 { padding:100px;}

.pd_T10 { padding-top:10px;}
.pd_T20 { padding-top:20px;}
.pd_T30 { padding-top:30px;}
.pd_T40 { padding-top:40px;}
.pd_T50 { padding-top:50px;}
.pd_T60 { padding-top:60px;}
.pd_T70 { padding-top:70px;}
.pd_T80 { padding-top:80px;}
.pd_T90 { padding-top:90px;}
.pd_T100 { padding-top:100px;}

.pd_L10 { padding-left:10px;}
.pd_L20 { padding-left:20px;}
.pd_L30 { padding-left:30px;}
.pd_L40 { padding-left:40px;}
.pd_L50 { padding-left:50px;}
.pd_L60 { padding-left:60px;}
.pd_L70 { padding-left:70px;}
.pd_L80 { padding-left:80px;}
.pd_L80 { padding-left:90px;}
.pd_L100 { padding-left:100px;}

.pd_R10 { padding-right:10px;}
.pd_R20 { padding-right:20px;}
.pd_R30 { padding-right:30px;}
.pd_R40 { padding-right:40px;}
.pd_R50 { padding-right:50px;}
.pd_R60 { padding-right:60px;}
.pd_R70 { padding-right:70px;}
.pd_R80 { padding-right:80px;}
.pd_R80 { padding-right:90px;}
.pd_R100 { padding-right:100px;}

.pd_B10 { padding-bottom:10px;}
.pd_B20 { padding-bottom:20px;}
.pd_B30 { padding-bottom:30px;}
.pd_B40 { padding-bottom:40px;}
.pd_B50 { padding-bottom:50px;}
.pd_B60 { padding-bottom:60px;}
.pd_B70 { padding-bottom:70px;}
.pd_B80 { padding-bottom:80px;}
.pd_B90 { padding-bottom:90px;}
.pd_B100 { padding-bottom:100px;}


/* margin */
.mg_10 { margin:10px;}
.mg_20 { margin:20px;}
.mg_30 { margin:30px;}
.mg_40 { margin:40px;}
.mg_50 { margin:50px;}
.mg_60 { margin:60px;}
.mg_70 { margin:70px;}
.mg_80 { margin:80px;}
.mg_90 { margin:90px;}
.mg_100 { margin:100px;}

.mg_T5 { margin-top:5px;}
.mg_T10 { margin-top:10px;}
.mg_T20 { margin-top:20px;}
.mg_T30 { margin-top:30px;}
.mg_T40 { margin-top:40px;}
.mg_T50 { margin-top:50px;}
.mg_T60 { margin-top:60px;}
.mg_T70 { margin-top:70px;}
.mg_T80 { margin-top:80px;}
.mg_T90 { margin-top:90px;}
.mg_T100 { margin-top:100px;}

.mg_L10 { margin-left:10px;}
.mg_L20 { margin-left:20px;}
.mg_L30 { margin-left:30px;}
.mg_L40 { margin-left:40px;}
.mg_L50 { margin-left:50px;}
.mg_L60 { margin-left:60px;}
.mg_L70 { margin-left:70px;}
.mg_L80 { margin-left:80px;}
.mg_L80 { margin-left:90px;}
.mg_L100 { margin-left:100px;}

.mg_R10 { margin-right:10px;}
.mg_R20 { margin-right:20px;}
.mg_R30 { margin-right:30px;}
.mg_R40 { margin-right:40px;}
.mg_R50 { margin-right:50px;}
.mg_R60 { margin-right:60px;}
.mg_R70 { margin-right:70px;}
.mg_R80 { margin-right:80px;}
.mg_R80 { margin-right:90px;}
.mg_R100 { margin-right:100px;}

.mg_B10 { margin-bottom:10px;}
.mg_B20 { margin-bottom:20px;}
.mg_B30 { margin-bottom:30px;}
.mg_B40 { margin-bottom:40px;}
.mg_B50 { margin-bottom:50px;}
.mg_B60 { margin-bottom:60px;}
.mg_B70 { margin-bottom:70px;}
.mg_B80 { margin-bottom:80px;}
.mg_B90 { margin-bottom:90px;}
.mg_B100 { margin-bottom:100px;}

/* font size */
.fs_100 { font-size:100%;}
.fs_110 { font-size:110%;}
.fs_120 { font-size:120%;}
.fs_130 { font-size:130%;}
.fs_140 { font-size:140%;}
.fs_150 { font-size:150%;}
.fs_160 { font-size:160%;}
.fs_170 { font-size:170%;}
.fs_180 { font-size:180%;}
.fs_190 { font-size:190%;}



/* color */
.col_W { color:#FFFFFF;}
.col_B { color:#225ca9;}
.col_BD { color:#75a0d9;}
.col_R { color:#FF0000;}
.col_O { color:#FF6600;}
.col_G { color:#74c426;}
.col_ME { color:#087895;}

/* button */
.btn_go {width:34px; height:20px; background-color:#5b5b5b; 
border-radius:10px; 
-moz-border-radius:10px; 
-webkit-border-radius:10px; 
text-align:center; color:#fff !important; line-height:19px; font-size:12px; display:block;}

/* width */
.wp10 { width:10%;}
.wp20 { width:20%;}
.wp30 { width:30%;}
.wp40 { width:40%;}
.wp50 { width:50%;}
.wp60 { width:60%;}
.wp70 { width:70%;}
.wp80 { width:80%;}
.wp90 { width:90%;}
.wp100 { width:100%;}