@charset "utf-8";

@import url("../css/topstyle_ys.css");

.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%;}



/* 온라인 상설 채용관 추가 */
.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)}
.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; height:56px; line-height:56px; /*box-shadow:0px 5px 5px rgba(0,0,0,0.3);*/ border-bottom:5px solid #3624ce;
	position:absolute; font-size:15px; text-align:left;  white-space:nowrap; text-overflow:ellipsis; overflow:hidden; width:100%; z-index:10;
}
#linenews a{color:#333333; font-weight:bold;}
#linenews .ln_category{display:inline-block; background:#000; text-align:center; color:#fff; padding:0px 15px; height:31px; line-height:31px; border-radius:5px; position:relative; top:13px; font-weight:bold;}
#linenews .news_table{table-layout:fixed;}
#linenews .news_table .news_tit{overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#000;}

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

#content h1.tit{font-size:30px; color:#000; margin:0px; font-weight:600;}
#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:#aaaaaa;}
#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/ico_tit_m.png) 9px 17px; background-repeat:no-repeat; background-size:15px; padding:10px;}

/*#content{border-bottom:1px solid #ddd;} 
#content .location{background:#eff5f8; padding:10px 0px;  font-size:14px; border-top:1px solid #b6c9d8; border-bottom:1px solid #b6c9d8;}
#content .location a{color:#000;}
#content .location a:hover,active,focus{text-decoration:none;}
#content .location a:visited{text-decoration:none;}
#content .location a:link{text-decoration:none;}
#content .location .on{color:#3165ce; font-weight:bold;}
#content .location .ico_home{width:18px; position:relative; top:-2px;}
#content .contentbox{-webkit-box-sizing:border-box; box-sizing:border-box;}
#content .content h1{color:#000; font-size:25px; margin:0px; padding:0px;}
#content .content_box{margin-top:30px;}
#content .noimages{width:100%;}*/

#location{width:99%; height:50px; line-height:50px; position:relative; right:0px; font-size:15px;}
#location a{color:#888888; position:relative;}
#location a:link{text-decoration:none;}
#location a.on{color:#014099; position:relative;}
#location .home_ico{width:23px;}
#location .lc_fc{width:13px;}
#location .lc_menubox{position:relative; display:inline-block;}
#location .lc_menubox .arr{position:relative; top:-2px;}
#location .lc_menubox .arr_off{background:url(../images/common/lc_arrbtn_off.png) 1px 0px; background-size:19px; background-repeat:no-repeat; width:19px; height:19px; padding:2px 10px !important;}
#location .lc_menubox .arr_on{background:url(../images/common/lc_arrbtn_on.png) 1px 0px; background-size:19px; background-repeat:no-repeat; width:19px; height:19px; padding:2px 10px !important;}
#location .location_menu{border:1px solid #014099; padding:0px 10px 10px; background:#fff; 
	box-shadow:2px 5px 5px rgba(0,0,0,0.2); 
	-ms-box-shadow:2px 5px 5px rgba(0,0,0,0.2); 
	-webkit-box-shadow:2px 5px 5px 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;}
#location .location_menu a:hover,focus,active{color:#014099;}

/*foot*/
#foot{position:relative; background:#f7f7f7; padding:0px 0px; width:100%; display:inline-block; margin:0px auto;}
#foot .footbtn_box{box-sizing:border-box; background:#f7f7f7; width:100%; color:#1a1a1a; padding:10px 0px; display:inline-block; }
#foot .foot_btn{padding:0px 10px; margin-bottom:5px; line-height:37px; font-size:15px; height:37px; color:#1a1a1a; display:inline-block; box-sizing:border-box; font-family:"NanumSquare", sans-serif;}
/*#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 #ddd;*/}
#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-bottom:5px;}

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


/*라인팝업*/
.bx-viewport{width:100%; overflow:hidden; position:relative;}

#topline_bannerbox{position:absolute; z-index:10001; top:0px; width:100%; margin:0px auto;}
#topline_bannerbox #default_box{position:relative; max-width:960px; margin:0 auto;}
#top_banner{margin:0 auto; position:relative; width:100%;}
#topline{width:100%; position:relative;}
#topline .visual_image{/*padding-bottom:8%;*/ height:100%; text-align:center; width:100%;}

#topline {margin:0 auto; position: relative; width:auto; overflow:hidden;}
#topline .slidesjs-previous {position: absolute; top: 280px; left: 30px; width:72px; z-index: 10;}
#topline .slidesjs-next {position: absolute; top: 280px; right: 30px; width:72px; z-index: 10;}
#topline #biff_slide {margin:0 auto;}


#slider-prev{left:0px; width:42px; height:61px; background-repeat:no-repeat; position:absolute; /*margin-top:37%;*/ z-index:100; border:0px;}
#slider-next{right:0px; width:42px; height:61px; background-repeat:no-repeat; position:absolute; /*margin-top:37%;*/ z-index:100; border:0px;}


#topline .bx-wrapper .bx-pager {
	/*text-align: center;
	font-size: .85em;
	font-weight: bold;
	color: #666;
	position: absolute;
	z-index:99;
	width:100%;*/
	display:inline-block;
}

#topline .bx-wrapper .bx-controls{
	 position: absolute;
	 bottom: 0px;
	 width: 100%;
	 z-index:100;
	 text-align: right;
	 margin:0px auto;
}

#topline .bx-wrapper .bx-controls .bx-controls-direction{display:none;}

#topline .bx-wrapper .bx-controls-auto {
  /*position: absolute;
  bottom: 130px;
  width: 100%;
  z-index:100;
  text-align: center;*/
  display:inline-block;
}

#topline .bx-wrapper .bx-pager .bx-pager-item,
#topline .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;

}

#topline .bx-wrapper .bx-pager.bx-default-pager a {
	color:#fff;
	text-indent: -9999px;
	margin: 0 1px;
	display:inline-block;
	overflow:hidden; width:25px; height:25px; text-align:center; line-height:25px;
}

#topline .bx-wrapper .bx-pager.bx-default-pager a:hover,
#topline .bx-wrapper .bx-pager.bx-default-pager a.active {
	background-position: 0 -30px;
	text-indent:0;
}

#topline .bx-wrapper .bx-pager a:hover,active{text-decoration:none !important;}

/* AUTO CONTROLS (START / STOP) */
#topline .bx-wrapper .bx-controls-auto .bx-start {
  display: block;
  text-indent: -9999px;
  text-indent: 12px;
  width: 12px;
  height: 21px;
  outline: 0;
  background: url('../images/common/m_ow_play.png') 3px 7px no-repeat;
  margin: 0px;
}
#topline .bx-wrapper .bx-controls-auto .bx-start:hover,
#topline .bx-wrapper .bx-controls-auto .bx-start.active,
#topline .bx-wrapper .bx-controls-auto .bx-start:focus {
  /*background-position: -86px -33px;*/
  background-position:3px 7px;
}
#topline .bx-wrapper .bx-controls-auto .bx-stop {
  display: block;
  /*text-indent: -9999px;*/
  text-indent: 12px;
  width: 12px;
  height: 21px;
  outline: 0;
  background: url('../images/common/m_ow_stop.png')  3px 7px no-repeat;
  margin:  0px;
}
#topline .bx-wrapper .bx-controls-auto .bx-stop:hover,
#topline .bx-wrapper .bx-controls-auto .bx-stop.active,
#topline .bx-wrapper .bx-controls-auto .bx-stop:focus {
  /*background-position: -86px -33px;*/
  background-position:3px 7px;
}

a.bx-pager-link:hover,active,focus{text-decoration:none !important;}
a.bx-pager-link:link{text-decoration:none !important;}

#topline .bx-pager-item .bxbtn {background: url('../images/common/bx_roll.png'); background-repeat:no-repeat; padding:0px 6px; background-position:center;}
#topline .bx-pager-item .active .bxbtn {background: url('../images/common/bx_roll_on.png'); background-repeat:no-repeat; padding:0px 6px;  background-position:center;}

/*퀵메뉴*/
/*#quickmenu{position:absolute; z-index:5; right:0px;}
#quickmenu ul{background:#fff; border-radius:5px; padding:5px 10px; 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);}
#quickmenu ul li{padding:0px 0px; text-align:left; font-size:15px;}
#quickmenu ul li a{color:#666;}
#quickmenu ul li a:link{text-decoration:none;}
#quickmenu ul li a:hover,focus,active{text-decoration:none;}
#quickmenu .ic_bar{}
#quickmenu .new_p{color:#f8992b;}*/

#quick_menu{position:absolute; z-index:105; right:10px;}
#quick_menu ul{background:#fff;  /*width:128px; padding:10px;*/ /*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;*/ padding:13px 0px; text-align:center; font-size:13px;  /*width:128px;*/ }
#quick_menu ul li.bt2{background:#e1f2ff;}
#quick_menu ul li a{color:#666;}
#quick_menu ul li a:link{text-decoration:none;}
#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_linkbox{
	position:absolute; 
	z-index:5; 
	right:10px;
}

/*페이지표시*/
#page_box{padding:30px 0px; display:inline-block; width:100%;}
#page_box ul{margin:0px auto; text-align:center;}
#page_box ul li{border:1px solid #aaa; color:#aaa; background:#fff; padding:0px 15px; font-size:15px; line-height:38px; display:inline-block;}
#page_box ul li.on{color:#014099; border:1px solid #014099; background:#fff; display:inline-block;}

#page_box ul li.pg_bt{border:1px solid #aaa; color:#aaa; background:#fff; padding:0px 14px; font-size:15px; line-height:38px; height:40px;  display:inline-block; top:-2px;}
#page_box ul li.pg_bt img{width:12px;}


/*유관기관 select*/
#familysite_area{border-top:1px solid #ddd;}
.fmy_site .fmy_sitebox{width:100%;}
.fmy_site .fmy_sitebox .select_custom{padding-left:10px; line-height:39px; height:39px; border:1px solid #fff; background:#fff; font-size:15px;}
.fmy_site .fmy_sitebox .select_custom::placeholder{text-align:right;}

/* 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 20px; min-width:330px;}
	#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;}

	

	#location{font-size:12px;}
	#location .lc_menubox .arr_off{background:url(../images/common/lc_arrbtn_m_off.png) 1px 1px; background-size:15px; background-repeat:no-repeat; width:15px; height:15px; padding:0px 10px;}
	#location .lc_menubox .arr_on{background:url(../images/common/lc_arrbtn_m_on.png) 1px 1px; background-size:15px; background-repeat:no-repeat; width:15px; height:15px; padding:0px 10px;}
	
	/*foot*/
	#foot{padding-bottom:40px;}
	#foot .foot_btn{padding:0px 2px; margin-bottom:5px; line-height:30px; font-size:15px; height:30px; }
	#foot .foot_link{padding:20px 0px;}
	#foot .foot_box{margin:30px 0px;}
	.foot_selectbox{position:absolute; margin:10px 0px;}
	
	.foot_logo{padding-bottom:20px; width:200px;}

	#foot .foot_cttbox .fct_box1{width:100%; display:inline-block; padding-bottom:20px;}
	#foot .foot_cttbox .fct_box2{width:100%; padding:0px 5px 20px;}
	#foot .ctt_list li{width:100%; text-align:right;}

	#foot .ctt_list .tit{display:inline-block; margin-right:5px;}
	#foot .ctt_list .num{display:inline-block;}

	#foot .fctb1_1{float:left; width:40%; margin-right:5%;}
	#foot .fctb1_2{float:left; width:55%; text-align:left;}

	.fcttit_m{letter-spacing:-1px;}
	
	/*해상도 별 표출*/
	.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%;*/ width:70%;}


	/*퀵메뉴*/
	#quick_menubox{display:none;}
	#quick_linkbox{top:150px;}
	#quick_bscpbox{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;}

	#location .lc_menubox .arr_off{background:url(../images/common/lc_arrbtn_m_off.png) 1px 1px; background-size:19px; background-repeat:no-repeat; width:19px; height:19px; padding:0px 10px;}
	#location .lc_menubox .arr_on{background:url(../images/common/lc_arrbtn_m_on.png) 1px 1px; background-size:19px; background-repeat:no-repeat; width:19px; height:19px; padding:0px 10px;}

	/*foot*/
	#foot .foot_box{margin:30px 0px;}
	.foot_selectbox{position:absolute; margin:10px 0px; bottom:0px; right:0px;}
	.foot_logo{margin-right:20px; /*margin-top:15px;*/ margin-top:0px; padding-bottom:20px; width:200px;}
	.foot_txt{padding-bottom:30px;}

	#foot .foot_cttbox .fct_box1{width:100%; display:inline-block; padding-bottom:30px;}
	#foot .foot_cttbox .fct_box2{width:100%; padding-bottom:20px;}
	
	#foot .ctt_list li{width:50%; float:left;}
	#foot .ctt_list .tit{padding-bottom:5px;}

	#foot .fctb1_1{float:left; width:50%;}
	#foot .fctb1_2{float:left; width:50%; text-align:left;}
	
	/*해상도 별 표출*/
	.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;}

	/*유관기관 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 .tit_dipib{display:inline-block;}
	#linenews .news_table{display:inline-block;}

	/*foot*/
	#foot{padding:0px 0px 30px;}
	
	#foot .foot_cttbox .fct_box1{float:left; width:18%;}
	#foot .foot_cttbox .fct_box2{float:left; width:82%;  padding-bottom:20px;}
	#foot .ctt_list li{float:left; width:50%; text-align:right;}
	#foot .ctt_list .tit{display:inline-block; margin-right:20px;}
	#foot .ctt_list .num{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;}

	

	/*#toppop_wrap{display:block;}
	.top-wide-popups .div-cont{width:100%; max-width:1200px;}
	.top-wide-popups .wpcont{position:absolute; top:0; left:0; max-width:1200px; width:100%; height:124px;overflow:hidden;}*/

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

	#quick_linkbox{
		 top:350px;
	}

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

	#quick_menubctt{position:absolute; top:160px; right:0px;}
	.quick_menubox{width:200px;}
	.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;}
}