@import url("common.css");
@import url("style.css");

.png24 {tmp:expression(setPng24(this));} 
img,fieldset{border:0 none;}
td {font:12px 맑은고딕, Malgun Gothic, tahoma, 돋움,dotum; color:#7f7f7f;}
.hand {cursor: pointer;}
button{cursor: pointer;}
body {font:12px 맑은고딕, Malgun Gothic, tahoma, 돋움,dotum; color:#666666;scrollbar-face-color: #F4F6FB; scrollbar-highlight-color: #F4F6FB; 
scrollbar-shadow-color: #C7D0E6; scrollbar-3dlight-color: #C7D0E6; scrollbar-arrow-color: #7891B9; scrollbar-track-color: #F4F6FB; scrollbar-darkshadow-color: #F4F6FB}
#ecf0f8;scrollbar-3dlight-color:#c7d0e6;scrollbar-arrow-color:#607ddb;scrollbar-base-color:#f4f6fb;scrollbar-darkshadow-color:#fff;scrollbar-shadow-color:#c7d0e6;}
/* overflow-y: scroll; */


/* 기본링크 */
A {font-size: 12px; color: #797979; font-family: "맑은고딕, Malgun Gothic, tahoma, 돋움,dotum";}
A:link    {color:#8a8a8a; text-decoration:none}
A:visited {color:#8a8a8a; text-decoration:none}
A:active  {color:#8a8a8a; text-decoration:none}
A:hover   {color:#8a8a8a; text-decoration:underline}

.select01 {height:18px;width: 91px;font:11px/14px 맑은고딕, Malgun Gothic, tahoma, 돋움,dotum;color:#7f7f7f;border:1px solid #d3d3d3;}
.select02 {height:18px;width: 200px;font:12px/14px 맑은고딕, Malgun Gothic, tahoma, 돋움,dotum;color:#666666;border:1px solid #d3d3d3;}
.textarea01 {height:18px;width: 268px;font:12px/14px 맑은고딕, Malgun Gothic, tahoma, 돋움,dotum;color:#666666;border:1px solid #d3d3d3;}
.textarea02 {font:12px/14px맑은고딕, Malgun Gothic, tahoma, 돋움,dotum;color:#8a8a8a;line-height:18px;padding:30px 40px 30px 40px;}
.floater {position:absolute; visibility:visible} 


/* GNB */
.navi_tit {text-align:center; height:29px; font: 12px 맑은고딕, Malgun Gothic, tahoma, 돋움,dotum; color:#efefef; background:url(/images/common/navi_tit.gif) repeat-x;}
.navi_tit a:link {font: 12px 맑은고딕, Malgun Gothic, tahoma, 돋움,dotum; color:#efefef; text-decoration:none;}
.navi_tit a:visited {font: 12px 맑은고딕, Malgun Gothic, tahoma, 돋움,dotum; color:#efefef; text-decoration:none;}
.navi_tit a:hover {font: 12px 맑은고딕, Malgun Gothic, tahoma, 돋움,dotum; color:#efefef; text-decoration:underline;}
.navi_tit a:active {font: 12px 맑은고딕, Malgun Gothic, tahoma, 돋움,dotum; color:#efefef; text-decoration:none;}

.navi_on {text-align:center; height:29px; font: 12px 맑은고딕, Malgun Gothic, tahoma, 돋움,dotum; color:#2a2a2a; background-color:#ffffff;border:1px solid red}
.navi_on a:link {font: 12px 맑은고딕, Malgun Gothic, tahoma, 돋움,dotum; color:#2a2a2a; text-decoration:none;}
.navi_on a:visited {font: 12px 맑은고딕, Malgun Gothic, tahoma, 돋움,dotum; color:#2a2a2a; text-decoration:none;}
.navi_on a:hover {font: 12px 맑은고딕, Malgun Gothic, tahoma, 돋움,dotum; color:#2a2a2a; text-decoration:underline;}
.navi_on a:active {font: 12px 맑은고딕, Malgun Gothic, tahoma, 돋움,dotum; color:#2a2a2a; text-decoration:none;}

.navi_off {text-align:center; height:29px; font: 12px 맑은고딕, Malgun Gothic, tahoma, 돋움,dotum; color:#efefef; background:url(/images/common/navi_off.gif) repeat-x;}
.navi_off a:link {font: 12px 맑은고딕, Malgun Gothic, tahoma, 돋움,dotum; color:#efefef; text-decoration:none;}
.navi_off a:visited {font: 12px 맑은고딕, Malgun Gothic, tahoma, 돋움,dotum; color:#efefef; text-decoration:none;}
.navi_off a:hover {font: 12px 맑은고딕, Malgun Gothic, tahoma, 돋움,dotum; color:#efefef; text-decoration:underline;}
.navi_off a:active {font: 12px 맑은고딕, Malgun Gothic, tahoma, 돋움,dotum; color:#efefef; text-decoration:none;}


.left_navi_tit {font: 13px 맑은고딕, Malgun Gothic, tahoma, 돋움,dotum; color:#404040; font-weight:bold;}
.left_navi_tit2 {font: 11px 맑은고딕, Malgun Gothic, tahoma, 돋움,dotum; color:#5ca2b8;}
.left_navi_tit2 a:link {font: 11px 맑은고딕, Malgun Gothic, tahoma, 돋움,dotum; color:#5ca2b8;}
.left_navi_tit2 a:visited {font: 11px 맑은고딕, Malgun Gothic, tahoma, 돋움,dotum; color:#5ca2b8;}
.left_navi_tit2 a:hover {font: 11px 맑은고딕, Malgun Gothic, tahoma, 돋움,dotum; color:#5ca2b8; text-decoration:underline;}
.left_navi_tit2 a:active {font: 11px 맑은고딕, Malgun Gothic, tahoma, 돋움,dotum; color:#5ca2b8;}
.left_navi_tit3 {font: 11px 맑은고딕, Malgun Gothic, tahoma, 돋움,dotum; color:#404040; font-weight:bold;}

#wrap {width:960px;position:relative;margin:0 auto;z-index:100; top:0; text-align:left;}
#navi {width:400px; height:200px; position:absolute; right:0; top:90px;}


/* 타이틀 */
.title {font-size:22px; color:#000000; letter-spacing:-1px; height:74px; background:url(/images/common/bullet_tit.gif) no-repeat; background-position:2% 55%; padding-left:55px;}


/* 검색결과 */
.img_no {font-size:11px; color:#606060;}


/* 공통 */
.txt10_1 {font-size:10px; color:#7f7f7f;}
.txt10_1 a:link {font-size:10px; color:#7f7f7f;}
.txt10_1 a:visited {font-size:10px; color:#7f7f7f;}
.txt10_1 a:hover {font-size:10px; color:#7f7f7f;text-decoration:underline;}
.txt10_1 a:active {font-size:10px; color:#7f7f7f;}

.txt12_1 {font-size:12px; color:#404040;}
.txt12_1b {font-size:12px; color:#404040; font-weight:bold;}

.txt13_1 {font-size:13px; color:#404040;}
.txt13_1b {font-size:13px; color:#404040; font-weight:bold;}

.txt14_1b {font-size:14px; color:#404040; font-weight:bold;}

.txt11_1 {color:#7f7f7f; font-size:11px;}

.txt11_2 {color:#404040; font-size:11px; letter-spacing:-1px;}
.txt11_2 a:link {color:#404040; font-size:11px; letter-spacing:-1px;}
.txt11_2 a:visited {color:#404040; font-size:11px; letter-spacing:-1px;}
.txt11_2 a:hover {color:#404040; font-size:11px; letter-spacing:-1px; text-decoration:underline;}
.txt11_2 a:active {color:#404040; font-size:11px; letter-spacing:-1px;}

.txt11_point1 {color:#2da8ff; font-size:11px;}
.txt11_point1 a:link {color:#2da8ff; font-size:11px}
.txt11_point1 a:visited {color:#2da8ff; font-size:11px}
.txt11_point1 a:hover {color:#65bfff; font-size:11px; text-decoration:underline;}
.txt11_point1 a:active {color:#2da8ff; font-size:11px}



.btn_login {width:70px; height:27px; font-size:13px; color:#ffffff; text-align:center; font-weight:bold; background-color:#0d7dcc;}
.btn_login a:link {width:70px; height:27px; font-size:13px; color:#ffffff; text-align:center; font-weight:bold; background-color:#0d7dcc;}
.btn_login a:visited {width:70px; height:27px; font-size:13px; color:#ffffff; text-align:center; font-weight:bold; background-color:#0d7dcc;}
.btn_login a:hover {width:70px; height:27px; font-size:13px; color:#ffffff; text-align:center; font-weight:bold; background-color:#0d7dcc; text-decoration:underline; margin:10px;}
.btn_login a:active {width:70px; height:27px; font-size:13px; color:#ffffff; text-align:center; font-weight:bold; background-color:#0d7dcc;}

.btn_search {margin-left:15px;margin-right:15px; font-size:13px; color:#ffffff; text-align:center; font-weight:bold; background-color:#0d7dcc;}
.btn_search a:link {font-size:13px; color:#ffffff; text-align:center; font-weight:bold; background-color:#0d7dcc;}
.btn_search a:visited {font-size:13px; color:#ffffff; text-align:center; font-weight:bold; background-color:#0d7dcc;}
.btn_search a:hover {font-size:13px; color:#ffffff; text-align:center; font-weight:bold; background-color:#0d7dcc; text-decoration:underline;}
.btn_search a:active {font-size:13px; color:#ffffff; text-align:center; font-weight:bold; background-color:#0d7dcc;}

.btn_login3 {font-size:13px; color:#ffffff;background-color:#0d7dcc; padding:13px; border:2px #0d7dcc solid; text-align:center;}
.btn_login3:link {font-size:13px; color:#ffffff;background-color:#0d7dcc; padding:13px; border:2px #0d7dcc solid; text-align:center;}
.btn_login3:visited {font-size:13px; color:#ffffff;background-color:#0d7dcc; padding:13px; border:2px #0d7dcc solid; text-align:center;}
.btn_login3:hover {font-size:13px; color:#ffffff;background-color:#1285d6; padding:13px; border:2px #0d7dcc solid; text-align:center; text-decoration: none;}
.btn_login3:active {font-size:13px; color:#ffffff;background-color:#0d7dcc; padding:13px; border:2px #0d7dcc solid; text-align:center;}

.btn_login2:link {color:#ffffff;background-color:#0d7dcc; padding:15px; border:1px #0d7dcc solid; text-align:center;}
.btn_login2:visited {color:#ffffff;background-color:#0d7dcc; padding:15px; border:1px #0d7dcc solid; text-align:center;}
.btn_login2:hover {color:#ffffff;background-color:#0d7dcc; padding:15px; border:1px #0096ff solid; text-align:center; text-decoration: underline;}
.btn_login2:active {color:#ffffff;background-color:#0d7dcc; padding:15px; border:1px #0d7dcc solid; text-align:center;}


/* 폼 */
.input_1 {
	height:27px; width: 230px;
	font:17px 맑은고딕, Malgun Gothic, tahoma, 돋움,dotum; color:#606060; font-weight:bold; vertical-align: middle;
	border-top:1px solid #c4c4c4; border-left:1px solid #c4c4c4; border-right:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9;
}

.input_2 {
	font:15px 맑은고딕, Malgun Gothic, tahoma, 돋움,dotum; color:#606060; font-weight:bold; vertical-align: middle; text-align:middle;
	border-top:1px solid #c4c4c4; border-left:1px solid #c4c4c4; border-right:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9;
}

.input_3 {
	height:24px; width: 230px;
	font:17px 맑은고딕, Malgun Gothic, tahoma, 돋움,dotum; color:#606060; font-weight:bold; vertical-align: middle; background-color:#e6e6e6;
	border-top:1px solid #cfcfcf; border-left:1px solid #cfcfcf; border-right:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9;
}

.input_4 {
	height:20px; width: 200px;
	font:13px 맑은고딕, Malgun Gothic, tahoma, 돋움,dotum; color:#606060; font-weight:bold; vertical-align: middle; background-color:#e6e6e6;
	border-top:1px solid #cfcfcf; border-left:1px solid #cfcfcf; border-right:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9;
}

.input_5 {
	font:12px 맑은고딕, Malgun Gothic, tahoma, 돋움,dotum; color:#606060; font-weight:bold; vertical-align: middle;
	border-top:1px solid #c4c4c4; border-left:1px solid #c4c4c4; border-right:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9;
}


.search {
	height:18px; width: 80px; color:#7f7f7f;
	border:1px solid #fff;
}


.select_1 {font:12px 맑은고딕, Malgun Gothic, tahoma, 돋움,dotum; vertical-align:middle;color:#606060}
.select_2 {font:11px 맑은고딕, Malgun Gothic, tahoma, 돋움,dotum; vertical-align:middle;color:#606060}


/* 입력 */
.input_txt1 {font-size:12px;color:#505050;background:url(/images/common/icon_bull_grey2.gif) no-repeat; background-position:15% 52%; padding-left:30px; }
.input_txt2 {font-size:12px;color:#505050;background:url(/images/common/icon_bull_grey2.gif) no-repeat; background-position:5% 52%; padding-left:30px; }


/* 검색 */
.search_bg {background-color:#e6e6e6;border-top:1px solid #cfcfcf; border-left:1px solid #cfcfcf; border-right:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9;}
.search_input {
	font:13px 맑은고딕, Malgun Gothic, tahoma, 돋움,dotum; color:#606060; font-weight:bold; vertical-align: middle; background-color:#e6e6e6;
	border:1px solid #e6e6e6;
}
.search_txt1 {font-size:16px;color:#404040; vertical-align:middle; font-weight:bold; padding-left:5px;}
.search_txt2 {font-size:14px;color:#505050;background:url(/images/common/icon_bull_grey.gif) no-repeat; background-position:0% 52%; padding-left:10px;}


/* 탭 */
.tab_on {border-top:1px solid #e6e6e6; border-left:1px solid #e6e6e6; border-right:1px solid #e6e6e6; border-bottom:1px solid #f9f9f9; background-color:#f9f9f9; text-align:center;font:13px; font-weight:bold; color:#404040;}
.tab_on a:link {text-align:center;font:13px; font-weight:bold; color:#404040;}
.tab_on a:hover {text-align:center;font:13px; font-weight:bold; color:#404040;text-decoration:underline}

.tab_off {border-top:1px solid #e6e6e6; border-left:1px solid #e6e6e6; border-right:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; background-color:#f0f0f0; text-align:center;font:13px; font-weight:bold;}
.tab_off a:link {text-align:center;font:13px; font-weight:bold;}
.tab_off a:hover {text-align:center;font:13px; font-weight:bold;text-decoration:underline;}

.tab_bg {border-top:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; background-color:#f9f9f9; height:38px;}

.tab_tit {font:12px; color:#2da8ff;padding:0 15px 0 15px;}
.tab_tit a:link {font:12px; color:#2da8ff; padding:0 15px 0 15px;}
.tab_tit a:visited {font:12px; color:#2da8ff; padding:0 15px 0 15px;}
.tab_tit a:hover {font:12px; color:#2da8ff;text-decoration:underline; padding:0 15px 0 15px;}
.tab_tit a:active {font:12px; color:#2da8ff; padding:0 51px 0 15px;}


.pop_tab_on {border-top:1px solid #e6e6e6; border-left:1px solid #e6e6e6; border-right:1px solid #e6e6e6; border-bottom:1px solid #ffffff; background-color:#ffffff; text-align:center;font:13px; font-weight:bold; color:#404040;}
.pop_tab_on a:link {text-align:center;font:13px; font-weight:bold; color:#404040;}
.pop_tab_on a:hover {text-align:center;font:13px; font-weight:bold; color:#404040;text-decoration:underline}

.pop_tab_off {border-top:1px solid #e6e6e6; border-left:1px solid #e6e6e6; border-right:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; background-color:#f0f0f0; text-align:center;font:13px; font-weight:bold;}
.pop_tab_off a:link {text-align:center;font:13px; font-weight:bold;}
.pop_tab_off a:hover {text-align:center;font:13px; font-weight:bold;text-decoration:underline;}

.pop_tab_bg {border-top:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; background-color:#f9f9f9; height:38px;}

.pop_tab_tit {font:12px; color:#2da8ff;padding:0 15px 0 15px;}
.pop_tab_tit a:link {font:12px; color:#2da8ff; padding:0 15px 0 15px;}
.pop_tab_tit a:visited {font:12px; color:#2da8ff; padding:0 15px 0 15px;}
.pop_tab_tit a:hover {font:12px; color:#2da8ff;text-decoration:underline; padding:0 15px 0 15px;}
.pop_tab_tit a:active {font:12px; color:#2da8ff; padding:0 51px 0 15px;}



/* board */
.board_bar {background:url(/images/common/board_bar.gif) repeat-x;}
.board_tit {font-size:12px; color:#404040; text-align:center;}
.board_txt1 {font-size:11px; color:#7f7f7f; text-align:center;}
.board_txt1 a:link {font-size:11px; color:#7f7f7f; text-align:center;}
.board_txt1 a:visited {font-size:11px; color:#7f7f7f; text-align:center;}
.board_txt1 a:hover {font-size:11px; color:#7f7f7f; text-align:center; text-decoration:underline;}
.board_txt1 a:active {font-size:11px; color:#7f7f7f; text-align:center;}

.board_txt2 {font-size:11px; color:#7f7f7f; text-align:center;}
.board_txt3 {font-size:11px; color:#505050;}
.board_txt4 {font-size:11px; color:#7f7f7f; text-align:center; border-right:1px solid #eff0ed;}
.board_txt5 {font-size:11px; color:#505050; text-align:center; border-right:1px solid #eff0ed; font-weight:bold;}
.board_txt6 {color:#2da8ff; font-size:11px; text-align:center;}
.board_txt6 a:link {color:#2da8ff; font-size:11px; text-align:center;}
.board_txt6 a:visited {color:#2da8ff; font-size:11px; text-align:center;}
.board_txt6 a:hover {color:#2da8ff font-size:11px; text-align:center; text-decoration:underline;}
.board_txt6 a:active {color:#2da8ff; font-size:11px; text-align:center;}

.board_recruit1 {color:#ffffff; font-size:11px; text-align:center; font-weight:bold;}
.board_recruit2 {color:#505050; font-size:11px; text-align:center; font-weight:bold; background-color:#f5f5f5;}
.board_recruit3 {color:#7f7f7f; font-size:11px; padding:15px; vertical-align:top; line-height:17px;}
 

/* 페이징 */
.pg {font:13px; color:#606060; font-weight:bold; padding:0 7px;}
.pg a:link {font:13px; color:#606060;  text-decoration: none;}
.pg a:visited {font:13px; color:#606060; text-decoration: none;}
.pg a:hover {font:13px; background-color:#e6e6e6;}
.pg a:active {font:13px; color:#606060; text-decoration: none;}
.pg_txt1 {color:#404040;}
.pg_txt1 a:link {color:#404040;}
.pg_txt1 a:visited{color:#404040;}
.pg_txt1 a:hover {color:#404040;}
.pg_txt1 a:active {color:#404040;}


.t1 {vertical-align: middle}
.t2 {vertical-align: bottom}
.t3 {letter-spacing: -0.1em}
.t4 {vertical-align: middle; text-align:right;}
.t5 {vertical-align: middle; padding-right:2px;padding-right:2px; width:1px; height:15px;}
.t6 {vertical-align: middle; padding-right:10px;}


/* 이미지 미리보기 (돋보기)
------------------------------------------------------------------------------------ */
#trailimageid { position: absolute;	visibility: hidden;	border: 0px solid #888;left: -1000px;top: 0px; width: 0px; height: 0px; z-index:200;}