@charset "utf-8";

/***********************************************************
1. 공통 기본설정
2. 

***********************************************************/

/*==================================================================
1. 공통 기본설정
===================================================================*/
*{
	padding:0;
	margin:0;
}

body{
	font-family: 'NanumBarunGothic','NanumGothic',NanumGothic, sans-serif;
	font-size: 100%;
	font-weight: 300;
	/*background:#f8f8f8;*/
}
h1
{
    font-size: 40px;
    font-weight: bold;
}
h2
{
	font-size: 31px;
	font-weight: bold;
}
h3
{
    font-size: 26px;
    font-weight: bold;
}
h4
{
    font-size: 21px;
    font-weight: bold;
}
h5
{
    font-size: 17px;
    font-weight: bold;
}
h6
{
    font-size: 13px;
    font-weight: bold;
}
ul{list-style:none;}
a:link, a:visited{text-decoration:none; color:#333}
a:hover, a:active{text-decoration:none; color:#333}
a {outline:none; select-dummy: expression(this.hideFocus=true);}

/* 폰트 종류 */
.ff01 {font-family: 'NanumBarunGothic' !important; font-weight: 300;}   /*나눔 바른고딕 라이트*/
.ff02 {font-family: 'NanumBarunGothic' !important; font-weight: 700;}   /*나눔 바른고딕 볼드*/
.ff03 {font-family: 'NanumBarunGothic' !important; font-weight: 400;}   /*나눔 바른고딕 레귤러*/
.ff04 {font-family: Dotum !important;}
.ff05 {font-family: Tahoma !important;}


/* 폰트 사이즈 */
.fs10 {font-size:10px !important;}
.fs11 {font-size:11px !important;}
.fs12 {font-size:12px !important;}
.fs13 {font-size:13px !important;}
.fs14 {font-size:14px !important;}
.fs15 {font-size:15px !important;}
.fs16 {font-size:16px !important;}
.fs17 {font-size:17px !important;}
.fs18 {font-size:18px !important;}
.fs20 {font-size:20px !important;}
.fs21 {font-size:21px !important;}
.fs24 {font-size:24px !important;}
.fs25 {font-size:25px !important;}
.fs26 {font-size:26px !important;}
.fs28 {font-size:28px !important;}
.fs30 {font-size:30px !important;}
.fs40 {font-size:40px !important;}
.fs60 {font-size:60px !important;}
.fs10em {font-size:1.1em !important;}
.fs11em {font-size:1.1em !important;}
.fs12em {font-size:1.2em !important;}
.fs13em {font-size:1.3em !important;}
.fs14em {font-size:1.4em !important;}
.fs15em {font-size:1.5em !important;}
/* 폰트 색상 */
.fc01 {color: #222 !important;}
.fc02 {color: #666 !important;}
.fc03 {color: #3e61c7 !important;}
.fc04 {color: #f60 !important;}
.fc05 {color: #4E85DE !important;}
.fc06 {color: #cb1111 !important;}
.fc07 {color: #e4002b !important;}
.fc08 {color: #fff !important;}
.fc09 {color: #012255 !important;}
.fc10 {color: #E81123 !important;}
.fc11 {color: #808080 !important;}
.fc12 {color: #888b8d !important;}

/* 마진 */
.mg0 {margin:0px !important;}
.mg05 {margin:5px !important;}
.mg10 {margin:10px !important;}
.mg20 {margin:20px !important;}
.mg30 {margin:30px !important;}
.mg40 {margin:40px !important;}
.mg50 {margin:50px !important;}
.mg100 {margin:100px !important;}

.mgt0 {margin-top:0px !important;}
.mgt05 {margin-top:5px !important;}
.mgt10 {margin-top:10px !important;}
.mgt15 {margin-top:15px !important;}
.mgt20 {margin-top:20px !important;}
.mgt25 {margin-top:25px !important;}
.mgt30 {margin-top:30px !important;}
.mgt35 {margin-top:35px !important;}
.mgt40 {margin-top:40px !important;}
.mgt50 {margin-top:50px !important;}
.mgt55 {margin-top:55px !important;}
.mgt60 {margin-top:60px !important;}
.mgt70 {margin-top:70px !important;}
.mgt75 {margin-top:75px !important;}
.mgt80 {margin-top:80px !important;}
.mgt90 {margin-top:90px !important;}
.mgt100 {margin-top:100px !important;}
.mgt120 {margin-top:120px !important;}
.mgt130 {margin-top:130px !important;}
.mgt150 {margin-bottom:150px !important;}
.mgt160 {margin-bottom:160px !important;}
.mgt200 {margin-bottom:200px !important;}

.mgb0 {margin-bottom:0px !important;}
.mgb05 {margin-bottom:5px !important;}
.mgb10 {margin-bottom:10px !important;}
.mgb15 {margin-bottom:15px !important;}
.mgb20 {margin-bottom:20px !important;}
.mgb25 {margin-bottom:25px !important;}
.mgb30 {margin-bottom:30px !important;}
.mgb35 {margin-bottom:35px !important;}
.mgb40 {margin-bottom:40px !important;}
.mgb45 {margin-bottom:45px !important;}
.mgb50 {margin-bottom:50px !important;}
.mgb60 {margin-bottom:60px !important;}
.mgb65 {margin-bottom:65px !important;}
.mgb70 {margin-bottom:70px !important;}
.mgb75 {margin-bottom:75px !important;}
.mgb80 {margin-bottom:80px !important;}
.mgb90 {margin-bottom:90px !important;}
.mgb100 {margin-bottom:100px !important;}
.mgb110 {margin-bottom:110px !important;}
.mgb120 {margin-bottom:120px !important;}
.mgb125 {margin-bottom:125px !important;}
.mgb130 {margin-bottom:130px !important;}
.mgb140 {margin-bottom:140px !important;}
.mgb145 {margin-bottom:145px !important;}
.mgb150 {margin-bottom:150px !important;}
.mgb160 {margin-bottom:160px !important;}
.mgb200 {margin-bottom:200px !important;}

.mgl0 {margin-left:0px !important;}
.mgl05 {margin-left:5px !important;}
.mgl10 {margin-left:10px !important;}
.mgl15 {margin-left:15px !important;}
.mgl20 {margin-left:20px !important;}
.mgl30 {margin-left:30px !important;}
.mgl35 {margin-left:35px !important;}
.mgl40 {margin-left:40px !important;}
.mgl50 {margin-left:50px !important;}
.mgl60 {margin-left:60px !important;}
.mgl70 {margin-left:70px !important;}
.mgl80 {margin-left:80px !important;}
.mgl90 {margin-left:90px !important;}
.mgl100 {margin-left:100px !important;}

.mgr0 {margin-right:0px !important;}
.mgr05 {margin-right:5px !important;}
.mgr10 {margin-right:10px !important;}
.mgr20 {margin-right:20px !important;}
.mgr30 {margin-right:30px !important;}
.mgr40 {margin-right:40px !important;}
.mgr50 {margin-right:50px !important;}
.mgr60 {margin-right:60px !important;}
.mgr70 {margin-right:70px !important;}
.mgr80 {margin-right:80px !important;}

/* padding */
.pd0 {padding: 0px !important;}
.pd05 {padding: 5px !important;}
.pd10 {padding: 10px !important;}
.pd20 {padding: 20px !important;}
.pd30 {padding: 30px !important;}
.pd40 {padding: 40px !important;}
.pd50 {padding: 50px !important;}
.pd100 {padding: 100px !important;}

.pdt0 {padding-top:0px !important;}
.pdt05 {padding-top:5px !important;}
.pdt10 {padding-top:10px !important;}
.pdt15 {padding-top:15px !important;}
.pdt20 {padding-top:20px !important;}
.pdt25 {padding-top:25px !important;}
.pdt30 {padding-top:30px !important;}
.pdt35 {padding-top:35px !important;}
.pdt40 {padding-top:40px !important;}

.pdb0 {padding-bottom:0px !important;}
.pdb05 {padding-bottom:5px !important;}
.pdb10 {padding-bottom:10px !important;}
.pdb15 {padding-bottom:15px !important;}
.pdb20 {padding-bottom:20px !important;}
.pdb25 {padding-bottom:25px !important;}
.pdb30 {padding-bottom:30px !important;}
.pdb35 {padding-bottom:35px !important;}
.pdb40 {padding-bottom:40px !important;}
.pdb45 {padding-bottom:45px !important;}
.pdb70 {padding-bottom:70px !important;}

.pdl0 {padding-left:0px !important;}
.pdl05 {padding-left:5px !important;}
.pdl10 {padding-left:10px !important;}
.pdl15 {padding-left:15px !important;}
.pdl20 {padding-left:20px !important;}
.pdl25 {padding-left:25px !important;}
.pdl30 {padding-left:30px !important;}
.pdl35 {padding-left:35px !important;}
.pdl40 {padding-left:40px !important;}
.pdl50 {padding-left:50px !important;}
.pdl100 {padding-left:100px !important;}
.pdl110 {padding-left:110px !important;}

.pdr0 {padding-right:0px !important;}
.pdr05 {padding-right:5px !important;}
.pdr10 {padding-right:10px !important;}
.pdr20 {padding-right:20px !important;}
.pdr30 {padding-right:30px !important;}
.pdr35 {padding-right:35px !important;}
.pdr40 {padding-right:40px !important;}
.pdr50 {padding-right:50px !important;}

/* 정렬 */
.ta-l {text-align: left !important;}
.ta-c {text-align: center !important;}
.ta-r {text-align: right !important;}
.va-t {vertical-align: top !important;}
.va-m {vertical-align: middle !important;}
.va-b {vertical-align: bottom !important;}

.hc { left:0; right:0; margin-left:auto; margin-right:auto; } /* 가로 중앙 정렬 */
.vc { top: 0; bottom:0; margin-top:auto; margin-bottom:auto; } /* 세로 중앙 정렬 */


/* float */
.fl-l {float: left !important;}
.fl-r {float: right !important;}
.fl-n {float: none !important;}

/* width */
.w100per {width: 100% !important;}
.w80per {width: 80% !important;}
.w70per {width: 70% !important;}
.w50per {width: 50% !important;}
.w50 {width: 50px !important;}
.w60 {width: 60px !important;}
.w70 {width: 70px !important;}
.w80 {width: 80px !important;}
.w90 {width: 90px !important;}
.w95 {width: 95px !important;}
.w100 {width: 100px !important;}
.w110 {width: 110px !important;}
.w120 {width: 120px !important;}
.w130 {width: 130px !important;}
.w140 {width: 140px !important;}
.w150 {width: 150px !important;}
.w160 {width: 160px !important;}
.w200 {width: 200px !important;}
.w250 {width: 250px !important;}
.w300 {width: 300px !important;}
.w350 {width: 350px !important;}
.w400 {width: 400px !important;}
.w450 {width: 450px !important;}
.w500 {width: 500px !important;}
.w550 {width: 550px !important;}
.w600 {width: 600px !important;}

/* height */
.h30 {height: 30px !important;}
.h50 {height: 50px !important;}
.h100 {height: 100px !important;}
.h200 {height: 200px !important;}
.mh200 {min-height: 200px !important;}
.mh300 {min-height: 300px !important;}
.mh500 {min-height: 500px !important;}
.mh600 {min-height: 600px !important;}
.mh700 {min-height: 700px !important;}

/*테이블 너비*/
table.board_write td .width_01 { width:35%; }
table.board_write td .width_02 { width:55%; }
table.board_write td .width_03 { width:80%; }
table.board_write td .width_04 { width:15%; }
table.board_write td .width_05 { width:20%; }

/*==================================================================
2. hacks setting
===================================================================*/
.clearfix {zoom:1;} /* ie6, ie7 때문에 */
.clearfix:after{
    content: ""; 
    display: block; 
    clear: both;
}

/* ellipsis */
.ellipsis {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
/* blind */
.blind {overflow: hidden; position: absolute; visibility: hidden; width: 0px; height: 0px; font-size: 0px; line-height: 0; text-indent: -9999px;}

.fix_contents
{
	width: 1903px;
	margin: 0 auto;
	overflow: hidden;
}

.fix_contents_1440
{
	width: 1440px;
	margin: 0 auto;
	overflow: hidden;
}
.fix_contents_1180
{
	width: 1180px;
	margin: 0 auto;
	overflow: hidden;
}

/*==================================================================
* Styles for validation helpers
===================================================================*/
.field-validation-error
{
    color: #ff0000;
}

.field-validation-valid
{
    display: none;
}

.input-validation-error
{
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors
{
    font-weight: bold;
    color: #ff0000;
}

.validation-summary-errors li
{
    padding: 0;
    font-weight: bold;
    color: #ff0000;
}

.validation-summary-valid
{
    display: none;
}