@charset "utf-8";
/* Author oopblog.com */
/* reset */
@font-face {
  font-family: 'Nanum Barun Gothic';
  font-style: normal;
  font-weight: 400;
  src: local('Nanum Barun Gothic Regular'), local('Nanum Barun Gothic-Regular'), local('NanumBarunGothic Regular');
  src: url(../font/NanumBarunGothic.eot);
  src: url(../font/NanumBarunGothic.eot?#iefix) format('embedded-opentype'),
       url(../font/NanumBarunGothic.woff) format('woff'),
       url(../font/NanumBarunGothic.ttf) format('truetype');
}


html,body,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,big,cite,code,del,dfn,em,font,img,ins,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,ul,ol,li,dl,dt,dd,table,caption,tbody,tfoot,thead,tr,th,td,fieldset,fo7m,label,legend,input,button,textarea,select{margin:0;padding:0}
header,footer,section,article,aside,nav,hgroup,details,menu,figure,figcaption{display:block;margin:0;padding:0}
legend{display:block;overflow:hidden;position:absolute;width:1px;height:1px;font-size:1px;line-height:0;text-indent:-999em;white-space:nowrap; }
fieldset,img,table,caption,tbody,tfoot,thead,tr,th,td,button,hr{border:0 none}
img{vertical-align:middle}
body li{*vertical-align:top}
ul li{list-style:none; padding:0; margin:0;}
table{border-collapse:collapse}
caption{visibility:hidden;overflow:hidden;width:0;height:0;font-size:0;line-height:0;}
button{overflow:visible;border:0 none;cursor:pointer}
button::-moz-focus-inner,input[type="button"]::-moz-focus-inner,input[type="submit"]::-moz-focus-inner,input[type="reset"]::-moz-focus-inner {padding: 0;border: 0 none}
body{position:relative;line-height:18px;font-size:12px;font-family:'Nanum Barun Gothic',"맑은고딕",Malgun Gothic,'돋움',dotum,Verdana,AppleGothic,Arial,Helvetica,sans-serif; color:#000; }
a { text-decoration:none; color:#000}
em { font-style:normal }
input[type="text"],
input[type="password"] ,
textarea { font-size:12px;font-family:'Nanum Barun Gothic','돋움',dotum,Verdana,AppleGothic,Arial,Helvetica,sans-serif; }
select { font-size:12px;font-family:'Nanum Barun Gothic',"맑은고딕",Malgun Gothic,'돋움',dotum,Verdana,AppleGothic,Arial,Helvetica,sans-serif; }


/**************************************************************************************************************
	공통
**************************************************************************************************************/
.blind{overflow:hidden;position:absolute;top:-1px;left:-1px;width:1px;height:1px;padding:0;margin:0;font-size:0;line-height:0;background:none;}
.m0 { margin:0  !important }
.mb0 { margin-bottom:0 !important }
.mb2 { margin-bottom:2px !important }
.mb4 { margin-bottom:4px !important }
.mb10 { margin-bottom:10px !important }
.mb15 { margin-bottom:15px !important }
.mb20 { margin-bottom:20px !important }
.mb25 { margin-bottom:25px !important }
.mb30 { margin-bottom:30px !important }
.mb40 { margin-bottom:40px !important }
.mb50 { margin-bottom:50px !important }
.mb70 { margin-bottom:70px !important }
.mb80 { margin-bottom:80px !important }
.mb130 { margin-bottom:130px !important }
.pd0 { padding:0 !important }
.mbr10 { margin-right:10px }
.pdl50 { padding-left:50px !important }
.pdtop90 { padding-top:90px }
.none_bor { border:0 !important }

.center { text-align:center !important }
.txt_left { text-align:left !important }
.txt_right { text-align:right !important }
.f12 { font-size:12px !important }
.txt_under { text-decoration:underline !important }
.blue { color:#6abaec !important } 
.org { color:#fb6827 !important }
.bold { font-weight:bold !important }
.red { color:#fe4e00 !important }
.gray { color:#8d8d8d !important }

.inline { display:inline-block; }




body,html { height:100% }
body { min-width:320px }
fieldset { padding-top:0 !important; }
/************************************************************************************************************************************************
	메인
************************************************************************************************************************************************/
.main_change {  position:relative; width:653px;height:650px;border:0px solid #000;margin:auto;}
.main_change a { transition:all 1s ease; }
.main_change .m1 {position:absolute;left:270px;top:-5px;z-index:9; width:101px; height:134px; background:url(../img/main/r01_on.png) no-repeat 0 0;}
.main_change .m2 {position:absolute;left:490px;top:125px;z-index:9; width:144px; height:108px; background:url(../img/main/r02_on.png) no-repeat 0 0;}
.main_change .m3 {position:absolute;left:490px;top:400px;z-index:9; width:131px; height:108px; background:url(../img/main/r03_on.png) no-repeat 0 0;}
.main_change .m4 {position:absolute;left:270px;top:520px;z-index:9; width:118px; height:113px; background:url(../img/main/r04_on.png) no-repeat 0 0;}
.main_change .m5 {position:absolute;left:0px;top:400px;z-index:9; width:150px; height:108px; background:url(../img/main/r05_on.png) no-repeat 0 0;}
.main_change .m6 {position:absolute;left:0px;top:125px;z-index:9; width:133px; height:104px; background:url(../img/main/r06_on.png) no-repeat 0 0;}
/*.main_change .m1:hover { background:url(../img/main/r01.png) no-repeat 0 0; }
.main_change .m2:hover { background:url(../img/main/r02.png) no-repeat 0 0; }
.main_change .m3:hover { background:url(../img/main/r03.png) no-repeat 0 0; }
.main_change .m4:hover { background:url(../img/main/r04.png) no-repeat 0 0; }
.main_change .m5:hover { background:url(../img/main/r05.png) no-repeat 0 0; }
.main_change .m6:hover { background:url(../img/main/r06.png) no-repeat 0 0; }*/
.main_change .mcenter { position:absolute;left:140px;top:130px;padding:16px;z-index:1; width:371px; height:372px; background:url(/img/main/main_s00.png) no-repeat 0 0;  } 
.main_change .mcenter img { width:342px; height:342px; }


#r_header,
.main_silder,
#copyright,
.w1200 { max-width:1200px; margin:0 auto; padding:0 10px; }
#r_header { position:relative; min-height:110px; }
#r_header h1 { position:absolute; left:10px; top:20px; transition:all 0.5s ease;  }
#r_header h1 img { max-width:250px; }
#r_header .r_gnb  { width:570px; margin:0 auto; padding-top:20px; transition:all 0.5s ease;  }
#r_header .r_gnb ul { overflow:hidden; }
#r_header .r_gnb ul li { float:left;  margin-right:10px;  }
#r_header .r_gnb ul li a { display:block; padding-top:41px; height:22px; text-decoration:none; transition:all 1s ease; }
#r_header .r_gnb ul li.m1 a { padding-left:30px; background:url(../img/common/m1_off.gif) no-repeat 0 0; }
#r_header .r_gnb ul li.m2 a { padding-left:35px; background:url(../img/common/m2_off.gif) no-repeat 0 0; }
#r_header .r_gnb ul li.m3 a { padding-left:35px; background:url(../img/common/m3_off.gif) no-repeat 0 0; }
#r_header .r_gnb ul li.m4 a { padding-left:30px; background:url(../img/common/m4_off.gif) no-repeat 0 0; }
#r_header .r_gnb ul li.m5 a { padding-left:30px; background:url(../img/common/m5_off.gif) no-repeat 0 0; }
#r_header .r_gnb ul li.m6 a { padding-left:45px; background:url(../img/common/m6_off.gif) no-repeat 0 0; }
#r_header .r_gnb ul li.m1.on a,
#r_header .r_gnb ul li.m1 a:hover { background-image:url(../img/common/m1.gif) }
#r_header .r_gnb ul li.m2.on a,
#r_header .r_gnb ul li.m2 a:hover { background-image:url(../img/common/m2.gif) }
#r_header .r_gnb ul li.m3.on a,
#r_header .r_gnb ul li.m3 a:hover { background-image:url(../img/common/m3.gif) }
#r_header .r_gnb ul li.m4.on a,
#r_header .r_gnb ul li.m4 a:hover { background-image:url(../img/common/m4.gif) }
#r_header .r_gnb ul li.m5.on a,
#r_header .r_gnb ul li.m5 a:hover { background-image:url(../img/common/m5.gif) }
#r_header .r_gnb ul li.m6.on a,
#r_header .r_gnb ul li.m6 a:hover { background-image:url(../img/common/m6.gif) }
#r_header .r_gnb ul li.m1 a { font-size:13px;  }
#r_header .r_sns { position:absolute; right:10px; top:20px; transition:all 0.5s ease;  }
#r_header .r_sns .menu,
#r_header .r_sns .menu a { font-size:11px; color:#069; font-weight:bold;}
#r_header .r_sns ul { overflow:hidden; }
#r_header .r_sns ul li { float:left; margin-right:5px; }
#r_header .r_sns ul li img { width:25px; }
#r_header .r_sns ul li .inp_txt { width:120px; height:26px; line-height:26px; font-size:12px; color:#333; background:#eaeaea; border-radius:26px; border:0; padding:0 10px; }


.main_silder .title { background:url(../img/common/bu_line.gif) repeat-x 0 50%; margin-bottom:18px; }
.main_silder .title p { letter-spacing:-1.0px; font-size:17px; font-weight:600; display:inline-block; padding-right:35px; background:#fff url(../img/common/bu_title.gif) no-repeat right 50%; }
.mv_list_wrap { margin-bottom:40px; }
.mv_list_wrap .list_box  { position:relative;  }
.mv_list_wrap .list_box ul li a { display:block; position:relative; }
.mv_list_wrap .list_box ul li a .thum img { max-width:100%; border:1px solid #ccc; }
.mv_list_wrap .list_box ul li a .type { display:none; position:absolute; left:15px; bottom:32px; font-size:20px; color:#fff; font-weight:600;}
.mv_list_wrap .list_box ul li a .name {display:none; position:absolute; left:15px; bottom:10px; font-size:14px; color:#fff; font-weight:600; }
.mv_list_wrap .list_box ul li a .ico { position:absolute; right:10px; top:10px; }
.mv_list_wrap .list_box ul li a .play { position:absolute; left:50%; top:50%; margin-left:-33px; margin-top:-33px; }
.mv_list_wrap .list_box .bx-pager { display:none; }
.mv_list_wrap .list_box .bx-prev { position:absolute; left:5px; top:50%; width:31px; height:53px; background:url(../img/common/btn_slide_prev.png) no-repeat 0 0; text-indent:-9999px; margin-top:-26px;  }
.mv_list_wrap .list_box .bx-next { position:absolute; right:5px; top:50%; width:31px; height:53px; background:url(../img/common/btn_slide_next.png) no-repeat 0 0; text-indent:-9999px;  margin-top:-26px; }

.mv_list_wrap.basic .list_box ul li { margin-bottom:30px; }
.pc_location { height:40px; border-top:1px solid #ccc; border-bottom:1px solid #ccc; margin-bottom:25px; }
.pc_location  p { line-height:40px; font-size:20px; font-weight:bold; }
.ico_btn_play { margin-left:5px; }
img.ico_btn_play { width:24px; }

/* 영상 상세페이지 */
.mv_detail_info  { position:relative; margin-bottom:30px; }
.mv_detail_info .play_box {  margin-right:400px; }
.mv_detail_info .play_box a { display:block; position:relative; }
.mv_detail_info .play_box a .thum img { width:100%; }
.mv_detail_info .play_box a .type { position:absolute; left:20px; bottom:50px; font-size:30px; color:#fff; font-weight:600;}
.mv_detail_info .play_box a .name { position:absolute; left:20px; bottom:20px; font-size:18px; color:#fff; font-weight:600; }
.mv_detail_info .play_box a .ico { position:absolute; right:10px; top:10px; }
.mv_detail_info .play_box a .play { position:absolute; left:50%; top:50%; margin-left:-33px; margin-top:-33px; }
.mv_detail_info .info_box { position:absolute; right:0; top:0; width:380px;  }
.mv_detail_info .info_box .title { font-size:18px; line-height:24px; font-weight:bold; margin-bottom:10px;  }
.mv_detail_info .info_box .txt { font-size:13px; }
.mv_detail_info .info_box .num_box { padding:10px 0; margin-bottom:10px; }
.mv_detail_info .info_box .num_box a { display:inline-block; padding:10px 10px; border:0px solid #ccc; background:#f2f2f2; font-size:13px; font-weight:bold; margin-right:10px;    border-radius: 20px; }
.mv_detail_info .info_box .num_box a:hover { background:#1ca89e; color:#fff;     border-radius: 20px;}
.mv_detail_info .info_box .file_box p { margin-bottom:6px;    border-radius: 20px; }
.mv_detail_info .info_box .file_box p a { color:#666; text-decoration:underline;    border-radius: 20px; }


/* 상세 내용 타이틀 */
.bg_title01 { height:38px; background:#555; margin-bottom:15px; }
.bg_title01 .tit { padding:10px 0; font-size:18px; color:#fff; font-weight:bold; } 
.bg_title01.line_type { background:#fff; border-top:1px solid #ccc; border-bottom:1px solid #ccc; }
.bg_title01.line_type .tit { color:#222; }

/* 테이블 */
.table01 table { width:100%; border-collapse:collapse; }
.table01 table thead th { padding:10px 0; font-size:14px; background:#f2f2f2; border-bottom:1px solid #ccc; border-left:1px solid #ccc; border-top:2px solid #333; } 
.table01 table thead th:first-child { border-left:0; }
.table01 table tbody td { padding:10px 5px;  border-bottom:1px solid #ccc; border-left:1px solid #ccc; }
.table01 table tbody td:first-child { border-left:0 }
.table01.write tbody tr:first-child th,
.table01.write tbody tr:first-child td{ border-top:2px solid #333; border-bottom:1px solid #ccc; }
.table01.write tbody th { background:#f2f2f2; font-weight:bold; border-bottom:1px solid #ccc;}
.table01.write tbody td {  border-bottom:1px solid #ccc;}
.table01 .inp_box { height:26px; border:1px solid #ccc; box-sizing:border-box; line-height:26px; padding:0 10px; }
.table01 .textarea { min-height:300px; border:1px solid #ccc; box-sizing:border-box; line-height:26px; padding:0 10px; resize:none; }

.pagelist { text-align:center; }
.pagelist a, .pagelist b { display:inline-block; width:30px; height:30px; line-height:31px; border:1px solid #ccc; text-align:center; font-size:13px; margin-bottom:5px; }
.pagelist a.on,
.pagelist b.on,
.pagelist span { background:#1ca89e; border-color:#1ca89e; color:#fff; }
.pagelist a.prev,
.pagelist a.prev2,
.pagelist a.next,
.pagelist a.next2 { text-indent:-9999px; background-position:50% 50%; background-repeat:no-repeat; background-size:30px; }
.pagelist a.prev { background-image:url(../img/common/page_prev.png) }
.pagelist a.prev2 { background-image:url(../img/common/page_prev2.png) }
.pagelist a.next { background-image:url(../img/common/page_next.png) }
.pagelist a.next2 { background-image:url(../img/common/page_next2.png) }
.pagelist a:hover { background-color:#f2f2f2; color:#222; border:1px solid #ccc; }
.table_srch_box { margin-bottom:10px; }
.table_srch_box .srch_box { max-width:500px; margin:0 auto; padding:0 29px 0 80px; position:relative; }
.table_srch_box .srch_box .select { position:absolute; left:0; top:0; }
.table_srch_box .srch_box .select select { height:30px; width:76px; border:1px solid #ccc; vertical-align:middle;}
.table_srch_box .srch_box input[type="image"] { position:absolute; right:0; top:0; width:28px; height:28 px; border:1px solid #ccc; }
.table_srch_box .srch_box .inp_box { width:100%; padding:0 10px; height:30px; border:1px solid #ccc; line-height:30px; box-sizing:border-box; vertical-align:middle;}

.jobs_sort_box { overflow:hidden; padding:15px 5px 5px; background:#f2f2f2; border:1px solid #ccc; }
.jobs_sort_box .sort_item { float:left; width:25%; text-align:center; box-sizing:border-box; -webkit-box-sizing:border-box; padding:0 10px; margin-bottom:10px; }
.jobs_sort_box .sort_item p,
.jobs_sort_box .sort_item a { display:block; line-height:18px; padding:6px 5px; background:#555; color:#fff; border-radius:6px; }
.jobs_sort_box .sort_item p input[type="checkbox"] { vertical-align:middle; margin-right:5px; }
.job_srch input[type="text"] { width:100%; height:42px; border:1px solid #ccc; background:#fff; box-sizing:border-box; padding:0 10px; font-size:16px; }
.job_srch > div { position:relative; }
.job_srch > div input[type="image"] { position:absolute; right:0; top:0; }
.jobs_sort_box.none_box { padding:0; background:none; border:0; }
.jobs_sort_box.none_box input[type="checkbox"] { display:none }
.jobs_sort_box.none_box .sort_item p,
.jobs_sort_box.none_box .sort_item a { padding-left:10px; padding-right:10px; }
.jobs_sort_box.line_type .sort_item p,
.jobs_sort_box.line_type .sort_item a { background:#fff; border:1px solid #ccc; color:#222; }

.introduce_tit{ font-size:18px; line-height:24px; margin-bottom:8px; font-weight:bold; }
.intro_title .tit { font-size:18px; line-height:24px; margin-bottom:8px; font-weight:bold; }
.mv_list_wrap.basic .list_box ul li { float:left; width:33.33%; box-sizing:border-box; padding:0 10px; transition:all 0.5s ease; } 
.m_title_img { display:block; margin-bottom:20px; margin-top:-25px; }
.m_title_img img { width:100%; }
.txt { }
.introduce_img { margin:60px 0 60px 0; /*text-align:center;*/ }
.introduce_img img { max-width:100%; }

/* Jobs 상세 */
.song_writer_box .title_box { overflow:hidden; margin-bottom:15px; }
.song_writer_box .title_box .tit { float:left; font-size:20px; font-weight:bold; line-height:24px; padding-top:6px; }
.song_writer_box .title_box .file_box { float:right; }
.song_writer_box .title_box .file_box p { display:inline-block; }

/* 관련사이트 링크 */
.link_box ul { overflow:hidden; }
.link_box ul li { float:left; width:25%; box-sizing:border-box; padding:0 6px; margin-bottom:10px; }
.link_box ul li a { display:block; padding:8px 10px; background:#f2f2f2 url(../img/common/ico_link.png) no-repeat right 50%; font-size:13px; border-radius:6px; }
.link_box ul li a:hover { background-color:#1ca89e; color:#fff; }


/* 서브타이틀 */
.subtitle { background:#1ca89e; border-color:#1ca89e; color:#fff;margin-right:5px; margin-bottom:5px; padding:8px 10px;font-size:14px; font-weight:600;}

.cont_tit { margin-bottom:20px; font-size:22px; font-weight:bold; }
.cont_top_img { margin-bottom:30px; }
.cont_top_img img { max-width:100%; }

/* 스폰서 > 기업체험관 */
.company_box { overflow:hidden; padding:60px 0; }
.company_box .com { width:100%; text-align:center; box-sizing:border-box; padding:0 20px; transition:all 0.5s ease; }
.company_box .com .thum { margin-bottom:20px; padding:0 20px; }
.company_box .com .thum img { max-width:100%; }
.company_box .com .tit { font-size:20px; font-weight:bold; margin-bottom:10px; }
.company_box .com .desc { font-size:13px; margin-bottom:15px; }
.company_box .com .btn a { display:inline-block; padding:5px 15px; font-size:13px; color:#fff; font-weight:bold; background:#333; border-radius:5px; }
.company_box .com .space { margin:80px 0 80px 0; border-bottom:1px solid #ccc; }



/* 탭 */
.tabs ul { overflow:hidden; margin-bottom:10px; }
.tabs ul li { float:left; margin-right:5px; margin-bottom:5px; }
.tabs ul li a { display:block; padding:8px 10px;  background:#f2f2f2; color:#666; font-size:14px; font-weight:600; border-radius:5px; }
.tabs ul li.on a { background:#1ca89e; color:#fff; }

/* Notice 탭 */
.tabs2 ul { overflow:hidden; margin-bottom:10px; }
.tabs2 ul li { float:left; margin-right:5px; margin-bottom:5px; }
.tabs2 ul li a { display:block; padding:8px 20px;  background:#fff; color:#000; border-bottom:3px solid #ccc; font-size:14px; font-weight:600; border-radius:0px; }
.tabs2 ul li.on a { background:#fff; color:#000; border-bottom:3px solid #0ca79d; }


/* 연락처 */
.call  { max-width:400px; margin:0 auto; padding:40px 0;}
.call .img  { margin-bottom:30px }
.call .img img  { max-width:100%; }
.call ul li { margin-bottom:10px;  }
.call ul li a  { font-size:14px; font-weight:600; }
.call ul li img { margin-right:6px; }

/* 이용약관 */
.privacy { font-size:14px; line-height:22px; }
.privacy ul { overflow:hidden; margin-bottom:30px; }
.privacy ul li { float:left; width:50%; }

/* QNA */
.qna_box { border-top:2px solid #666; border-bottom:2px solid #666; margin-bottom:20px; }
.qna_box > div { border-top:1px solid #ccc; }
.qna_box > div.a {  }
.qna_box > div:first-child { border-top:0; }
.qna_box > div a,
.qna_box > div span { display:block; padding:15px 15px 15px 40px;  }
.qna_box > div.q a { background:url(../img/common/ico_q.png) no-repeat 15px 15px; background-size:15px 19px; }
.qna_box > div.a span { background:#f9f9f9 url(../img/common/ico_a.png) no-repeat 15px 15px; background-size:15px; }
.qna_box > div.a { display:none; }

/* 게시판 뷰 */
.table_view .subject { font-size:18px; font-weight:bold; margin-bottom:5px; }
.table_view .txt_box { padding-bottom:6px; border-bottom:1px solid #ccc; margin-bottom:20px; }
.table_view .txt_box span { padding-right:5px; }
.table_view .cont { margin-bottom:30px; border-bottom:1px solid #ccc; padding-bottom:20px; }





/************************************************************************************************************************************************
	푸터
************************************************************************************************************************************************/
#r_footer { clear:both; max-width:1200px; margin:0 auto; padding:20px 0 0 20px; overflow:hidden; margin-bottom:20px; }
#r_footer dl { float:left; width:148px; margin-right:20px; margin-bottom:15px; transition:all 0.5s ease; }
#r_footer dl dt { margin-bottom:10px; padding-bottom:15px; font-size:15px; font-weight:600; background:url(../img/common/bu_footer_title.png) no-repeat 0 bottom; padding-left:5px; }
#r_footer dl dd { line-height:24px; border-bottom:1px solid #ccc; font-size:12px; padding-left:5px; }
#copyright { overflow:hidden; margin-bottom:40px; clear:both; }
#copyright .copy { float:left; padding-top:8px; }
#copyright .contact { float:right;  text-align:right; }

#m_copyright { display:none;  background:#f7f7f7; border-top:1px solid #ddd; padding:13px 0; }
#m_copyright .contact { margin-bottom:6px; }
#m_copyright .contact p { text-align:center; }
#m_copyright .contact p a { display:inline-block; margin:0 4px; color:#555; }
#m_copyright .contact p span { color:#999 }
#m_copyright .m_call { text-align:center; color:#999; margin-bottom:5px; font-weight:bold; }
#m_copyright .copy { text-align:center; color:#999; margin-bottom:5px; }


.m_srch_flip { display:none; position:absolute; left:0; right:0; top:0; width:100%; height:45px; background:#f2f2f2;box-sizing:border-box;  padding:10px 60px 10px 10px; } 
.m_srch_flip input[type="text"] { width:100%; box-sizing:border-box; border:1px solid #ccc; padding:0 10px; border-radius:25px; height:25px; line-height:25px; font-size:13px; }
.m_srch_flip input[type="image"] { position:absolute; right:65px; top:9px; width:16px; padding:5px }
.m_srch_flip .btn_close { position:absolute; right:20px; top:15px; font-size:14px; font-weight:bold; }
/* PC 와 모바일 컨트롤 */
.m_table { display:none }

.m_path { display:none; height:37px; background:url(../img/common/m_head_bg.png) repeat-x 0 0; background-size:2px 37px; margin-bottom:20px; }
.m_path  p { float:left; }
.m_path .m_menu img { height:37px; }
.m_path .m_home { padding-top:1px; border-right:1px solid #ddd }
.m_path .m_home a { display:block; padding:11px 13px; }
.m_path .m_home img { width:16px; }
.m_path  .path { margin-left:-5px; padding-left:24px; padding-right:10px;background:url(../img/common/m_path.gif) no-repeat 0 0; background-size:14px 37px; }
.m_path  .path a { display:block; height:37px; line-height:40px; color:#555; }

.m_gnb { display:none; margin-top:-20px; margin-bottom:20px; }
.m_gnb .box { padding:15px; border-bottom:1px solid #ddd; 	 } 
.m_gnb .tit { font-size:16px; font-weight:bold; margin-bottom:6px; }
.m_gnb ul { overflow:hidden }
.m_gnb ul li { float:left; width:50%; }
.m_gnb ul li a { display:block; padding:2px 0; }

.m_main_img { display:none; }
.m_main_img img { width:100%; }

.mcenter { }
.mcenter .ani {  top:14px; left:14px; position:absolute;  }
.mcenter .ani p { position:absolute; left:0; top:50px; opacity:0; }

/*************************
	그누 5 꺼
***************************/
.bo_v_nb {float:left}
.bo_v_nb li {float:left;margin-right:5px}
.bo_v_com {float:right}
.bo_v_com li {float:left;margin-left:5px}
#bo_v_top {margin:0 0 10px;padding:10px 0;zoom:1}
#bo_v_top:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_top h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_v_top ul {margin:0;padding:0;list-style:none}
a.btn_b01 {display:inline-block;padding:7px;border:1px solid #d9ded9;background:#f2f5f9;color:#000;text-decoration:none;vertical-align:middle}
a.btn_b01:focus, .btn_b01:hover {text-decoration:none}
a.btn_b02 {display:inline-block;padding:7px 7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none;vertical-align:middle}
a.btn_b02:focus, .btn_b02:hover {text-decoration:none}
a.btn_admin {display:inline-block;padding:7px;border:1px solid #e8180c;background:#e8180c;color:#fff;text-decoration:none;vertical-align:middle} /* 관리자 전용 버튼 */
a.btn_admin:focus, a.btn_admin:hover {text-decoration:none}
.btn_confirm {text-align:center} /* 서식단계 진행 */
.btn_submit {padding:8px;border:0;background:#ff3061;color:#fff;letter-spacing:-0.1em;cursor:pointer}
fieldset .btn_submit {padding:0 7px;height:24px;line-height:1em}

a.btn_cancel {display:inline-block;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;vertical-align:middle}
button.btn_cancel {display:inline-block;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;vertical-align:top;text-decoration:none}
.srch_m { display:none; }

@media all and (max-width:1150px) {	
#r_header h1 { position:static; padding:20px 0 0 0; margin-bottom:10px; text-align:left; }
#r_header .r_gnb {padding:0; box-sizing:border-box; margin-bottom:20px; }
/*#r_header .r_sns { position:static; width:300px; margin:0 auto; margin-bottom:20px; }*/
#r_header .r_sns { position:absolute; width:300px; top:10px; right:10px; width:auto; }
}


/* 승민 job피디아 추가 */
.jobp_title { position:relative; margin-bottom:15px; }
.jobp_title .title { font-size:12px; padding-top:7px; }
.jobp_title .title strong { color:#b39728; }
.jobp_title .select_right { position:absolute; right:0; top:0; }
.jobp_title .select_right select { height:26px; line-height:26px; border:1px solid #ccc; }
.jobp_title .select_right a { display:inline-block; padding:0 5px; border:1px solid #ccc; padding:0 10px; height:24px; line-height:24px; }
.jobs_sort_box.txt_left p { text-align:left; }
.jobpedia_box { position:relative; }
.jobpedia_box .job_srch { padding-right:240px }
.jobpedia_box .job_right { position:absolute; right:0; top:0; }
.jobpedia_box .job_right a { display:inline-block; padding:0 14px;  background:#f2f2f2; color:#666; font-size:14px; font-weight:600; border-radius:5px; height:42px; line-height:42px; }
.jobpedia_box .job_right a.on { background:#1ca89e; color:#fff; }
.jobp_list { margin-bottom:30px; }
.jobp_list .list {}
.jobp_list .list .title_box { overflow:hidden; padding:8px 10px; position:relative; border-top:1px solid #ccc; background:#f2f2f2; border-bottom:1px solid #ddd; }
.jobp_list .list .title_box .title { font-size:14px; float:left; padding-top:5px; }
.jobp_list .list .title_box .right_box { float:right; }
.jobp_list .list .cont_box { padding:10px; font-size:12px; line-height:18px; color:#666; }
/* 승민 job피디아 추가 여기까지 */

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

	.main_change { display:none; }
	.m_main_img { display:block  }
	#r_header .r_gnb{ display:none; }
	.mv_list_wrap .list_box .bx-prev,
	.mv_list_wrap .list_box .bx-next { width:15px; height:26px; background-size:15px 26px; margin-top:-13px; }
	.mv_list_wrap .list_box ul li a .play  { margin-top:-16px; margin-left:-16px; }
	.mv_list_wrap .list_box ul li a .play img { width:32px; }
	.mv_list_wrap.basic .list_box ul li .thum img { width:100%; }
	.mv_list_wrap.basic .list_box ul li { width:50%; }
	.mv_detail_info .play_box { margin-right:0; margin-bottom:20px; }
	.mv_detail_info .info_box { position:static; width:100%; }
	.mv_detail_info .info_box .merge_box { overflow:hidden; padding-top:10px; }
	.mv_detail_info .info_box .num_box { float:left; padding-top:0; }
	.mv_detail_info .info_box .file_box { float:right; }
	.mv_detail_info .info_box .file_box p { display:inline-block;  }
	.mv_detail_info .info_box .file_box p span { display:none; }
	.m_title_img { display:block; }
	.link_box ul li { width:50%; }
	.pc_table { display:none; }
	.m_table { display:block }
	#copyright { display:none; }
	#m_copyright { display:block; }
	#r_footer { display:none }
	.pc_location { display:none }
	.m_path { display:block }
	#r_header .r_sns { position:absolute; top:10px; right:10px; width:auto; }
	#r_header h1 { text-align:left; padding:60px 0 10px 0; }
}

@media all and (max-width:320px) {	/* width 320px 기준 */

}


@media all and (max-width:480px) {	/* width 320px 기준 */
.jobpedia_box .job_srch { padding-right:0 }
.jobpedia_box .job_right { position:static; padding-top:10px; text-align:center; }
.mv_list_wrap.basic .list_box ul li  { width:100%; padding:0 10px; }
.link_box ul li { width:100%; }
.company_box  { padding:10px 0; }
.company_box .com { width:100%; border-top:1px solid #ccc; padding-top:20px; margin-bottom:25px; }
.company_box .com:first-child { border-top:0 }
.privacy ul li { width:100%; }
.jobs_sort_box .sort_item { width:100%; }
#r_header { border-top:5px solid #1ca89f; }
#r_header h1 { text-align:left; padding:60px 0 10px 0; }
#r_header h1 img { width:200px; }
#r_header .r_sns { position:absolute; top:10px; right:10px; width:auto; }
#r_header .r_sns ul li img { width:20px; }
#r_header .r_sns ul li.srch_inp { display:none; }
.srch_m { display:block; }
.srch_pc { display:none; }
}