@import url(https://fonts.googleapis.com/earlyaccess/nanumgothic.css);

*{margin:0px; padding:0px;}

html, body, div, p, ul, ol, li, h1, h2, h3, h4, h5, h6, table, th, td, form, dl, dt, dd, select, input, button, a, span, textarea, pre {font-size:12px; font-family:"Nanum Gothic", dotum, Arial, Verdana, Sans-Serif; color:#333; line-height:150%; list-style:none;}

@media (min-width:1200px){
	html, body, div, p, ul, ol, li, h1, h2, h3, h4, h5, h6, table, th, td, form, dl, dt, dd, select, input, button, a, span, textarea, pre {font-size:14px;}
}

h1, h2, h3, h4, h5, h6, article, aside, hgroup, header, footer, figure, figcaption, nav, section, div { display:block; }

body { margin:0px; padding:0px;
		scrollbar-face-color: #ffffff;
		scrollbar-track-color: #f5f5f5;
		scrollbar-shadow-color: #acacac;
		scrollbar-3dlight-color: #acacac;
		scrollbar-arrow-color: #acacac;
		scrollbar-darkshadow-color: #ffffff;
		scrollbar-base-color: #ffffff;
		}

ul, ol {list-style:none;}
frame, fieldset, iframe  {border:none;}
fieldset legend {display:none;}
.disNone {display:none}
.disN {display:block}
img {border:none; vertical-align:middle;}
input, select, button {vertical-align:middle;}
a {text-decoration:none; color:#666666; cursor:pointer;}
a:hover {text-decoration:underline;}
a.selected {color:#d05d00;}

button {cursor:pointer;}

caption {width:0; height:0; font-size:0; line-height:0; overflow:hidden; visibility:hidden;}

input:read-only {background:#f1f1f1;}
input[type=button] {cursor:pointer;}
input[type=submit] {cursor:pointer;}
input[type=file] {width:90%;}
.pointer{ cursor:pointer;}

table {width:100%; border-collapse:collapse; border-spacing:0;}
table th, table td, table th *, table td * {word-break:break-all;}
select {padding:7px 7px; border:1px solid #ccc;}
@media (min-width:1200px){
	select {padding:6px 7px;}
}
select:focus {border:1px solid #089CB4;}
.input_b1{height:20px; padding:5px; border:1px solid #bbb;}
.input_b1:focus {border:1px solid #089CB4;}
.pointer{ cursor:pointer !important}

.clear:after {content:""; display:block; clear:both; height:0; visibility:hidden;}
.disNone {display:none}
.disN {display:block}
.disIb {display:inline-block;}
textarea {resize:none; border:1px solid #ccc; overflow-x:hidden;}



/* 정렬 */
.f_left {float:left}
.f_right {float:right}
.t_left {text-align:left}
.t_center {text-align:center}
.t_right {text-align:right}
.va_t {vertical-align:top}
.va_b {vertical-align:bottom}

.pr {position:relative}
.pa {position:absolute}
.cb {clear:both}
.dp {display:block}


/* ------------------------------------  여백,보더,길이  -------------------------------------------*/
.top_2{padding-top:2px}
.top_5{padding-top:5px}
.top_10{padding-top:10px}
.top_15{padding-top:15px}
.top_20{padding-top:20px}
.top_30{padding-top:30px}
.left_5{padding-left:5px}
.left_10{padding-left:10px;}
.left_15{padding-left:15px;}
.left_20{padding-left:20px;}
.bot_5{padding-bottom:5px;}
.bot_10{padding-bottom:10px}
.bot_15{padding-bottom:15px}
.bot_20{padding-bottom:20px}
.bot_30{padding-bottom:30px}
.bot_40{padding-bottom:40px}
.right_5{padding-right:5px}
.right_10{padding-right:10px}
.right_15{padding-right:15px}
.right_20{padding-right:20px;}
.pad_5{padding:5px}
.pad_10{padding:10px}
.pad_20{padding:20px}
.topbot_2{padding-bottom:2px;padding-top:2px;}
.height_160{line-height:160%;}

/* 여백 */
.mt_3 {margin-top:3px;}
.mt_5 {margin-top:5px;}
.mt_8 {margin-top:8px;}
.mt_10 {margin-top:10px;}
.mt_13 {margin-top:13px;}
.mt_17 {margin-top:17px;}
.mt_20 {margin-top:20px;}
.mt_30 {margin-top:30px;}
.mb_5 {margin-bottom:5px;}
.mb_10 {margin-bottom:10px;}
.mb_15 {margin-bottom:15px;}
.mb_20 {margin-bottom:20px;}
.mb_30 {margin-bottom:30px;}

.mt_25 {margin-top:25px}
.mt_33 {margin-top:33px}
.mb_20 {margin-bottom:20px}
.pt_35 {padding-top:35px}
.pl_10 {padding-left:10px}
.pl_15 {padding-left:15px}
.pb_7 {padding-bottom:7px}
.pb_15 {padding-bottom:15px}
.pb_30 {padding-bottom:30px}
.pr_18 {padding-right:18px}
.pr_35 {padding-right:35px}
.h_30 {height:30px}
.h_85 {height:85px}

.pa_20 { padding:20px; }
.bott_10{padding-bottom:15px;}

/* 폰트 */
.font_small {font-size:11px}
.font_orange {color:#0bc3ff; /*#f7901e*/}

.wide_textarea {width:98%;}

.w98per {width:98%;}
.w90per {width:90%;}
.w50per {width:50%;}
.w100per {width:100%;}
.w2leng {width:26px;}
.w3leng {width:34px;}
.w4leng {width:42px;}
.w5leng {width:50px;}
.w10leng {width:90px;}

/* ------------------------------------  input -----------------------------------------*/

.m_search1{border: #cccccc 1px solid; width:153px; height:16px; padding:2px 0 0 5px;}
.m_search2{border: #cccccc 1px solid; width:102px; height:20px;}


/* ------------------------------------  테이블  -----------------------------------------*/


/* 현재위치 */


.con{width:750px;}

.padding_3{padding:3px;}
.font_point{font-size:11px;letter-spacing:-1px;}
.font_11{font-size:11px;}
.font_18{font-size:18px;}
.font_spacing4{letter-spacing:4px;}
.f_oran{ color:#f26600}
.f_red{ color:#f53f00}
.f_green{ color:#1e8a01}
.f_blue{ color:#1f8db6}
.f_dgray{ color:#333333}
.f_sblue{ color:#0096b1}
.f_dblue{ color:#006c9e}
.f_violet{ color:#9763aa}
.f_violet2{ color:#b620d6}
.f_ocher{ color:#a28120}
.f_emphasis{ font-weight:bold; color:#c00000;}

.professor_body { height: 400px;
		overflow-x:hidden;
		overflow-y:auto;
		scrollbar-face-color: #ffffff;
		scrollbar-track-color: #f5f5f5;
		scrollbar-shadow-color: #acacac;
		scrollbar-3dlight-color: #acacac;
		scrollbar-arrow-color: #acacac;
		scrollbar-darkshadow-color: #ffffff;
		scrollbar-base-color: #ffffff;
		}

/* upMsg */
div.upMsg { color:blue; text-align:center; margin-top:15px;}



#loading { width: 100%; height: 100%; top: 0px; left: 0px; position: fixed; display: block; opacity: 0.7; background-color: #fff; z-index: 99; text-align: center; } #loading-image { position: absolute; top: 50%; left: 50%; z-index: 100; }

/*================ 웹접근성 css ================*/

#skip_navi, .screen_out, caption, legend {display:block; overflow:hidden; position:absolute; left:-9999px; width:1px; height:1px; font-size:0; line-height:0; text-indent:-9999px;}
a.skip_navi {position:absolute; left:-9999px; top:0px;}
a.skip_navi:focus, a.skip_navi:active, a.skip_navi:hover {display:block; position:absolute; left:0px; top:0px; width:100%; height:12px; padding:9px 0px; z-index:10000; background:#006f81; font-weight:bold; text-align:center; color:#fff; line-height:100%;}


/*========== Header 와 Footer 공통 레이아웃 css ==========*/


#wrap {width:100%;}


/* header */

header {width:100%;}
#header {width:100%; z-index:100; background:#113e6c;}
#header .top_menu {width:100%; height:36px; background:#0e2945;}
#header .top_menu .header_wrap {width:980px; height:100%; margin:0 auto; padding:0px;}
#header .top_menu .header_wrap ul {position:absolute; right:0px; top:0px; height:100%;}
#header .top_menu .header_wrap ul li {float:left; height:100%; border-right:1px solid #2d4661; text-align:center;}
#header .top_menu .header_wrap ul li:first-child {border-left:1px solid #2d4661;}
#header .top_menu .header_wrap ul li a {display:block; height:14px; padding:11px 15px; color:#dce4ec; font-size:12px; line-height:100%; text-align:center;}
#header .top_menu .header_wrap ul li a:hover {text-decoration:none; color:#fff;}
#header .top_menu .header_wrap ul li#time_count {height:14px; padding:11px 15px; color:#dce4ec; font-size:12px; line-height:100%; text-align:center;}
#header .top_menu .header_wrap ul li#time_count span {color:#dce4ec; font-size:12px; line-height:100%; text-align:center;}
#header .top_menu .header_wrap ul li#time_count a {display:inline-block; height:auto; padding:0px;}
#header .header_wrap {position:relative; width:980px; height:67px; margin:0 auto; padding:14px 0px;}
#header .header_wrap h1 {display:block; width:85px; height:55px; margin:6px 0px 0px;}
#header .header_wrap h1 a {display:block; width:100%; height:100%; background:url("/images/common/logo.png") no-repeat 0 0; background-size:contain; line-height:70%; text-indent:-9999px; overflow:hidden;}





#gnb {display:block; height:100%; position:absolute; right:0px; top:0px; z-index:110;}
#gnb li {position:relative; float:left; width:120px; height:100%;}
#gnb li a.depth1 {display:block; width:100%; height:35px; padding:30px 0px; text-align:center; font-size:14px; line-height:100%; color:#fff;}
#gnb li a.depth1 small {display:block; margin-top:5px; color:#5fbeeb; text-align:center; font-size:11px;}
#gnb li a.depth1 span {display:block; position:absolute; left:0px; bottom:0px; width:100%; height:3px; background:#5ebfed; transform:scale(0); -webkit-transform:scale(0); -moz-transform:scale(0); -o-transform:scale(0); -webkit-transition:.3s; -moz-transition:.3s; -ms-transition:.3s;}
#gnb li a.depth1:hover, #gnb li a.depth1.active, #gnb li a.depth1:hover span {text-decoration:none;}

#gnb li ul {display:none; position:absolute; left:0px; top:95px; width:120px; height:160px; padding:10px 0px 10px; margin:0px; /* border-right:1px solid #31435d; */}
/* #gnb li ul.sm_1 {width:148px; border-left:1px solid #31435d;} */
#gnb li ul li {float:none; height:auto;}
#gnb li ul li a {display:block; padding:10px 10px; line-height:100%; font-size:12px; color:#fff; letter-spacing:-1px;}

#gnb li ul li a:hover {background:#2088ca; color:#fff; text-decoration:none;}

.bg_gnb {display:none; position:absolute; left:0px; top:131px; width:100%; height:180px; /* border-bottom:1px solid #03838e; */ background:url("/images/common/bg_snb.png") repeat 0 0; z-index:109;}
.bg_gnb .header_wrap {height:100%; padding:0px; /* background:url("/njobcorp/images/common/bg_snb.png") no-repeat left bottom; */}



#footer {width:100%;}
#footer .footer_bar_wrap {width:100%; height:42px; background:#0e2945;}
#footer .footer_bar_wrap .footer_bar {position:relative; width:980px; height:100%; margin:0 auto;}
#footer .footer_bar_wrap .footer_bar ul {position:absolute; left:0px; top:0px; height:100%;}
#footer .footer_bar_wrap .footer_bar ul:after {content:""; display:block; clear:both; height:0px; visibility:hidden;}
#footer .footer_bar_wrap .footer_bar ul li {float:left; height:100%; border-right:1px solid #2d4661;}
#footer .footer_bar_wrap .footer_bar ul li:first-child {border-left:1px solid #2d4661;}
#footer .footer_bar_wrap .footer_bar ul li a {display:block; width:134px; height:12px; padding:15px 0px; text-align:center; color:#dce4ec; font-weight:bold; line-height:100%; font-size:12px;}
#footer .footer_bar_wrap .footer_bar ul li a:hover {text-decoration:none; color:#fff;}
#footer .footer_bar_wrap .footer_bar .family_site {position:absolute; right:0px; top:0px; width:188px; height:100%; border-right:1px solid #2d4661; border-left:1px solid #2d4661;}
#footer .footer_bar_wrap .footer_bar .family_site a {position:relative; display:block; width:138px; height:12px; padding:15px 25px; background:url("/images/common/select_bar_arrow_invert.png") no-repeat 155px 50%; font-size:12px; color:#dce4ec; font-weight:bold; line-height:100%;}
#footer .footer_bar_wrap .footer_bar .family_site a:hover {text-decoration:none; color:#fff;}
#footer .footer_bar_wrap .footer_bar .family_site ul {display:none; position:absolute; left:0px; top:0px; width:188px; height:auto; padding:10px 0px; border-bottom:1px solid #2d4661; background:#0e2945; z-index:1;}
#footer .footer_bar_wrap .footer_bar .family_site ul.visible {display:block;}
#footer .footer_bar_wrap .footer_bar .family_site ul li {float:none; height:auto; border:none; background:#0e2945;}
#footer .footer_bar_wrap .footer_bar .family_site ul li:first-child {border:none;}
#footer .footer_bar_wrap .footer_bar .family_site ul li a {display:block; width:138px; height:12px; padding:10px 25px; background:none; text-align:left; color:#dce4ec; font-weight:normal; line-height:100%;}
#footer .footer_bar_wrap p {position:relative; width:830px; height:12px; margin:0 auto; padding:31px 0px 31px 150px; background:#fff url("/images/common/logo_footer.png") no-repeat 25px 50%; color:#666; line-height:100%;}
#footer .footer_bar_wrap p strong {font-weight:bold; color:#2088ca;}
#footer .footer_bar_wrap p:before {content:""; position:absolute; left:123px; top:20px; display:block; width:1px; height:33px; background:#d8e2ea;}
#footer .footer_bar_wrap p .logo_link {
    position: absolute;
    left: 25px;
    top: 0;
    width: 120px;
    height: 100%;
    display: block;
}


@media (min-width:1200px){
	#header .top_menu .header_wrap {width:1200px;}
	#header .header_wrap {width:1200px;}
	#header .header_wrap h1 {width:103px; height:67px; margin:0px;}

	#gnb li {width:150px;}
	#gnb li a.depth1 {font-size:16px;}
	#gnb li a.depth1 small {font-size:12px;}
	#gnb li ul {width:150px;}
	#gnb li ul li a {padding:10px 20px;}


	#footer .footer_bar_wrap .footer_bar {width:1200px;}
	#footer .footer_bar_wrap p {width:1050px;}

}













/*================ 서브페이지 레이아웃 css ================*/



/* 서브페이지 서브 비쥬얼 이미지 */
.sub_visual {width:100%; height:81px; background:#c1e8ed url("/images/2015/common/bg_sub_visual.png") no-repeat 50% 50%;}



#sub_container {position:relative; clear:both; width:980px; margin:0 auto; background:url("/images/common/bg_content.png") no-repeat right top;}
#sub_container:after {content:""; display:block; clear:both; height:0; visibility:hidden;}
#sub_container #lnb {float:left; width:180px; padding-top:60px;}
#sub_container #lnb h2 {width:100%; height:88px; background:url("/images/common/bg_lnb_title.png") no-repeat right bottom; color:#333; font-size:30px; font-weight:bold; line-height:100%;}
#sub_container #lnb ul.lnb {width:100%; padding-top:38px;}
#sub_container #lnb ul.lnb li {width:100%; border-bottom:1px solid #ccc;}
#sub_container #lnb ul.lnb li a {display:block; height:15px; padding:15px; font-size:14px; font-weight:bold; color:#4e4e4e; line-height:100%;}
#sub_container #lnb ul.lnb li a:hover {color:#fff; background:#4e4e4e url("/images/common/arrow_white.png") no-repeat 155px 50%; text-decoration:none;}
#sub_container #lnb ul.lnb li.selected a {color:#fff; background:#4e4e4e url("/images/common/arrow_white.png") no-repeat 155px 50%;}
#sub_container #lnb ul.lnb li ul {padding:15px 15px 10px;}
#sub_container #lnb ul.lnb li ul li {padding-left:8px; margin-bottom:5px; background:url("/images/2015/main/dot_tab_list.gif") no-repeat 0px 9px; border:none; }
#sub_container #lnb ul.lnb li ul li a {display:inline; height:auto; padding:0px; font-size:12px; font-weight:normal; color:#666 !important; background:none !important; line-height:150%;}
#sub_container #lnb ul.lnb li ul li a:hover {color:#005caa !important; text-decoration:underline;}

#sub_container #lnb ul.lnb li ul li.list_detail {margin-left:5px;  background:url("/images/2015/sub/bg_list_detail.gif") no-repeat 0 3px; font-size:11px;}
#sub_container #lnb ul.lnb li ul li.list_detail a {font-size:11px;}

#sub_container #content {position:relative; float:right; width:760px; min-height:600px; padding:60px 0px 60px;}
#sub_container #content h2 {width:100%; height:45px; padding:40px 0px 0px; margin:0px 0px 40px; border-bottom:1px solid #ccc; color:#333; font-size:27px; font-weight:bold; line-height:100%;}
#sub_container #content .path {position:absolute; left:0px; top:60px; padding-left:20px; background:url("/images/2015/common/icon_home.png") no-repeat 0 50%; font-size:12px;}



@media (min-width:1200px){
	#sub_container {position:relative; clear:both; width:1200px; margin:0 auto; background:url("/images/common/bg_content.png") no-repeat right top;}
	#sub_container:after {content:""; display:block; clear:both; height:0; visibility:hidden;}
	#sub_container #lnb {float:left; width:200px; padding-top:60px;}
	#sub_container #lnb h2 {width:100%; height:88px; background:url("/images/common/bg_lnb_title.png") no-repeat right bottom; color:#333; font-size:30px; font-weight:bold; line-height:100%;}
	#sub_container #lnb ul.lnb {width:100%; padding-top:38px;}
	#sub_container #lnb ul.lnb li {width:100%; border-bottom:1px solid #ccc;}
	#sub_container #lnb ul.lnb li a {display:block; height:15px; padding:15px; font-size:14px; font-weight:bold; color:#4e4e4e; line-height:100%;}
	#sub_container #lnb ul.lnb li a:hover {color:#fff; background:#4e4e4e url("/images/common/arrow_white.png") no-repeat 175px 50%; text-decoration:none;}
	#sub_container #lnb ul.lnb li.selected a {color:#fff; background:#4e4e4e url("/images/common/arrow_white.png") no-repeat 175px 50%;}
	#sub_container #lnb ul.lnb li ul {padding:15px 15px 10px;}
	#sub_container #lnb ul.lnb li ul li {padding-left:8px; margin-bottom:5px; background:url("/images/2015/main/dot_tab_list.gif") no-repeat 0px 9px; border:none; }
	#sub_container #lnb ul.lnb li ul li a {display:inline; height:auto; padding:0px; font-size:12px; font-weight:normal; color:#666 !important; background:none !important; line-height:150%;}
	#sub_container #lnb ul.lnb li ul li a:hover {color:#005caa !important; text-decoration:underline;}

	#sub_container #lnb ul.lnb li ul li.list_detail {margin-left:5px;  background:url("/images/2015/sub/bg_list_detail.gif") no-repeat 0 3px; font-size:11px;}
	#sub_container #lnb ul.lnb li ul li.list_detail a {font-size:11px;}

	#sub_container #content {position:relative; float:right; width:960px; min-height:600px; padding:60px 0px 60px;}
	#sub_container #content h2 {width:100%; height:45px; padding:40px 0px 0px; margin:0px 0px 40px; border-bottom:1px solid #ccc; color:#333; font-size:27px; font-weight:bold; line-height:100%;}
	#sub_container #content .path {position:absolute; left:0px; top:60px; padding-left:20px; background:url("/images/2015/common/icon_home.png") no-repeat 0 50%; font-size:12px;}
}



.sub_container_noLnb {position:relative; clear:both; width:980px; padding:60px 0px 60px; margin:0 auto;}
.sub_container_noLnb:after {content:""; display:block; clear:both; height:60px; visibility:hidden;}
.sub_container_noLnb h2 {width:100%; height:45px; padding:40px 0px 0px; color:#333; font-size:27px; font-weight:bold; line-height:100%;}
.sub_container_noLnb .path {position:absolute; left:0px; top:60px; padding-left:20px; background:url("/images/2015/common/icon_home.png") no-repeat 0 50%; font-size:12px;}

.container_parallax_scrolling {position:relative; clear:both; width:100%; padding:80px 0px;}
.container_parallax_scrolling .ps_wrap {position:relative; width:980px; margin:0 auto;}




.wrap_fc #lnb {position:relative; width:250px;}
.wrap_fc #lnb h2 {width:250px; height:76px; background:url("/images/common/bg_lnb_career.png") no-repeat 0 0; text-align:center; color:#003e76; font-size:20px; font-weight:bold; line-height:100%;}
.wrap_fc #lnb ul.lnb {width:100%; border-top:3px solid #ff7800;}
.wrap_fc #lnb ul.lnb li {width:100%; border-bottom:1px solid #ccc;}
.wrap_fc #lnb ul.lnb li a {display:block; height:15px; padding:15px; font-weight:bold; color:#4e4e4e; line-height:100%; letter-spacing:-1px;}
.wrap_fc #lnb ul.lnb li a:hover {color:#de4e0f; background:#f8f0da url("/images/2015/common/arrow_lnb.png") no-repeat 235px 19px; text-decoration:none;}
.wrap_fc #lnb ul.lnb li.selected a {color:#de4e0f; background:#f8f0da url("/images/2015/common/arrow_lnb.png") no-repeat 235px 19px;}
.wrap_fc #lnb ul.lnb li ul {padding:15px 15px 10px;}
.wrap_fc #lnb ul.lnb li ul li {padding-left:8px; margin-bottom:5px; background:url("/images/2015/main/dot_tab_list.gif") no-repeat 0px 7px; border:none; }
.wrap_fc #lnb ul.lnb li ul li a {display:inline; height:auto; padding:0px; font-size:12px; font-weight:normal; color:#666 !important; background:none !important; line-height:150%;}
.wrap_fc #lnb ul.lnb li ul li a:hover {color:#0b2d76 !important; text-decoration:underline;}

.wrap_fc #lnb ul.lnb li ul li.list_detail {margin-left:5px;  background:url("/images/2015/sub/bg_list_detail.gif") no-repeat 0 3px; font-size:11px;}
.wrap_fc #lnb ul.lnb li ul li.list_detail a {font-size:11px;}


/* subject */
.type_subject_txt    { float:right; width:440px; }
.type_subject_txt input { width:99%; }
.type_subject_reply  { float:right; padding-right:7px; margin-top:5px; }
.type_subject_size   { float:right; padding-left:15px; }
.type_subject_color  { float:right; padding-left:5px; margin-top:7px; }
.type_subject_weight { float:right; padding-left:8px; margin-top:5px; }
.type_subject_weight label { padding-left:3px }
.type_subject_reset  { float:right; padding-left:5px; margin-top:2px; cursor:pointer;}




/* error page */

#error_page {width:1200px; margin:0 auto;}
#error_page .error_box {width:500px; margin:100px auto; padding:180px 50px 50px; border:1px solid #ccc; border-radius:10px; background:url("/images/error.png") no-repeat 50% 30px;}
#error_page .error_box h1 {font-weight:bold; font-size:18px; color:#333;}
#error_page .error_box p {margin-top:20px; font-size:14px; color:#666;}
#error_page .error_box a {display:block; width:150px; margin:30px auto 0px; padding:15px 0px; background:#5c667e; color:#fff; line-height:100%; font-size:14px; font-weight:bold; text-align:center;}
#error_page .error_box a:hover {text-decoration:none; background:#3e475f;}

.btn_xsmall_main {
    display: inline-block;
    padding: 1px 1px;
    background: #fff;
    border: 1px solid #9d9d9d;
    vertical-align: middle;
    font-weight: bold;
    color: #666;
    text-align: center;
    font-size: 11px;
    line-height: 100%;
}

.tag_grey_main {display:inline-block; padding:4px 5px; background:#888; text-align:center; font-size:12px; font-weight:bold; text-align:center; color:#fff; line-height:100%;}