@charset "utf-8";
#container { overflow:hidden; }
#sub_title { position:relative; margin-bottom:48px; padding-top:25px; height:102px; border-bottom:4px solid #f1f1f1; text-align:center; }
#sub_title h3 { color:#222222; font-size:30px; font-weight:500; }
#sub_title ol li { margin-left:8px; padding-left:12px; display:inline-block; color:#858585; background:url('/job/images/sub/location_arrow.jpg') no-repeat left; }
#sub_title ol li.home { margin:0; padding:0; width:20px; height:23px; background:url('/job/images/sub/ic_home.jpg') no-repeat left 3px; text-indent:-9999px; }
#sub_title .sns { position:absolute; z-index:1; bottom:-15px; right:0; }
#sub_title .sns li { float:left; margin-right:6px; }
#sub_title .sns li.print { margin-right:0px; }
#sub_title .sns li a { display:block; width:29px; height:28px; text-indent:-9999px; transition:all 0.2s ease; }
#sub_title .sns li.sns01 a { background:url('/dong/images/sub/ic_facebook.jpg') no-repeat; }
#sub_title .sns li.sns02 a { background:url('/dong/images/sub/ic_twitter.jpg') no-repeat; }
#sub_title .sns li.sns03 a { background:url('/dong/images/sub/ic_blog.jpg') no-repeat; }
#sub_title .sns li.sns04 a { background:url('/dong/images/sub/ic_kakao.jpg') no-repeat; }
#sub_title .sns li.favorite a { background:url('/dong/images/sub/ic_favorite.jpg') no-repeat; }
#sub_title .sns li.print a { background:url('/dong/images/sub/ic_print.jpg') no-repeat; }
#sub_title .sns li a:hover { background-position:0px -28px; transition:all 0.2s ease; }

#leftmenu { float:left; width:240px; border:1px solid #d1d1d1;  }
#leftmenu h2 { padding-top:30px; height:67px; border-bottom:1px solid #1f3a7c; color:#ffffff; background:#3b5db2; text-align:center; font-size:24px; font-weight:500; }
#leftmenu>ul>li>a { padding:10px 0 10px 17px; display:block; color:#555555; font-size:14px; }
#leftmenu>ul>li>ul { display:none; background:#f6f6f6; border-bottom:1px solid #dddddd; }
#leftmenu>ul>li>ul>li>a { display:block; padding:7px 0 7px 30px; border-bottom:1px solid #e2e2e2; font-size:13px; }
#leftmenu>ul>li.select { background:#3b5db2; }
#leftmenu>ul>li.select>a { padding-left:33px; color:#ffffff; background:url('/job/images/sub/lmenu_on.png') no-repeat 17px center; border-bottom:1px solid #1f3a7c; font-weight:500; }
#leftmenu>ul>li>ul>li.select { background:#ffffff; }
#leftmenu>ul>li>ul>li.select a { color:#3b5db2; font-weight:500; }
#leftmenu .lmenu_quick p.tit { padding:7px 18px; color:#444444; background:#f7faff; border-top:1px solid #d1d1d1; border-bottom:1px solid #d1d1d1; font-size:14px; font-weight:400; }
#leftmenu .lmenu_quick ul { overflow:hidden; }
#leftmenu .lmenu_quick ul li { float:left; padding:15px 0; width:50%; box-sizing:border-box; }
#leftmenu .lmenu_quick ul li:first-child, #leftmenu .lmenu_quick ul li:nth-child(3) { border-right:1px solid #d1d1d1; }
/* #leftmenu .lmenu_quick ul li:first-child, #leftmenu .lmenu_quick ul li:nth-child(2) { border-bottom:1px solid #d1d1d1; } */
#leftmenu .lmenu_quick ul li:hover { background:#f5f5f5; transition:all 0.3s ease; }
#leftmenu .lmenu_quick ul li a { display:block; padding-top:55px; color:#444444; background-position:top center; background-repeat:no-repeat; font-size:14px; font-weight:400; text-align:center; }
#leftmenu .lmenu_quick ul li.quick01 a { background-image:url('/job/images/sub/quick01.png'); } 
#leftmenu .lmenu_quick ul li.quick02 a { background-image:url('/job/images/sub/quick02.png'); } 
#leftmenu .lmenu_quick ul li.quick03 a { background-image:url('/job/images/sub/quick03.png'); } 
#leftmenu .lmenu_quick ul li.quick04 a { background-image:url('/job/images/sub/quick04.png'); } 

#contents { float:right; width:910px; }
#detail_con h4 { color:#363b48; font-size:24px; font-weight:500; letter-spacing:-0.7px; }
#detail_con .txt_box { padding:25px 35px; border:4px solid #e1e1e1; color:#555555; background:#fcfcfc; font-size:14px; line-height:150%; }
#detail_con .txt_box p { color:#555555; font-size:14px; line-height:150%; }
#detail_con .con_box { margin:20px 0 40px 0; padding:25px; border:1px solid #c6c6c6; }
#detail_con .para01 { margin-bottom:25px; }
#detail_con .con_box .para01:last-child { margin-bottom:0px; }
#detail_con .para02 { margin:10px 0 0 29px; }
#detail_con .para03 { margin:4px 0 12px 0; }
#detail_con .para05 { margin:20px 0 40px 0; }
#detail_con .sblet { padding-left:27px; color:#0f61b6; font-size:18px; font-weight:500; background:url('/job/images/sub/ic_sblet.jpg') no-repeat left 4px; }
#detail_con .ssblet { padding:3px 0 3px 15px; color:#555555; font-size:15px; font-weight:500; background:url('/job/images/sub/ic_ssblet.jpg') no-repeat left 9px; }
#detail_con .sssblet { padding-left:10px; color:#666666; font-size:14px; font-weight:400; background:url('/job/images/sub/ic_sssblet.jpg') no-repeat left 8px; }
#detail_con .one_num .ssblet { background:none; padding-left:0; }
#detail_con .one_num .ssblet .para03 { margin-left:15px; }
#detail_con .map_wrap { border:1px solid #dddddd; }
.design_area { padding:20px; color:#ffffff; background:#333333; }
.img_list_wrap { margin-top:20px; overflow:hidden; }
.img_list_wrap li { float:left; padding:5px; border:1px solid #dddddd; box-sizing:border-box; }
.img_list_wrap li img { display:block; width:100%; }
.img_list_wrap.col2 li { margin-left:2%; margin-bottom:2%; width:49%; }
.img_list_wrap.col2 li:nth-child(3) { margin-left:0 !important; }
.img_list_wrap.col3 li { margin-left:2%; width:32%; }
.img_list_wrap li:first-child { margin-left:0 !important; }
/* 탭 */
#tab { overflow:hidden; margin-bottom:30px; }
#tab li { float:left; background:#f8f8f8; border-top:1px solid #dddddd; border-bottom:1px solid #dddddd; border-right:1px solid #dddddd; box-sizing:border-box; }
#tab li:first-child { border-left:1px solid #dddddd; }
#tab li a { padding:10px 0; display:block; text-align:center; font-size:14px; }
#tab li a:hover { background:#f0f0f0; }
#tab li.select { border:2px solid #3b5db2;  }
#tab li.select a { background:#ffffff; color:#3b5db2; }
#tab.col5 li { width:20%; }
#tab.col2 li { width:50%; }

/* 절차 */
#detail_con .step { margin-top:5px; overflow:hidden; }
#detail_con .step>li { float:left; margin:5px 0px; min-width:10%; background:url('/job/images/sub/step_arrow.png') no-repeat 98% center; }
#detail_con .step>li:last-child { background:none; padding-left:0px; }
#detail_con .step>li>div { display:table; padding:10px 5px; width:100%; box-sizing:border-box; text-align:center; border:1px solid #cccccc; }
#detail_con .step>li>div.tit { min-height:40px; font-weight:bold; background:#f8f8f8; border-bottom:0px; font-size:14px; }
#detail_con .step>li>div.con { min-height:65px; background:#ffffff; border-top-style:dotted; }
#detail_con .step>li>div.con .sub { color:#666666; font-size:13px; }
#detail_con .step>li>div .cell { display:table-cell; vertical-align:middle; word-break:break-all; line-height:150%; }
#detail_con .step>li>div .cell *{ font-size:14px; line-height:150%; }
#detail_con .step>li>div.tit .cell { color:#0f61b7; }
#detail_con .step>li>div.con .cell { color:#555555; }
#detail_con .step>li { padding-right:3%; }
#detail_con .step.col6>li { padding-right:3%; width:13.5%; }
#detail_con .step.col5>li { padding-right:3%; width:17%; }
#detail_con .step.col4>li { padding-right:3%; width:22%; }
#detail_con .step.col3>li { padding-right:3%; width:30.3%; }
#detail_con .step.col2>li { padding-right:3%; width:47%; background-position:99% center; }
#detail_con .step02>li { display:table; padding-top:25px; width:100%; background:url('/job/images/sub/step_arrow.png') no-repeat center 3px; }
#detail_con .step02>li:first-child { padding-top:1%; background:none; }
#detail_con .step02>li>div { display:table-cell; padding:2%; border:1px solid #caa486; }
#detail_con .step02>li>div.tit { width:25%; text-align:center; vertical-align:middle; font-weight:bold; background:#fef5f1; border-right:0px; }
#detail_con .step02>li>div.con { border-left-style:dotted; }

/*기업체DB 카테고리(배너꺼 가져옴)*/
#detail_con .linklist{margin-top:10px; overflow:hidden}
#detail_con .linklist>li{position:relative; float:left; width:23%; margin:.8%; border:1px solid #d8d8d8; border-radius:3px; overflow:hidden}
#detail_con .linklist>li>div{text-align:center}
#detail_con .linklist>li>div .name{display:table; position:relative; width:100%; background:#f9f9f9}
#detail_con .linklist>li>div .name:after{display:block; content:''; position:absolute; top:20px; left:40%; width:50px; height:1px; background:#43464d}
#detail_con .linklist>li>div .link{padding:5% 3%; border-top:1px dotted #d8d8d8}
#detail_con .linklist>li>div .link .sbtn{padding-top:5px; padding-bottom:5px}
#detail_con .linklist>li>div .txt{padding:3%; border-radius:3px}
#detail_con .linklist>li:hover .name,
#detail_con .linklist>li:hover{background:#fdf7f4; border-color:#f3692c}
#detail_con .linklist>li:hover:after{display:block; content:''; position:absolute; left:0px; top:0px; width:0px; height:0px; border:15px solid #f3692c; border-right:15px solid transparent; border-bottom:15px solid transparent}
#detail_con .linklist.short>li>div .link{padding:3%}

/* 버튼 */
.j_btn { display:inline-block; padding:8px 40px 10px 40px; text-align:center; border:0; box-sizing:border-box; }
.j_bbtn{ display:inline-block; padding:3px 20px 5px 20px; border:0; border-radius:3px; font-size:14px; } /* 중간 버튼 */
.j_sbtn{ display:inline-block; padding:0px 15px; border:0; border-radius:50px; font-size:14px; } /* 제일 작은 버튼 */
input.j_sbtn { cursor:pointer; }
.bg01 { background:#3b5db2; color:#ffffff; border:1px solid #3b5db2; }
.bg02 { background:#ffffff; color:#3b5db2; border:1px solid #3b5db2; }
.bg03 { background:#ec6049; color:#ffffff; border:1px solid #ec6049; }
.bg04 { background:#ffffff; color:#ec6049; border:1px solid #ec6049; }
/* 버튼 오버효과 */
a.j_btn:hover, a.j_bbtn:hover, a.j_sbtn:hover { background:#000000; color:#ffffff; border:1px solid #333333; }
input[type=submit].j_btn { padding:12px 40px; vertical-align:top; }
.sbtn_link:hover { color:#ffffff; }
.sbtn_link:hover:after { top:0; }


table.data { width:100%; border-spacing:0; border-top:3px solid #3b5db2; border-bottom:2px solid #3b5db2; }
table.data thead th { padding:12px 10px; color:#3b5db2; border-left:1px solid #3b5db2; border-bottom:1px solid #3b5db2; font-size:16px; font-weight:500; text-align:center; }
table.data thead th:first-child, table tbody th:first-child, table td:first-child { border-left:0px !important; }
table.data thead th.border_l { border-left:1px solid #3b5db2 !important; }
table.data tbody th { color:#444444; border-bottom:1px solid #d1d6e5; border-left:1px solid #d1d6e5; font-size:14px; font-weight:500; text-align:center; }
table.data tbody th.border_l { border-left:1px solid #d1d6e5 !important; } 
table.data td { padding:10px; color:#444444; border-left:1px solid #d1d6e5; border-bottom:1px solid #d1d6e5; font-size:14px; text-align:center; }
table.data td:first-child { border-left:0px; }
table.data td p { color:#444444; font-size:14px; }
table.data td.border_l { border-left:1px solid #d1d6e5 !important; }
table.data .w30p { width:30%; }

/* 인턴, 기업체 셀렉트 */
.company_select { overflow:hidden; }
.company_select>div { float:left; padding:5%; width:49%; border:5px solid #eeeeee; box-sizing:border-box; }
.company_select>div .tit { padding-bottom:180px; background-repeat:no-repeat; background-position:center 70px;}
.company_select .intern:hover, .company_select .apply_intern:hover { border-color:#3b5db2; transition:all 0.5s ease; }
.company_select .company:hover, .company_select .apply_com:hover { border-color:#e24f23; transition:all 0.5s ease; }
.company_select .intern .tit { color:#333333; text-align:center; font-size:25px; font-weight:500; background-image:url('/job/images/sub/intern.png'); }
.company_select .apply_intern .tit { color:#333333; text-align:center; font-size:25px; font-weight:500; background-image:url('/job/images/sub/apply_intern.jpg'); }
.company_select .company, .company_select .apply_com { float:right; }
.company_select .company .tit { color:#333333; text-align:center; font-size:25px; font-weight:500; background-image:url('/job/images/sub/company.jpg'); }
.company_select .apply_com .tit { color:#333333; text-align:center; font-size:25px; font-weight:500; background:url('/job/images/sub/apply_com.jpg') no-repeat center 80px; }
.company_select .intern:hover .tit { color:#3b5db2; background-image:url('/job/images/sub/intern_ov.png'); }
.company_select .company:hover .tit { color:#e24f23; background-image:url('/job/images/sub/company_ov.png'); }
.company_select .apply_intern:hover .tit { color:#3b5db2; background-image:url('/job/images/sub/apply_intern_ov.jpg'); }
.company_select .apply_com:hover .tit { color:#e24f23; background-image:url('/job/images/sub/apply_com_ov.jpg'); }
.company_select p a { padding:3px 15% 5px 15%; }

/* DB 오픈 */
.search_top { overflow:hidden; margin-top:20px; padding:5px 20px 20px 20px; background:#f8f8f8; border-top:1px solid #999999; border-bottom:1px solid #cccccc; }
.search_top dl { overflow:hidden; margin:0 auto; width:740px; }
.search_top dt { float:left; margin-top:15px; width:100px; font-weight:500; color:#3b5db2; line-height:30px; }
.search_top dt label { color:#3b5db2; }
.search_top dd { float:left; margin-top:15px; width:250px; }
.search_top dd.last { width:640px; }
.search_top dd.last label { margin-right:10px; font-size:14px; }
.search_top dd input[type=text] { width:100%; line-height:28px; }
.search_top dd select { width:100%; height:30px; }
.search_top dd input[type=radio] { margin-right:5px; vertical-align:middle; }

/* 사회적기업현황 팝업 */
.pop_result .pop_tit { background:#f8f8f8; color:#ec6049; border-bottom:2px solid #ec6049; }
.pop_result .job_pop { padding:10px 20px; }
.pop_result .job_pop>ul>li { padding:10px 0; border-bottom:1px dotted #cccccc; }
.pop_result .job_pop>ul>li>ul, .pop_result .job_pop>ul>li>p { margin:5px 0 10px 15px;  }
.pop_result .job_pop .ssblet { padding:3px 0 3px 15px; color:#dc4b49; font-size:15px; font-weight:500; background:url('/job/images/sub/pop_ssblet.jpg') no-repeat left 7px; }
.pop_result .job_pop .sssblet { padding-left:10px; color:#666666; font-size:14px; font-weight:400; background:url('/job/images/sub/ic_sssblet.jpg') no-repeat left 8px; }
.pop_result .job_pop .ssssblet { padding-left:10px; color:#666666; font-size:13px; }
.pop_result .job_pop .s_font { color:#666666; font-size:14px; font-weight:400; }

/* 기업일자리지원 */
#detail_con .industry { margin:30px 0px; padding-left:340px; min-height:210px; background:#d7f0ff url('/job/images/sub/industry.png') no-repeat 15px bottom; border-radius:10px; border:1px solid #a3c2d4; box-shadow:0px 2px 0px #bad1df; }
#detail_con .industry>p { margin:12% 10% 12% 3%; font-size:16px; line-height:170%; }

footer { border-top:1px solid #dcdcdc }
/*****************************************************************************************************************************************************************************************/ 

@media screen and (min-width:768px) { 
	#detail_con .linklist.col3>li{width:31.3%}
	#detail_con .linklist>li>div .name>p{display:table-cell; padding:0px 5%; vertical-align:middle; padding-top:10px; height:75px; }
	#detail_con .linklist.short>li>div .name>p{padding-top:20px; padding-bottom:0px; height:50px; }
	#detail_con .linklist.col3>li{width:31.3%}
}

@media screen and (max-width:768px) {
	#detail_con .linklist>li{margin:.8% 0%; width:99%}
	#detail_con .linklist>li>div{display:table}
	#detail_con .linklist>li>div .name,
	#detail_con .linklist>li>div .link{display:table-cell; vertical-align:middle}	
	#detail_con .linklist>li>div .link{padding:10px; border-top:0px; border-left:1px dotted #ccc; min-width:100px}
	#detail_con .linklist>li>div .name:after{display:none}
}


@media all and (min-width:1200px) {

}

@media all and (max-width:1199px) {
	#contents { width:73% }
	#tab.col5 li span { display:block; }
	.img_wrap img { width:100%; }

}

@media all and (max-width:950px) {
	#contents { width:66%; }
	.search_top dl { width:100%; }
	.search_top dt { width:16%; }
	.search_top dd { width:30%; }
	.search_top dt.last { }
	.search_top dd.last { width:80%; }
}

@media all and (min-width:769px) {

}

@media all and (max-width:768px) {
	#container { position:relative; }
	#sub_title { margin:0; padding:0; width:100%; height:auto; border-bottom:1px solid #d1d1d1; text-align:left; }
	#sub_title h3 { padding:10px 20px; background:#f8f8f8; font-size:24px; }
	#sub_title .sns { display:none; }
	#sub_title ol { display:none; }
	#contents { padding-top:0px; }
	#leftmenu { float:none; width:100%; border:0; border-bottom:1px solid #d1d1d1; }
	#leftmenu h2 { padding:10px 20px; height:auto; background:#fa674e; border:0; text-align:left; font-size:16px; }
	#leftmenu h2 a { position:absolute; z-index:4; left:0; top:59px; display:block; width:100%; height:45px; background:url('/job/images/sub/lmenu_btn.png') no-repeat right 30px top 16px; text-indent:-9999px; }
	#leftmenu>ul>li.select { background:#555555; }
	.lmenu_quick { display:none; }
	#contents { padding:20px; width:100%; box-sizing:border-box; }
	#tab li.select { border-width:1px; }
	#tab.col5 li { width:33.333%; }
	#tab.col5 li:nth-child(4) { border-left:1px solid #dddddd; }
	#tab.col5 li:nth-child(4).select { border-left:1px solid #3b5db2; }
	#detail_con .step>li{display:table; width:100% !important; background:0px}
	#detail_con .step>li>div{display:table-cell}
	#detail_con .step>li>div.tit{width:20%; border:1px solid #cccccc; border-right:0px}
	#detail_con .step>li>div.tit .cell{display:inline-block; text-align:center; width:100%}
	#detail_con .step>li>div.con{width:80%; border:1px solid #cccccc; border-left-style:dotted}	
	#detail_con .step>li>div.con .cell{text-align:left}	
	#detail_con .industry { padding-left:0px; background-position:center 10px; }
	#detail_con .industry>p { margin:211px 5% 0% 5%; padding:5%; border-top:1px dashed #a3c2d4; }
}

@media all and (max-width:640px) {
}

@media all and (max-width:480px) {
	#detail_con .step>li>div.tit .cell { font-size:11px; }
	.company_select>div { float:none; margin-bottom:2%; width:100%; }
	.search_top dt { width:30%; }
	.search_top dd { width:60%; }
	.search_top dd.last { width:100%; }
}