@charset "utf-8";

/*구인구직01*/

#container {}

.hide {position:absolute;left:-9999px;text-indent:-9999px;}
.clearfix:after {content:"";display:block;clear:both;width:0; height:0;}

/*메인첫번째*/
.main_top {overflow:hidden; margin-top:10px;}


/*메인배너*/
.main_top_banner {float:left; width:300px; height:248px; border:1px #dce0e3 solid; margin-right:10px;}
.main_top_banner img {width:100%; height:100%;}


/*퀵채용*/
.quick_job_view {float:left; width:310px; border:1px #dce0e3 solid;position:relative;*margin-left:10px;}
.quick_job_view dl{position:relative; height:118px; background:#f8f8f8; }
.quick_job_view dt {float:left; letter-spacing:-0.5px; text-align:center; line-height:38px; position:relative; border-bottom:1px #dce0e3 solid; border-right:1px #dce0e3 solid;  z-index:1; }
.quick_job_view dt.m1 {width:97px; background:url(../../basic/images/main/quick_job_view_title_dot.jpg) 80px 50% no-repeat; color:#333; font-size:14px; font-weight:bold;}
.quick_job_view dt.m2 {width:56px;}
.quick_job_view dt.m3 {width:54px;}

.quick_job_view dt a {display:block; color:#666; font-size:12px; font-weight:bold; }
.quick_job_view dt.on {border-bottom:1px #fff solid;;}
.quick_job_view dt.on a{display:block; background:#fff; }


.quick_job_view dd {position:absolute; top:38px; width:100%; background:#fff; height:79px; left:0%; display:none; overflow:hidden;  border-top:1px #dce0e3 solid;  z-index:0;}
.quick_job_view dd.first { display:block;}

.quick_job_view dd .box {float:left;position:relative; padding:5px 10px 0;}
.quick_job_view dd .box .photo {width:51px; height:51px; position:absolute;left:10px; top:12px;}
.quick_job_view dd .box .info {margin-left:61px;}
.quick_job_view dd .box .info div{line-height:18px;}
.quick_job_view dd .box .info .t1{font-weight:bold; font-size:12px; color:#222;}
.quick_job_view dd .box .info .t2{font-size:12px; color:#444; width:130px;}
.quick_job_view dd .box .info .t3{font-size:11px; color:#777;}

.quick_job_view .pager {position:absolute; right:5px; top:5px;}
.quick_job_view .pager span {float:left;}
.quick_job_view .pager .num {font-family:'Arial'; font-size:10px;}
.quick_job_view .pager .btn {margin-left:5px;}
.quick_job_view .pager .btn a {float:left;}

/*메인배너*/
.main_top_banner {float:left; width:478px; height:118px; border:1px #dce0e3 solid;}
.main_top_banner img {width:100%; height:100%;}

/*로그인*/
.main_login {float:right; width:255px; height:118px; border:1px #dce0e3 solid; background:#f8f8f8; position:relative;}
.main_login .box{padding:5px 18px 8px; position:relative;border-bottom:1px solid #dce0e3;}
.main_login .box h3{font-size:14px; color:#333333; margin-bottom:5px;}

/*주요서비스*/
.main_login .quick_service {width:255px;background:#fff;}
.main_login .quick_service h3 {display:none;}
.main_login .quick_service ul {height:124px;padding:10px 5px 0 0px;}
.main_login .quick_service ul li{float:left;width:33.3333333%; text-align:center;margin-bottom:9px;font-size:11px; letter-spacing:-1.2px;}
.main_login .quick_service ul li .text{display:block; line-height:18px;}
.main_login .quick_service ul li a{color:#757575;}
.main_login .quick_service ul li a img {height:35px;}


/*로그인 전*/
/*.main_login .box {height:100px;}*/
.main_login .box .text_input{margin-right:76px;}
.main_login .box .text_input input {display:block; width:121px;  padding:0 10px; border:1px #c6c6c6 solid; height:20px; line-height:20px; margin-bottom:3px;}
.main_login .box .text_input input::-webkit-input-placeholder {font-size:11px;}
.main_login .box .text_input input::-moz-placeholde {font-size:11px;}
.main_login .box .text_input input:-ms-input-placeholder {font-size:11px;}
.main_login .box .text_input input:-moz-placeholder {font-size:11px;}

.main_login .box .btn_input{position:absolute; right:18px; top:35px;}
.main_login .box .btn_input input {display:block; width:70px; height:47px; line-height:47px;  border:1px #c6c6c6 solid; background:#fff; color:#444444;}
.main_login .box .login_etc {margin-top:3px;}
.main_login .box .login_etc a{color:#444444; font-size:11px; padding:0 0px;}
.main_login .box .login_etc a.first{background:url(../../basic/images/main/login_etc_dot.jpg) right 4px no-repeat;padding:0 14px 0 0;}

/*로그인 후*/
.main_login .login_after {overflow:hidden;}
.main_login .login_after .user_info{overflow:hidden;}
.main_login .login_after .user_info .first{float:left; color:#dc434a; }
.main_login .login_after .user_info .first a{color:#dc434a; }
.main_login .login_after .user_info .first strong a{color:#222; }
.main_login .login_after .user_info .last{float:right; }
.main_login .login_after .user_info .last a{display:inline-block; background:#fff; border:1px #ddd solid; line-height:18px; font-size:11px; padding:0 7px;}
.main_login .login_after .util{ text-align:center; margin-top:10px;}

.main_login .login_after .util li{display:inline-block; margin:0 10px; vertical-align:top; min-width:40px;}
.main_login .login_after .util li.m1 {background:url(../../basic/images/main/affter_login_m1.png) center top no-repeat;}
.main_login .login_after .util li.m2 {background:url(../../basic/images/main/affter_login_m2.png) center top no-repeat;}
.main_login .login_after .util li.m3 {background:url(../../basic/images/main/affter_login_m3.png) center top no-repeat;}
.main_login .login_after .util li a {display:block; padding:40px 0 0; }
.main_login .login_after .util li a strong{color:#ff6600;}




/*메인첫번째*/
.main_bottom {overflow:hidden; margin-top:10px;}
.main_bottom .main_quick_item{float:left; width:1068px; height:188px; border:1px #dce0e3 solid;  clear:both; }
.main_bottom .main_quick_item .col{float:left;}
.main_bottom .main_quick_item .col h3{line-height:38px; background:#f8f8f8; text-align:center; color:#333333; font-size:15px; border-bottom:1px #dce0e3 solid; }

.main_bottom .main_quick_item .col ul li{float:left;}
.main_bottom .main_quick_item .m1{width:305px;}
.main_bottom .main_quick_item .m2{width:501px;}
.main_bottom .main_quick_item .m3{width:262px;}

.main_bottom .main_quick_item .col ul {height:160px;overflow:hidden;background:url(../../basic/images/main/main_quick_item_line.gif) right top no-repeat;}
.main_bottom .main_quick_item .m3 ul {background:none;}

/*분야별검색*/
.main_bottom .main_quick_item .m1 ul {padding:10px 5px 0px 15px;}
.main_bottom .main_quick_item .m1 ul li{width:33.3333%;margin-bottom:1px;}
.main_bottom .main_quick_item .m1 ul li a{display:block; padding:0 4px;letter-spacing:-1px;}

/*실시간 채용정보*/
.main_bottom .main_quick_item .m2 ul {height:164px;padding:5px 15px 0 15px;}
.main_bottom .main_quick_item .m2 ul li{width:100%;}
.main_bottom .main_quick_item .m2 ul li a{color:#888;line-height:31px;display:block;width:95%;padding:0 5px;font-size:13px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.main_bottom .main_quick_item .m2 ul li a:hover {color:#222;}
.main_bottom .main_quick_item .m2 ul li a span {background:#6cbf7f;padding:2px 3px;color:#fff;font-size:11px;border-radius:5px;}

/*지역별검색*/
.main_bottom .main_quick_item .m3 ul {padding:10px 5px 0px 25px;}
.main_bottom .main_quick_item .m3 ul li{width:25%;margin-bottom:1px;}
.main_bottom .main_quick_item .m3 ul li a{display:block; padding:0 5px; background:url(../../basic/images/main/main_quick_item_m1_dot.jpg) left 50% no-repeat;}
.main_bottom .main_quick_item .m3 ul li a:nth-child(even){background:url(../../basic/images/main/main_quick_item_m1_dot.jpg) left 50% no-repeat;}



	/*그랜드 */
	.grand_banner {margin:0 auto; width:1075px; overflow:hidden;}
	.grand_banner ul li.list {float:left; width:261.7px;height:258px; margin:0 2.5px 5px; border:1px #E0E0E0 solid;overflow:hidden;}
	.grand_banner ul li.list:hover {border-color:#FF9933;background:#FFF5EB;}
	.grand_banner ul li.list .photo {height:109px;line-height:109px;padding:10px; border-bottom:1px #f5f6f7 solid;overflow:hidden;text-align:center;}
	.grand_banner ul li.list .photo div {height:109px;}
	.grand_banner ul li.list .photo a {font-size:18px;font-weight:bold;color:#888888;}
	.grand_banner ul li.list .photo img {width:190px;height:auto;vertical-align:middle;}

	.grand_banner ul li.list .info_box {padding:8px 10px; min-height:68px; position:relative; }
	.grand_banner ul li.list .info_box .subject{font-size:13px; font-weight:bold; font-family:'Malgun Gothic';}
	.grand_banner ul li.list .info_box .subject a {display:block;width:95%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
	.grand_banner ul li.list .info_box .subject_info{margin-top:5px;font-size:14px; color:#555555; line-height:18px; font-family:'Malgun Gothic';letter-spacing:-1px;word-wrap: break-word;}
	.grand_banner ul li.list .info_box .subject_info:hover {text-decoration:underline;}
	.grand_banner ul li.list .info_line {height:44px;background:#FF8000;position:relative;overflow:hidden;}
	.grand_banner ul li.list .info_line .employ_info {position:absolute;left:5px;color:#ffffff;}
	.grand_banner ul li.list .info_line .price_info {position:absolute;top:20px;left:5px;color:#ffffff;}
	.grand_banner .more_btn{position:absolute; right:0px; top:-1px; border-right:0px; }
	.grand_banner .more_btn a.common_more {border-right:0px;}


	/*프리미엄 */
	.premium_banner {margin:0 auto; width:1075px; overflow:hidden;}
	.premium_banner ul li.list {float:left; width:208px; height:238px; margin:0 2.5px 5px; border:1px #E0E0E0 solid;overflow:hidden;}
	.premium_banner ul li.list:hover {border-color:#FF9933;background:#FFF5EB;}
	.premium_banner ul li.list .photo {height:109px;line-height:106px;padding:10px; border-bottom:1px #f5f6f7 solid;overflow:hidden;text-align:center;}
	.premium_banner ul li.list .photo a {font-size:18px;font-weight:bold;color:#888888;text-align:center;}
	.premium_banner ul li.list .photo img {width:150px;height:auto;vertical-align:middle;}

	.premium_banner ul li.list .info_box {padding:8px 10px; min-height:48px; position:relative;}
	.premium_banner ul li.list .info_box .subject{font-size:13px; color:#333333; font-weight:bold; font-family:'Malgun Gothic';}
	.premium_banner ul li.list .info_box .subject a {display:block;width:95%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
	.premium_banner ul li.list .info_box .subject_info:hover {text-decoration:underline;}
	.premium_banner ul li.list .info_box .subject_info{font-size:14px; color:#555555; line-height:18px; font-family:'Malgun Gothic';letter-spacing:-2px;}
   .premium_banner1 ul li.list .info_box .subject_info{font-size:14px; color:#555555; line-height:18px; font-family:'Malgun Gothic';letter-spacing:-1px;}
     .grand_banner1 ul li.list .info_box .subject_info{margin-top:5px;font-size:14px; color:#555555; line-height:18px; font-family:'Malgun Gothic';letter-spacing:-1px;word-wrap: break-word;}
     .focus_banner1 ul li.list .info_box .subject_info{display:block;width:95%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:5px 0;}
	 .premium_banner1 ul li.list .info_line {height:44px;background:#FFB266;position:relative;overflow:hidden;}
	.premium_banner ul li.list .info_line {height:44px;background:#FFB266;position:relative;overflow:hidden;}
	.premium_banner ul li.list .info_line .employ_info {position:absolute;left:5px;color:#ffffff;}
	.premium_banner ul li.list .info_line .price_info {position:absolute;top:20px;left:5px;color:#ffffff;}
	.premium_banner .more_btn{height:20px;position:absolute; right:0px; top:-1px; border-right:0px;background:#fff;}
	.premium_banner .more_btn a.common_more {border-right:0px;}


	/*긴급채용정보*/
	.focus_banner {margin:0 auto; width:1070px;overflow:hidden;}
	.focus_banner ul {overflow:visible;padding-bottom:0;}
	.focus_banner ul li.list {float:left; position:relative; width:349.6px;margin:0 2.5px 5px; height:98px; border:1px #E0E0E0 solid;overflow:hidden;background: #fcfcfc;}
	.focus_banner ul li.list:hover {border-color:#FF9933;background:#FFF5EB;}
	.focus_banner ul li.list .photo {float:left;margin:5px;padding:5px;height:76px;overflow:hidden;border:0px solid #c4c4c4;background:#fff;text-align:center;}
	.focus_banner ul li.list .photo a {display:block;width:110px;line-height:76px;font-size:18px;font-weight:bold;color:#888888;text-align:center;}
	.focus_banner ul li.list .photo img {width:100px;height:auto;vertical-align:middle;}
	.focus_banner ul li.list .photo_box .subject {padding-top:25px; line-height:18px;color:#333333; font-weight:bold; font-family:'Malgun Gothic';}

	.focus_banner ul li.list .info_box {width:197px;float:left;padding:5px 10px; position:relative; min-height:88px;}
	.focus_banner ul li.list .info_box .subject a {font-size:15px;font-weight:bold;display:block;width:95%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
	.focus_banner ul li.list .info_box .subject_info {display:block;width:95%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:5px 0;}
	.focus_banner ul li.list .info_box .subject_info:hover {text-decoration:underline;}
	.focus_banner ul li.list .info_box .employ_info {position:static;float:left;}
	.focus_banner ul li.list .info_box .price_info{position:static;float:right;}

	.focus_banner ul li.list .more_btn{height:20px;position:absolute; right:0px; top:-1px; border-right:0px;background:#ffffff;}
	.focus_banner ul li.list .more_btn a.common_more {border-right:0px;}