@charset "utf-8";


@font-face {
	font-family: 'NanumGothic';
	font-style: normal;
	font-weight: normal;
	src: url('fonts/NanumGothic.eot');
	src: local('NanumGothic'), url('fonts/NanumGothic.woff') format('woff'), url('fonts/NanumGothic.ttf') format('truetype');
}
@font-face {
	font-family: 'NanumGothic';
	font-style: normal;
	font-weight: bold;
	src: url('fonts/NanumGothicBold.eot');
	src: local('NanumGothicBold'), url('fonts/NanumGothicBold.woff') format('woff'), url('fonts/NanumGothicBold.ttf') format('truetype');
}


/* Tag Definition */
* { margin:0; padding:0; }

body {margin:0;padding:0;font-size:0.8em;line-height:14px;color:#424242; font-family: 'NanumGothic', '나눔고딕', '돋움', dotum, sans-serif;}
h1,h2,h3,h4,h5,h6,input,button,textarea {/*font-size:0.75em;line-height:14px;*/font-family: 'NanumGothic', '나눔고딕', '돋움', dotum, sans-serif;}

/* 전체 선택자 사용시 위 속성 외에는 지정하지 마세요. */
* html { overflow: scroll; overflow-x: auto; }/* [IE] 프레임안의가로스크롤문제해결 */
html, body { min-height: 100%; margin: 0; padding: 0; background: #fff; } /* [IE] 배경색을지정해서화면이뭉개지는문제해결 */
html { height: 100%; } 

* html body { height: 100%; }
body { background: #fff; color: #666; font-size: 12px /* 75% */; line-height: 1.3; }
table, pre { font-size: 12px } /* DOCTYPE 없으면 속성 상속 안됨 */

/*
a, a:link { color: #666; text-decoration: none; }
a:visited { color: #666; }	
a:hover, a:active, a:focus { color: #666; text-decoration: underline; } 
*/
a {text-decoration:none;cursor:pointer;}
a:link {color:#424242;}
a:visited {color:#424242;}
a:hover, a:focus, a:active {color:#d62025;text-decoration:underline;}

img { margin: 0; border: 0; }
form {margin:0; padding:0;}
select {border:solid 1px #ccc; }
p { }
strong { font-weight: bold; }
em { color: #f75; } em em { color: #c09; } 
sup, sub { font-size: .92em; }
pre /* 형식 유지 컨텐츠 자동개행 */
{ 
white-space: pre-wrap; /* css3 */ 
white-space: -moz-pre-wrap; /* Mozilla, since1999 */ 
white-space: -pre-wrap; /* Op4-6 */ 
white-space: -o-pre-wrap; /* Op7 */ 
word-wrap: break-word; /* IE 5.5+ */ 
}

*html .png24 { tmp:expression(setPng24(this)); } /* [IE6] PNG-24 투명 이미지  */

ul { margin: 0; padding: 0; list-style: none; }
li { margin: 0; padding: 0; background: transparent; }
ul ul, ul ul ul, ul ul ul ul { padding: 0; margin: 0; }

ol {  }
dl, dt, dd { margin: 0; padding: 0; }

address { font-style: normal; } /* 주소 */
hr { display: none; } /* 수평선 - 레이아웃구분용 */

/* Tag Definition */
html, body { width: 100%; min-height: 100%; margin: 0; padding: 0; background: #fff; }
/* IE bug fix : 배경색을지정해서화면이뭉개지는문제해결 */
/* 100% 레이이아웃을 위해 html 태그에도 적용  */

fieldset { margin: 0; padding: 0; border: 0; }
legend { margin: 0; padding: 0; }
/* legend 내용이 없어도 IE에서만 공간을 가지고 있는걸 없애기 위해
* html legend { position: absolute; left: 0; top: -1em; }
*:first-child+html legend { position: absolute; left: 0; top: -1em; }
*/

td{	text-align:left; }
.dpn {display:none;}                     


/*  content Default  */

/* basic */
.hidden {display:none;/* position:absolute;visibility:hidden;left:-9000px; */}
.blind {position:absolute !important;left:-9000px !important;}
.dspn {display:none !important;}
.bsbb{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.psar {position:absolute; right:0; top:0;}

/* 컬러규정(color picker) */
.cp_d40008 {color:#d40008 !important;}
.cp_d40008 a {color:#d40008 !important;}
.cp_d30007 {color:#d30007 !important;} /* 제목글자에 쓰이는 레드 */
.cp_e61b21 {color:#e61b23 !important;} /* 콘텐츠 글자에 써야될 강한레드 */
.cp_e71b24 {color:#e71b24 !important;} /* 공지사항이나 강조되어야될 부분에 쓰이는 강한레드 */
.cp_000000 {color:#000000 !important;} /* 타이틀에 쓰이는 검정 */
.cp_454545 {color:#454545 !important;} /* 내용글자에 쓰이는 회색 */
.cp_888888 {color:#888888 !important;} /* 내용글자에 쓰이는 밝은회색 */
.cp_ffffff {color:#ffffff !important;} /* 배너같은 어두운 배경에 쓰이는 흰색 */
.cp_515151 {color:#515151 !important;} 
.bc_363636 {background:#363636 !important;}
.bc_ffffff {background:#ffffff !important;}

.alignC {text-align:center;}

.fwb {font-weight:bold;}

/* font-size */
.fs15 {font-size:15px;}
.fs16 {font-size:16px;}
.fs18 {font-size:18px;}
.fs20 {font-size:20px;}
.fs27 {font-size:27px;}
.fs36 {font-size:36px;}
.lnh18 {line-height: 18px;}
.lnh21 {line-height: 21px;}
.lnh24 {line-height: 24px;}
.lnh26 {line-height: 26px;}
.lnh28 {line-height: 28px;}
/* margin 관련 */

.mg00 {margin:0 !important;}
.mglr10 {margin:0 10px;}
.mglrauto {margin:0 auto;}

.mgt10 {margin-top:10px;}
.mgt20 {margin-top:20px;}
.mgt30 {margin-top:30px;}
.mgt40 {margin-top:40px;}
.mgt50 {margin-top:50px;}
.mgt60 {margin-top:60px;}
.mgt70 {margin-top:70px;}
.mgt80 {margin-top:80px;}
.mgt85 {margin-top:85px;}
.mgt90 {margin-top:90px;}

.mgr10 {margin-right:10px;}
.mgr20 {margin-right:20px;}
.mgr30 {margin-right:30px;}
.mgr40 {margin-right:40px;}
.mgr50 {margin-right:50px;}
.mgr60 {margin-right:60px;}
.mgr70 {margin-right:70px;}
.mgr80 {margin-right:80px;}
.mgr85 {margin-right:85px;}
.mgr90 {margin-right:90px;}

.mgb5 {margin-bottom:5px;}
.mgb10 {margin-bottom:10px;}
.mgb15 {margin-bottom:15px;}
.mgb20 {margin-bottom:20px;}
.mgb25 {margin-bottom:25px;}
.mgb30 {margin-bottom:30px;}
.mgb40 {margin-bottom:40px;}
.mgb50 {margin-bottom:50px;}
.mgb60 {margin-bottom:60px;}
.mgb70 {margin-bottom:70px;}
.mgb80 {margin-bottom:80px;}
.mgb85 {margin-bottom:85px;}
.mgb90 {margin-bottom:90px;}

.mgl10 {margin-left:10px;}
.mgl20 {margin-left:20px;}
.mgl30 {margin-left:30px;}
.mgl40 {margin-left:40px;}
.mgl50 {margin-left:50px;}
.mgl60 {margin-left:60px;}
.mgl70 {margin-left:70px;}
.mgl80 {margin-left:80px;}
.mgl85 {margin-left:85px;}
.mgl90 {margin-left:90px;}

/* padding 관련 */

.pd10 {padding:10px;}

.pdt10 {padding-top:10px;}
.pdt15 {padding-top:15px;}
.pdt20 {padding-top:20px;}
.pdt30 {padding-top:30px;}
.pdt40 {padding-top:40px;}
.pdt50 {padding-top:50px;}
.pdt60 {padding-top:60px;}
.pdt70 {padding-top:70px;}
.pdt80 {padding-top:80px;}
.pdt85 {padding-top:85px;}
.pdt90 {padding-top:90px;}

.pdr10 {padding-right:10px;}
.pdr15 {padding-right:15px;}
.pdr20 {padding-right:20px;}
.pdr30 {padding-right:30px;}
.pdr40 {padding-right:40px;}
.pdr50 {padding-right:50px;}
.pdr60 {padding-right:60px;}
.pdr70 {padding-right:70px;}
.pdr80 {padding-right:80px;}
.pdr85 {padding-right:85px;}
.pdr90 {padding-right:90px;}

.pdb10 {padding-bottom:10px;}
.pdb20 {padding-bottom:20px;}
.pdb30 {padding-bottom:30px;}
.pdb40 {padding-bottom:40px;}
.pdb50 {padding-bottom:50px;}
.pdb60 {padding-bottom:60px;}
.pdb70 {padding-bottom:70px;}
.pdb80 {padding-bottom:80px;}
.pdb85 {padding-bottom:85px;}
.pdb90 {padding-bottom:90px;}

.pdl10 {padding-left:10px;}
.pdl20 {padding-left:20px;}
.pdl30 {padding-left:30px;}
.pdl40 {padding-left:40px;}
.pdl50 {padding-left:50px;}
.pdl60 {padding-left:60px !important;}
.pdl70 {padding-left:70px !important;}
.pdl80 {padding-left:80px !important;}
.pdl85 {padding-left:85px;}
.pdl90 {padding-left:90px;}
                                               
/*
기존의 페딩 스타일  / PADDING 
*/                

.pt_5 {padding-top:5px;}
.pt_10 {padding-top:10px;}
.pt_15 {padding-top:15px;}
.pt_20 {padding-top:20px;}
.pt_25 {padding-top:25px;}
.pt_30 {padding-top:30px;}
.pt_35 {padding-top:35px;}
.pt_40 {padding-top:40px;}
.pt_45 {padding-top:45px;}
.pt_50 {padding-top:50px;}
.pt_55 {padding-top:55px;}
.pt_60 {padding-top:60px;}

.pb_5 {padding-bottom:5px;}
.pb_10 {padding-bottom:10px;}
.pb_15 {padding-bottom:15px;}
.pb_20 {padding-bottom:20px;}
.pb_25 {padding-bottom:25px;}
.pb_30 {padding-bottom:30px;}
.pb_40 {padding-bottom:40px;}
.pb_50 {padding-bottom:50px;}

.pl_5 {padding-left:5px;}
.pl_10 {padding-left:10px;}
.pl_15 {padding-left:15px;}
.pl_20 {padding-left:20px;}
.pl_30 {padding-left:30px;}
.pl_40 {padding-left:40px;}
.pl_50 {padding-left:50px;}

.pr_10 {padding-right:10px;}
.pr_40 {padding-right:40px;}
                               
                                               
/* width */                  
.w40p50 {width:40%; padding:0 5%;}
.w200 {width:200px !important;}
.w100 {width:100px;}
.w120 {width:120px;}
.w150 {width:150px;}
.w230 {width:230px;}
.w300 {width:300px;}
.w340 {width:340px; !important; }
.w380 {width:380px; }
.w350 {width:350px; !important; }
.w400 {width:400px !important;}
.w430 {width:430px;}
.w450 {width:450px !important;}
.w550 {width:550px !important;}
.w580 {width:580px;}
.w600 {width:600px !important;}


/* align */
.alignC {text-align:center !important;}
.alignL {text-align:left !important;}
.alignR {text-align:right !important;}
.alignT {vertical-align:top !important;}
.alignM {vertical-align:middle !important;}
.alignM td {vertical-align:middle !important;}
.alignB {vertical-align:bottom !important;}

/* float */
.fl {float:left !important;}
.fr {float:right !important;}
.flN {float:none !important;}
.clear:after{content:".";height:0;font-size:0;visibility:hidden;display:block;clear:both;}
.clear{display:inline-block;}
* html .clear {height:0;}
.clear_div {height:0;font-size:0;visibility:hidden;display:block;clear:both;}

.dpib {display:inline-block !important;}
.dpi {display:inline !important;}
.dpb {display:block !important;}
.ofhd {overflow:hidden !important;}