@charset "utf-8";

.brn { border-right:none !important;}
.bln { border-left:none !important;}

/* 게시판 Top 설정 */

table tr.tr_notice td.list_idx { background: url("/images/board/notice_top.gif") no-repeat scroll 50% 50% #f8f9fb; text-indent: -100000px;}
table tr.tr_notice td, table tr.tr_finish td {background-color:#f8f9fb;}

/* 테이블 추가 스타일 */

td.bg_gray1 {background-color:#fafafa; /*vertical-align:top;*/ padding:5px 0 0 !important;}
td.td_asw { background-color:#fafafa; padding:20px 20px 20px 0;}
td.panone { padding:0 !important;}

/* 체크박스 스타일 */

.checkbox {padding:0 0 10px; width: auto; display:inline-block; border-bottom:1px solid #d2d2d2;margin: 0 0 30px;}
.checks {position: relative;}
.checks label {font-size:14px; color:#323232; margin:10px 0; float:left;}
.checks input[type="checkbox"] {  /* 실제 체크박스는 화면에서 숨김 */
  position: absolute;
   /* width: 1px;
   height: 1px;*/
   padding: 0;
   margin: -1px;
   overflow: hidden;
   clip:rect(0,0,0,0);
   border: 0
}
.checks input[type="checkbox"] + label {
  display: inline-block;
  line-height: 15px;
  position: relative;
  padding-left:25px;  /* 글자와 체크박스 사이의 간격을 변경 */
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.checks input[type="checkbox"] + label:before {  /* 가짜 체크박스 */
  content: '';
  position: absolute;
  left: 0;
  top: 0;  /* 이 값을 변경해서 글자와의 정렬 */
  width: 13px;  /* 체크박스의 너비를 지정 */
  height: 13px;  /* 체크박스의 높이를 지정 */
  line-height: 13px; /* 세로정렬을 위해 높이값과 일치 */
  text-align: center;  
  background: #fafafa;
  border: 1px solid #d2d2d2;
}

.checks input[type="checkbox"]:checked + label:before {/* 체크박스를 체크했을때 */ 
  content: '\2714';  /* 체크표시 유니코드 사용 */
  color: #ff5957;
  border: 2px solid #ff5957;
}
.checks label.label_etc { width:auto !important; margin-right:10px !important;}
table.board_write .checks {margin-left:0 !important;}
table.board_write .checks > span { float:left; width:15%;}

.checks .item { width:10%;float: left;}

@media screen and (max-width:800px) { 
	.checks .item {width: 15% !important;}
}



/* 내가쓴댓글 ----------------------------------------------------------------------------------------------------- */

.comment_my_tit {background: url("/images/board/board_guige_img7.png") no-repeat center 0;width:100%; border-bottom:1px solid #3e635c; padding-bottom:25px; text-align:center;}
.comment_my_tit h3.cm_title {margin-top:70px;font-size:27px; font-weight:400; color:#323232; display: inline-block;}
.comment_my_tit h3 em {color:#707070; font-style:normal; line-height:27px;}
#my_comment_area span.usr_date {font-size:19px; color:#323232; margin-right:30px;}
p.re_article span.icon_relate {
    background: transparent url("/images/board/icon_relate.gif") no-repeat scroll 0 0;
	display: inline-block;
	font-size:14px;
	color:#3e635c;
    height: 26px;
	margin-right:5px;
	padding-left:7px;
    width:63px; 
	vertical-align: middle;
}
p.re_article span.icon_newwin {
    background: transparent url("/images/board/board_cont_bg.png") no-repeat scroll -404px -3px;
	display: inline-block;
	font-size:0;
    height: 9px;
	margin-left:5px;
    width:11px; 
	vertical-align: middle;
}
p.re_article a {color:#3e635c; font-size:14px; text-decoration:underline;}

/* 열어본페이지 ----------------------------------------- */

.list_box2 ul { margin-top:20px !important; display:inline-block;width: 100%;}
.list_box2 ul li {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
    font-size: 14px;
    margin-bottom: 20px;
    padding: 0 0 20px !important;
	border-bottom:1px solid #d2d2d2;
	position:relative;
}
.list_box2 ul li > a {
	margin-left:20px;
	display:inline-block;
	width:85%;
}
.list_box2 ul li a strong {
    color: #3e635c;
}

.list_box2 ul li span.screen_thumb {
    background: #eef2f6 url("/images/board/logo_bg_2.png") no-repeat scroll center center;
    display: block;
    float: left;
    height: 49px;
    margin:0;
    width: 63px;
}
.list_box2 ul li p {
    display: inline-block;
    margin: 30px 0 0 20px;
    width: 85%;
}
.list_box2 ul li span.url {
    display: inline-block;
    margin: 0 0 0 20px;
    width: 85%;
}
.list_box2 ul li span.url a {color: #808e9b;}
.list_box2 ul li span.date {color: #707070; position:absolute; right:5px; top:0; font-size:13px;}



/* 지도 윈도우  ----------------------------------------------------------- */
/* .po_info {background: #fff; border: 1px solid #4e4e4e; border-radius: 3px; padding:10px 15px 15px; position:relative;}
/* .po_info { left: 700px; position: absolute; top: 120px; z-index: 1001;}*/
 .po_info2 {padding:5px 5px 15px; position:relative; font-family: "Nanum Gothic","Dotum","돋움","Arial";}
 .po_info2 h4 { font-size:14px !important; font-weight:400;border-bottom:1px solid #d2d2d2; margin:0 !important;}
 .po_info2 p.info_img { height:65px; width:87px; overflow:hidden; background: url("/images/board/logo_bg_1.png") #ededed no-repeat 50% 50% / 50% auto; float:left;}
 .po_info2 p.info_text { font-size:12px; color:#707070; display:inline-block; margin-left:10px; margin-bottom:5px;}
 .po_info2 p.info_text span { display:block; line-height:1.2;}
 .po_info2 p.info_btn span a.btn_a { display:inline-block; background-color: #3e635c; padding:2px 8px; color:#fff; font-size:12px; margin-left:10px; margin-top:3px;}
 .po_info2 p.info_btn span a.btn_d { display:inline-block; background-color:#eef2f6; border:1px solid #3e635c; padding:1px 7px; color:#3e635c; font-size:12px; margin-left:7px; margin-top:3px;}
 .po_info2 .bg_triangle4 {
    background: url("/images/board/bg_triangle4.png") no-repeat scroll 0 0;
    height: 27px;
    left: -24px;
    position: absolute;
    top: 22px;
    width: 24px;
}
 .po_info2 p.info_close { position:absolute; top:10px; right:10px;}
 .po_info2 p.info_close a {
	background: transparent url("/images/board/board_cont_bg.png") no-repeat -741px -92px; 
	height:11px; 
	width:11px; 
	display:inline-block;
	margin:0;
	font-size:0;
}


/*개별공시지가*/
.content_top_alert_price {
    border: 1px solid #dfdfdf;
    min-height: 30px !important;
    overflow: hidden;
    padding: 2% 4%;
	width:91.8%;
	background-color:#f7f7f7;
}
.content_top_alert_price .alert_content_price {
    background: rgba(0, 0, 0, 0) url("/images/common/alert_tip_1.gif") no-repeat fixed 0 0 !important;
    margin: 0;
    overflow: hidden;
    padding: 0;
}
.content_top_alert_price .alert_content_price p {
    display: inline-block;
    float: left;
    margin: 10px 30px 10px 10px;
}
.content_top_alert_price .alert_content_price label {
    display: block; font-size:15px; margin-bottom:7px;
}
.content_top_alert_price .alert_content_price .msg { position: relative; margin-bottom:20px; height:20px;}
.content_top_alert_price .alert_content_price .msg h4 {  margin-top:10px; margin-bottom:15px; float:left; font-weight:400; font-size:17px; }
.content_top_alert_price .alert_content_price .msg em { color: #666;  font-style: normal; margin-left: 16px; margin-top:13px; font-size:15px;float:left;}
.alert_content_price .priceselect_box { clear:both; height:81px; padding:2%; width:95.8%; background-color:#fff; position: relative; }
.alert_content_price .priceselect_box label{color: #707070;}
.content_top_alert_price .alert_content_price span.input_position select { padding:5px; height: 36px; line-height: 36px; border: 1px solid #d2d2d2; font-size: 14px;}

.map_box .spot_info{ padding: 5px;}
.no_result_txt{ text-align: center; font-size: 21px; font-weight: 400; padding: 50px; border: 1px dashed #d2d2d2; margin-top: 30px;}

#price_search_btn {
    margin-top: 12px;
    position: absolute;
	right:4%;
}
#land_search_form {
    /*display: inline-block;*/
    font-size: 11px;
}
#land_search_form p {
    line-height: 200%;
}
#land_search_form p span.input_position input { padding:6px; width:50px; font-size: 14px; box-sizing: border-box; height:36px; line-height: 36px; }
.left_realty_price {
    /*float: left; 이젠 좌우형이 아니라서 주석처리*/
    width: 100%;
	margin-top: 15px;

}
#mapContainer {
    border: 3px solid #e5e5e5 !important;
    float: left;
    margin-right: 7px;
    margin-top: 6px;
    width: 370px;
}
.land_price_bottom h4 { margin:17px 0 0 0 !important; font-size:17px !important; font-weight:400 !important;}
.land_opinion {
    background-color: #f7f7f7;
    border: 1px dotted rgb(204, 204, 204);
    float: left;
    margin-top: 20px;
    width: 91.8%;
	padding:2% 4%;
}
.land_opinion h3 {
    margin-left: 0; margin-top:10px; font-size:17px !important; font-weight:400;
}
.land_opinion h3.two { font-size:17px !important; margin-top:3px !important; }
.land_opinion ul.mab0 { margin-bottom:0 !important;}

.land_opinion ul {
    margin: 15px 30px 20px 0;
}
.land_opinion ul li { font-size:15px; line-height:23px; background:url("/images/common/www_tab01_bl.gif") no-repeat scroll 0 9px; padding:0 0 0 8px;}
.land_opinion p {
    margin-left: 0px; font-size:15px; margin-bottom:10px;
}
.land_opinion p.btn { margin-bottom:0; margin-top:15px; display: inline-block;}
.land_opinion p.btn a.btst { padding:10px 30px !important; font-size:15px;}
.land_opinion p a.btn5 { padding:10px 30px !important; background-color:#1A4589; color:#fff; display:block; float:left; margin-bottom:10px;}

.tbl_type td {
    border-bottom: 1px solid #e5e5e5;
    border-collapse: collapse;
    /*font-family: dotum;*/
    font-size: 12px;
    letter-spacing: 0;
    padding: 7px 0 5px;
    text-align: center;
}

.price_button {display: block; margin: 25px 0 ;}
.price_button ul {text-align: center;}
.price_button ul li  { display:inline-block; margin-left: 5px; text-align:center; background:none !important; padding:0 !important;}
.price_button a { padding:0 30px; height:38px; line-height:38px; display:block; font-size:15px; text-align: center; background-color: #555; color: #fff;}
.price_button input#v_btn_confirm { width:98px; height:40px; font-size:15px; text-align: center; cursor:pointer;margin: -2px 0 0; vertical-align:inherit}
.price_button a#v_btn_write { background-color:#2c2f3b; color:#FFF !important;}
.price_button a#v_btn_modify, .price_button a#v_btn_remove{ background-color:#eef2f6;}


/*데이터개방*/
#dataopen{width: 100%; height: 1700px;}


/*정보공개 > 사전정보공표*/
table.info_open_table th{word-break: keep-all; padding: 0 20px;}
table.info_open_table td{} 
.info_open_table .onebox{width: 16.66666%;}
.info_open_table .twobox{width: 33.33333%;}
.info_open_table .threebox{width: 49.99999%;}
.info_open_table .fourbox{width: 66.66666%;}
.info_open_table .fivebox{width: 83.33333%;}

/*일반게시판 하단 개인정보동의 스타일추가 181120_배금아*/
.board_btm_agree {margin-top:30px; border:2px dotted #e4e4e4; padding:35px; background-color:#fafafa;}
.board_btm_agree .tit > label {font-size:19px; font-weight:500; background:url("/images/board/board_btm_agree_tit.png") no-repeat 0 2px; padding-left:27px;}
.board_btm_agree .joinPoint {font-size:14px; margin-top:10px;}
.board_btm_agree textarea {margin:10px 0; width:100%; padding: 10px; box-sizing: border-box;}
.board_btm_agree .agree_tit {margin-top:10px; text-align:center;}

/*행복한군정 > 정보공개 > 사전정보공개목록 ##20181204김용선*/
.info_catelist2 ul li { width:33.33333%; }
.info_catelist2 .section.depth4 > li:nth-child(n+0):nth-child(-n+3) a{border-top: 1px solid #d5d5d5;}

.info_catelist1{display: inline-block; width: 100%;}
.info_catelist1 li{margin: 0 0 0.683333% 0.683333%; float: left; width: 13.7%;}
.info_catelist1 li:nth-child(7n-6){margin-left: 0;}
.info_catelist1 li img{box-sizing: border-box; border: 1px solid #d7d7d7;}
.info_catelist2{display: inline-block; width: 100%; clear: both; margin-bottom: 10px;}

.info_catelist2 li{}
.info_catelist2 li{float: left; width: 33.3333%; margin: 0 0 0 -1px; text-align: center; line-height: 46px; min-height: 46px; box-sizing: border-box; overflow: hidden;}
.info_catelist2 li:nth-child(n+0):nth-child(-n+3) a{border-top: 1px solid #d5d5d5;}
.info_catelist2 li a{display: block; background-color: #fff; border: solid #d5d5d5; border-width: 0 1px 1px 1px;}
.info_catelist2 li.on a{background-color: #1a4589; color: #fff;}

.info_catelist3{display: inline-block; width: 100%; padding: 20px 30px; border: 1px solid #d7d7d7; margin-bottom: 20px; box-sizing: border-box;}
.info_catelist3 li{float: left; width: 24%; margin-right: 1%; padding-left: 13px; position: relative;}
.info_catelist3 li:before{content: ''; position: absolute; top: 50%; left: 0; width: 4px; height: 4px; background-color: #1a4589; margin-top: -2px;}
.info_catelist3 li a{display: block;}
.info_catelist3 li.on a{color: #ef4e31;}

/*행복한군정 > 정보공개 > 사전정보공개*/
#preopen_top .info_catelist1 li a{display: block; height: 100%; box-sizing: border-box;}
#preopen_top .info_catelist1 li .btn_active{border: 2px solid #4264a3;}

.board_newspaper { position: relative; padding-top:20px; display: inline-block; width: 100%;}

/*구인구직-view*/
.board_t1_view {border-top:1px solid #d2d2d2; border-left:1px solid #d2d2d2; width:100%; clear: both;font-size:15px; margin-top:20px; margin-bottom:15px;}
.board_t1_view th {border-bottom:1px solid #d2d2d2; border-right:1px solid #d2d2d2;color: #000; padding: 15px 5px;text-align:center; font-weight:normal; background-color:#fafafa; width:11%; vertical-align: middle;}
.board_t1_view td {border:1px solid #d2d2d2;color: #000; padding: 15px 5px 15px 10px;text-align:left; vertical-align: middle;}
.board_t1_view td.th{background-color: #fafafa; color: #000; text-align: center; font-weight: normal;}
table .half td{width: 35% !important;}
.board_t1_view td.lib_photo{width: 200px; padding: 30px;}

/*의회발언*/
.view_board_tit01{background:url("/images/www/board/ico_talk.png") 0 0 no-repeat; padding-left:47px;  font-size: 21px; font-weight: 400; margin-top:30px;  padding-bottom: 30px; border-bottom: 1px dashed #707070;}
.view_city{ border-top:1px dashed #707070; }
.view_board_tit02{background:url("/images/www/board/ico_state.png") 0 0 no-repeat; padding-left:47px;  font-size: 21px; font-weight: 400; margin-top:30px;  padding-bottom: 30px; border-bottom: 1px dashed #707070;}


/*www사이트맵-서브사이트와 꼬임방지-갈곳이없어서여기로-20210512전지은*/
#content .sitemap.sitemap14444 .sitemap_list { display:none;}
#content .sitemap {display: block;float: left;margin: 0 0 30px;padding: 0;width: 100%;}
#content .sitemap h3 { margin-bottom:5px; margin-top: 0 !important; padding: 5px 0 15px 0 !important;font-size: 25px;text-align: left;color: #2a548e;background: none;}

#content .sitemap .sitemap_list { margin-left:-3%;}
#content .sitemap .sitemap_list > ul > li > a { display:block; background-color:#ffe16c; font-weight:300; color:#262626; padding:14px 27px; font-size:18px; border-radius:7px;  }
#content .sitemap .sitemap_list > ul > li:hover > a { background-color:#046fd9; color:#fff; transition: ease-in-out 0.28s;}

#content .sitemap > ul { margin: 0 0 27px; padding: 0; border:1px solid #dee4e3}
#content .sitemap ul { margin-bottom:0; }
#content .sitemap ul li { background-color:#f9f9f9; width:47%; float:left; margin-left:3%; border-radius:7px; border:none; box-sizing:border-box; margin-bottom:20px;}
#content .sitemap > ul > li > a { color: #0c4da2; font-size: 15px; font-weight:400; padding:0 0 0 11px;} 

#content .sitemap ul li ul { margin-top:15px;}
#content .sitemap ul li ul li { border-bottom:1px solid #e6e6e6; display: inline-block; width:95%; margin-left:2.5%; margin-bottom:7px; line-height: 130% !important; padding: 0 0 15px 15px; text-align: justify; box-sizing:border-box; border-radius:0;}
#content .sitemap ul li ul li:last-child { margin-bottom:15px; border-bottom:none;}
#content .sitemap ul li ul li a { font-weight:300; font-size:16px; display:block; padding:7px 0 5px 0; color:#4f4f4f; width:35%; margin-right:3%; float:left;}
#content .sitemap ul li ul li a:hover{text-decoration: underline;}

#content .sitemap ul li ul li ul { border:dashed 1px #ddd; background-color:#fff; border-radius:7px; padding:15px 20px 6px 16px; margin-bottom:15px; margin-top:10px !important; float:left; width:53%; }
#content .sitemap ul li ul li ul li { background: url("/images/common/sub/basic_ul_bl.png") no-repeat 5px 9px; padding-left:15px; margin:0 10px -9px 0; width: auto; border-bottom:none;}
#content .sitemap ul li ul li ul li:last-child { margin-bottom:0;}
#content .sitemap ul li ul li ul li a { padding:1.5px 0; width:100%; color:#4f6780; font-size: 15px; font-weight:300; }

#content .sitemap ul li ul li ul li ul { width:97%; background-color:#fff; padding:13px 16px 3px 16px; margin:10px 0 15px -13px;}
#content .sitemap ul li ul li ul li ul li {background:url("/images/common/sub/basic_ul_ul_bl.png") no-repeat 0px 7px; width: auto;  padding-left:11px;}
#content .sitemap ul li ul li ul li ul li a { color: #646464; font-size: 14px; }

@media screen and (max-width: 1350px) { 
	#content .sitemap ul li ul li a { width:90%;}
	#content .sitemap ul li ul li ul { width: auto; margin-right:10px;}
}
.admin_list{padding: 0 20px;}

/* 여수상품권 지도 레이어*/
td.popup_map_giftcard{position: relative}

.voucher_layer{position: absolute; top:10px; left:-150px; background-color: #fff; width:800px; height: 500px; z-index: 100; border:2px solid #16202c;}
.voucher_layer .close{ position: absolute; top:10px; right: 10px; width: 59px; height: 59px; background:url("/images/www/board/btn_map_close.png") 0 0 no-repeat; text-indent: -99999px; }

#voucher_map{ width: 100%; height: 100%;}



/*카드뉴스 보드 상단 sns 추가 내용*/

.module_list_box ul{overflow: hidden}
.module_list_box .sns_list_go {text-align: right}
.module_list_box .sns_list_go li{display: inline-block;margin-left: 3px;}
.module_list_box .sns_list_go li a{border-radius:18px; color: #fff; font-size: 14px ; padding:0 20px;  display: inline-block;  height: 36px; line-height: 36px;}
.module_list_box .sns_list_go .go_fb a{background-color: #445e99;} 
.module_list_box .sns_list_go .go_blog a{background-color: #32b34a;} 
.module_list_box .sns_list_go .go_yb a{background-color: #d4272d;} 
.module_list_box .sns_list_go .go_ks a{background-color: #f2d711; color: #000;} 
.module_list_box .sns_list_go .go_kakao a{background-color: #ffeb3b; color: #000;} 
.module_list_box .sns_list_go .go_insta a{background-color: #ed28a3;} 
.module_list_box .sns_list_go .go_daangn a{background-color: #f7f1da; color: #000;} 
.module_list_box .sns_list_go .ico{width: 23px; height: 26px; display: inline-block; vertical-align: middle; background:url("/images/www/board/sns_ico_go.png") 0 0 no-repeat; }
.module_list_box .sns_list_go .go_fb .ico{ background-position: 0 0;}
.module_list_box .sns_list_go .go_blog .ico{ background-position: 0 -39px; padding-right: 9px;}
.module_list_box .sns_list_go .go_ks .ico{ background-position: 0 -74px;}
.module_list_box .sns_list_go .go_yb .ico{ background-position: 0 -111px;}
.module_list_box .sns_list_go .go_kakao .ico{background-position: 0 -212px;} 
.module_list_box .sns_list_go .go_insta .ico{background-position: 0 -142px; padding-right: 9px;} 
.module_list_box .sns_list_go .go_daangn .ico{background-position: 0 -178px; padding-right: 9px;} 
.sns_list_go + .board_list_box{margin-top: 20px;}

.sns_list_go_mobile{ display: none;}

/*여수상품권-지도*/
.board_list .board_basic .view_map{ display: inline-block; margin-left: 13px; background:url("/images/board/www/ico_map_view.png") 0 0 no-repeat; height: 21px; line-height: 21px; padding-left: 20px; color: #046fd9; font-size: 14px;  }
.board_list .board_basic tr:hover .view_map{ color: #fff;}
.board_list .board_voucher td {font-size: 14px;}
.board_list .board_voucher td .basic_cont{ white-space: normal !important;}  /* 상호이름 말줄이기 안함*/

/*여수상품권-수정버튼*/
.board_list .board_basic .voucher_write{ display: inline-block; margin-left:5px; background:url("/images/board/www/ico_voucher_write.png") 0 0 no-repeat; height: 21px; line-height: 21px; padding-left: 22px; color: #046fd9; text-indent:-999999px;  }
.board_list .board_basic tr:hover .voucher_write { color: #fff;}

/*여수상품권 등록 및 해지신청*/
.voucher_request.module_write_box .cont_write > .write_box.module_file { padding:23px 0 23px 220px;}
.voucher_request.module_write_box .cont_write > .write_box { padding:23px 0 23px 220px;}
.voucher_request.module_write_box .cont_write .write_box.module_privacy .module_w textarea { margin:6px 0;}


/*보도자료 담당자지정 추가*/
.module_w #text_staff{position: relative; margin-left: 0px;}
.module_w #text_staff #search_text{position: absolute; top: -25px; left: 0; width: 324px; padding: 10px; box-sizing: border-box; height:180px; background-color: #fff;z-index: 99; overflow: auto; border: 1px solid #323232;}
.module_w #text_staff #search_text li{position: relative; border-top: 1px dashed #d2d2d2; padding: 7px 10px; cursor: pointer;}
.module_w #text_staff #search_text li:hover{background-color: #046fd9; color: #fff;}
/*.module_w #text_staff #search_text li:hover:before{content: ''; position: absolute; top: 0; left: 0; width: 5px; height: 100%; background-color: #4264a3;}*/
.module_w #text_staff #search_text li:first-child{border-top: 0;}


/*공무직 접수 모듈 추가 s*/
.box_exam_step{ border-bottom: 2px solid #046fd9; border-top: 1px solid #d2d2d2;width: 100%; padding: 25px 0; }
.box_exam_step .e_step{display: inline-block; position: relative; padding-right: 73px; color: #777;}
.box_exam_step .e_step:after{content: ''; display:block; background:url("/images/board/www/sp_exam.png") -10px -59px no-repeat; width: 22px; height: 12px; position: absolute; top:50%; right: 23px}
.box_exam_step .e_step:last-child:after{ display: none;}
.box_exam_step .e_step .txt_step{ font-size: 13px; display: block;  font-weight: 100; }
.box_exam_step .e_step .step_tit{ font-size: 23px; display: block;  font-weight: 100;}
.box_exam_step .e_step .step_tit .m_next{ font-weight: 100;}
.box_exam_step .e_step.now .txt_step{ color:#333; font-weight: 300}
.box_exam_step .e_step.now .step_tit{ color:#046fd9; font-weight: 300;}
.box_exam_step .e_step.now  .wrap_step{ display: inline-block;}
.box_exam_step .e_step.now:before{ content: ''; display: inline-block; background:url("/images/board/www/sp_exam.png") -1px -4px no-repeat; width: 42px; height: 42px; vertical-align: middle; margin-right: 10px; margin-top: -20px;}

.board_exam h4:first-child{ margin-top: 70px;}
.board_exam .box_exam_guide{ margin-top: 20px;}
.board_exam .box_exam_guide .info_text_box{ border: 1px solid #d2d2d2; padding: 27px 28px;  width: 100%; box-sizing: border-box; height: 280px; overflow-x: hidden; overflow-y: auto;}
.board_exam .box_exam_guide .check_bottom{ margin-top: 10px;}
.board_exam .box_exam_guide .check_bottom label{ font-size: 16px; margin-left: 5px;}
.exam_check01{ margin-right: 30px;}
.exam_check02{ margin-left: 10px;}
.exam_check03{  display: block; margin-top: 15px;}

.exam_inputbox, .exam_input_top{ border-bottom: 1px solid #d2d2d2;}
.exam_photo_input{overflow: hidden;}
.exam_photo_input .photo_l{ width:70%; float: left;}
.exam_photo_input .photo_r{ width: 24%; margin-left: 6%; float: left; text-align: center;}
.exam_photo_input .photo_r .img_photo{ border: 1px solid #d2d2d2; width: 118px; margin: 0 auto;}
.exam_photo_input .photo_r .img_photo img{ border: 6px solid #fff; width: 106px; height: 140px;}
/*공무직 접수 모듈 추가 e*/