@charset "UTF-8";
@font-face{
  font-family:'nbglight';
	src:url('../font/NanumBarunGothicLight.eot');
	src:url('../font/NanumBarunGothicLightd41d.eot?#iefix') format('embedded-opentype');
	src:local(※), url('../font/NanumBarunGothicLight.woff') format('woff');
}

@font-face{
	font-family:'nbg';
	  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.eot);
	  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.woff) format('woff'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.ttf) format('truetype');
}

@font-face{
  font-family:'nbgbd';
	src:url('../font/NanumBarunGothicBold.eot');
	src:url('../font/NanumBarunGothicBoldd41d.eot?#iefix') format('embedded-opentype');
	src:local(※), url('../font/NanumBarunGothicBold.woff') format('woff');
}

/*맨위에 배너같은것*/






#mainContainer{
	width: 100%;
    float: left;
	margin-top: 5px;
}
/*메인 이미지 큰것 왼쪽편 텍스트*/
#banner-img{
	position: relative;
	width:1200px;
	margin:auto;
}

#left-box{
	top:60px;
	left:50px;
	position: absolute;
	height: 220px;
	width:460px;
	color:#7f91b0;
}
#left-box-text1{
	font-size:32px;
}
#left-box-text2{
	font-size:18px;
	margin-top:22px;
}
/*메인 배너이미지 오른쪽편 회원사 홈페이지 영역*/
#right-box {
  top: 40px;
  right: 50px;
  position: absolute;
  height: 270px;
  width: 490px;
  background-color: #FFFFFF;
}

#right-box-in{
	display: inline-block;
	margin-top : 40px;
	margin-left:30px;
}
#right-box-in-0{
	font-size : 30px;
}
#right-box-in-1{
	margin-top:10px;
	font-size:32px;
}
#right-box-in-1 > span{
	color:#d92655;
	font-weight:bold;
}
#rbip{
	margin-top:10px;
}
#right-box-r{
  position: absolute;
  display: inline-block;
  top: 50px;
  right: 35px;
  z-index: 1000;
}
#pre-box{
	position:absolute;
	bottom:5px;
	left:105px;
	z-index:2000;
}
#nex-box{
	position:absolute;
	bottom:5px;
	right:125px;
	z-index:2000;
}
#right-box-r1{width:80px; height: 80px;}
#right-box-r2{width:80px; height: 80px; margin-top:3px;}

/*메인 배너이미지 오른쪽편 아래영역*/

#right-box-bottom {
  display: table;
  top: 330px;
  right: 50px;
  position: absolute;
  height: 45px;
  width: 490px;
  background-color: #29a5bf;
  text-align: center;
}
#right-box-b1{
	display: table-cell;
	vertical-align:middle;
	color:#ffffff;
	width:130px;
	margin:auto,0;
}
#right-box-b1-1{
	padding-right:17px;
	border-right: 1px solid;
}
#right-box-b1-2{
	padding-left:17px;
	padding-right:17px;
	border-right:1px solid;
}
#right-box-b1-3{
	padding-left:17px;
}

/*메뉴바*/
#menu-bar-sec{
	margin-top:42px;
}
#menu-bar{
	width : 1200px;
	text-align:center;
	margin : auto;
}
#menu-bar > span{
	font-size:24px;
	margin-right:40px;
}
#menu-bar > span:hover{
	color:#00aeef;
}
#menu-bar > div{
	vertical-align:middle;
	width:75px;height:27px;
	display :inline-block;
	background-image: url("../images/btn.png");
	background-size: 75px 27px;
	background-repeat: no-repeat;
	margin-bottom:6px;
	cursor : pointer;
}
#menu-box {
	margin-top:35px !important;
	text-align:center;
	border:1px solid #EEEEEE;
	width:1200px;
	height:293px;
	margin:auto;
	/*display:none;*/
}
#menu-box > div{
	display :inline-block;
	width:195.52px;
	vertical-align: top;
	height:100%;
	border-right : 1px solid #EEEEEE;
}
#menu-box > div > div{
	margin-top:18px;
	font-size : 15px;
}
#menu-box > div > #m-title{
	font-size : 21px;
	top:0 !important;
}

#calendar{
	width:100%;
	height : 100%;
	margin:auto;
	display:inline-block;
	text-align : center;
}
#days{
	display:inline-block;
	vertical-align : middle;
	margin-left : 5px;
}
#days > div{
	font-size : 14px;
}
#mons{
	display:inline-block;
	border-right : 1px solid #EEEEEE;
	height: 100%;
	vertical-align : middle;
	padding-right : 30px;
}
#cal-box{
	vertical-align : middle;
	width :1200px;
	height : 90px;
	margin:auto;
	margin-top : 30px;
	border : 1px solid #EEEEEE;
}
#cal-box1{
	vertical-align : middle;
	width :1200px;
	height : 40px;
	margin:auto;
	border : 1px solid #EEEEEE;
}
#cal-text{
	margin-top : 10px;
	margin-left : 40px;
	height : 100%;
}
.ir { display: block; overflow: hidden; float: left; margin: 0; padding: 0; color: transparent; text-indent:-9999em; }
.offscreen{ overflow: hidden;
    /* position: absolute; */
    left: -9999em;
    width: 1px;
    height: 0px;
    margin: 0;
    padding: 0;
    border: 0;
    text-indent: -9999em;
    background: none;
    font-size: 1px;
    line-height: 1px;}
/*게시판*/

	.bt_contents {width :1200px; margin : auto; margin-bottom : 50px;}
	.inner1 {width : 48%; display : inline-block;}
	#dc_container .bt_contents { margin-top: 38px; }
	#dc_container .bt_contents .bt_box { position: relative; overflow: hidden; }
	#dc_container .bt_contents .board_box { float: left; width: 49%; height: 438px; border: 1px solid #e6e6e6; box-sizing: border-box; overflow: hidden; }
	.board_box { float: left; width: 100%; height: 438px; border: 1px solid #e6e6e6; box-sizing: border-box; overflow: hidden; }
	#mc_notice { position: relative; width: 100%; height: 438px; margin: 0; background: url(/front/images/bg_board.gif) repeat-x 0 0; }
	#mc_notice h3 { float: left; width: 30%; }
	#mc_notice h3 a { display: block; height: 57px; border-left: 1px solid #dedede; font-size: 18px; text-align: center; line-height: 57px; }
	#mc_notice h3.first a { border-left: 0;}
	#mc_notice h3.active a {padding-bottom: 1px; background: #fff url(/front/images/bg_board.gif) no-repeat center 50px; color: #db3460; font-weight: 600; }
	#mc_notice .cont { z-index:0; position: absolute; top: 60px; left: 0; bottom: 0; width: 100%; background: #fff;}
	#mc_notice .cont.active { z-index: 1; }
	#mc_notice .top_view { position: absolute; top: 0; left: 0; width: 560px; }
	#mc_notice .top_view .today { width: 100px; height: 80px; float: left; margin: 20px 0 0 50px; background: #db3460; border: 1px solid #d14e00; box-sizing: border-box; color: #fff; text-align: center;}
	#mc_notice .top_view .today p { padding: 18px 0 0 0; font-size: 24px; font-weight: 700; line-height: 1em; }
	#mc_notice .top_view .today span { font-size: 12px; }
	#mc_notice .top_view .point_view { position: absolute; top: 20px; left: 170px; width: 285px; height: 85px; border: none; padding: 0; background: #fff; overflow: hidden; }

	#mc_notice .top_view .point_view .title { display: block; width: 100%; background: none; padding: 0; font-size: 16px; font-weight: 600; color: #000; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
	#mc_notice .top_view .point_view .sub_text { display: block; width: 100%; padding: 0; line-height: 1.4em; text-align: left; }
	#mc_notice .top_view .point_view .date { display: block; width: 100%; padding: 3px 0 0 0; line-height: 1.4em; text-align: left; font-size:14px;}
	#mc_notice .top_view .point_btns { position: absolute; right: 36px; top: 33px; width: 25px; height: 60px; }
	#mc_notice .lists { position: absolute; left: 50px; top: 120px; width: 500px; height: 200px;border-top: 1px solid #e6e6e6; padding-top: 15px; }
	#mc_notice .lists li a { display: block; color: #555; }
	#mc_notice .lists li a span:hover { color: #333; text-decoration: underline; }
	#mc_notice .lists .title { display: block; float: left; width: 363px; padding-left: 8px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 2em; font-size: 13px; text-align: left; background: url(/front/images/icon_dot_1.gif) no-repeat left 10px; }
	#mc_notice .lists .date { float: left; width: 80px; line-height: 2em; font-size: 12px; text-align: right; }
	#mc_notice .more { position: absolute; z-index: 100; width: 10%; right: 0; top: -60px; height:58px; border-left: 1px solid #dedede; background: url(/front/images/btn_more_board.gif) no-repeat 50% 50%; }

/*게시판옆 이미지 */
#img-box{
	display: inline-block;
	width : 48%;
	height : 87.5%;
	margin-left : 42px;

}
#img-3{
	width : 100%;
	height :150px;
	text-align:center;
	display : table;
}
#img-3 > div{
	display: table-cell;
	width : 32.3%;
	background-color : #DDDDDD;
	height : 165px;
	float : left;
	margin-left:5.5px;
	padding-top :20px;
	cursor: pointer;
}
.img-3-title{
	font-size:19px;
	font-weight : bold;
}
.img-3-sub{
	font-size:13px;
}
.img-3-img{
	margin-top : 20px;
	width:90px;
	height:90px;
}
#img-4{
	width : 100%;
	height :180px;
	text-align:center;
	display : table;
	margin-top:10px;
}
#img-4 > div{
	position: relative;
	width : 49%;
	background-color : #DDDDDD;
	height : 240px;
	float : left;
	margin-left:5.5px;
}
#img-4 > div> img {
	width :100%;
}
#img-4 > div > .div-b{
	display : table;
	position : absolute;
	bottom : 0;
	height: 42px;
	width : 100%;
	background-color:#29a5bf;
	color : #FFFFFF;
	vertical-align : middle;
	font-size : 24px;
	padding-top : 14px;
}
#img-4 > div > .top-title{
	position : absolute;
	top : 20px;
	left : 20px;
	color : #FFFFFF;
	text-align : left;
	line-height:24px;
	font-weight : bold;
	cursor: pointer;
}
#img-4 > div > .top-title:hover{
	 -webkit-transform: scale(1.1);
}
#img-4 > div > .more{
	position : absolute;
	top : 160px;
	left : 20px;
	color : #FFFFFF;
	font-size : 14px;
	cursor: pointer;
}
#img-4 > div > .more:hover{
	text-decoration: underline;
}
.img4-text{
	display : inline-block;
	padding-top : 3px;
	padding-left : 10px;
}

/*사이트 맵 리스트*/
.site_link { overflow: hidden; position: relative; height: 85px; margin-top: 22px; border: 1px solid #e6e6e6; box-sizing: border-box; }
.site_link h2 { position: absolute; top: 37px; left: 39px; font-size: 16px; font-weight: 600; }
.site_link .control { position: absolute; z-index: 100; width: 74px; left: 115px; top: 34px;  }
.site_link .control .btn_prev { float: left; width: 18px; height: 19px; background:url(/front/images/btn_link_prev.gif) no-repeat left top; }
.site_link .control .btn_next { float: left; width: 18px; height: 19px; background:url(/front/images/btn_link_next.gif) no-repeat left top; }
.site_link .control .btn_stop { float: left; width: 18px; height: 19px; background:url(/front/images/btn_link_stop.gif) no-repeat left top; }
.site_link .control .btn_play { display: none; float: left; width: 18px; height: 19px; background:url(/front/images/btn_link_play.gif) no-repeat left top; }
.site_link .control .view_all { float: left; width: 19px; height: 19px; background:url(/front/images/btn_link_list.gif) no-repeat left top; }
.site_link .link_list { position: absolute; left: 184px; top: 19px; width: 958px; height: 45px; overflow: hidden; }

.owl-carousel { display: none; width: 100%; -webkit-tap-highlight-color: transparent; position: relative; z-index: 1; }
.owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; }
.owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.owl-carousel .owl-stage-outer { position: relative; overflow: hidden; -webkit-transform: translate3d(0px, 0px, 0px); }
.owl-carousel.owl-loaded { display: block; }
.owl-carousel.owl-loading { opacity: 0; display: block; }
.owl-carousel.owl-hidden { opacity: 0; }
.owl-carousel .owl-refresh .owl-item { display: none; }
.owl-carousel .owl-item { position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.owl-carousel .owl-item img { display: block; width: 100%; }
.owl-carousel.owl-text-select-on .owl-item { -webkit-user-select: auto; -moz-user-select: auto; -ms-user-select: auto; user-select: auto; }
.owl-carousel .owl-grab { cursor: move; cursor: -webkit-grab; cursor: -o-grab; cursor: -ms-grab; cursor: grab; }
button {border: none; cursor: pointer; overflow: visible; white-space: nowrap;}
/*맨 위에 팝업*/
#site_link1 {width:1200px; margin:30px auto;}

#wide_popup { position:relative; background: #29a5bf url(../../images/common/bg_popup.gif) repeat-x left top; height: 140px; -webkit-transition: height 0.3s ease; -moz-transition: height 0.3s ease; -ms-transition: height 0.3s ease; -o-transition: height 0.3s ease; overflow: hidden; }
#wide_popup .inner { position: relative; }
#wide_popup .popup_img { width: 100%; height: 140px; overflow: hidden; z-index: 101; text-align: center; }
#wide_popup .popup_img img { max-width: 100%;margin-top: 0px; }
#wide_popup .close_btns { position: absolute; z-index: 200; right: 0px; margin-top: -25px; line-height: 1em; color: #fff; }
#wide_popup .close_btns>input { height: auto; border: none; }
#wide_popup .close_btns .close-btn { display: inline-block; float: right; width: 17px; height: 17px; margin-left: 5px; background: url(/front/images/btn_x.gif) no-repeat left top; }
#wide_popup .bx-controls { position: absolute; left: 0; bottom: 20px; z-index: 110; }
#wide_popup.off	{ height: 0px; -webkit-transition: height 0.3s ease; -moz-transition: height 0.3s ease; -ms-transition: height 0.3s ease; -o-transition: height 0.3s ease; }
#wide_popup.off .popup_img	{ display: none; }
#wide_popup .control { position: absolute; bottom: 10px; left: 0; }
#wide_popup .control ul li { display: inline-block; }

.popup_btns { position: absolute; top: 140px; z-index: 100; left: 50%; margin-left: -550px; margin-top: -1px; line-height: 1em; width: 50px; height: 16px; -webkit-transition: top 0.3s ease; -moz-transition: top 0.3s ease; -ms-transition: top 0.3s ease; -o-transition: top 0.3s ease; }
.popup_btns.off	{ top: 0; }
.popup_btns a	{ display: block; position: relative; width: 100%; height: 100%; overflow: hidden; text-indent: -999px; background: url('/front/images/btn_popup_close.png') no-repeat 0 0; }
.popup_btns.off a	{ background-image: url('/front/images/btn_popup_open.png'); }

/*** Sliders Style */
.popup_img		{ vertical-align: middle; text-align: center; }
.popup_img:before	{ content: ""; display: inline-block; position: relative; width: 0; height: 100%; vertical-align: middle; }
.popup_img .popup-viewport	{ display: inline-block; max-width: 670px; width: 98%; vertical-align: middle; }

.popup_img .slider			{ overflow: hidden; height: 140px; }
.popup_img .slider > li > a	{ display: block; width: 100%; height: 100%; }

.popup-control-paging		{ position: absolute; bottom: 5px; left: 20px; }
.popup-control-paging li	{ display: inline-block; padding: 0 2px; }
.popup-control-paging li a	{ display: block; position: relative; width: 13px; height: 13px; overflow: hidden; text-indent: -999px; border-radius: 9.0em; background: #016479; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; }
.popup-control-paging li a.popup-active	{ background: #fff; width: 30px; }

.popup-pauseplay				{ position: absolute; width: 12px; height: 12px; bottom: 10.5px; left: 0px; }
.popup-pauseplay a				{ display: block; position: relative; width: 100%; height: 100%; overflow: hidden; text-indent: -999px; }
.popup-pauseplay a.popup-pause	{ background:url(/front/images/btn_popup_stop.gif) no-repeat 0 0; }
.popup-pauseplay a.popup-play	{ background:url(/front/images/btn_popup_play.gif) no-repeat 0 0; }

.top_wrap { position: relative; background:url(../../images/common/bg_header.gif) repeat-x center top; padding-bottom: 80px; }
.top_wrap #dc_top .lnb { height: 39px; float: right; }
.top_wrap #dc_top .lnb .lnb_menu li { float: left; padding: 0 18px 0 10px; line-height: 38px; background:url(../../images/common/bg_lnb.gif) no-repeat left 50%; }
.top_wrap #dc_top .lnb .lnb_menu li a { font-size: 12px; color: #666; }
.top_wrap #dc_top .lnb .lnb_menu li.lnb_reservation a { color: #0d2d83; }
.top_wrap #dc_top .lnb .lnb_menu li.lnb_pu { background: none; padding: 0px; }
.top_wrap #dc_top .lnb .lnb_menu li.lnb_pu a { padding: 4px 8px; background-color: #0d2d83; color: #fff; }

/*메인 달력*/
ul,ol,li,dl,menu {list-style:none}
#job_calendar { position: relative; height: 74px; border: 1px solid #e6e6e6; border-width: 1px 0 1px 0; margin:auto; z-index: 2; width:1200px; margin-bottom:30px;}
#job_calendar .inner { position: relative; }
#job_calendar h3.title { position: absolute; width: 92px; height: 74px; border: 1px solid #e6e6e6; border-width: 0 1px 0 1px; text-align: center; }
#job_calendar h3.title span { display: inline-block; margin-top: 10px; line-height: 1.2em; }
#dc_container #job_calendar h3.title .month { font-size:  28px; font-weight: 700; color: #2f4fa4; }
#job_calendar ol.month_no { height: 74px; margin-left: 86px; padding: 0 35px; border-right: 1px solid #e6e6e6; text-align: center; }
#job_calendar ol.month_no ol.week_no > li {float: left; width: 30px; line-height: 74px; text-align: center; }
#job_calendar ol.month_no ol.week_no .sun, #dc_container #job_calendar ol.month_no ol.week_no .sun a { color: #F00; }
.schedule { display: block; position: relative; background: url(../images/bg_calendar.png) no-repeat center 50%; color: #fff; z-index: 1; }
#job_calendar ol.month_no ol.week_no li.on a { color:#ff0; }
#job_calendar ol.month_no ol.week_no li.on a:after	{ content: ""; display: block; position: absolute; width: 26px; height: 13px; background: url('../images/bak_job_cal_on.png') no-repeat 100% 50%; left: 50%; bottom: -1px; margin-left: -13px;  }
#job_calendar .calendar_btn { position: absolute; right: 10px; top: 17px; width: 19px; height: 41px; }
#job_calendar .calendar_btn li { display: inline-block; width: 19px; height: 21px; float: left; line-height: 10px; }
#job_calendar .calendar_btn li.prev { background: url(../images/btn_cal_prev.gif) no-repeat left top; }
#job_calendar .calendar_btn li.next { background: url(../images/btn_cal_next.gif) no-repeat left top; }
#job_calendar .calendar_btn li a { display: block; width: 19px; height: 21px; }
.month_no li {font-size:14px;}

.schedule_view { display: none; position: absolute; top: 74px; left: 0; width: 100%; box-sizing: border-box;z-index: 0; background: #ebf4f5; border: 1px solid #e6e6e6; }
.on .schedule_view	{ display: block; }
.sche_list { padding: 7px; }
.sche_list li { float: left; margin: 4px 10px; width: auto; font-size: 13px; line-height: 1; text-align: left; }
.sche_list li span { line-height: 16px;}
.sche_list li span.company { display: inline; padding-left: 20px; }
.sche_list li span.time { display: inline; padding-left: 10px; }
.sche_list li span.place { display: inline; padding-left: 10px; }
#i-con-sch{width:42px; margin-top:-3px;}
.sche_list li span.icon_sm { position: absolute; width: 18px; text-indent: -999px; overflow: hidden; background: url(../images/i-con1.png) no-repeat left 50%; }
.sche_list li span.icon_sd { position: absolute; width: 18px; text-indent: -999px; overflow: hidden; background: url(../images/i-con2.png) no-repeat left 50%; }
.schedule_view .btn_close { display: block; position: absolute !important; right: 2px; top: 4px;}
.schedule_view .btn_close:after	 { display: none !important; }