@charset "utf-8";


@import url("../css/webfont_new23.css");
@import url("../css/topstyle_new23.css");
@import url("../css/footstyle_new23.css");

/* Tag Definition */
* {font-style:normal /* em, dfn, var, cite, address */; font-family:/*"NanumGothic","나눔고딕",*/"Noto Sans", "Noto Sans KR","GmarketSans",/*"NanumSquare",*/"맑은 고딕", "MalgunGothic", sans-serif; /*margin:0;*/}


.clear_div{clear:both;}
.blind{visibility:hidden; overflow:hidden; position:absolute; top:0; left:0; width:0; height:0; font-size:0; line-height:0;}

#wrapper{position:relative;}
#article{width:100%;}


/*상단 네비게이션*/
#head{position:fixed; z-index:10000; width:100%; background:#ececec; border-bottom:1px solid #575654; }
/*#head:hover{transition:0.2s; background:rgba(255,255,255,1);}*/
#head .logo_area{/*height:120px;*/ position:relative;}
.top_logo{width:100%; /*padding:30px 0px 20px;*/ /*padding:40px 0px 40px;*/}
.top_logo a{position:absolute; width:242px; height:40px; z-index:10002; background:url(../images/common/logo_new.png); background-size:242px;}
/*#head:hover .top_logo a{position:absolute; width:264px; height:44px; z-index:10003; background:url(../images/common/logo.png);}*/
.top_logo img{position:absolute; max-width:242px; width:100%; z-index:10002;}



.top_ico{width:18px;}

.menuBtn {
    width:22px;
    height:22px;
    overflow:hidden;
    cursor:pointer;
}


.menuBtn span.bar {
    margin:0 auto;
    display:block;
    width:22px;
    height:3px;
    background-color:#575756;
    transition:0.3s;
	border-radius:3px;
}

#head:hover .menuBtn span.bar {
    background-color:#575756;
}

.menuBtn span.bar:nth-child(1) {
    margin-top:1px;
}
.menuBtn span.bar:nth-child(2) {
    margin:6px 0px 6px auto;
	background-color:#575756;
	width:22px;
}

#head:hover .menuBtn span.bar:nth-child(2) {
    margin:6px 0px 6px auto;
	background-color:#575756;
	width:22px;
}
.join_box{position:relative; max-width:1200px; margin:0 auto;}


/* 온라인 상설 채용관 추가 */
.onlineRecruit_headerBanner {position:absolute; top:50%; right:25px; margin-top:-10px; width:155px; height:20px; background:url(../images/onlineRecruit/onlineRecruit_headerBanner.png) no-repeat center center;background-size:100% auto;}
#sidebar .onlineRecruit_headerBanner {position:static;display:block;height:55px !important;margin:0 auto;background-image:url(../images/onlineRecruit/onlineRecruit_headerBanner_mb.png); width:155px;}
.header.open .onlineRecruit_headerBanner {margin-top:-9px;}


/*컨텐츠 부분*/
#default_box{position:relative; max-width:1240px; margin:0 auto;}
#default_box_bscp_edit{position:relative; max-width:1240px; margin:0 auto;}
#default_box_a{position:relative; max-width:1240px; margin:0 auto;}
#default_box_fx{position:relative; max-width:1240px; margin:0 auto;}
.default_box_in{position:relative; max-width:1200px;}

.default_box_edit{position:relative; max-width:1240px; margin:0 auto;}
.default_box_a_edit{position:relative; max-width:1240px; margin:0 auto;}

#linenews{background:#fff; margin-top:-5px; height:56px; line-height:56px; border-bottom:1px solid #585856; box-shadow:0px 5px 5px rgba(0,0,0,0); position:relative; font-size:15px!important; text-align:left;  white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
#linenews a{color:#333333; font-weight:bold}
#linenews .ln_category{display:inline-block; text-align:center; color:#e84e1b; position:relative; font-weight:bold; font-size:16px; margin-right:10px; background:transparent !important;}
#linenews .news_table{table-layout:fixed;}
#linenews .news_table .news_tit{overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#000;font-style: normal /* em, dfn, var, cite, address */;
	font-family: /*"NanumGothic","나눔고딕",*/"Noto Sans", "Noto Sans KR","GmarketSans",/*"NanumSquare",*/"맑은 고딕", "MalgunGothic", sans-serif; font-weight: bold; line-height: 56px;}

#content{margin:0px auto; position:relative; height:100%; width:100%;}

/*#content h1.tit{font-size:30px; color:#575757; margin:0px; font-weight:700; font-family:"GmarketSans";}
#content h2.tit{font-size:22px; color:#000; margin:0px; font-weight:600;}
#content h3.tit{font-size:18px; color:#000; margin:0px; font-weight:600;}*/
#content .tit_sb{font-size:15px; color:#575757;}
#content .tit_more{font-size:15px; color:#666666; position:relative; top:-5px;}
#content .tit_center{padding:30px 0px;}
#content .tit_bar_1{position:relative; top:-6px;}
#content .tit_box{/*border:1px solid #ccc; background:#fff*/ background:url(/images/common_new23/ico_tit_m.png) 9px 17px; background-repeat:no-repeat; background-size:15px; padding:10px;}


/*#location{width:99%; height:50px; line-height:50px; position:relative; right:0px; font-size:15px;}
#location a{color:#575757; position:relative; line-height:100%;}
#location a:link{text-decoration:none;}
#location a.on{color:#575757; position:relative;}
#location .home_ico{background:url(../images/common_new23/lc_home.png) 2px 2px; background-size:21px; background-repeat:no-repeat; width:21px; height:23px; padding:4px 12px;}
#location .lc_fc{width:13px;}
#location .lc_menubox{position:relative; display:inline-block;}
#location .lc_menubox .arr{position:relative; top:0px; line-height:100%;}
#location .lc_menubox .arr_off{background:url(../images/common_new23/lc_arrbtn_off.png) 2px 2px; background-size:21px; background-repeat:no-repeat; width:21px; height:23px; padding:4px 12px;}
#location .lc_menubox .arr_on{background:url(../images/common_new23/lc_arrbtn_on.png) 2px 2px; background-size:21px; background-repeat:no-repeat; width:21px; height:23px; padding:4px 12px;}
#location .location_menu{border:2px solid #878787; padding:0px 10px 10px; background:#fff; 
	box-shadow:0px 5px 0px rgba(0,0,0,0.2); 
	-ms-box-shadow:0px 5px 0px rgba(0,0,0,0.2); 
	-webkit-box-shadow:0px 5px 0px rgba(0,0,0,0.2);
	border-radius:5px; 
	position:absolute; 
	z-index:6; 
	right:0px;
	width:100%;
}



#location #left_menu_on_1{width:130px;}
#location #left_menu_on_2{width:140px;}
#location #left_menu_on_3{width:140px;}
#location .location_menu ul li{line-height:30px; border-bottom:1px dotted #aaa; }
#location .location_menu a{font-size:13px; color:#888; font-family:"NanumSquare"; font-weight:400;}
#location .location_menu a:hover,focus,active{color:#014099;}*/

/*foot*/
#foot{position:relative; background:#fff; padding:0px 0px; width:100%; display:inline-block; margin:0px auto;}
#foot .footbtn_box{box-sizing:border-box; background:#575757; width:100%; color:#fff; padding:10px 0px; display:inline-block; font-family:"NanumSquare"; font-weight:400;}
#foot .foot_btn{padding:0px 10px; margin-bottom:5px; line-height:37px; font-size:15px; height:37px; color:#fff; display:inline-block; box-sizing:border-box; font-family:"NanumSquare"; font-weight:400;}
/*#foot .foot_btn_1{margin-right:-5px;}
#foot .foot_btn_2{margin-left:-5px;}
#foot .foot_btn_3{margin-left:-10px;}*/

#foot .foot_txt{font-size:14px; color:#888888; line-height:150%;}

#foot .foot_cttbox{box-sizing:border-box; width:100%; display:inline-block; border-bottom:1px solid #575756;}
#foot .foot_cttbox .fct_box1{box-sizing:border-box;}
#foot .foot_cttbox .fct_box2{box-sizing:border-box;}

#foot .ctt_list{box-sizing:border-box; display:inline-block; width:100%;}
#foot .ctt_list li{box-sizing:border-box; padding:5px 0px 5px; border-bottom:1px dotted #374697; letter-spacing:-1px;}

#foot .ctt_list .tit{font-family:"GmarketSans"; font-weight:500; color:#9c9b9b;}
#foot .ctt_list .tit a{color:#9c9b9b; font-family:"GmarketSans"; font-weight:500;}
#foot .ctt_list .tit strong{font-family:"GmarketSans"; }
#foot .ctt_list .num{color:#9c9b9b;}

#foot .fctb1_1{box-sizing:border-box; }
#foot .fctb1_2{box-sizing:border-box;}

#foot .foot_cttbox .fct_box1 .font_h2, #foot .foot_cttbox .fct_box1 .font_h3, #foot .foot_cttbox .fct_box1 .font_h4{ font-family:"GmarketSans";}
#foot .foot_cttbox .fct_box1 .font_h2, #foot .foot_cttbox .fct_box1 .font_h3{font-weight:700 !important;}
#foot .foot_cttbox .fct_box1 .font_h4{font-weight:500 !important;}


/*퀵메뉴*/


#quick_menu{position:absolute; z-index:105; right:0px; width:100%;}
#quick_menu ul{background:rgba(255,255,255,0.8); padding:10px 0px;border-radius:10px 0px 0px 10px;/*width:128px; background:#fff; box-shadow:2px 2px 5px rgba(0,0,0,0.3); -ms-box-shadow:2px 2px 5px rgba(0,0,0,0.3); -webkit-box-shadow:2px 2px 5px rgba(0,0,0,0.3);*/}
#quick_menu ul li{/*padding:5px 0px;  width:128px; */ padding:11px 0px; text-align:left; font-size:15px; font-weight:700; font-family:"NanumSquare"; color:#1d1e1c; position:relative;}
#quick_menu ul li.bt2{background:#e1f2ff;}
#quick_menu ul li.qmbox{padding:13px 0px 13px 10px; display:flex; justify-content: flex-start; align-items: center;}
#quick_menu ul li a{color:#1d1e1c; width:100%}
#quick_menu ul li a:link{text-decoration:none;display:flex; justify-content: flex-start; align-items: center;}
#quick_menu ul li a:hover,focus,active{text-decoration:none;}
#quick_menu .ic_bar{/*margin-top:3px;*/}
#quick_menu .new_p{color:#f8992b;}

#quick_menu .rcu_bar{background:#1d1d1b; height:1px; display:inline-block;  position: relative; display: flex; margin:0px; width:100%}
#quick_menu .rcubar_rdbox{ position:relative; z-index:5; display:flex; justify-content: flex-start; align-items: center; width:100%}
#quick_menu .rcubar_rdbox span{background:#000; border-radius:50%; width:5px; height:5px; position:relative; z-index:5; top:0px; left:-2px;	transition:all 150ms ease;}
#quick_menu .quick_img {width:40px; min-width: 40px; margin-right:5px;display:flex; justify-content: center; align-items: center;}
#quick_menu .quick_img i {font-size:18px}
#quick_menu .quick_img>img {max-width:50px; }
#quick_menu .qmbox>span,.qmbox>a>span {white-space:nowrap; margin-right:20px}
#quick_menu .qmbox:hover .rcubar_rdbox>span{width:9px; height:9px;*/ 	transition:all 150ms ease;} 

#quick_linkbox{
	position:absolute; 
	z-index:5; 
	right:0px;
}


/*유관기관 select*/
#familysite_area{border-top:1px solid #ddd;}
.fmy_site .fmy_sitebox{width:100%;}


@media screen and (max-width:1500px){
	#header ul.depth {/*margin-right:170px;*/ margin-right:0%;}
}

/* Desktop Device : 480 이하 */
@media screen and (max-width:480px){
	.join_box{position:relative; margin:0 20px; min-width:330px;}

	body{min-width:370px;}
	#default_box{position:relative; margin:0 10px; /*min-width:330px;*/ min-width:280px;}
	#default_box_bscp_edit{position:relative; margin:0 20px; min-width:330px;}
	#default_box_a{position:relative; margin:0px; min-width:370px;}
	#default_box_b{position:relative; margin:0 auto; z-index:120;}

	#default_box_fx{position:relative;  padding:0 20px; min-width:330px;}

	.default_box_edit{position:relative; margin:0 20px; min-width:330px;}
	.default_box_a_edit{position:relative; margin:0px; min-width:370px;}
	.default_box_b_edit{position:relative; margin:0 auto; z-index:120;}

	
	/*해상도 별 표출*/
	.ico_w{display:none;}

	.view_w{display:none !important;}
	.view_t{display:none !important;}

	.view_wt{display:none !important;}

	.display_inblock_1{margin:5px 0px;}
	.display_inblock_2{margin:5px 0px;}
	.display_inblock_3{margin:5px 0px;}

	.inbox_1{margin-bottom:5px;}
	.inbox_2{margin-bottom:5px;  clear:both;}
	.inbox_3{margin-bottom:5px; float:left;}

	.inpd_cr{height:5px;}


	/*컨텐츠*/
	/*#content{padding-top:90px;}*/
	#content .tit_dipib{margin-bottom:10px;}
	#linenews .news_table .news_tit{width:67%;}


	

	/*퀵메뉴*/
	#quick_menubox{display:none;}
	#quick_linkbox{top:150px;}
	#quick_bscpbox{display:none;}

	#quick_menu{display:none;}

	/*유관기관 select*/
	#familysite_area h3{display:inline-block;  margin:5px 0px;}
	.fmy_site{float:right;}
	.fmy_site .fmy_sitebox{width:200px;}


}


/* Desktop Device : 481 이상 768 이하 */
@media screen and (min-width:481px) and (max-width:768px){

	.join_box{position:relative; margin:0 20px;}

	#default_box{position:relative; margin:0 20px;}
	#default_box_bscp_edit{position:relative; margin:0 20px;}
	#default_box_a{position:relative; margin:0px;}
	#default_box_b{position:relative; width:100%; min-width:320px; margin:0 auto; z-index:120;}

	#default_box_fx{position:relative; padding:0 20px;}

	.default_box_edit{position:relative; margin:0 20px;}
	.default_box_a_edit{position:relative; margin:0px;}
	.default_box_b_edit{position:relative; width:100%; min-width:320px; margin:0 auto; z-index:120;}


	/*컨텐츠*/
	/*#content{padding-top:90px;}*/
	#content .tit_dipib{display:inline-block;}

	#linenews .news_table{display:inline-block;}


	/*해상도 별 표출*/
	.ico_w{display:none;}
	.view_w{display:none !important;}
	.view_m{display:none !important;}

	.display_inblock_1{display:inline-block;}
	.display_inblock_2{display:inline-block; margin-bottom:5px;}
	.display_inblock_3{margin:5px 0px;}

	.inbox_1{float:left;}
	.inbox_2{margin-bottom:5px; clear:both;}
	.inbox_3{float:left; margin-bottom:5px;}

	.inpd_cr{height:5px;}

	
	/*퀵메뉴*/
	#quick_menubox{display:none;}
	#quick_linkbox{top:150px;}
	#quick_bscpbox{display:none;}

	#quick_menu{display:none;}

	/*유관기관 select*/
	#familysite_area h3{display:inline-block;  margin:5px 0px;}
	.fmy_site{float:right;}
	.fmy_site .fmy_sitebox{width:200px;}


	/* 온라인 상설채용관 */
	#head .onlineRecruit_headerBanner {display:none;}
}


/* Desktop Device : 769 이상 프린트 사이즈 */
@media screen and (min-width:769px), only print{


	#default_box{position:relative; max-width:1240px; padding:0 20px;}
	#default_box_bscp_edit{position:relative; max-width:1240px; padding:0 20px;}
	#default_box_a{position:relative; max-width:1240px; padding:0 20px;}
	#default_box_b{position:relative; max-width:1250px; padding:0 20px; min-width:320px; margin:0 auto;}
	
	#default_box_fx{position:relative; max-width:1240px; padding:0 20px;}

	.default_box_edit{position:relative; max-width:1240px; padding:0 20px;}
	.default_box_a_edit{position:relative; max-width:1240px; padding:0 20px;}
	.default_box_b_edit{position:relative; max-width:1250px; padding:0 20px; min-width:320px; margin:0 auto;}

	

	/*컨텐츠*/
	/*#content{padding-top:112px;}*/
	#content .tit_dipib{display:inline-block;}
	#linenews .news_table{display:inline-block;}

	

	/*해상도 별 표출*/
	.ico_m{display:none;}

	.view_t{display:none !important;}
	.view_m{display:none !important;}

	.view_tm{display:none !important;}

	.view_wtm{display:none !important;}

	.display_inblock_1{display:inline-block;}
	.display_inblock_2{display:inline-block;}
	.display_inblock_3{display:inline-block;}

	.inbox_1{float:left;}
	.inbox_2{float:left;}
	.inbox_3{float:left;}
	.inbox_4{float:left;}

	.inpd_cr{display:none;}

	

	/*퀵메뉴*/
	#quick_menubox{
		position:absolute;
		top:160px;
		right:0px;
		width:240px !important;
		/*height:500px;*/
	}

	#quick_linkbox{
		 top:350px;
	}

	#quick_bscpbox{
		position:absolute;
		top:350px;
		right:0px;
		width:220px;
		/*width:200px; height:500px;*/
	}

	#quick_menubctt{position:absolute; top:160px; right:0px;}
	.quick_menubox{width:220px;}
	.quick_bscpbox{width:200px; top:430px; position:absolute;}

	.familysite_selectbox{position:absolute; right:0px;}


	/*유관기관 select*/
	#familysite_area h3{display:inline-block; margin:5px 0px;}
	.fmy_site{float:right;}
	.fmy_site .fmy_sitebox{width:220px;}
}