@charset "utf-8";

#mainCon { margin: 0 auto; }
#mainCon .duty {margin-top:0;}

.mainVisual { position: relative; width: 100%; padding: 0; text-align: center; background: url('../../img/asis/mainBG.png') no-repeat center top; background-size: cover; }
.mainVisual strong { display: block; padding: 40px 0 0; font-size: 34px; line-height:42px; font-weight: 700; color: #ffffff; }
.mainVisual span { display: block; padding: 5px 0 40px; color: #ffffff; font-size: 16px;line-height:24px;}

.mainCon01 { position: relative; background: #f4f6fa; margin: 0; padding: 30px 0 20px; }
.mainCon01 .bak1 { display: block; position: absolute; left: 50%; top: -60px; width: 260px; height: 250px; margin-left: -920px; background: url('../../img/asis/mcon01_bg1.png') no-repeat; }
.mainCon01 .bak2 { display: block; position: absolute; right: 50%; bottom: 0; width: 380px; height: 275px; margin-right: -940px; background: url('../../img/asis/mcon01_bg2.png') no-repeat; }
.mcont01 { margin: 0 auto; }
.mcont01::after { content: ''; clear: both; display: block; float: none; }

/* 초점이동 조치 css수정 2024-06-27 */
.mcont01 > li {display:inline-block;}
.mcont01 > li:last-child {  width: 300px; position: relative; margin-left: 1%; }
.mcont01 > li:first-child {  width: calc(100% - 330px); margin: 0; }
/* 초점이동 조치 css수정 2024-06-27 */


.mainCon02 { background: #ffffff; padding:0; padding: 30px 0 35px; }
.mcont02 { margin: 0 auto; }
.mcont02::after { content: ''; clear: both; display: block; float: none; }
.mcont02 > li { float: left; width: calc(100% - 330px); margin: 0; padding: 0; }
.mcont02 > li:last-child { float: right; width: 320px; position: relative; margin: 0; padding-right: 1%; }

/* 채용공고 */
.CareerBoard { position: relative; width: 100%; height: 490px; }
.CareerBoard h2 { position: absolute; left: 0%; top: 6px; font-weight: 700; font-size: 20px; line-height:28px; color:#222222; height: 50px; }
.Career .CareerBox { padding: 0; margin: 0; position: relative; }
.Career .CareerBox h3 { margin: 0; position: relative; }
.Career .CareerBox h3 a{ float: left; position: relative; display: block; font-size: 15px; line-height: 18px; margin: 40px 18px 0 0; text-align:center; }
.Career .CareerBox h3 a br{ display:none; }
.Career .CareerBox h3 a:after { content: ''; display: block; position: absolute; right: -10px; top: 2px; width: 1px; height: 14px; background: #cccccc; }
.Career .CareerBox h3 a:before{ content: ''; display: block; position: absolute; left: 50%; bottom: -3px; width: 0; height: 2px; background: #1b4692; transition: all 0.3s ease; }

#TabMenu9 h3 a:after { display: none; } /* 강원지방통계지청 구분자 none */
.Career .CareerBox h3 a:hover:before { left: 0; width: 100%; }
.Career .CareerBox.M_on h3 a {color: #1b4692; }/* font-weight:500; */
.Career .CareerBox.M_on h3 a:before { left: 0; width: 100%; }
.Career .CareerBox.M_on .tab_content { display: block; }
.Career .CareerBox.M_on .tab_more { display: block; }
.Career .CareerBox .tab_content { clear: both; position: absolute; left: 0; top: 72px; display: none; padding: 0; width: 100%; }
.Career .CareerBox .tab_content ul {margin: 0 -8px;}
.Career .CareerBox .tab_content ul li { position: relative; float: left; width:calc(25% - 16px); margin: 0 8px 20px; text-align: left; padding: 0; background: #ffffff; border-radius: 5px; box-shadow: 0 0 8px rgba(0,0,0,0.03); height: 200px; }
/* .Career .CareerBox .tab_content ul li { position: relative; float: left; width: 25%; padding: 0 8px 20px; text-align: left; background: #ffffff; border-radius: 5px; box-shadow: 0 0 8px rgba(0,0,0,0.03);} */
.Career .CareerBox .tab_content ul li h4 { position: relative; padding: 0 15px; text-align: left; border-radius: 5px 5px 0 0; font-size: 16px; font-weight: 500; height: 50px; line-height: 50px; margin-bottom: 5px;}
.Career .CareerBox .tab_content ul li h4.bg0 { background: #000000; color: #ffffff; } /*전체*/
.Career .CareerBox .tab_content ul li h4.bg1 { background: #20529b; color: #ffffff; } /*본청*/
.Career .CareerBox .tab_content ul li h4.bg2 { background: #067ba0; color: #ffffff; } /*통계교육원*/
.Career .CareerBox .tab_content ul li h4.bg3 { background: #0f64b4; color: #ffffff; } /*통계개발원*/
.Career .CareerBox .tab_content ul li h4.bg4 { background: #6365c9; color: #ffffff; } /*경인청*/
.Career .CareerBox .tab_content ul li h4.bg5 { background: #088077; color: #ffffff; } /*동북청*/
.Career .CareerBox .tab_content ul li h4.bg6 { background: #3375d7; color: #ffffff; } /*호남청*/
.Career .CareerBox .tab_content ul li h4.bg7 { background: #7b6cb4; color: #ffffff; } /*동남청*/
.Career .CareerBox .tab_content ul li h4.bg8 { background: #008648; color: #ffffff; } /*충청청*/
.Career .CareerBox .tab_content ul li h4.bg9 { background: #8d7034; color: #ffffff; } /*강원청*/
.Career .CareerBox .tab_content ul li p { position: relative; margin: 0; }
.Career .CareerBox .tab_content ul li p.sort { overflow:hidden; height: 50px; width: 100%; word-break: normal; padding: 10px 15px 0; }
.Career .CareerBox .tab_content ul li h4 span { float:right; font-size: 15px; }
.Career .CareerBox .tab_content ul li span.nara1 { float: right; display:inline-block; border-radius: 20px; padding: 2px 8px; line-height: 22px; font-size:15px; color: #303030; border: 1px solid #d1d1d1; background: #ffffff; }
.Career .CareerBox .tab_content ul li span.duty { display:inline-block; border-radius: 20px; padding: 2px 8px; line-height: 22px; font-size:15px; }
.type0 { background: #ffffff; color: #000000; border: 1px solid #000000; } /*전체*/
.type1 { background: #ffffff; color: #20529b; border: 1px solid #20529b; } /*본청*/
.type2 { background: #ffffff; color: #067ba0; border: 1px solid #067ba0; } /*통계교육원*/
.type3 { background: #ffffff; color: #0f64b4; border: 1px solid #0f64b4; } /*통계개발원*/
.type4 { background: #ffffff; color: #6365c9; border: 1px solid #6365c9; } /*경인청*/
.type5 { background: #ffffff; color: #088077; border: 1px solid #088077; } /*동북청*/
.type6 { background: #ffffff; color: #3375d7; border: 1px solid #3375d7; } /*호남청*/
.type7 { background: #ffffff; color: #7b6cb4; border: 1px solid #7b6cb4; } /*동남청*/
.type8 { background: #ffffff; color: #008648; border: 1px solid #008648; } /*충청청*/
.type9 { background: #ffffff; color: #8d7034; border: 1px solid #8d7034; } /*강원지청*/

.Career .CareerBox .tab_content ul li p.title a { font-size: 15px; line-height: 1.4; overflow: hidden; display: block; height: 45px; margin-bottom: 10px; word-break: normal; padding: 0 15px; }
.Career .CareerBox .tab_content ul li p.date { padding: 0 15px; border-top: 1px dashed #dddddd; display: block; line-height: 36px; height: 40px; }
.Career .CareerBox .tab_content ul li p.date span { font-size: 13px; }
.Career .CareerBox .tab_content ul li p.date span b { margin-right: 5px; }
.Career .CareerBox .tab_content ul li a:hover { text-decoration: underline; color: #1b4692; }
.Career .CareerBox .tab_more { position: relative; position: absolute; right: 0%; top: 28px; display: none; }
.Career .CareerBox .tab_more a.more { text-indent: -9999px; display: block; width: 30px; height: 30px; background:#ffffff url('../../img/asis/index_more.png') no-repeat center; border: 1px solid #dddddd; }

/* Mobile 셀렉트박스 */
.tab_select { display: none; }

/* 채용공고 상황알림 */
.CareerCount { position: relative; margin: 7px 0 15px; background:#0069ca url('../../img/asis/count_bg2.png') no-repeat center; background-size: cover; border-radius: 10px; padding: 20px 20px 10px; }
.CareerCount::after { content: ''; display: block; clear: both; float: none; }
.CareerCount h2 { position: absolute; top: 20px; left: 20px; font-size: 20px; line-height:28px; color: #ffffff; width: calc(100% - 40px);  height: 45px; }
.CareerCount h2 .today { position: absolute; right: 0; top: 8px; font-size: 14px; line-height:22px; letter-spacing: 0; font-weight: 500; color: #ffffff; }
.CareerCount ul { margin-top: 45px; }
.CareerCount ul li { position: relative; padding: 15px 0 15px 40px; border: 1px solid #ffffff; border-radius: 10px;
background: url('../../img/asis/ic_check.png') no-repeat 15px center; border-color: rgba(255,255,255,0.6); margin: 0 0 12px 0;}
.CareerCount ul li:first-child { position: relative; border: 2px solid #ffffff; padding: 15px 20px; background: none; border-color: rgba(255,255,255,0.8); }
.CareerCount ul li a { color: #ffffff; font-size: 16px; line-height:24px;}
.CareerCount ul li span { position: absolute; top: 2px; right: 20px; font-weight: 500; }
.CareerCount ul li span strong{ font-weight: 700; font-family: "Roboto"; font-size: 36px; line-height:44px; color:#ffffff; }
.CareerCount ul li span.total { top: 8px; }
.CareerCount ul li span.total strong{ font-size: 45px; line-height:53px; font-weight: 900; color: #fff402; }

/*합격공지*/
/* .CareerPass { position: relative; width: 98%; margin: 0 1%; } */
.CareerPass { position: relative; width:100%;}
.CareerPass h2 { font-weight: 700; font-size: 20px; line-height:28px; margin-bottom: 15px; color: #222222; }
.CareerPass ul { width: 100%; overflow: hidden; border-left: 1px solid #dddddd; border-top: 1px solid #dddddd;}
/* .CareerPass ul li { float: left; width: 33.33%; vertical-align: middle; border: 1px solid #ddd; margin:-1px 0 0 -1px; padding: 18px 15px 10px; } */
.CareerPass ul li { float: left; width: 33.33%; border-right: 1px solid #ddd; border-bottom:1px solid #ddd; padding: 18px 15px 10px; }
.CareerPass h4 { position: relative; text-align: left; margin: 0 0 10px; }
.CareerPass h4 span.nara{ line-height: 26px; font-size: 15px; border-radius: 20px; border: 1px solid #d1d1d1; color: #303030; margin-left: 5px; padding:2px 8px; }
.CareerPass h4 strong { display:inline-block; font-size: 15px; border-radius: 20px; padding: 2px 8px; font-weight: 400; line-height: 22px; }
.CareerPass h4 strong.cor0 { background: #ffffff; border: 1px solid #000000; color: #000000; } /*전체*/
.CareerPass h4 strong.cor1 { background: #ffffff; border: 1px solid #20529b; color: #20529b; } /*본청*/
.CareerPass h4 strong.cor2 { background: #ffffff; border: 1px solid #067ba0; color: #067ba0; } /*통계교육원*/
.CareerPass h4 strong.cor3 { background: #ffffff; border: 1px solid #0f64b4; color: #0f64b4; } /*통계개발원*/
.CareerPass h4 strong.cor4 { background: #ffffff; border: 1px solid #6365c9; color: #6365c9; } /*경인청*/
.CareerPass h4 strong.cor5 { background: #ffffff; border: 1px solid #088077; color: #088077; } /*동북청*/
.CareerPass h4 strong.cor6 { background: #ffffff; border: 1px solid #3375d7; color: #3375d7; } /*호남청*/
.CareerPass h4 strong.cor7 { background: #ffffff; border: 1px solid #7b6cb4; color: #7b6cb4; } /*동남청*/
.CareerPass h4 strong.cor8 { background: #ffffff; border: 1px solid #008648; color: #008648; } /*충청청*/
.CareerPass h4 strong.cor9 { background: #ffffff; border: 1px solid #8d7034; color: #8d7034; } /*강원지청*/

.CareerPass h4 .scre{ position: absolute; right: 5px; top: 0; font-size: 15px; padding: 0; font-weight: 500; }
.CareerPass h4 .scre.type1 { color:#036db7; border:none; }
.CareerPass h4 .scre.type2 { color:#dd1f16; border:none; }

.CareerPass ul li p.title { font-size: 15px; overflow: hidden; display: block; height: 45px; margin: 5px 0 0; word-break:normal; line-height: 1.4; }
.CareerPass ul li a:hover p.title { text-decoration: underline; color: #1b4692; }
.CareerPass ul li p.date { font-size: 13px; height: 26px; line-height: 26px; }
.CareerPass ul li p.date b { margin-right: 5px; }
.CareerPass .more a { position: absolute; right: 5px; top: 0; text-indent: -9999px; display: block; width: 30px; height: 30px; background:#ffffff url('../../img/asis/index_more.png') no-repeat center; border: 1px solid #dddddd; }

/*채용안내*/
.CareerInfo { position: relative; width: 100%; }
.CareerInfo h2 { font-weight: 700; font-size: 20px; line-height:28px; padding-left: 10px; margin-bottom: 25px; color: #222222; }
.CareerInfo ul { width: 98%; margin: 0 1%; }
.CareerInfo ul li { float: left; width: 50%; height: 140px; margin: 0; }
.CareerInfo ul li a { display: block; text-align: center; font-size: 16px; }
.CareerInfo ul li a i { transition: all .3s; margin: 15px 0 10px; padding-bottom: 10px; }
.CareerInfo ul li a:hover i { transition: all .3s; margin: 10px 0 15px; padding-bottom: 15px; }
.career_icon01 { display: inline-block; width: 64px; height: 64px; background: url('../../img/asis/ic_m01.png'); vertical-align: middle; }
.career_icon02 { display: inline-block; width: 64px; height: 64px; background: url('../../img/asis/ic_m02.png'); vertical-align: middle; }
.career_icon03 { display: inline-block; width: 64px; height: 64px; background: url('../../img/asis/ic_m03.png'); vertical-align: middle; }
.career_icon04 { display: inline-block; width: 64px; height: 64px; background: url('../../img/asis/ic_m04.png'); vertical-align: middle; }

/*알림판 */
.CareerPlan2 { position: relative; margin: 0; width: 300px;   }
.CareerPlan2 h2 { font-weight: 700; font-size: 20px; line-height:28px; margin: 0 0 0 1%; color: #222222; height: 45px; }
.CareerPlan2 img{ display: block; width: 100%; border-radius: 5px; }
.CareerPlan2 .count { position: absolute; top: 4px; right: 85px; line-height: 1; }
.CareerPlan2 .p_num { color: #de3b2a; font-weight: 500; }
.CareerPlan2 .pz_btn { position: absolute; top: 5px; right: 3px; }
.CareerPlan2 .pz_btn a { float: left; overflow: hidden; width: 24px; height: 24px; background-repeat: no-repeat; margin: 0; }
.CareerPlan2 .pz_btn a.prev { background: url('../../img/asis/main_prev.png'); border: 1px solid #d8d8d8; }
.CareerPlan2 .pz_btn a.next { background: url('../../img/asis/main_next.png'); border: 1px solid #d8d8d8; }
.CareerPlan2 .pz_btn a.stop { background: url('../../img/asis/main_stop.png'); border-top: 1px solid #d8d8d8; border-bottom: 1px solid #d8d8d8; }
.CareerPlan2 .pz_btn a.play { background: url('../../img/asis/main_play.png'); border-top: 1px solid #d8d8d8; border-bottom: 1px solid #d8d8d8; }
.CareerPlan2 .pz_list { padding: 0; }
.CareerPlan2 .pz_list .Hidden { display: none; }
.CareerPlan2 .pz_list li { overflow: hidden; width: 100%; }
.CareerPlan2 .pz_list li a { display: block; }
.CareerPlan2 .pz_list li img { border-radius: 5px; }

/* 230221 반응형 수정*/
.ijob .header_new .hn_c > div > div.fl_r {width:auto;}
.ijob .footer_new {padding:20px 0;}
.ijob .footer_new .f_c{padding:0;}