﻿/* CSS Document */
* {margin:0px; padding:0px;}
body {font-family:Gulim, "굴림", Dotum, "돋움", AppleGothic, Sans-serif; color:#555555; font-size:12px;}
ol,dl,dd,dt {list-style:none;}
ul,lt,li {list-style:none;}
img {border:0;vertical-align:top;}
textarea, select, 
{
    font-family:Gulim, "굴림", Dotum, "돋움", AppleGothic, Sans-serif; 
    color:#555555; font-size:1em;
    border:1px solid #ababab;
}
caption {display:none;}

a:link, a:visited{color: #505050;text-decoration: none;}
a:hover{text-decoration: underline;}
a:focus{text-decoration:underline;}


#wrap {margin:0 auto; width:910px; position:relative;}

/* 상단 탑메뉴, 로고, 메인메뉴, */
#header2 {width:910px; height:79px;}
#top_set2 {width:910px; height:20px;}
#top_set2 .set_top2 {float:right;}
#top_set2 .set_top2 li{float:left;}
#top_set2 .set_top2 li.t_blank{margin-right:10px; padding-top:5px;}

#top_set2 .top_menu_logo {clear:both; width:910px;}
#top_set2 .top_menu_logo p{float:left;}
#top_set2 .top_menu_logo h1.t_logo {float:left;}
#top_set2 .top_menu_logo p.mainmenu{margin-top:10px; margin-left:55px;}

/* ---- 로그인,프로그램검색,메일링버튼,메인플래시무비 ---- */
#header_cont {clear:both; width:910px; position:relative;}
#header_cont #login_search {float:left; width:220px; padding-top:24px;}
/* 로그인 */
#header_cont #login_search .login_area {clear:both; padding:18px 0 1px 21px; height:85px; width:199px; background:url(/img_spc_solution/spc_module/spc_html/main/center/login_bg.gif) no-repeat; }
/* 로그인 폼 */
#header_cont #login_search .login_area .login_part .login_form li{float:left;}
#header_cont #login_search .login_area .login_part .login_form li.lf01 input {border:1px solid #ababab; width:114px; height:18px; _height:19px; .height:19px; padding:1px 1px 1px 1px; _padding:0; .padding:0; margin-right:1px; }
#header_cont #login_search .login_area .login_part .login_form li.lf02 input {padding:4px 0 0 3px; border:none;}
#header_cont #login_search .login_area .login_part .login_form li.lf03 {padding:5px 0 0 1px;}
/* 패스워드 폼 */
#header_cont #login_search .login_area .login_part .password_form {clear:both; _clear:none; .clear:none; padding-top:2px; _padding-top:0; .padding-top:0;}
#header_cont #login_search .login_area .login_part .password_form li {float:left;}
#header_cont #login_search .login_area .login_part .password_form li.lf01 input {border:1px solid #ababab; width:114px; height:18px; _height:19px; .height:19px; padding:1px 1px 1px 1px; _padding:0; .padding:0; margin-right:1px; }
#header_cont #login_search .login_area .login_part .password_form li.lf04 {margin-left:1px;} 
#header_cont #login_search .login_area p{clear:both; padding-top:12px; _padding-top:6px; .padding-top:6px;}

/* 로그인 후 */
#header_cont #login_search .login_after {clear:both; padding:17px 0 1px 14px; height:85px; width:206px; background:url(/img_spc_solution/spc_module/spc_html/main/center/login_bg.gif) no-repeat; }
#header_cont #login_search .login_after .login_name {padding-bottom:9px;}
#header_cont #login_search .login_after .login_mod_out {padding-top:7px; .padding-top:0; _padding-top:0; width:195px;}
#header_cont #login_search .login_after .login_mod_out li {float:left;}
#header_cont #login_search .login_after .login_mod_out li.l_out {float:right; padding-right:1px;}
#header_cont #login_search .login_after .l_admin_con{clear:both;padding:4px 0 0 0;}



/* 프로그램 검색 */
#header_cont #login_search .search_area {padding-top:6px; width:220px;}
#header_cont #login_search .search_area .search02 {padding:5px 0 7px 13px; border-left:solid 1px #c8d0d9; border-right:solid 1px #c8d0d9;}
#header_cont #login_search .search_area .search02 .search02_1 input {width:146px; height:15px; padding:1px; _padding:0; .padding:0; margin-right:1px; border:1px solid #ababab; .height:18px;  _height:18px;}
#header_cont #login_search .search_area .search02 .search02_1 li{float:left;}
#header_cont #login_search .search_area .search02 .search02_1 li.search_btn1 {padding-left:1px; _padding:1px 0 0 1px; .padding:1px 0 0 1px;}
#header_cont #login_search .search_area .search02 .search02_1 img {margin-left:2px;}
#header_cont #login_search .search_area .search02 .search02_2 {clear:both; padding-top:5px;}
#header_cont #login_search .search_area .search03 {width:220px; height:2px;}
/* 메일링서비스신청하기 버튼이미지 */
#header_cont #login_search .mailing {padding:12px 0 0 10px; _padding:0 0 0 12px;}

/* 메인플래시무비 */
#header_cont #main_mc {float:left; position:relative; z-index:2;}
#header_cont #main_mc #s_mv { position:absolute; bottom:0; right:0; z-index:5;}


/* 중간 라인 */
#center_line {clear:both; border-top:1px solid #3d3d3d; border-bottom:1px solid #d6d6d6; height:2px; width:910px; _font-size:3px; }

/* ---- 컨텐츠 영역 : 좌측, 중앙, 우측 ---- */
#container {clear:both; width:910px; padding-top:19px;}
#container #left_cont {float:left; width:220px;}
#container #center_cont {float:left; width:410px; margin-left:28px;}
#container #right_cont {float:right; width:225px;}

/* 컨텐츠 좌측 : 새일센터 바로가기, 취업팡팡, 취업지원실,  */
/* 새일센터 바로가기 영역 */
#left_cont .left01 {padding:0 0 16px 10px;}
/* 구인표/구직표작성 바로가기 영역 */
p.dot_line00 { padding-left:14px; }
ul.l03_ul1 {padding:4px 4px 4px 12px; _padding:0px 4px 4px 12px; .padding:0px 4px 4px 12px; margin:5px 0 8px 0; _margin:0 0 5px 0; .margin:0 0 5px 0; }
li.l03_li1 {display:inline; padding:0;}
li.l03_li2 {display:inline; padding:0 2px 0 2px;}
li.l03_li3 {display:inline; padding:0;}
/* 취업팡팡 영역 */
#left_cont .left02 {width:220px;}
#left_cont .left02 .left02_title li{float:left; }
#left_cont .left02 .left02_02 {clear:both; padding:9px 0 10px 14px; border-left:1px solid #dad6cb; border-right:1px solid #dad6cb;}
#left_cont .left02 .left02_02 p.text_cont {padding-bottom:8px;}
#left_cont .left02 .left02_02 li.l02_text1 {padding:1px 0;}
#left_cont .left02 .left02_02 li.l02_text1 img {padding-top:4px;}
#left_cont .left02 .left02_02 li.l02_text1 span {font-family:돋움,dotum; font-size:11px;  text-decoration:none;}
/* 취업지원실 영역 */
#left_cont .left03 {width:220px; margin-top:9px; _margin-top:0; .margin-top:0;}
#left_cont .left03 .left03_02 {padding:9px 0 8px 14px; border-left:1px solid #cdd1d5; border-right:1px solid #cdd1d5;}
#left_cont .left03 .left03_02 h5{font-size:12px; padding-bottom:8px;}
#left_cont .left03 .left03_02 li {padding-bottom:3px;}
/* 방문자수 영역 */
#left_cont .count_area {clear:both; margin-top:9px; _margin-top:0; .margin-top:0; width:163px; height:38px; padding:10px 0 0 57px; background:url(/img_spc_solution/spc_module/spc_html/main/center/count_bg.gif) no-repeat; }
#left_cont .count_area .count_today { }
#left_cont .count_area .count_today span{color:#ee8c0e; font-weight:bold; }
#left_cont .count_area .count_total {margin-top:4px; font-weight:bold; color:#7f7f7f; }

/* ---- 중앙 컨텐츠 영역 :최근게시글,중앙플래시배너,갤러리 ---- */
/* 최근게시글 : 공지사항,구인구직,취업자료 */
#center_cont .recent_board {clear:both; }
#center_cont .recent_board .r_board_bg {padding-left:14px; height:25px; border-bottom:1px solid #9eb0d8; width:396px;}
#center_cont .recent_board .r_board_bg li {float:left;}
#center_cont .recent_board .r_board_bg li.r_board04 {float:right; padding:5px 5px 0 0;}
#center_cont .recent_board .r_board_view {padding:14px 0 0 5px; height:100px}
#center_cont .recent_board .r_board_view li{width:405px; clear:both; padding:2px 0 2px 0; _padding:0; padding.:0;}
#center_cont .recent_board .r_board_view li img{padding-top:4px;}
#center_cont .recent_board .r_board_view li .rbv_011 {float:left; padding-bottom:3px; _padding-bottom:0px; .padding-bottom:0px; padding-left:7px;}
#center_cont .recent_board .r_board_view li .rbv_011 { background:url(/img_spc_solution/spc_module/spc_html/main/center/m_dot.gif) 2px 4px no-repeat;}
#center_cont .recent_board .r_board_view li .rbv_012 {float:right; padding-bottom:3px;}
#center_cont .recent_board .r_board_view li.view_li02 {padding-top:6px;}

/* 중앙플래시배너 */
#center_cont .mc_rolling_flash {clear:both;}
/* 수강생모습 */
#center_cont .recent_gallery {clear:both; padding-top:10px;}
#center_cont .recent_gallery .mem_gallery {float:left; width:195px;}
#center_cont .recent_gallery .mem_gallery .mem_g_title {height:25px; border-bottom:1px solid #949494; padding-bottom:5px;}
#center_cont .recent_gallery .mem_gallery .mem_g_view {padding-top:14px;}
#center_cont .recent_gallery .mem_gallery .mem_g_view li {float:left;}
#center_cont .recent_gallery .mem_gallery .mem_g_view li p.mem_text {text-align:center; padding-top:8px;}
#center_cont .recent_gallery .mem_gallery .mem_g_view li.mem_g_l02 {margin-left:9px;}
/* 센터포커스 */
#center_cont .recent_gallery .center_focus {float:left; margin-left:20px; _margin-left:10px; width:195px;}
#center_cont .recent_gallery .center_focus .focus_g_title {height:25px; border-bottom:1px solid #949494; padding-bottom:5px;}
#center_cont .recent_gallery .center_focus .focus_g_view {padding-top:14px;}
#center_cont .recent_gallery .center_focus .focus_g_view li {float:left;}
#center_cont .recent_gallery .center_focus .focus_g_view li p.mem_text {text-align:center; padding-top:8px;}
#center_cont .recent_gallery .center_focus .focus_g_view li.mem_g_l02 {margin-left:9px;}

/* 우측 배너 및 바로가기 링크 */
#right_cont .right01{}
#right_cont .right02{padding-top:9px;}
#right_cont .right02 .r02_img_view{float:left;}
#right_cont .right02 .num_select{float:left; height:125px; padding:12px 11px 0 0; background:url(/img_spc_solution/spc_module/spc_html/main/center/mr2_rolling_bg.gif) no-repeat;}
#right_cont .right02 .num_select p{padding-bottom:2px;}
#right_cont .right03 {clear:both; padding:17px 0 0 9px; width:216px;}
#right_cont .right03 .quick_link p.q01{display:block;}
#right_cont .right03 .quick_link p.q02{display:block;}


/* 카피라이트 및 하단 배너 */
#ban_copyright {clear:both; padding-top:40px;}
#ban_copyright .banner_area{height:42px; border-top:1px solid #eaeaea; border-bottom:1px solid #cecece;
                            text-align:center; vertical-align:middle; padding-top:7px;}
#ban_copyright .cross_line {border-bottom:2px solid #868686; height:7px;}
#ban_copyright .copyright_area .bottom_logo {float:left; padding:30px 0;}
#ban_copyright .copyright_area .bottom_copy {float:left; padding:14px 0 0 50px;}
#ban_copyright .copyright_area .bottom_copy img{padding-right:10px;}
#ban_copyright .copyright_area .bottom_copy p.blank_btn{padding-bottom:14px;}

/* 퀵메뉴 */
#quick_menu {position:absolute; top:290px; left:930px;  width:63px; height:291px;}

/* 인증마크 */
#good_mark {position:absolute; top:68px; left:9px; width:148px; height:31px;}

/* 팝업 */
#popup_layout {margin:0; padding:0; border:1px solid #7b7b7b;}
#popup_layout .popup_top {clear:both; background-image:url(/img_ncm_board/ncm_module/my_popup/popup_t5/pp_t5_topbg.gif) repeat-x; height:19px;}
#popup_layout .popup_top li.top01{float:left;}
#popup_layout .popup_top li.top02{float:right;}
#popup_layout .popup_content {clear:both;}
#popup_layout .popup_bottom {clear:both; height:18px; text-align:center;}
#popup_layout .popup_bottom li {float:left; padding-right:3px;}
