@charset "utf-8";
@import url("./m_default.css");










/*#############################################기본정의#############################################*/

/*테이블*/
/*테이블*/
table.cStyle {border-top:1px solid #dfe2e8;  width:100%; font-size:11px; border-spacing:0;}
table.cStyle th { color:#222; background:#f8f8f8; border-bottom:1px #dfe2e8 solid;  border-right:1px #dfe2e8 solid;  text-align:left; line-height:20px; padding:8px 10px; }
table.cStyle td {color:#666; padding:8px 5px; line-height:20px;  border-bottom:1px #dfe2e8 solid;  }
table.cStyle .center {text-align:center;}
table.cStyle .left {text-align:left;}


table.cStyle1 {width:100%; font-size:11px; border-spacing:0; border-left:1px #dfe2e8 solid;}
table.cStyle1 th { color:#222; background:#f8f8f8; border:0px; border-top:1px #dfe2e8 solid; border-bottom:1px #dfe2e8 solid; border-right:1px #dfe2e8 solid;  text-align:center; line-height:20px; padding:8px 5px; }
table.cStyle1 td {color:#666; padding:8px 5px; line-height:20px;  border-bottom:1px #dfe2e8 solid; text-align:center;  border-right:1px #dfe2e8 solid; }
table.cStyle1 .center {text-align:center;}
table.cStyle1 .left {text-align:left;}

table.cStyle2 {border-top:2px solid #ffd101;  width:100%; font-size:11px; border-spacing:0; border-left:1px #dfe2e8 solid;}
table.cStyle2 th { color:#222; background:#f8f8f8; border-bottom:1px #dfe2e8 solid;  border-right:1px #dfe2e8 solid;  line-height:20px; padding:8px 10px; }
table.cStyle2 td {color:#666; padding:8px 5px; line-height:20px;  border-bottom:1px #dfe2e8 solid; border-right:1px #dfe2e8 solid; text-align:center; }
table.cStyle2 .center {text-align:center;}
table.cStyle2 .left {text-align:left;}
table.cStyle2 .bg {background:#fafafa; font-size:15px;  color:#222; font-weight:normal;}
table.cStyle2 .bg span{display:inline-block; line-height:30px; padding:0 20px; background:#ffd101; border-radius:30px; margin:10px 0px;}
table.cStyle2 .bg img {padding-top:8px;}

table.cStyle3 {border-top:2px solid #ffd101;  width:100%; font-size:11px; border-spacing:0; }
table.cStyle3 th { color:#222; background:#f8f8f8; border-bottom:1px #dfe2e8 solid;   line-height:20px; padding:8px 10px; }
table.cStyle3 td {color:#666; padding:8px 5px; line-height:20px;  border-bottom:1px #dfe2e8 solid;  text-align:center; }
table.cStyle3 .center {text-align:center;}
table.cStyle3 .left {text-align:left;}
table.cStyle3 .bg {background:#fafafa; font-size:15px;  color:#222; font-weight:normal; }
table.cStyle3 .line { border-right:1px #dfe2e8 solid;}
table.cStyle3 .title_name{display:inline-block; line-height:30px; width:150px; background:#ffd101; border-radius:30px; margin:10px 0px;}
table.cStyle3 .bg img {padding-top:8px;}
table.cStyle3 .service_img_ing {border:2px #ddd solid;}


table.cStyle4 {border-top:1px solid #555;  width:100%; font-size:11px; border-spacing:0; }
table.cStyle4 th { color:#222; background:#f8f8f8; border-bottom:1px #dfe2e8 solid;   line-height:20px; padding:8px 10px; }
table.cStyle4 td {color:#666; padding:8px 5px; line-height:20px;  border-bottom:1px #dfe2e8 solid;  }
table.cStyle4 .center {text-align:center;}
table.cStyle4 .left {text-align:left;}
table.cStyle4 .bg {background:#fafafa; font-size:15px;  color:#222; font-weight:normal; }


table.cStyle5 {border-top:1px solid #555;  width:100%; font-size:11px; border-spacing:0;}
table.cStyle5 th { color:#222;  background:#f8f8f8; border-bottom:1px #dfe2e8 solid;   padding:8px 5px; }
table.cStyle5 td {color:#666; padding:5px;  border-bottom:1px #dfe2e8 solid; text-align:center;  }
table.cStyle5 .center {text-align:center;}
table.cStyle5 .left {text-align:left;}


table.cStyle6 {border-top:1px solid #dfe2e8; border-left:1px solid #dfe2e8;  width:100%; font-size:11px; border-spacing:0;}
table.cStyle6 th { color:#222;  background:#f8f8f8; border-bottom:1px #dfe2e8 solid;  border-right:1px #dfe2e8 solid;   padding:8px 5px; }
table.cStyle6 td {color:#666; padding:5px;  border-bottom:1px #dfe2e8 solid; border-right:1px #dfe2e8 solid;}
table.cStyle6 .center {text-align:center;}
table.cStyle6 .left {text-align:left;}


/*테이블*/
h4.cStyle {clear:both; font-size:18px; letter-spacing:-1px; color:#222; line-height:24px; }
h5.cStyle {clear:both; font-size:16px; letter-spacing:-1px; color:#014e8d; line-height:24px; }
h6.cStyle {clear:both; font-size:15px; letter-spacing:-1px; color:#555 ; line-height:24px; }


/*#############################################기본정의#############################################*/



/*서브상단 버튼(지역 분야)*/
.quick_area_category_box {background:#f8f8f8; border-bottom:1px #ddd solid; padding:10px; text-align:center; overflow:hidden;}
.quick_area_category_box li{float:left; width:50%; font-size:16px;}
.quick_area_category_box li a{display:block;}
.quick_area_category_box li.first a{border-right:1px #ddd solid;}


/*#####################################################채용정보#####################################################*/

/*서브타이틀 카운터*/
.common_s_title {font-size:17px; font-weight:normal; margin-top:20px; padding:0 5px;}
.common_s_title span{color:#d5212a;}



/*채용정보 리스트*/
.all_job_list {margin-top:10px;}
.all_job_list ul {border-top:1px #ddd solid;}
.all_job_list ul li{position:relative; border-bottom:1px #ddd solid; padding:10px 5px; }
.all_job_list ul li div{line-height:18px; font-size:12px;}
.all_job_list ul li .name{font-size:15px; font-weight:bold; }
.all_job_list ul li .name span{font-size:11px; font-weight:normal; display:inline-block; background:#ffd101;line-height:18px; padding:0 5px; margin-right:3px;}
.all_job_list ul li .name span.premium{background:#458744; color:#fff;}
.all_job_list ul li .name span.fast{background:#a5a5a5; }
.all_job_list ul li .name span.recommend{background:#ddd; }
.all_job_list ul li .name a{color:#ed7307; }
.all_job_list ul li .subject{font-size:13px; padding:5px 0px;}
.all_job_list ul li .area{font-size:11px; color:#9b9b9b;}
.all_job_list ul li .scrap{position:absolute; top:30px; right:10px;}


/*인재정보*/
.gujik_list {margin-top:10px;}
.gujik_list ul {border-top:1px #ddd solid;}
.gujik_list ul li{position:relative; border-bottom:1px #ddd solid; padding:10px 5px; line-height:18px; }
.gujik_list ul li .photo {position:absolute; left:10px; top:10px;}
.gujik_list ul li .photo img {width:50px; height:65px; vertical-align:middle;}

.gujik_list ul li .info_box {font-size:13px; position:relative; }
.gujik_list ul li .find  a{color:#ed7307;}
.gujik_list ul li .name {padding:5px 0px; color:#000;}
.gujik_list ul li .name .area{font-size:11px;color:#9b9b9b; }
.gujik_list ul li .scrap{position:absolute; top:30px; right:10px;}

.gujik_list ul li.premium .info_box {margin-left:75px;}




/*지역별찾기*/
.area_serch_box_list {margin-top:10px; border-top:1px #ddd solid; }
.area_serch_box_list ul{border:1px #ddd solid; margin:20px 10px;}
.area_serch_box_list li{font-size:14px;   border-bottom:1px #ddd solid;}
.area_serch_box_list li .one_area {display:block; padding:8px;}
.area_serch_box_list li .one_area span{color:#d45a18; padding-left:5px;}
.area_serch_box_list li .box {background:#fafafa; overflow:hidden; border-top:1px #ddd solid; }
.area_serch_box_list li .box a{display:block; font-size:12px; padding:5px 10px; border-bottom:1px #eaeaea solid;}
.area_serch_box_list li .box a:last-child{border-bottom:0px;}
.area_serch_box_list li .box a span{color:#d45a18; padding-left:5px;}




.header_search_box {background:#f8f8f8; padding:10px; border-bottom:1px #ddd solid; display:block;}
.header_search_box li{padding:10px; position:relative; border-bottom:1px #ddd solid}
.header_search_box li strong{position:absolute; width:60px; top:15px;}
.header_search_box li .box{margin-left:60px; position:relative;}
.header_search_box li .box .add_btn{position:absolute; right:0px; top:0px; }
.header_search_box li .job_type {margin-right:70px; overflow:hidden;}
.header_search_box li .job_type span {float:left; width:50%; vertical-align:top;}
.header_search_box .btn{margin-top:10px; text-align:center;}
.header_search_box .hidden_search {display:none;}


/*#####################################################채용정보#####################################################*/


/*페이지페이져*/
.common_pager {display:inline-block;}
.common_pager span{display:inline-block; min-width:28px;  text-align:center; vertical-align:top; }
.common_pager span.on a{background:#555; color:#fff;   border:1px #222 solid; }
.common_pager span a{display:block; height:25px; line-height:25px; padding:0 5px; border:1px #ddd solid; }
.common_pager span a:hover{border-color:#333; color:#333;}

.common_search input[type="text"] {line-height:25px; border:1px #ddd solid; background:#fff; vertical-align:top;}
.common_search input[type="submit"] {line-height:25px; border:1px #222 solid; background:#555; vertical-align:top; color:#fff; padding:0 10px;}

.search_box_etc {background:#f8f8f8; border:1px #ddd solid; padding:15px; text-align:center; margin-bottom:10px;}




/*#######################################회원그룹선택#######################################*/

.member_join_choice {text-align:center; padding:20px 0px 20px;;  margin:0 10px}
.member_join_choice .title{text-align:center; display:inline-block; font-size:18px; color:#484848; line-height:22px;}
.member_join_choice .title strong{color:#ffd100;}
.member_join_choice .title span{display:block; font-size:12px; font-weight:normal; padding-top:10px; line-height:16px}
.member_join_choice ul {margin-top:30px; overflow:hidden; padding-bottom:30px;}
.member_join_choice ul li{float:left; width:50%; height:125px; background:#ffd101;position:relative;}
.member_join_choice ul li .arrow{width:100%; position:absolute; font-size:50px; display:none; left:0px; bottom:-16px; text-align:center; color:#ffd101;}
.member_join_choice ul li.m2 .arrow{color:#347ac1;}
.member_join_choice ul li.m2{background:#347ac1;}
.member_join_choice ul li dl  {margin-top:30px; color:#222; }
.member_join_choice ul li dl dt {font-size:12px; opacity:0.7 }
.member_join_choice ul li dl dd {font-size:16px; font-weight:bold; margin-top:10px; }
.member_join_choice ul li.m2 dl dt{color:#fff;}
.member_join_choice ul li.m2 dl dd{color:#fff;}




/*약관동의*/
.common_agree_box {  margin:0 10px; overflow:hidden;}
.common_agree_box .title_sub{padding:15px; font-size:13px; color:#222; background:#fafafa; border:1px #e5e5e5 solid;}
.common_agree_box ul {border:1px #e5e5e5 solid; border-top:0px; border-bottom:0px;}
.common_agree_box ul li{ border-bottom:1px #e5e5e5 solid; padding:15px; }
.common_agree_box ul li .subject{font-size:13px; }
.common_agree_box ul li .subject label {text-indent:-99999px;}
.common_agree_box ul li .box{border:1px #e5e5e5 solid; padding:10px 20px; margin-top:5px; height:100px; overflow:hidden; overflow-y:auto; display:none;}
.common_agree_box .btn {text-align:center; margin:40px 0px;}
.common_agree_box .btn a{display:inline-block; padding:0 40px; line-height:70px; border-radius:5px; color:#fff; font-size:20px; font-weight:bold; background:#747577; }




/*#######################################회원그룹선택#######################################*/

/*#######################################회원그룹선택#######################################*/

/*업종선택*/
.job_choice_box {position:relative; overflow:hidden; }
.job_choice_box a{float:left; width:48%; margin:0.5%; font-size:13px; border:1px #dfe2e8 solid; text-align:center; line-height:38px; border-radius:3px; background:#f8f8f8}
.job_choice_box a.on{border-color:#ffd101; color:#222; background:#ffd101}


/*#######################################회원그룹선택#######################################*/


/*상세*/
.shop_detail_info .write_date{border-bottom:1px #ddd solid; margin-top:10px; padding-left:5px;}
.shop_detail_info .subject_title{border-bottom:1px #ddd solid; padding:10px 0px 0 5px; font-size:15px; color:#222;}
.shop_detail_info .photo_box{text-align:center; margin-top:10px; border-bottom:1px #ddd solid; padding-bottom:20px;}
.shop_detail_info .photo_box .main_img{max-width:100%;}
.shop_detail_info .photo_box ul {margin-top:10px; }
.shop_detail_info .photo_box ul li{display:inline-block;}
.shop_detail_info .photo_box ul li img{width:90px; height:60px;}

.shop_detail_info_common_box { padding:10px; overflow:hidden; border-bottom:1px #ddd solid; }





/*상세*/
.gujik_detail_info .write_date{border-bottom:1px #ddd solid; margin-top:10px; padding-left:5px;}
.gujik_detail_info .subject_title{border-bottom:1px #ddd solid; padding:10px 0px 0 5px; font-size:15px; color:#222;}


.gujik_detail_info .photo_box {text-align:center; padding:10px;}
.gujik_detail_info .photo_box img{width:120px; height:160px; border:1px #fafafa solid;}


.gujik_detail_info .default_info .common_box.right{width:80%;}
.gujik_detail_info .default_info .common_box.right .shop_name{font-size:17px; padding-bottom:10px; color:#000; border-bottom:1px #dfe2e8 solid; font-weight:bold; }
.gujik_detail_info .default_info .common_box.right ul {padding:5px 0; border-bottom:1px #dfe2e8 solid;}
.gujik_detail_info .default_info .common_box.right ul li{position:relative; padding-left:130px; height:28px; line-height:28px; color:#787878;}
.gujik_detail_info .default_info .common_box.right ul li strong{position:absolute; width:105px; height:28px;  line-height:28px; border-right:1px #dfe2e8 solid; left:8px; top:0px; color:#555; }


.gujik_detail_info .gujik_detail_info_common_box {border:1px #dfe2e8 solid; padding:15px; overflow:hidden; }
.gujik_detail_info .gujik_detail_info_common_box .map_view{overflow:hidden;}
.gujik_detail_info .gujik_detail_info_common_box .map_view li{float:left; width:50%; height:300px; }


.gujik_detail_info .gujik_detail_open {background:#f8f8f8 url(../../basic/images/common/gujik_close_bg.png) center 20px no-repeat; min-height:100px;; border:1px #ddd solid; padding:20px; text-align:center;}
.gujik_detail_info .gujik_detail_open dl {line-height:16px; padding-top:130px;}
.gujik_detail_info .gujik_detail_open dl dt{font-size:15px; color:#222;}
.gujik_detail_info .gujik_detail_open dl dt span{font-size:13px; color:#ffd101;}
.gujik_detail_info .gujik_detail_open dl dd{font-size:12px; color:#acacac;}
.gujik_detail_info .gujik_detail_open .btn {margin-top:15px;}
.gujik_detail_info .gujik_detail_open .btn a{display:inline-block; line-height:30px; padding:0 10px; border:1px #999 solid; background:#fff;}
.gujik_detail_info .gujik_detail_open .btn a.first{border-color:#ac9ce4; color:#ac9ce4;}


/*광고글 안내*/
.common_job_copyright {background:#f8f8f8;border:1px #e7e7e9 solid; padding:10px; margin:50px 0px;}
.common_job_copyright li{padding-left:7px;  font-size:11px; color:#999; letter-spacing:-1px;}



	/*긴급채용정보*/
	.focus_banner {padding-left:10px; }
	.focus_banner ul {overflow:hidden; }
	.focus_banner ul li.slide {position:relative; width:98% !important; min-height:90px;  border:1px #e3e3e3 solid; }
	.focus_banner ul li.slide .photo_box{position:relative; padding-left:140px;  }
	.focus_banner ul li.slide .photo_box .photo {position:absolute; left:10px; top:10px;}
	.focus_banner ul li.slide .photo_box .photo img {width:120px; height:69px; vertical-align:middle;}

	.focus_banner ul li.slide .photo_box .subject {padding-top:10px; line-height:18px;color:#333333; font-weight:bold; font-family:'Dotum';overflow:hidden;white-space:nowrap;  text-overflow:ellipsis;}
	.focus_banner ul li.slide .photo_box .subject_info {line-height:16px;}

	.focus_banner ul li.slide .more_btn{position:absolute; right:-1px; top:-1px; border-right:0px;}
	.focus_banner ul li.slide .more_btn a.common_more {border-right:0px; }
	.focus_banner ul li.slide .info_box .price_info img {max-width:100%; display:inline-block;}