@charset "utf-8";
@import "../css/global.css";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
html {
	width:100%;
	height:100%;
}
body {
	color: #666;
	width: 100%;
	height: 100%;
	font-family:'Nanum Gothic', '나눔고딕', ngweb, ngie, "Malgun Gothic", "맑은 고딕", sans-serif;
	font-size:12px; 
	padding: 0px;
	margin: 0px;
}


div, p, ol, ul, li, img, a, h1, h2, h3, h4, h5, h6, form, span, iframe, dl, dt, dd {
	font-family:'Nanum Gothic', '나눔고딕', ngweb, ngie, "Malgun Gothic", "맑은 고딕", sans-serif;
	font-size:12px; 
	margin: 0px;
	padding: 0px;
	word-spacing:-1px;
}
ul, ol { list-style: none}

table, th, td { border-collapse: collapse; margin: 0; padding: 0; word-spacing:-1px;}
table caption {display: none;}
textarea.gray{background-color:#f5f5f5}




input.check {border:0 !important; vertical-align:middle; *margin:0 -3px;}
input.check02 {border:0 !important; vertical-align:middle;}
input.check03 {border:0; *margin-top:10px !important;}

fieldset { border:0; margin: 0px; padding: 0px}
legend { display: none}

.ch_tm{margin-top:5px;}

/* 기본링크 설정 */
a:link, a:visited,
a:active { color: #666; text-decoration: none; }
a:hover	 { color: #000; text-decoration: none;}



img {
	font-size: 0px;
	border: 0px;
	vertical-align:top;
}
.img {
	font-size: 0px;
	border: 0px;
	margin-top:-3px;
}

.check_orange{padding:5px 2px;}

hr { display: none}
col { background: none}

.png24 { tmp:expression(setPng24(this)); } 

a.roll img { display:inline; border:0;} 
a.roll img.over { display:none; } 

a.roll:hover { border:0; }
a.roll:hover img { display:none; } 
a.roll:hover img.over { display:inline; }


.f12{font-size:12px}
.f14{font-size:14px}
.f16{font-size:16px}
.f18{font-size:18px}
.f20{font-size:20px}



/* 기타 설정*/
.input_btn {vertical-align:baseline;border:0;}
.input_btn02 {border:0;}
.input_no{border:0;}

.blank	{margin-top:10px}
.pd5 	{padding: 5px;}
.pd_l5 {padding-left: 5px;}
.pd_r5 {padding-right: 5px;}
.pd_t5 {padding-top: 5px;}
.pd_b5 {padding-bottom: 5px;}

.pd_l9 {padding-left: 9px;}
.pd_r9 {padding-right: 9px;}
.pd_t9 {padding-top: 9px;}
.pd_b9 {padding-bottom: 9px;}

.pd10 {padding: 5px;}
.pd_l10 {padding-left: 10px;}
.pd_r10 {padding-right: 10px;}
.pd_t10 {padding-top: 10px;}
.pd_b10 {padding-bottom: 10px;}

.pd_l15 {padding-left: 15px;}
.pd_r15 {padding-right: 15px;}
.pd_t15 {padding-top: 15px;}
.pd_b15 {padding-bottom: 15px;}

.pd_l20 {padding-left: 20px;}
.pd_r20 {padding-right: 20px;}
.pd_t20 {padding-top: 20px;}
.pd_b20 {padding-bottom: 20px;}

.pd_l30 {padding-left: 30px;}
.pd_r30 {padding-right: 30px;}
.pd_t30 {padding-top: 30px;}
.pd_b30 {padding-bottom: 30px;}

.mg_l5 {margin-left: 5px;}
.mg_r5 {margin-right: 5px;}
.mg_t5 {margin-top: 5px;}
.mg_b5 {margin-bottom: 5px;}

.mg_l10 {margin-left: 10px;}
.mg_r10 {margin-right: 10px;}
.mg_t10 {margin-top: 10px;}
.mg_b10 {margin-bottom: 10px;}

.mg_l20 {margin-left: 20px;}
.mg_r20 {margin-right: 20px;}
.mg_t20 {margin-top: 20px;}
.mg_b20 {margin-bottom: 20px;}

.fl_r{float:right;}
.fl_l{float:left;}
.cl_b{clear:both;}

.ta_r {text-align:right !important;}
.ta_l {text-align:left !important;}
.ta_c {text-align:center !important;}

.r{border-right:none !important}
.b{border-bottom:none !important}

.ft_wt{font-weight:bold !important}

/* btn */ 




.paging{
	clear:both;
	padding:30px 0 0 0;
	text-align:center;
	margin-bottom:5px;
	color:#666;
	font-weight:bold;
	font: normal 12px "dotum",sans-serif;
}  
.paging a.pre{
	color:#7f7f7f !important;
	font-weight:bold;
	text-decoration:none;
}
.paging a.next{ color:#7f7f7f !important;font-weight:bold;text-decoration:none}

.paging a {color:#666 !important;display:inline-block;position:relative;_width /**/:17px;margin-right:1px;padding:5px 10px 6px; font-size:11px;font-weight:bold;line-height:normal;text-decoration:none;  _padding:0 5px 5px 5px !important; background-color:#fff;
	border-top:1px solid #f1f1f1;
	border-left:1px solid #f1f1f1;
	border-right:1px solid #f1f1f1;
	border-bottom:1px solid #d6d6d6;}

.paging strong{display:inline-block;position:relative;_width /**/:17px;margin-right:1px;padding:5px 10px 6px;color:#c0c0c0;font-size:12px;font-weight:bold;line-height:normal;text-decoration:none;  _padding:0 5px 5px 5px !important; }

*:first-child+html.paging a,.paging strong{ padding:0 !important;} 

.paging strong a{border:1px solid #e9002c;
background-color:#e51937; color:#fff !important; font-weight:bold}  

.paging strong a:hover{border:1px solid #e9002c;
background-color:#e51937; color:#fff }  

.paging a:hover{
	color:#7f7f7f;
	background-color:#fff;
	border:1px solid #d6d6d6;
}  





input.checkbox{	display: none; height:30px;}






a.btn_s{
	display:inline-block;
	line-height:35px;
	word-spacing:-1px;
	text-decoration:none !important;
	white-space:nowrap;
	cursor:hand;

	
}  

a.btn_s span,a.btn_s strong{
	width:58px;
	display:block;
	padding:0 12px 0 50px;
	background-image: url(../image/btn_email.png);
	background-repeat: no-repeat;
	font-weight:500;
	font-size:13px; color:#666  !important;;
	
}

input.btn_gray {
  font-family:dotum;
  color: #ffffff;
  font-size: 12px;
  background: #666666;
  padding: 0 ; margin:0;
  width:65px;
  height:26px;
  font-weight:bold;
  text-decoration: none;
  border:0;
  cursor:pointer;
}

input.btn_gray a {
  color: #ffffff !important;
}
input.btn_gray:hover {
  background: #445b69;
  text-decoration: none;
}



input.btn_Lgray {
  font-family:dotum;
  color: #ffffff;
  font-size: 11px;
  background: #afb5be;
  padding: 0 ; margin:0;
  width:65px;
  height:24px;
  font-weight:bold;
  text-decoration: none;
  border:0;
  cursor:pointer;
}

input.btn_Lgray a {
  color: #ffffff !important;
}


input.btn_Lgray:hover {
  background: #848a95;
  text-decoration: none;
}



input.btn_yellow {
  font-family:dotum;
  color: #ffffff;
  font-size: 12px;
  background: #ff9830;
  padding: 0 ; margin:0;
  width:65px;
  height:26px;
  font-weight:bold;
  text-decoration: none;
  border:0;
  cursor:pointer;
}

input.btn_yellow:hover {
  background: #e4801b;
  text-decoration: none;
}


a.btn_big{
	display:inline-block;
	padding-right:2px;
	font-family:'돋움',dotum;
	font-size:12px;
	color:#444 !important;
	line-height:28px;
	word-spacing:-1px;
	text-decoration:none !important;
	white-space:nowrap;
	background-color:#f0f0f0;
	border-radius: 2px;
	border:1px solid #d6d6d6;
	text-align:center;
	
}  


a.btn_big span,a.btn_big strong{
	display:block;
	padding:1px 10px 0 10px;
	color:#444 !important;
}

a.btn_big:active{ border-color:#d6d6d6; background:#d6d6d6; }





/*PR&MEDIA*/
.content_box{ margin-top:30px; line-height:24px; color:#666;  padding-bottom:80px; min-height:400px;}
.content_box:after{content:""; clear:both; display:block}
.imgList02 {}
.imgList02 > li {overflow:hidden;padding:20px 0;border-bottom:1px solid #e7e7e7;}
.imgList02 > li > div {float:left;}
.imgList02 li .img {width:260px;height:138px; padding-left:20px}
.imgList02 li .img img {width:260px;height:138px;}
.imgList02 li .txt {display:inline-block;width:400px;margin-left:30px;font-size:13px; color:#777;padding-left:20px}
.imgList02 li .txt .title {display:inline-block; font-size:15px; color:#333; margin-top:8px; }
.imgList02 li .txt > em {display:block; margin-top:9px; font-style:normal;}
.imgList02 li .txt .brief {/*display:inline-block;*/ margin-top:10px; min-height:60px;}
.imgList02 li .txt .read {display:block; font-weight:bold ;color:#333; margin-top:8px}
.tit h3{margin:0 0 18px 0;padding:0 0 25px 0;color:#424242;border-bottom:2px solid #424242;font-size:1.5em;line-height:1.2em;}
.tit p{text-align:right;font-size:1em;font-family:'Titillium Web', sans-serif;margin:0 5px 5px 28px;color:#777;}
.cnt{clear:both;padding:20px;margin-bottom:20px; border-bottom:1px solid #d9d9d9;border-top:1px solid #d9d9d9;}
.cnt p{line-height:22px;}