@charset"utf-8";
@import url(master.css);

body {background:url(../../images/career/body_bg_new.png) repeat-y 0 0;  background-color:#e9eaec}
/* #wrap {width:1280px; float:left;   } */
#wrap {width:1280px; float:left; position:relative;  } /*2013.10.04*/
/*공통*/
.mb15 {margin-bottom:15px}

/*스크롤 바style(ie만)*/

.left_mid ul.scroll  {
		scrollbar-face-color: #fff;
		scrollbar-arrow-color: #000;
		scrollbar-track-color: #fff;
		scrollbar-darkshadow-color:#fff;
		scrollbar-shadow-color: #bedfff;
		scrollbar-3dlight-color:#fff;
		scrollbar-highlight-color: #bedfff;
	}

/* left menu */
.left_nav {float:left; width:308px; height:900px; background:url(../../images/career/left_nav_bg_blue.png) no-repeat 0 0; position:fixed; top:0; left:0}/*2013.10.04*/
.left_top {float:left; padding-bottom:48px; margin-left:16px}
.left_top h1 {float:left; width:100%; margin-top:34px; width:100%}

#careerLeft {float:left; width:100%; background:url(../../images/career/bg_left_mid.png) right bottom no-repeat}
#careerLeft:after {clear:both; display:block; content:""}
.left_mid {width:296px; padding-bottom:8px; padding-left:9px}
.left_mid p.tab {float:left; width:100%}
.left_mid p span a {float:left; background:url(../../images/career/month_btn.png) 0 0 no-repeat; width:145px; height:43px; text-indent:-1000em}
.left_mid p span.tab_m a.on, .left_mid p span.tab_m a:hover, .left_mid p span.tab_m a:focus {display:inline-block; background:url(../../images/career/month_btnOn.png) 0 0 no-repeat; text-indent:-1000em}
.left_mid p span.tab_n a {background:url(../../images/career/news_btn.png) 0 0 no-repeat}
.left_mid p span.tab_n a.on {background:url(../../images/career/news_btnOn.png) 0 0 no-repeat}
.left_mid p span.tab_n a:hover {background:url(../../images/career/news_btnOn.png)0 0 no-repeat}
.left_mid h2.month, .left_mid>ul {margin-left:4px}
.left_mid h2.month {float:left; width:100%; margin-top:6px; padding-left:10px; line-height:28px; color:#ebbd00; font-size:23px; font-family:NanumGothicBold; font-weight:normal; letter-spacing:-2px}
.left_mid h2.month span {margin-left:5px; padding-left:6px; background:url(../../images/career/bg_month_bar.png) 0 4px no-repeat; color:#ebbd00; font-size:13px; font-family:Tahoma, sans-serif; letter-spacing:0}
.left_mid>ul {clear:both; padding-top:2px; background:url(../../images/career/bar_left_mid.png) 0 top repeat-x}
.left_mid>ul>li {padding-bottom:5px; line-height:24px; background:url(../../images/career/bar_left_mid.png) 0 bottom repeat-x}
.left_mid>ul>li>a {display:inline-block; padding-top:5px; padding-left:10px; background:url(../../images/career/left_mid_list.png) 3px 20px no-repeat; color:#fff260; font-size:14px; font-family:NanumGothicBold}
.left_mid .sub_menu_new, .left_mid .sub_menu {padding:0 0 0 10px}
.left_mid .sub_menu_new li, .left_mid .sub_menu li {line-height:17px}
.left_mid .sub_menu_new li a, .left_mid .sub_menu li a {color:#fff; font-family:"돋움", Dotum, sans-serif; font-size:11px; letter-spacing:-0.5px}
.left_mid .btn_down {margin-top:9px; height:31px; text-indent:-5000px; text-align:right}
.left_mid .btn_down a {display:inline-block; padding:9px 10px 9px 0 ; width:123px; height:12px; line-height:1.0em; background:url(../../images/career/btn_down.png) right 0 no-repeat; color:#254105; font-family:Dotum, "돋움"; font-size:11px; font-weight:bold}
.left_select {clear:both; margin:6px 10px 0; padding-bottom:20px}
.left_select select {padding:1px 0; width:100%; border-color:#767676}

.left_bottom {float:left; margin-left:13px; padding:10px 12px 0 29px; background:url(../../images/career/system.png) 0 8px no-repeat}
.left_bottom h2 {line-height:1.0em; color:#fff; font-size:14px; font-family:"돋움", Dotum}
.left_bottom p {margin-top:2px; color:#fff; font-family:Tahoma; font-size:12px}


/*컨텐츠*/
div.content{float:left; width:972px; position:relative; margin-left:308px;}

/*비쥬얼*/
div.visual{float:left; width:652px; position:relative; padding:15px 0 0 11px; height:100%;}
div.visual02{float:left; width:635px; position:relative; padding:30px 0 0 28px; height:100%;}

/*Quick 메뉴*/
div#quick_menu{top:130px; width:10px; position:fixed; display:block; left:0;}
div#quick_menu .list{width:70px; margin-left:964px; }
div#quick_menu .list ul li {margin-left:8px}
div#quick_menu .list ul li.Q_m2, div#quick_menu .list ul li.Q_m3{margin-top:3px}
div#quick_menu .list p.top{margin-left:25px; margin-top:-5px;}

/*서브페이지 7-2*/
div.visual02 h3{float:left;  font-size:30px; color:#6facc5; margin:0 0 38px 0; font-family:NanumGothic; font-weight:normal;}
div.visual02 .magazine{clear:both; float:left; margin:0 26px 0 0; width:610px;}/*10.26*/
.magazine dl{clear:both; float:left; width:100%; border-bottom:1px solid #dadada; margin-bottom:9px; padding-bottom:9px;}
.magazine dl.last{border-bottom:none; }
.magazine dt{clear:both; float:left; width:142px; margin:0 13px 0 0;  display:block;}
.magazine dd.Number_line{display:block; margin-top:2px; font-size:22px; color:#d10000; font-family:NanumGothic;}
.magazine dd a.tit_line{font-size:18px; margin-left:10px;  font-family:NanumGothic; color:#202020; letter-spacing:-0.06em;}
.magazine dd.text_line{line-height:18px; font-family:ng; margin-top:10px; font-size:12px;}

/*
div.paging{width:100%; text-align:center; margin:35px 0 35px 0; display:inline-block;}
div.paging p a{line-height:12px; margin:0 5px; }
div.paging p a:hover{text-decoration:none; color:#d65e06; font-weight:bold;}
*/

/*.paging {margin:24px 0 35px 0; height:24px; line-height:24px; text-align:center}*/
.paging {width:100%; text-align:center; margin:35px 0 35px 0; display:inline-block;}

.paging strong, .paging a {display:inline-block; margin:0 5px; height:12px;}
.paging a.pre, .paging a.pre_end, .paging a.next, .paging a.next_end {margin:0 3px}
/*.paging strong, .paging a:hover, .paging a:focus {background:url(/images/common/btn/btn_pageOn.gif) 0 0 no-repeat; color:#fff; font-family:NanumGothicBold; font-weight:normal; text-decoration:none}*/
.paging strong, .paging a:hover
.paging a img {vertical-align:middle}


/*서브페이지 7-3*/
div.visual03{float:left; width:652px; height:1450px;  position:relative; padding:20px;}
div.visual03 h3{float:left; font-size:30px; font-weight:normal; color:#6facc5; margin:0 0 38px 0; font-family:NanumGothic;}
div.visual03 h3 span{color:#4e4e4e; font-family:NanumGothic; font-size:24px; margin-left:5px;}
div.visual03 .text{float:left; margin-top:218px; border-top:2px dashed #f5865b; border-bottom:2px dashed #f5865b; width:613px;  background-color:#fefbea; color:#54534e; font-family:NanumGothic;}
div.visual03 .text .phaseTop{margin:20px 12px 23px 15px; line-height:20px;}
div.visual03 .text .phaseMid{margin:0 12px 23px 15px; line-height:19px;}
div.visual03 .text span{color:#eb3532; margin:5px 0 0 15px; line-height:27px;}

/*10.26 추가 수정 css*/
div.visual p{display:inline-block; width:641px; position:relative;}
div.visual p a.list{position:absolute; left:45%;}
div.visual p a.left{float:left; margin-left:11px;}
div.visual p a.right{float:right; margin-right:11px;}

div.visual03 p{display:inline-block; width:641px; position:relative;}
div.visual03 p a.list{position:absolute; left:45%;}
div.visual03 p a.left{float:left; margin-left:11px;}
div.visual03 p a.right{float:right; margin-right:11px;}