@charset "utf-8";
@import "layout_main.css";
@import "layout_news.css";
@import "layout_search.css";
@import "layout_mypage.css";

/*============================| base.css vol.1 |===================================/

	project : Watcherdaily.com
	작성자 : 웹디자이너 오태훈
	작성일 : 2010.07.14
	수정일 : 

===============================================================================*/

/* 기본 */
html {overflow-x:auto; overflow-y:scroll;}
/* body { background:url(../../images/main/bg_top2.gif) #fff center top repeat-x;} */
body { background:#fff;}
body, dl, dt, dd, ul, ul li, h1, h2, h3, h4, h5, h6, form, fieldset, blockquote, button, input{ font:normal 12px dotum; line-height:140%; margin:0; padding:0; }
p {margin:0;}
ul, dl, dd { list-style:none outside; }
ol { list-style:outside; }
input{font-family:Dotum;font-size:12px;letter-spacing:0px;color:#555;}
table{clear:both;}
form{ border:0;}
fieldset{border:0;}
* html form, * html fieldset { margin:0; padding:0; border:0;}
* {margin:0; padding:0;}
a, button { cursor:pointer; }
a:link, a:visited, a:active {text-decoration:none;}	a:hover {text-decoration:underline;}
hr{ margin:0; padding:0;}
.hrcolor{ height:1px; background:#F0F0F0; color:#F0F0F0; border:none;}
.hrcolor{margin/**/:20px 0;}
.hrcolor2{ border-bottom:1px solid #FF0000; border-top:1px solid #FFCC33; }
img { border:none;}
a {color:#777}
a:hover {color:#ddc155;}

.absmiddle{vertical-align:middle;}

/* //기본 */

.simpleform {height:16px; padding:3px 3px 0px 3px; font-family:verdana;font-size:11px; line-height:120%; background-color:#f9f9f9; color:#555; border:1px solid #ccc; }

textarea {
	font-family:dotum; font-size:9pt; color:#555;border:1px solid #ccc; overflow:auto; 
}

* html  textarea {
	scrollbar-face-color:#f5f5f5; 
	scrollbar-shadow-color:#ccc; 
	scrollbar-highlight-color:#fff; 
	scrollbar-3dlight-color:#fff; 
	scrollbar-darkshadow-color:#f5f5f5; 
	scrollbar-track-color:#f5f5f5; 
	scrollbar-arrow-color:#7e7e7e; 
}

.input{border:1px solid #ccc;height:22px; padding:4px 3px 0px 3px;}/*2009-02-13추가*/
.input_s {width:220px;margin-left:4px;border:1px solid #ccc;height:14px; padding:4px 3px 0px 3px;}
input.checkbox {width:13px; height:13px; vertical-align:top; margin-top:1px;}
* html input.checkbox {width:13px; height:13px; vertical-align:text-bottom;}
/* //각종폼 */

/* 입력폼 부가설명 (랭크업) */
#tip {margin-left:6px;color:#3399FF;font-size:8pt;font-family:dotum;letter-spacing:-1px}

/* 메인 고객센터 전화번호 (랭크업) */
.main_call_center {font-family:dotum; font-size:9pt; color:#333; font-weight:bold; letter-spacing:0px; }/*2009-02-13 수정*/

/* 달력 - 2008.09.11 추가 (랭크업) */
#calendar_div {position:absolute;text-align:center;background-color:white;}
#calendar_div td {width:20px;height:20px;font-size:8pt;font-family:verdana;letter-spacing:-1px;}
#calendar_div .hoverCell {background-color:#F1F9EE;}
#calendar_div .normalCell {background-color:white;}
#calendar_div .selectCell {background-color:#FDF7E8;font-weight:bolder;}
#calendar_div .shoverCell {background-color:#FCF2DA;font-weight:bolder;}
#calendar_div button {width:20px;padding:0px;cursor:pointer;font-size:7pt;font-family:verdana;}
#calendar_div input {border:0px;font-size:10pt;padding-top:0px;font-weight:bolder;font-family:verdana;letter-spacing:-2px;text-align:center;}
.calendar {width:80px;height:22px;padding-top:3px;border:#a9becf 1px solid;background-color:#006699;color:white;font-size:8pt;font-family:verdana;font-weight:bolder;letter-spacing:-1px;text-align:center;cursor:pointer;}

/* 폰트관련 */
.t_dotum { font:normal 12px dotum; }
.t_dotum_s { font:normal 11px dotum; }
.t_arial { font-family:arial; }
.t_arial_s { font:normal 11px arial; }
.t_s { font-size:11px; }
.t_bold { font-weight:bold; }
.letter { letter-spacing:-1px; }
.letter_none { letter-spacing:0; }
.brown_01 { color:#b5a179; }
.orange_01 { color:#ff7e00; }
.gr{color:#666; font-size:10px;}
.gr2{color:#666; font-size:11px;}
.engnum{ font-family:Tahoma; font-size:9px; color:#999;}
.eng{ font-family:Tahoma; font-size:11px; color:#999;}
.t_green {color:#669933;}

/* 폰트정렬관련 */
.t_center { text-align:center; }
.t_left { text-align:left; }
.t_right { text-align:right; }
.t_middle { vertical-align:middle; }

/* 정렬관련 */
.f_l { float:left; }
.f_r { float:right; }
.f_none { float:none; }
.il { display:inline; }
.db{ display:block; }
.c_both { clear:both; }
.c_l { clear:left; }
.c_r { clear:right; }
.center { margin:0 auto; }
.v_middle { vertical-align:middle; }

/* 마진관련 */
.m_10 { margin:10px; }
.m_15 { margin:15px; }
.m_15_b { margin-top:15px;margin-left:15px;margin-right:15px; }
.m_15_t { margin-top:5px;margin-left:15px;margin-right:15px; margin-bottom:15px; }
.m_20 { margin:20px; }
.m_t_3 { margin-top:3px; }
.m_t_5 { margin-top:5px; }
.m_t_7 { margin-top:7px; }
.m_t_8 { margin-top:8px; }
.m_t_10 { margin-top:10px; }
.m_t_13 { margin-top:13px; }
.m_t_15 { margin-top:15px; }
.m_t_20 { margin-top:20px; }
.m_t_30 { margin-top:30px; }
.m_t_40 { margin-top:40px; }
.m_t_50 { margin-top:50px; }
.m_l_5 { margin-left:5px; }
.m_l_10 { margin-left:10px; }
.m_l_30 { margin-left:30px; }
.m_r_5 { margin-right:5px; }
.m_r_6 { margin-right:6px; }
.m_r_7 { margin-right:7px; }
.m_r_8 { margin-right:8px; }
.m_r_10 { margin-right:10px; }
.m_r_15 { margin-right:15px; }
.m_r_20 { margin-right:20px; }
.m_r_25 { margin-right:25px; }
.m_r_30 { margin-right:30px; }
.m_b_5 { margin-bottom:5px; }
.m_b_10 { margin-bottom:10px; }
.m_b_20 { margin-bottom:20px; }


/* 패딩관련 */
.p_l_10 { padding-left:10px; }
.p_l_20 { padding-left:20px; }
.p_l_40 { padding-left:40px; }
.p_l_45 { padding-left:45px; }
.p_l_46 { padding-left:46px; }
.p_l_47 { padding-left:47px; }
.p_r_10 { padding-right:10px; }
.p_b_5 { padding-bottom:5px; }
.p_b_10 { padding-bottom:10px; }
.p_b_20 { padding-bottom:20px; }
.p_t_3 { padding-top:3px; }
.p_t_5 { padding-top:5px; }
.p_t_8 { padding-top:8px; }
.p_t_10 { padding-top:10px; }
.p_t_15 { padding-top:15px; }
.p_t_20 { padding-top:20px; }
.p_10 { padding:10px; }
.p_20 { padding:20px; }
.p_25 { padding:25px; }
.p_b_0 { padding-bottom:0px; }

/* IE 6 브라우저에서 PNG 투명배경 이미지를 지원하기 위한 코드 */
 .png24 { tmp:expression(setPng24(this)); }

/* 레이어 하단 보더값 */
.b_bottom { border-bottom:1px dashed #ccc;}

/* 탭 */
.tab_line{overflow:hidden;height:26px;background:url('../../images/btn/tab_line.gif') repeat-x;width:100%;}
.tab_on{display:block;float:left;height:26px;padding-left:25px;background:url('../../images/btn/tab_on_bg.gif');}
.tab_on div{display:block;float:left;height:26px;padding-right:25px;background:url('../../images/btn/tab_on_bg.gif') 100% 0;padding-top:6px;}
.tab_text_on:link, a.tab_text_on:visited, a.tab_text_on:active, a.tab_text_on:hover{ font-family:dotum;font-size:12px;font-weight:bold;color:#ddc155;letter-spacing:-1px;text-decoration:none;}

.tab_off{float:left;display:block;height:26px;padding-left:25px;background:url('../../images/btn/tab_off_bg.gif');}
.tab_off div{display:block;float:left;height:26px;padding-right:25px;background:url('../../images/btn/tab_off_bg.gif') 100% 0;padding-top:6px;}
.tab_text_off:link, a.tab_text_off:visited, a.tab_text_off:active, a.tab_text_off:hover{font-family:dotum;font-size:12px;font-weight:bold;letter-spacing:-1px;text-decoration:none;}

/* 기사스타일 설정*/
.list_style{padding-bottom:3px;padding-top:4px;padding-right:2px;margin-top:0px;color:#dddddd;border-bottom:0px solid #e8e9e3;text-align:right;background-color:#f8f8f8;clear:both}
.list_style a{color:#9c9c9c;font-size:11px;letter-spacing:-1px;margin-left:5px;margin-right:5px;}
.list_style img{vertical-align:middle;margin-bottom:2px;margin-right:3px;}

.list_style2{padding-bottom:5px;padding-top:10px;padding-right:2px;margin-top:0px;color:#dddddd;border-bottom:1px solid #e8e9e3;text-align:right;clear:both}
.list_style2 a{color:#9c9c9c;font-size:11px;letter-spacing:-1px;margin-left:5px;margin-right:5px;}
.list_style2 img{vertical-align:middle;margin-bottom:2px;margin-right:3px;}

.list_style3{padding-bottom:3px;padding-top:4px;padding-right:2px; margin-top:20px;color:#dddddd;border-bottom:0px solid #e8e9e3;text-align:right;background-color:#f8f8f8;}
.list_style3 a{color:#9c9c9c;font-size:11px;letter-spacing:-1px;margin-left:5px;margin-right:5px;}
.list_style3 img{vertical-align:middle;margin-bottom:2px;margin-right:3px;}

/* 검색 */
.search_articlelist {padding-top:0px;padding-bottom:0px;margin-top:10px;}
.search_articlelist dl{overflow:auto;width:100%;margin:0 0 5px 0;padding:10px 0 5px 0;}
.search_articlelist dt{margin-bottom:2px;}
.search_articlelist dt a{font-family:굴림;font-size:13px; letter-spacing:0px;line-height:130%;color:#2929d6;}
.search_articlelist dt a:hover{color:#685f3c; text-decoration:underline;}
.search_articlelist dd{line-height:150%;}
.search_articlelist dd.photo{clear:both; float:left;margin:0 8px 8px 0;}
.search_articlelist dd.photo img{display:block;}
.search_articlelist dd.photo a img{border:5px solid #e6e6e6;}
.search_articlelist dd.photo a:hover img{border:5px solid #ddc155;}
.search_articlelist .category{font-family:돋움;font-size:11px;letter-spacing:-1px;color:#666666;margin-left:20px;}
.search_articlelist .date{font-family:Tahoma; font-size:9px; color:#999;margin-left:15px;}
.search_articlelist .dotline{clear:both;background-image: url(/images/dotline01.gif); background-repeat:repeat-x;background-position:0 2px;width:100%;font-size:0;line-height:0;height:10px;}

/* Paginate */
.paginate { padding:15px 0; text-align:center;}
.paginate a,
.paginate strong { position:relative; display:inline-block; margin-right:1px; padding:3px 3px 5px 3px; color:#000; text-decoration:none; border:1px solid #ffffff; font:bold 13px/normal Verdana; _width /**/:17px;}
.paginate strong { color:#f23219; border:1px solid #e9e9e9;}
.paginate .pre { margin-right:9px; padding:7px 6px 5px 16px; _padding-bottom:3px; background:url(../../images/icon/bu_pg_l_off.gif) no-repeat 6px 9px;}
.paginate .next { margin-left:9px; padding:7px 16px 5px 6px; _padding-bottom:3px; background:url(../../images/icon/bu_pg_r_off.gif) no-repeat 71px 9px;}
*:first-child+html .paginate .pre,
*:first-child+html .paginate .next { top:-1px; padding-bottom:3px;}
.paginate a.pre { background:url(../../images/icon/bu_pg_l_on.gif) no-repeat 6px 9px;}
.paginate a.next { background:url(../../images/icon/bu_pg_r_on.gif) no-repeat 71px 9px;}
.paginate .pre,
.paginate .next { display:inline-block; color:#ccc; border:1px solid #e9e9e9; position:relative; top:1px; _top:-1px; font:12px/normal 굴림, Gulim; _width /**/:84px;}
.paginate a.pre,
.paginate a.next { color:#565656;}
.paginate a:hover { background-color:#f7f7f7; border:1px solid #e9e9e9;}