@charset "utf-8";
/*@import url('/sites/moj/style/css/font.css');*/

a:focus, textarea:focus, button:focus, input:focus, select:focus{border-radius:4px; outline:2px solid rgba(36, 107, 235, 0.8); outline-offset:2px;} 

#searchText input[type=text] {
-webkit-ime-mode:active;
-moz-ime-mode:active;
-ms-ime-mode:active !important;
ime-mode:active;
}
/* -------------- contents area margin - responsive */
body.sub ._contentBuilder ._obj._objHtml, body.sub ._contentBuilder ._obj._objTag{margin-bottom:40px !important;}
@media all and (max-width: 1024px){
  body.sub ._contentBuilder ._obj._objHtml, body.sub ._contentBuilder ._obj._objTag{margin-bottom:32px !important;}
}
/* ========= 법무부(고석만 20190110) ========= */
.txt-indent, .txt-indent li, .txt-indent dt, .txt-indent dd { width:0; height:0; text-indent:-9999em; font-size:0; line-height:0; overflow:hidden; }
.floatL { float:left; }
.floatR { float:right; }
body.Mobile .button_list .floatL, body.Mobile .button_list .floatR { float:none; }
.unit, .rMateH5__SubCaption { margin-bottom: 5px; font-size: 11px;color:#333; }/* 220310_웹접근성수정 */
.title { overflow: hidden; }
.title .unit {  margin-top: 20px;  }
/* ========= default css edit [7.0에서 css 수정해야할 내용] ========= */
._contentBuilder ._obj._objHtml ul li, ._contentBuilder ._obj._objTag ul li {margin-top: 0;}
._fnctWrap {line-height: 1.6;}
/* ========= default css ========= */
* {font-family:'NotoKR' !important; font-weight: 300; color: #666; letter-spacing:-1px;}
body {font-size: 15px; line-height: 1.6; color: #666;}
strong, b {font-weight: 500;}
a:hover	{color: #28a2e7;}
.hiddenT {position: absolute; overflow: hidden; clip: rect(0 0 0 0); width: 1px; height: 1px; margin: -1px;}
body.Mobile	{min-width: 320px;}
.mab5{margin-bottom:5px;}
.mab10{margin-bottom:10px;}
.mab15{margin-bottom:15px;}
.mab20{margin-bottom:20px;}
.mab25{margin-bottom:25px;}
.mab30{margin-bottom:30px;}
.mab50{margin-bottom:50px;}
.mat5{margin-top:5px;}
.mat10{margin-top:10px;}
.mat15{margin-top:15px;}
.mat20{margin-top:20px;}
.mat25{margin-top:25px;}
.mat30{margin-top:30px;}
/* 스킵네비게이션 */
#skip {position: fixed; width: 100%; left: 0; top: 0;  z-index: 105; overflow:hidden;}
#skip a {display: block;height: 1px;width: 1px;margin-top: -2px;overflow: hidden; color: #fff;background: #426dca;white-space: nowrap;text-align: center;transition: all 0.2s ease;}
#skip a:focus,#skip a:active {height: auto; width: auto; padding: 7px; margin-bottom: 10px;}
#skip .mo{display:none;}
@media screen and (max-width:861px){
  #skip .pc{display:none;}
  #skip .mo{display:block;}
}

/* ========= SUB_contents css ========= */
._contentBuilder ._obj	{letter-spacing: -0.5px;}
._contentBuilder ._obj._objHtml, ._contentBuilder ._obj._objTag	{font-size: 15px !important;}
._contentBuilder ._obj._objHtml .color01, ._contentBuilder ._obj._objTag .color01,
._contentBuilder ._obj._objHtml .color01 *, ._contentBuilder ._obj._objTag .color01 *	{color: #d51818 !important;}
._contentBuilder ._obj._objHtml .color02, ._contentBuilder ._obj._objTag .color02,
._contentBuilder ._obj._objHtml .color02 *, ._contentBuilder ._obj._objTag .color02 *	{color: #002e8d !important;}
._contentBuilder ._obj._objHtml .color03, ._contentBuilder ._obj._objTag .color03,
._contentBuilder ._obj._objHtml .color03 *, ._contentBuilder ._obj._objTag .color03 *	{color: #0A7CC1 !important;}
._contentBuilder ._obj._objHtml .note, ._contentBuilder ._obj._objTag .note, ._contentBuilder ._obj._objHtml .note *, ._contentBuilder ._obj._objTag .note *		{color: #25a1db;}
._contentBuilder ._obj._objHtml .bold, ._contentBuilder ._obj._objTag .bold, ._contentBuilder ._obj._objHtml .bold *, ._contentBuilder ._obj._objTag .bold *		{color: #333; font-weight: 500;}
.bigFont	{font-size: 28px; font-weight: 600; margin-bottom: 30px;}
.alignC {text-align: center;}
/* sub_heading */
#masterTab .objHeading_h2,
#_contentBuilder .objHeading_h2,
#_contentBuilder .objHeading_h3,
#_contentBuilder .objHeading_h4	{font-weight: 400; line-height: 1.4;}
#masterTab .objHeading_h2,
#_contentBuilder .objHeading_h2	{font-size: 26px !important; color: #4e4e4e; padding: 0 0 35px 0;}
#_contentBuilder .objHeading_h3	{font-size: 18px !important; color: #2c2f35; padding: 10px 0 15px 0; background: url('/sites/moj/images/contents/objHeading_h3.png') left top no-repeat;}
#_contentBuilder .objHeading_h4	{font-size: 16px !important; color: #2460db; padding: 0 0 0 25px; background: url('/sites/moj/images/contents/objHeading_h4.png') left 4px no-repeat;}
#masterTab .objHeading_h2 {padding-bottom: 0;}
#_contentBuilder .objHeading_h3 .min_txt{display:inline-block;padding-left:9px;font-size:13px;vertical-align:middle;}/* 220906_추가 */
/* sub_tab */
.tab_div_5		{width: 100%; position: relative; display: table;}
.tab_div_5:after		{content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 2px; background-color: #d6d6d6; z-index: -1;}
.tab_div_5 > li		{display: inline-table;vertical-align: bottom;position: relative;max-width: 20%; margin-top: 20px !important;}
.tab_div_5 > li > a		{display: table-cell;vertical-align: middle;border-bottom: 2px solid #d6d6d6;color: #585858;font-size: 16px;padding: 0 20px 25px 20px;position: relative;height: 50px;box-sizing: border-box;text-align: center;word-break: keep-all;}
.tab_div_5 > li > a:after	{content: ""; position: absolute; top: 7px; right: 0; background-color: #d6d6d6; width: 1px; height: 13px;}
.tab_div_5 > li.on > a		{border-bottom: 2px solid #002e8d; color: #002e8d; font-weight: 400;}
.tab_div_5 > li.on:after	{content: "";position: absolute;bottom: 10px;left: 50%;margin-left: -4px;background: url('/sites/moj/images/contents/tab_4_over.png') left top no-repeat;width: 9px;height: 5px;}
.tab_div_5 > li:last-child > a:after 	{display: none;}
/* sub_list type */
._contentBuilder ._obj._objHtml .ul_1 > li, ._contentBuilder ._obj._objTag .ul_1 > li, ._contentBuilder ._obj._objWidget .ul_1 > li	{background: url('/sites/moj/images/contents/contents_ul.png') left 8px no-repeat; padding-left: 16px; margin-bottom: 10px;}
._contentBuilder ._obj._objHtml .ul_1 > li:last-child, ._contentBuilder ._obj._objTag .ul_1, ._contentBuilder ._obj._objWidget .ul_1 > li:last-child		{margin-bottom: 0;}
._contentBuilder ._obj._objHtml .ul_1 > li > b, ._contentBuilder ._obj._objTag .ul_1 > li > b,._contentBuilder ._obj._objWidget .ul_1 > li > b	{color: #000; font-weight: 400;}
._contentBuilder ._obj._objHtml .ul_1 > li > ul, ._contentBuilder ._obj._objTag .ul_1 > li > ul	, ._contentBuilder ._obj._objWidget .ul_1 > li > ul	{margin-top: 5px;}
._contentBuilder ._obj._objHtml .ul_2 > li, ._contentBuilder ._obj._objTag .ul_2 > li, ._contentBuilder ._obj._objWidget .ul_2 > li	{background: url('/sites/moj/images/contents/contents_ul_2.png') left 9px no-repeat; padding-left: 15px; margin-bottom: 5px; font-size: 14px;}
._contentBuilder ._obj._objHtml .ul_2 > li .note, ._contentBuilder ._obj._objTag .ul_2 > li .note, ._contentBuilder ._obj._objWidget .ul_2 > li .note	{font-size: 14px;}
._contentBuilder ._obj._objHtml .ul_2 > li > b, ._contentBuilder ._obj._objTag .ul_2 > li > b, ._contentBuilder ._obj._objWidget .ul_2 > li > b	{font-weight: 400;}
._contentBuilder ._obj._objHtml .ul_3 > li, ._contentBuilder ._obj._objTag .ul_3 > li, ._contentBuilder ._obj._objWidget .ul_3 > li	{position: relative; padding-left: 10px;}
._contentBuilder ._obj._objHtml .ul_3 > li:before, ._contentBuilder ._obj._objTag .ul_3 > li:before, ._contentBuilder ._obj._objWidget .ul_3 > li:before	{content: "-"; position: absolute; top: -1px; left: 0;}
._contentBuilder ._obj._objHtml ul li .attach, ._contentBuilder ._obj._objTag ul li .attach, ._contentBuilder ._obj._objWidget ul li .attach,
._contentBuilder ._obj._objHtml ul li .attach li, ._contentBuilder ._obj._objTag ul li .attach li, ._contentBuilder ._obj._objWidget ul li .attach li {color: #888; font-size: 14px;}
#_contentBuilder .note_01, #_contentBuilder .note_02	{font-size: 13px; padding-left: 25px; margin: 7px 0;}
#_contentBuilder .note_01	{color: #e60012; background: url('/sites/moj/images/contents/note_01.png') left 1px no-repeat;}
#_contentBuilder .note_02	{color: #002e8d; background: url('/sites/moj/images/contents/note_02.png') left 1px no-repeat;}
._contentBuilder ._obj._objHtml ol.numX, ._contentBuilder ._obj._objTag ol.numX, ._contentBuilder ._obj._objWidget ol.numX	{margin-left: 0; padding-left: 0;}
._contentBuilder ._obj._objHtml ol.numX > li, ._contentBuilder ._obj._objTag ol.numX > li, ._contentBuilder ._obj._objWidget ol.numX > li	{list-style: none;}
._contentBuilder ._obj._objHtml ol.numX > li ol, ._contentBuilder ._obj._objTag ol.numX > li ol, ._contentBuilder ._obj._objWidget ol.numX > li ol	{padding-left: 30px;}
._contentBuilder ._obj._objHtml ol.numX > li ol.numX, ._contentBuilder ._obj._objTag ol.numX > li ol.numX, ._contentBuilder ._obj._objWidget ol.numX > li ol.numX	{padding-left: 0;}
/* sub_margin */
._contentBuilder ._obj .marB10 {margin-bottom: 10px !important;}
._contentBuilder ._obj .marB20 {margin-bottom: 20px !important;}
._contentBuilder ._obj .marB30 {margin-bottom: 30px !important;}
._contentBuilder ._obj .marB40 {margin-bottom: 40px !important;}
._contentBuilder ._obj .marB50 {margin-bottom: 50px !important;}
._contentBuilder ._obj .marT10 {margin-top: 10px !important;}
._contentBuilder ._obj .marT20 {margin-top: 20px !important;}
._contentBuilder ._obj .marT30 {margin-top: 30px !important;}
._contentBuilder ._obj .marT40 {margin-top: 40px !important;}
._contentBuilder ._obj .marT50 {margin-top: 50px !important;}
/* sub img wrap*/
.img100 img {display: block; max-width: 100%;}
body.Mobile .img100 {overflow-x: scroll; min-width: 600px;}
body.Mobile .img100 img {max-width: inherit;}
/* sub_table */
table col.auto {width: auto;}
table col.w5per {width: 5%;}
table col.w8per {width: 8%;}
table col.w10per {width: 10%;}
table col.w13per {width: 13%;}
table col.w15per {width: 15%;}
table col.w18per {width: 18%;}
table col.w20per {width: 20%;}
table col.w23per {width: 23%;}
table col.w25per {width: 25%;}
table col.w30per {width: 30%;}
table col.w35per {width: 35%;}
table col.w40per {width: 40%;}
table col.w50per {width: 50%;}
table col.w60per {width: 60%;}
table col.w70per {width: 70%;}
table col.w80per {width: 80%;}
table col.w90per {width: 90%;}
._contentBuilder ._obj._objHtml .tableWrap,
._contentBuilder ._obj._objTag .tableWrap,
._contentBuilder .tableWrap { overflow: hidden; }
._contentBuilder ._obj._objHtml .tableWrap table ,
._contentBuilder ._obj._objTag .tableWrap table,
._contentBuilder .tableWrap table {border-top-color: #2460db !important; border-top-style: solid !important;border-top-width: 2px !important;border-left-color: #FFF !important;border-left-style: solid !important;border-left-width: 0px !important;background-color: #fff; margin-bottom: 15px;}
._contentBuilder .tableWrap .appli {border-top-color: #353e4d !important; border-top-style: solid !important; border-top-width: 2px !important;border-left-color: #dddee0 !important;border-left-style: solid !important;margin-left:0;margin-bottom: 15px;}
._contentBuilder .tableWrap .appli th{width:auto}
._contentBuilder ._obj._objHtml .tableWrap table th,
._contentBuilder ._obj._objHtml .tableWrap table td ,
._contentBuilder ._obj._objTag .tableWrap table th,
._contentBuilder ._obj._objTag .tableWrap table td,
._contentBuilder .tableWrap table th,
._contentBuilder .tableWrap table td {border-width: 0 0 1px 0 !important; border-color: #dddee0 !important;border-style: solid; width: auto; padding: 15px 10px;}
._contentBuilder ._obj._objHtml .tableWrap table thead th ,
._contentBuilder ._obj._objTag .tableWrap table thead th,
._contentBuilder .tableWrap table thead th {	text-align: center; color: #333; background-color: #f3f5f7;}
._contentBuilder ._obj._objHtml .tableWrap table tbody th ,
._contentBuilder ._obj._objTag .tableWrap table tbody th,
._contentBuilder .tableWrap table tbody th {	text-align: center; color: #333; background-color: #fbfbfb; font-size: 14px;}
._contentBuilder ._obj._objHtml .tableWrap table tbody th label,
._contentBuilder ._obj._objTag .tableWrap table tbody th label,
._contentBuilder .tableWrap table tbody th label {color: #333;}
._contentBuilder ._obj._objHtml .tableWrap table tbody tr.bg01 th,
._contentBuilder ._obj._objHtml .tableWrap table tbody tr.bg01 td,
._contentBuilder ._obj._objTag .tableWrap table tbody tr.bg01 th,
._contentBuilder ._obj._objTag .tableWrap table tbody tr.bg01 td {background-color: #fafafa !important;}
._contentBuilder ._obj._objHtml .tableWrap table tbody td input.input,
._contentBuilder .tableWrap table tbody td input.input,
._contentBuilder ._obj._objHtml .tableWrap table tbody td select,
._contentBuilder .tableWrap table tbody td  select {border: 1px solid #cfcfcf;height: 40px;line-height: 40px;width: 30%;margin-right: 10px;color: #383838;}
._contentBuilder ._obj._objHtml .tableWrap table tbody td ul.check_list,
._contentBuilder .tableWrap table tbody td ul.check_list {overflow: hidden;}
._contentBuilder ._obj._objHtml .tableWrap table tbody td ul.check_list li,
._contentBuilder .tableWrap table tbody td ul.check_list li {float: left;box-sizing: border-box;padding-right: 20px;margin: 5px 0;}
._contentBuilder ._obj._objHtml .tableWrap table tbody td ul.check_list li label,
._contentBuilder .tableWrap table tbody td ul.check_list li label {margin-left: 5px;vertical-align: middle;}
._contentBuilder ._obj._objHtml table .alignL,
._contentBuilder table .alignL {text-align: left !important;}
._contentBuilder ._obj._objHtml table .alignR,
._contentBuilder table .alignR {text-align: right !important;}
._contentBuilder ._obj._objHtml table .alignC,
._contentBuilder table .alignC {text-align: center !important;}
._contentBuilder ._obj .tableWrap .under {margin-top: 5px;}
/*테이블 위 단위 우정렬*/
._contentBuilder ._obj .tableWrap .over {text-align: right; font-size: 13px; margin-bottom: 5px;}
._contentBuilder ._obj._objHtml .tableWrap table .line_no	{border-bottom: 0 !important;}
._contentBuilder ._obj._objHtml .tableWrap.f14 *,
._contentBuilder ._obj._objTag .tableWrap.f14 *,
._contentBuilder .tableWrap.f14 *{	font-size: 14px;}
._contentBuilder ._obj._objHtml .tableWrap.f13 *,
._contentBuilder ._obj._objTag .tableWrap.f13 *,
._contentBuilder .tableWrap.f13 *{	font-size: 13px;}
._contentBuilder ._obj._objHtml .tableWrap.f13td tbody td,
._contentBuilder ._obj._objTag .tableWrap.f13td tbody td,
._contentBuilder .tableWrap.f13td tbody td{font-size: 13px;}
._contentBuilder ._obj._objHtml .vaT table tbody td,
._contentBuilder .vaT table tbody td {vertical-align: top;}
/* 테이블 스타일2 class="sty02" */
._contentBuilder ._obj._objHtml .tableWrap.sty02 table, ._contentBuilder ._obj._objTag .tableWrap.sty02 table, ._contentBuilder .tableWrap.sty02 table {border-top-color: #353e4d !important;}
._contentBuilder ._obj._objHtml .tableWrap.sty02 table th, ._contentBuilder ._obj._objHtml .tableWrap.sty02 table td, ._contentBuilder ._obj._objTag .tableWrap.sty02 table th, ._contentBuilder ._obj._objTag .tableWrap.sty02 table td, ._contentBuilder .tableWrap.sty02 table th, ._contentBuilder .tableWrap.sty02 table td {padding: 14px 10px 13px;}
._contentBuilder ._obj._objHtml .tableWrap.sty02 table tbody th, ._contentBuilder ._obj._objTag .tableWrap.sty02 table tbody th, ._contentBuilder .tableWrap.sty02 table tbody th {background-color: #fff;}
._contentBuilder ._obj._objHtml .tableWrap.sty02 table thead th, ._contentBuilder ._obj._objTag .tableWrap.sty02 table thead th, ._contentBuilder .tableWrap.sty02 table thead th {background-color: #ededed;}
/* 테이블 스타일2 class="sty03" */
._contentBuilder ._obj._objHtml .tableWrap.sty03 table, ._contentBuilder ._obj._objTag .tableWrap.sty03 table, ._contentBuilder .tableWrap.sty03 table {border-top-color: #a0a0a0 !important;}
._contentBuilder ._obj._objHtml .tableWrap.sty03 table th, ._contentBuilder ._obj._objHtml .tableWrap.sty03 table td, ._contentBuilder ._obj._objTag .tableWrap.sty03 table th, ._contentBuilder ._obj._objTag .tableWrap.sty03 table td, ._contentBuilder .tableWrap.sty03 table th, ._contentBuilder .tableWrap.sty03 table td {padding: 14px 10px;}
._contentBuilder ._obj._objHtml .tableWrap.sty03 table tbody th, ._contentBuilder ._obj._objTag .tableWrap.sty03 table tbody th, ._contentBuilder .tableWrap.sty03 table tbody th {color: #505050;background-color: #fafafa;}
._contentBuilder ._obj._objHtml .tableWrap.sty03 table tbody td, ._contentBuilder ._obj._objTag .tableWrap.sty03 table tbody td, ._contentBuilder .tableWrap.sty03 table tbody td {color: #9c9c9c;}
._contentBuilder ._obj._objHtml .tableWrap.sty03 table thead th, ._contentBuilder ._obj._objTag .tableWrap.sty03 table thead th, ._contentBuilder .tableWrap.sty03 table thead th {background-color: #ededed;}
/* 테이블가로선만있는타입 */
._contentBuilder ._obj._objHtml .tableWrap.tb_style_row table thead th,
._contentBuilder ._obj._objHtml .tableWrap.tb_style_row table tbody th,
._contentBuilder ._obj._objHtml .tableWrap.tb_style_row table tbody td{border-width:0 0 1px 0 !important;}
._contentBuilder ._obj._objHtml .tableWrap.tb_style_row table tbody td .arrow{position:relative;display:block;}
._contentBuilder ._obj._objHtml .tableWrap.tb_style_row table tbody td .arrow:after{content: '';display: block; position: absolute; top: 50%; right: -5%;width: 30px; height: 20px;	margin-top:-10px; background: url('/sites/moj/images/contents/step_3_arrow.png') 0 center no-repeat; 	z-index: 4;}
/* 20220915_웹사이트품질관리 */
._mojList table.artclTable tbody th{border-bottom:1px solid #cfcfd1;}
/* 테이블 가로 스크롤 */
body.Mobile .tableWrap, body.Mobile ._articleTable { position: relative; overflow-x: scroll !important; overflow-y: hidden; width: 100%;}
body.Mobile .tableWrap:before,
body.Mobile .boardingWrap:before {content: "";margin-top: -40px; margin-left: -40px;width:80px; height:80px;border-radius: 50%;position: absolute;  top: 50%; left: 50%;z-index:11;background-image: url('/sites/moj/images/contents/tableScroll.png');background-color: #fff;background-position: center center;background-repeat: no-repeat;}
body.Mobile .tableWrap:after,
body.Mobile .boardingWrap:after {content: "";width:100%; height:100%;position: absolute;  top: 0; left: 0;z-index:10;background-color: rgba(0,0,0,0.2);}
body.Mobile .tableWrap.noResp:before,
body.Mobile .tableWrap.noResp:after{display:none;}
body.Mobile .tableWrap.scrollhide:before, body.Mobile .boardingWrap.scrollhide:before,
body.Mobile .tableWrap.scrollhide:after, body.Mobile .boardingWrap.scrollhide:after{ display:none; }
body.Mobile .tableWrap.noResp {padding-top: 0; overflow-x: hidden !important; overflow-y: hidden; width: auto !important; background: none !important;}
body.Mobile .tableWrap table,
body.Mobile ._articleTable table,
body.Mobile .tableWrap .under {position: relative; min-width: 600px;}
body.Mobile .tableWrap.noResp table {min-width: auto !important}
body.Mobile ._mojList,
body.Mobile ._mojView {overflow-x: hidden !important; background: none; padding-top: 0;}
body.Mobile ._mojList form table,
body.Mobile ._mojView form table {position: relative; min-width: 100%;}
body.Mobile .tableWrap.noScroll {overflow-x: hidden !important; background: none; padding-top: 0;}
body.Mobile .tableWrap.noScroll table,
body.Mobile .tableWrap.noScroll .under {min-width: 0px;}
/* sub_button list */
.button_list {overflow: hidden;  position: relative; padding:5px;}
.button_list .alignL {text-align: left;}
.button_list .alignC {text-align: center;}
.button_list .alignR {text-align: right;}
.button_list .alignL .button	{margin-left: 5px; margin-right: 10px;}
.button_list .alignC .button	{margin-left: 5px; margin-right: 5px;}
.button_list .alignR .button	{margin-top:5px; margin-right:5px; margin-left: 10px;}
.button {display: inline-table; vertical-align: top; margin-bottom: 10px; text-align: center;}
.button.re	{margin-bottom: 0;}
.button.type1	{background-color: #1e386e;}
.button.type2	{background-color: #9b9b9b;}
.button.type3, .button.type33{background-color: #1562a3;}
.button.type4	{background-color: #5a6873;}
.button.type5	{background-color: #4b6db3;}
.button.type6	{background-color: #177eaf;}
.button.mid.type1 {background: url('/sites/moj/images/contents/button_type_01.png') left top repeat;}
.button.mid.type2 {background: url('/sites/moj/images/contents/button_type_02.png') left top repeat;}
.button.mid.type3 {background: url('/sites/moj/images/contents/button_type_03.png') left top repeat;}
.button.big {height: 45px;}
.button.mid {height: 40px; border-bottom: 2px solid #d9d9d9;}
.button.small {height: 25px;}
.button.small.view { height: auto !important; vertical-align: bottom; background-color: #4c93b4; margin-bottom:0; border-bottom: 2px solid #d9d9d9 }
.button input, .button button {background: none;  height: 100%;}
.button a, .button input, .button button {display: table-cell; color: #FFF; vertical-align: middle; padding: 5px 20px; font-size: 14px; position: relative; outline-offset:2px;}
.button.big a, .button.big input, .button.big button {min-width: 80px;}
body.Mobile .button.big a, .button.big input, .button.big button { min-width: 80px;}
.button.small a, .button.small input, .button.small button {font-size: 14px;  padding: 0 5px; outline-offset:2px;}
.button a.down, .button input.down, .button button.down,
.button.small a.down, .button.small input.down, .button.small button.down	{padding: 0 30px 0 10px;}
.button a.down:after, .button button.down:after,
.button.small a.down:after, .button.small button.down:after, .button.type33:after{content: ""; position: absolute; top: 50%; right: 10px; background: url('/sites/moj/images/contents/button_down.png') left center no-repeat; width: 11px; height: 12px; margin-top: -6px;}
.button.mid a.newwindow:after, .button.mid button.newwindow:after,
.button.mid a.gobtn:after, .button button.gobtn:after,
.button.small.view a:after, .button.small.view button:after {content: ""; position: absolute; top: 50%; right: 20px;}
.button.small a.gobtn:after , .button.small button.gobtn:after {content: ""; position: absolute; top: 50%; right: 10px;}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none){
	.button.small.view a::after {top: 65%}
	.button a.down::after {top: 95%;}
	.button.mid a.newwindow::after, .button.mid button.newwindow::after, .button.mid a.gobtn::after, .button.mid button.gobtn::after {top: 85%;}
	.button.small input, .button.small button {margin-top:0;}
}
.button a.gobtn:after, .button button.gobtn:after { background: url('/sites/moj/images/contents/button_go.png') right bottom no-repeat;  }
.button.small a.gobtn, .button.small button.gobtn { padding-right: 55px;}
.button.small a.gobtn:after , .button.small button.gobtn:after { margin-top: -3px; width: 20px; height: 7px;}
.button.mid a.newwindow:after, .button.mid button.newwindow:after	{background: url('/sites/moj/images/contents/button_newwindow.png') left center no-repeat; margin-top: -7px; width: 14px; height: 14px;}
.button.mid a.gobtn:after, .button.mid button.gobtn:after	{ margin-top: -3px; width: 26px; height: 9px;}
.button.mid a.newwindow, .button.mid button.newwindow	{padding-right: 45px;}
.button.mid a.gobtn, .button.mid button.gobtn	{padding-right: 55px;}
.button.small.view a, .button.small.view input, .button.small.view button	{padding: 0 25px 0 5px;border-bottom:0 !important; font-size: 12px; font-weight: 400;}
.button.small.view a:after, .button.small.view button:after	{background: url('/sites/moj/images/contents/button_search.png') left center no-repeat; width: 10px; height: 10px; margin-top: -5px; right: 10px;}
.button.small.view a.down:after, .button.small.view button.down:after	{background: url('/sites/moj/images/contents/button_down.png') left center no-repeat; width: 11px; height: 12px;}
/* sub_text box */
.textbox_wrap	{border: 1px solid #d9dee2; background-color: #f7f7f7; position: relative; padding: 20px 40px; display: table; width: 100%; box-sizing:border-box;}
.textbox_wrap:before, .textbox_wrap:after	{content: ""; position: absolute; background: url('/sites/moj/images/contents/textBox_edge.png') left top no-repeat; width: 15px; height: 15px;}
.textbox_wrap:before	{top: -1px; left: -1px;}
.textbox_wrap:after	{bottom: -1px; right: -1px; background-position: right bottom;}
.textbox_wrap .wrap	{position: relative; display: table-cell; vertical-align: middle; padding-left: 100px; height: 70px;}
.textbox_wrap .wrap:before		{content: ""; position: absolute; top: 0; left: 0; background: url('/sites/moj/images/contents/textBox_icon.png') left top no-repeat; width: 70px; height: 70px;}
.textbox_wrap.iconNo .wrap		{padding-left: 0;}
.textbox_wrap.iconNo .wrap:before		{background: none; width: 0; height: 0;}
.textbox_wrap.type01 .wrap:before	{background-position: left top;}
.textbox_wrap.type02 .wrap:before	{background-position: -70px top;}
.textbox_wrap.type03 .wrap:before	{background-position: -140px top;}
.textbox_wrap.type04 .wrap:before	{background-position: -210px top;}
.textbox_wrap.type05 .wrap:before	{background-position: -280px top;}
.textbox_wrap.type06 .wrap:before	{background-position: -350px top;}
.textbox_wrap.type07 .wrap:before	{background-position: -420px top;}
.textbox_wrap.type08 .wrap:before	{background-position: -490px top;}
.textbox_wrap.type09 .wrap:before	{background-position: -560px top;}
.textbox_wrap.type10 .wrap:before	{background-position: -630px top;}
.textbox_wrap.type11 .wrap:before	{background-position: -700px top;}
.textbox_wrap .wrap .title	{color: #054780; font-size: 16px; margin-bottom: 05px; font-weight: 400;}
.textbox_wrap .wrap > ul > li	{background: url('/sites/moj/images/contents/textBox_ul.png') left 9px no-repeat; padding-left: 15px; margin: 5px 0;}
.textbox_wrap .wrap > ul > li > ul.ul_2	{margin-top: 7px;}
.textbox_wrap .wrap > ul > li > ul.ul_2 li		{color: #888;}
.textbox_wrap .wrap > ul > li > ul.ul_2 li strong	{color: #444; font-weight: 400;}
.textbox_wrap .wrap > ul	{overflow: hidden;}
.textbox_wrap .wrap > ul.w3 > li	{float: left; width: 33.3%; box-sizing: border-box; padding: 0 10px; margin: 7px 0 !important; word-break: keep-all; text-align: left;}
body.Desktop .textbox_wrap .wrap > ul.w3 > li:nth-child(3n+1)	{clear: both;}
.textbox_wrap .borderT {border-top: 1px dashed #ddd; padding-top: 15px; margin-top: 10px; color: #333;  font-size: 14px;}
/* 220421_add */
.textbox_wrap .wrap_in_table{margin-top:17px;}
.textbox_wrap .wrap_in_table .pictogram{width:70px; height:70px;}
.objHeading_h3 .labeling{display:inline-block;width:35px;height:35px;vertical-align:middle;}
/* formNotice */
.alignR {text-align: right;}
.formNotice {border: 1px solid #d9dee2; background-color: #f0f8ff; position: relative; padding: 20px 40px 40px; display: table; width: 100%; box-sizing:border-box; margin-bottom: 10px;}
.formNotice:before, .formNotice:after	{content: ""; position: absolute; background: url('/sites/moj/images/contents/textBox_edge.png') left top no-repeat; width: 15px; height: 15px;}
.formNotice:before	{top: -1px; left: -1px;}
.formNotice:after	{bottom: -1px; right: -1px; background-position: right bottom;}
.formNotice .iconBox:before		{content: ""; position: absolute; top: 0; left: 0; background: url('/sites/moj/images/contents/textBox_icon.png') -280px top no-repeat; width: 70px; height: 70px;}
.formNotice .iconBox	{position: relative;  padding-left: 100px; min-height: 70px; padding-top: 10px; margin-bottom: 10px;}
.formNotice .wrap .title	{color: #054780; font-size: 16px; margin-bottom: 15px; font-weight: 400;}
.formNotice .wrap > ul > li	{background: url('/sites/moj/images/contents/textBox_ul.png') left 9px no-repeat; padding-left: 15px; margin: 5px 0 15px;}
.formNotice .wrap > ul > li > strong {color: #000000;}
.formNotice .wrap > ul > li > ul.ul_2	{margin-top: 7px;}
.formNotice .wrap > ul > li > ul.ul_2 li{color: #666;}
.formNotice .wrap > ul > li > ul.ul_2 li strong	{color: #444; font-weight: 400;}
.formNotice .bg_w {background-color: #fff; text-align: center; padding: 20px; box-sizing: border-box; margin-top: 30px; border:1px dashed #bcd4e8;}
.formNotice .bg_w > p {color: #000000; margin-bottom: 20px;}
.formNotice .bg_w .radioBtn {font-size: 13px;}
.formNotice .bg_w .radioBtn #disagree {margin-left: 20px;}
.formNotice .bg_w .radioBtn > label { display: inline-block; margin: 0 10px;}
mark.must {margin-left: 2px;margin-bottom: 5px; width: 8px;height: 8px;text-indent: -5000px;background: url('/sites/moj/images/must2.gif') no-repeat;overflow: hidden;padding: 0;}
.dis_invis {display: none;} 
/* sub_text box MOBILE */
body.Mobile .textbox_wrap	{padding: 20px;}
body.Mobile .textbox_wrap.mo_invis {display: none;}
body.Mobile .textbox_wrap .wrap		{padding-left: 0; padding-top: 0px;}
body.Mobile .textbox_wrap .wrap:before	{display: none;}
body.Mobile .textbox_wrap.iconNo .wrap		{padding-left: 0; padding-top: 0px;}
body.Mobile .textbox_wrap.iconNo .wrap:before	{left: 0; margin-left: 0;}
body.Tablet .textbox_wrap .wrap > ul.w3 > li	{width: 50%;}
body.Tablet .textbox_wrap .wrap > ul.w3 > li:nth-child(2n+1)	{clear: both;}
body.Mobile .textbox_wrap .wrap > ul.w3 > li	{width: 100%;}
/* sub box */
.boxSty-1 {padding: 15px 20px; box-sizing: border-box; border: 1px solid #d9dee2; background-color: #f7f7f7;}
.boxSty-1 .title	{color: #054780; font-size: 16px; margin-bottom: 15px; font-weight: 400;}
/* sub_설문조사폼 */
#satisfy_form	{border: 1px solid #d6d6d6; background-color: #fbfbfb; margin: 0 10px 50px 10px; font-size:15px; letter-spacing:-1px;}
body.Mobile #satisfy_form {margin-bottom: 20px;}
#satisfy_form .satisfy_info		{border-bottom: 1px solid #d6d6d6; padding: 20px 30px; background-color: #FFF; overflow: hidden;}
#satisfy_form .satisfy_info dl.info_01	{float: left;}
#satisfy_form .satisfy_info dl.info_02	{float: right;}
#satisfy_form .satisfy_info dl	{overflow: hidden;}
#satisfy_form .satisfy_info dl dt	{float: left; color: #474747;}
#satisfy_form .satisfy_info dl dd	{float: left; color: #626262; margin-left: 5px;}
#satisfy_form .satisfy_info dl dt:before	{content: ""; display: inline-block; vertical-align: top; height: 22px; background: url('/sites/moj/images/contents/satisfy_icon.png') left top no-repeat; margin-right: 5px;}
#satisfy_form .satisfy_info dl.info_01 dt:before	{background-position: left top; width: 19px;}
#satisfy_form .satisfy_info dl.info_02 dt:before	{background-position: -23px top; width: 21px;}
#satisfy_form form	{padding: 20px 30px; position: relative;}
#satisfy_form form p	{display: block; color: #3f3f3f; font-size: 14px; margin-bottom: 10px;}
#satisfy_form form p:before	{content: ""; display: inline-block; vertical-align: top; width: 22px; height: 22px; background: url('/sites/moj/images/contents/satisfy_icon.png') right top no-repeat; margin-right: 5px;}
#satisfy_form form ul 	{overflow: hidden; margin: 0 100px 0 28px;}
#satisfy_form form ul li	{float: left; padding: 5px 50px 5px 0; border:0px none;}
#satisfy_form form ul li label	{margin-left: 5px; color: #747474;}
#satisfy_form form ul li.active label	{ color: #000; font-weight: 500; }
#satisfy_form form input.checkbtn	{position: absolute; bottom: 20px; right: 30px; background-color: #51697c; color: #FFF; font-size: 13px; letter-spacing: 3px; height: 30px; width: 65px; outline-offset:2px;}
/**************************************** 본인인증로그인 **/
/* step_1 */
.step_1 > ul {overflow: hidden; text-align: center;}
.step_1 > ul > li {position: relative;display: inline-block; margin-left: -3px; vertical-align: top;width: 185px; height: 185px; padding-top: 50px;border: 5px solid #a0a0a0;	border-radius: 100%; box-sizing: border-box;margin-right: 3.9%; margin-bottom: 20px;}
.step_1 > ul > li:before,
.step_2 > ul > li:before {content: ''; display: block;position: absolute; top: 82px;  left: -11px;width: 16px; height: 16px; background-color: #a0a0a0;border: 2px solid #fff; border-radius: 100%; box-sizing: border-box;}
.step_1 > ul > li:after,
.step_2 > ul > li:after {content: '';display: block;position: absolute; top: 80px; right: -41px;width: 46px; height: 20px;background: url('/sites/moj/images/contents/step_1_arrow.png') left center no-repeat;}
.step_1 > ul > li p {	color: #a0a0a0; font-size: 17px;}
.step_1 > ul > li p:before {	content: 'STEP 01'; display: block;color: #a0a0a0; font-size: 15px; font-weight: 200;margin-bottom: 20px;}
.step_1 > ul > li:nth-child(2) p:before {content: 'STEP 02';}
.step_1 > ul > li:nth-child(3) p:before {content: 'STEP 03';}
.step_1 > ul > li:nth-child(4) p:before {content: 'STEP 04';}
.step_1 > ul > li:nth-child(5) p:before {content: 'STEP 05';}
.step_1 > ul > li p:after {content: ''; display: block;width: 80px; height: 1px; background-color: #c6c6c6;margin: -35px auto 0;}
.step_1 > ul > li:last-child,
.step_2 > ul > li:last-child {margin-right: 0;}
.step_1 > ul > li:first-child:before,
.step_1 > ul > li:last-child:after,
.step_2 > ul > li:first-child:before,
.step_2 > ul > li:last-child:after,
.step_3 > ul > li:last-child:after{display: none;}
.step_1 > ul > li.active {background-color: #2460db; border-color: #2460db;}
.step_1 > ul > li.active p:before, .step_1 > ul > li.active p {color: #fff;}
.step_1 > ul > li.active:before {background-color: #2460db;}
.step_1 > ul > li.active:after {background-position: right center;}
/* step_2 */
.step_2 > ul {overflow: hidden; text-align: center;}
.step_2 > ul > li {display: inline-block; margin-left: -3px; vertical-align: top; position: relative;text-align: center;width: 185px; height: 185px;border: 10px solid #e5e5e5;border-radius: 100%; box-sizing: border-box;margin-right: 3.9%;  margin-bottom: 20px;}
.step_2 > ul > li p {position: relative; vertical-align: middle;color: #a0a0a0; font-size: 17px;padding-top: 70px; box-sizing: border-box;}
.step_2 > ul > li p:before {content: '01'; display: block;position: absolute; top: -3px; left: 10px;color: #e5e5e5; font-size: 48px; font-weight: 500;}
.step_2 > ul > li:nth-child(2) p:before, .step_3 > ul > li:nth-child(2) p:before {content: '02';}
.step_2 > ul > li:nth-child(3) p:before, .step_3 > ul > li:nth-child(3) p:before {content: '03';}
.step_2 > ul > li:nth-child(4) p:before, .step_3 > ul > li:nth-child(4) p:before {content: '04';}
.step_2 > ul > li:nth-child(5) p:before, .step_3 > ul > li:nth-child(5) p:before {content: '05';}
.step_2 > ul > li p:after {content: ''; display: block;position: absolute; top: 25px; right: 27px;width: 12px; height: 33px; background-color: #e5e5e5;transform: skewX(-45deg);}
.step_2 > ul > li:before {top: 79px; left: -13px;background-color: #e5e5e5;border: 3px solid #fff;}
.step_2 > ul > li:after {width: 49px;top: 76px; right: -45px;	background: url('/sites/moj/images/contents/step_2_arrow.png') left center no-repeat;z-index: 1;}
.step_2 > ul > li.active {background-color: #4b6db3; border-color: #4b6db3;}
.step_2 > ul > li.active p:before {color: #c2cde5;}
.step_2 > ul > li.active p {color: #fff;}
.step_2 > ul > li.active:before {background-color: #4b6db3;}
.step_2 > ul > li.active:after {background-position: right center;}
.step_2 > ul > li.active p:after {background-color: #fff; top: 18px; right: 18px; height: 37px;}
/* step_3, .step_4 */
.step_3 > ul, .step_4 > ul {overflow: hidden;}
.step_3 > ul > li, .step_4 > ul > li{display: table;float: left; position: relative;text-align: center;background-color: rgba(204, 204, 204, 0.5);border-radius: 60px; box-sizing: border-box;margin-bottom: 20px;}
.step_3 > ul > li { width: 260px; height: 100px; margin-right: -50px; }
.step_3 > ul > li p {position: relative;display: table-cell; vertical-align: middle;color: #a0a0a0; font-size: 17px;}
.step_3 > ul > li p:before {	content: '01'; display: block;position: absolute; top: -20px; left: 40px;	color: #fff; font-size: 48px; font-weight: 500;opacity: 0.5;}
.step_3 > ul > li.active:before,.step_3 > ul > li:after,
.step_4 > ul > li.active:before,.step_4 > ul > li:after{content: '';display: block;position: absolute; top: 50%; right: 11px;width: 25px; height: 20px; margin-top:-10px;background-image: url('/sites/moj/images/contents/step_3_arrow.png');background-position:left center;background-repeat:no-repeat;}
.step_3 > ul > li.active:before {right: auto; left: 14px; background-position: -208px center;}
.step_3 > ul > li.active:after, .step_4 > ul > li.active:after {background-position: right center;}
.step_3 > ul > li.active,.step_4 > ul > li.active { background-color: rgba(36,96,219,0.7); z-index: 1;}
.step_3 > ul > li.active p {color: #fff;}
.step_4 > ul > li, .step_4.col3 > ul > li { margin-right:-20px; overflow: hidden;}
.step_4 > ul > li { width:calc((100%/5) + 16px); }
.step_4.col3 > ul > li { width:calc((100%/4) + 15px); }
.step_4 > ul > li button, .step_4 > ul > li a { width:100%; padding:1.3em 0; display:table; }
.step_4 > ul > li button, .step_4 > ul > li a:hover, .step_4 > ul > li button, .step_4 > ul > li a:active,
.step_4 > ul > li button, .step_4 > ul > li a:focus { width:100%; padding:1.3em 0; display:table; color: #fff; background-color: #1395d2; font-weight: bold; }
.step_4 > ul > li span.step-sum { margin-top:2px; display:block; font-size:14px; }
.step_4 > ul > li span.step-sum em { font-weight:bold; }
.step_4 > ul > li.active button, .step_4 > ul > li.active button *,
.step_4 > ul > li.active a, .step_4 > ul > li.active a * { color:#fff; }
.step_4 > ul > li.active button, .step_4 > ul > li.active a { font-weight:bold !important; }
.step_4 > ul > li:before,
.step_4 > ul > li:first-child:before,.step_4 > ul > li:first-child:after,
.step_4 > ul > li:last-child:before,.step_4 > ul > li:last-child:after,
.step_4 > ul > li.active:after{ display:none; }
.step_4 > ul > li.active:before {right:13px; background-position: -208px center;}
.step_4 > ul > li.active:first-child { background-color:#2460db;  }
.step_4 > ul > li.active:first-child button, .step_4 > ul > li.active:first-child button * { color:#fff;}
.step_4 > ul > li.active:first-child button { font-weight:bold !important; }
body.Mobile .step_4 > ul > li:before, 
body.Mobile .step_4 > ul > li:after { display:none !important; }
/* 인증방식(20230510 수정) */
.certification {padding-bottom: 30px; margin-bottom: 50px;}
.certification h3 {color: #4e4e4e; font-size: 26px; text-align: center; margin: 20px 0 60px;}
.certification h3 strong {font-size:24px; font-weight: 400;}
.certification h3:before {content: '';display: inline-block; vertical-align: middle;width: 25%; height: 1px;background: linear-gradient(to right, #f7f7f7, #51697c);}
.certification h3:after {	content: ''; display: inline-block; vertical-align: middle;width: 25%; height: 1px; background: linear-gradient(to left, #f7f7f7, 	#51697c);}
.certification h3 strong:before,
.certification h3 strong:after {content: ''; display: inline-block; vertical-align: middle; width: 14px; height: 14px;background-color: #51697c;transform: rotate(45deg);margin: 0 15px;}
.certification h3 strong:before {margin-left: -4px;}
.certification h3 strong:after {margin-right: -4px;}
.certification .way {overflow: hidden; margin-bottom: 50px;}
.certification .way li {float: left; width: calc((100% - 2.8%) / 5); margin-right: 0.7%;text-align: center;box-sizing: border-box;letter-spacing: -1px;position: relative;border: 1px solid #ddd;cursor: pointer;min-height: 280px;height: 280px !important;}
.certification .way li.card h2{left: 28%;} 
.certification .way li:last-child {margin-right: 0; background: #6a9fd4;}
.certification .way li.ipin {background: #fff url('/sites/moj/images/contents/2020ipin02.png') center top no-repeat;padding: 0 5px;}
.certification .way li.cert {display: none; background: #fff url('/sites/moj/images/contents/certification_cert.png') center top no-repeat;}
.certification .way li.phone {background: #fff url('/sites/moj/images/contents/2020phone02.png') center top no-repeat;}
.certification .way li.pass {background: #4e9aa8;padding: 0;height: 220px; background: #fff url(/sites/moj/images/contents/2020pass02.png) center top no-repeat;}
.certification .way li.card{background: #6a9fd4;padding: 0;height: 220px; background: #fff url(/sites/moj/images/contents/2020card02.png) center top no-repeat;}
.certification .way li h2 {font-size: 18px; color: #fff; font-weight: bold;font-family:arial,"Nanum Gothic",nanumgothic,"돋움",dotum,tahoma,sans-serif !important;margin-top: 20px;}
.certification .way li.ipin h4{color: #436ba5;}
.certification .way li.ipin a{background: #436ba5;}
.certification .way li.phone h4{color: #36843e;}
.certification .way li.phone a{background: #36843e;}
.certification .way li.card a{background: #496fb5;}
.certification .way li.pass h4{color: #2b7f8f;}
.certification .way li.pass a{background: #2b7f8f; }
.certification .way li h4 {color: #496fb5; font-size: 20px; font-weight: 400;margin-top:105px; margin-bottom: 12px; }
.certification .way li p {font-size: 11.5px; font-weight: 300; margin: 0 auto;width: 98%; margin-top: -10px; max-height: 38px;}
.certification .way li a.btn {position: relative;display: block;width: 52%;color: #fff;font-size:15px;text-align: center;padding: 2px 0 3px 2px;margin: 20px auto 0;/* top: -10px; */border-radius: 10px;}
.certification .way li a.btn img{float: right; right: 10px; position: relative;top: 2px; width:18px;}
.certification .otherBtn {overflow: hidden}
.certification .otherBtn a.foreigner {position: relative; float: left; display: block; width: 66.3%;color: #2c2f35; font-size: 16px; border: 2px solid #4c93b4; box-sizing:border-box;background: #fff url('/sites/moj/images/contents/foreigner_bg.png') 25px center no-repeat;padding: 19px 20px 18px 135px;transition: all 0.3s ease;cursor: pointer;}
.certification .otherBtn a.foreigner p {color: #666666; font-size: 14px;}
.certification .otherBtn a.foreigner:after {content: ''; display: block;width: 107px; height: 20px;position: absolute; bottom: 22px; right: 25px;background: url('/sites/moj/images/contents/foreigner_arrow.png') left top no-repeat;transition: all 0.3s ease;} 

/* 230215  case4 추가*/
.certification .way.case4 li{width: calc((100% - 75px) / 4); height: 310px !important; margin-right:25px;}
.certification .way.case4 li.ipin, .certification .way.case4 li.card, .certification .way.case4 li.phone, .certification .way.case4 li.pass{background-size:100%;}
.certification .way.case4 li:last-child{margin-right:0;}
.certification .way.case4 li h4{margin-top:120px;}


/* 간편인증추가 */
.certification .way li.simple{background:#ffffff url('/sites/moj/images/contents/simple-back.png') center top no-repeat;}
.certification .way li.simple .img_area{max-width:150px; margin:21px auto;}
.certification .way li.simple .img_area img{width:100%;}
.certification .way li.simple .img_area h2{margin-top:0;}
.certification .way li.simple h4{margin-top:0;padding-top:15px;}
.certification .way li.simple a.btn{background: #3084a7;}
body.Desktop .certification .way li.simple .img_area img.pc,
body.Tablet .certification .way li.simple .img_area img.pc,
body.Moblie .certification .way li.simple .img_area img.pc{display:inline-block;}

/* buttonarrow animation */
.certification .otherBtn a.foreigner:after,
.certification .otherBtn .right .rightBtn:after {transform: perspective(1px) translateZ(0);transition-duration: 0.3s;}
.certification .otherBtn a.foreigner:hover:after,
.certification .otherBtn .right .rightBtn:hover:after{
	animation-name: buttonarrow-horizontal;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1;
}
@-webkit-keyframes buttonarrow-horizontal {
  16.65% {
    -webkit-transform: translateX(6px);
    -moz-transform: translateX(6px);
    -o-transform: translateX(6px);
    -ms-transform: translateX(6px);
    transform: translateX(6px);
  }
  33.3% {
    -webkit-transform: translateX(-5px);
    -moz-transform: translateX(-5px);
    -o-transform: translateX(-5px);
    -ms-transform: translateX(-5px);
    transform: translateX(-5px);
  }
  49.95% {
    -webkit-transform: translateX(4px);
    -moz-transform: translateX(4px);
    -o-transform: translateX(4px);
    -ms-transform: translateX(4px);
    transform: translateX(4px);
  }
  66.6% {
    -webkit-transform: translateX(-2px);
    -moz-transform: translateX(-2px);
    -o-transform: translateX(-2px);
    -ms-transform: translateX(-2px);
    transform: translateX(-2px);
  }
  83.25% {
    -webkit-transform: translateX(1px);
    -moz-transform: translateX(1px);
    -o-transform: translateX(1px);
    -ms-transform: translateX(1px);
    transform: translateX(1px);
  }
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.certification .otherBtn.extra { width: 100%; }
.certification .otherBtn.extra .right { float: none; width: 100%; }
.certification .otherBtn.extra .right a { float: left; width: 48.5%; margin-right: 3%; }
body.Mobile .certification .otherBtn.extra .right a { width: 100% }
.certification .otherBtn.extra .right a:last-child { margin-right: 0; }
body.Mobile .certification .way li.pass span{display:none}
.certification .otherBtn .right .rightBtn{position: relative; float:left; width: 49%; height: 56px; margin-bottom: 20px; padding: 15px 20px; background-color: #ffffff; border: 1px solid #ddd; text-align: center; font-size: 16px; color: #333333; box-sizing: border-box;}
.certification .otherBtn .right .rightBtn+.rightBtn{margin-left:2%}
.certification .otherBtn .right .rightBtn img{position: absolute;right: 20px;}
.certification .notice {position: relative; padding-left: 100px; padding-top: 30px; background: url('/sites/moj/images/contents/certification_line.png') left top repeat-x; margin-top: 30px;}
body.Mobile .certification .notice {padding-left: 0;}
.certification .notice:before{content: ""; position: absolute; top: 20px; left: 0; background: url('/sites/moj/images/contents/textBox_icon.png') -140px top no-repeat; width: 70px; height: 70px;}
.certification .notice .title {color: #054780;font-size: 16px;margin-bottom: 15px;font-weight: 400;}
.certification .notice > ul > li	{background: url('/sites/moj/images/contents/textBox_ul.png') left 9px no-repeat; padding-left: 15px; margin: 5px 0; font-size:15px;}
.certification .notice > ul > li.em {color: #002e8d;}
.certification .notice > ul > li span a{  	color: #fff; padding: 0 30px 0 10px  !important; font-size: 13px; }
.certification .notice > ul > li span{position: relative;margin: 2px 0 5px 5px;height: auto;background: #1562a3 !important;}
body.Mobile .certification .notice {padding-left: 0;}
body.Mobile .certification .notice:before {display: none;}
body.Tablet .step_1 ul li,
body.Tablet .step_2 ul li{ margin: 0 3% 20px; }
body.Mobile .step_1 ul li,
body.Mobile .step_2 ul li,
body.Mobile .step_3 ul li {float: none; margin: 0 auto 50px;}
body.Mobile .step_1 ul li:after, body.Mobile .step_2 ul li:after {top: auto; bottom: -28px; right: calc(50% - 23px); transform: rotate(90deg);}
body.Mobile .step_1 ul li:before, body.Mobile .step_2 ul li:before{top:-10px; left: calc(50% - 7px); }
body.Mobile .step_3 ul li {width: 100%;}
body.Mobile .step_3 ul li.active:before {display: none;}
body.Mobile .step_3 ul li:after {transform: rotate(90deg); top: auto; bottom: 5px; right: calc(50% - 13px); }

@media all and (max-width: 999px) {
  .certification .way ul{text-align:center;}
  .certification .way li {float: none;display: inline-block; min-width:inherit;width: 30%;margin-right: 0.7%;vertical-align: middle; font-size:0;}
  .certification .way li:nth-child(n+4):nth-child(-n+5){margin-top:7px}
  .certification .way li.simple{background-size: 250px 145px;}
  .certification .way li.ipin{background-size: 250px 145px;}
  .certification .way li.card{background-size: 250px 145px;}
  .certification .way li.phone{background-size: 250px 145px;}
  .certification .way li.pass{background-size: 250px 145px;}
  .certification .way li h2{left: 28px;font-size:16px; font-weight:700;}
  .certification .way li h4{font-size:16px;}
  .certification .way li p{font-size: 10px; max-width: 100%;}
  .certification .way li a.btn img{display:none;}
  .certification .way li.simple h4{padding-top:15px;}
  
  /* case4 */
  .certification .way.case4 li.ipin, .certification .way.case4 li.card, .certification .way.case4 li.phone, .certification .way.case4 li.pass{float:left; background-size: 250px 145px;}
  .certification .way.case4 li:nth-child(n+4):nth-child(-n+5){margin-top:0;}
}

@media all and (max-width: 760px) {
  .certification .way li p {max-width: 100%; display: none;}
  .certification .way li{height:240px !important; min-height:240px;}
  .certification .way li.simple{background-size: 210px;}
  .certification .way li.ipin {background-size: 210px;}
  .certification .way li.phone {background-size: 210px }
  .certification .way li.pass {background-size: 210px;}
  .certification .way li.card{background-size: 210px;}

	.certification .otherBtn a.foreigner,
	.certification .otherBtn .right {float: none; width: 100%; margin: 0 auto;}
	.certification .otherBtn a.foreigner {margin-bottom: 20px; padding-bottom: 50px;}
}
@media all and (max-width: 600px) { 
  .certification h3 strong {font-size:18px;}
  
  .certification .way li p {max-width: 100%; display: none;}
  .certification h3 {	font-size: 22px; letter-spacing: -3px; margin: 20px 0 40px;}
  .certification .way li {float:left; position: relative; min-height: auto; height: 145px !important; width: 49.5%; margin-right: 0.5%; margin-bottom: 0.5%; border: none; background-size: cover !important; min-width: inherit;}
  .certification .way li:nth-child(odd){margin-right:0;}  
  .certification .way li:nth-child(2n){clear:both; margin-left:0; margin-right:0;}
  .certification .way li+li{margin-left:1%;}

  .certification .way li h2{font-size: 14px; margin-top: 80px;}
  .certification .way li h4{display:none}
  .certification .way li.ipin{ background: #436ba5 url(/sites/moj/images/contents/2020ipin02.png) center -50px no-repeat;}
  .certification .way li.phone{background: #36843e url(/sites/moj/images/contents/2020phone02.png) center -50px no-repeat;}
  .certification .way li.card{background: #496fb5 url(/sites/moj/images/contents/2020card02.png) center -50px no-repeat;}
  .certification .way li.pass{background: #2b7f8f url(/sites/moj/images/contents/2020pass02.png) center -50px no-repeat;}
  .certification .way li a.btn {position: absolute; bottom: 10px; left: calc(50% - 40px); width: 80px; height: 25px; padding: 0; border-radius: 15px; background-color: #fff !important; font-size:14px; color: #000; }
  .certification .way li a.btn:hover:after {color: #fff;}
  .certification .way li a.btn:before {display: none;}
  .certification .otherBtn .right .rightBtn{width:100%;}
  .certification .otherBtn .right .rightBtn+.rightBtn{margin-left:0;}
  .certification .otherBtn a.foreigner {padding: 20px 20px 50px 20px;background-image: none; }
  .certification .notice > ul > li span{ margin: 2px 0 5px 5px !important;height: auto;width: auto !important;background: #1562a3 !important;}

  /* 간편인증추가 */
   .certification .way li.simple{width:100%;}
  .certification .way li.simple .img_area{position: absolute; top: 0;left: 50%; transform: translate(-50%, 0);}
  .certification .way li.simple .img_area h2{position:absolute;bottom:21px;left:0;width:100%;text-align:center;}
  .certification .way li.simple .img_area > img.pc{display:none;}
  .certification .way li.simple .img_area > img.mobile{display:inline-block;}
  
  /* case4 */
  .certification .way.case4 li{width:49.5%; height: 145px !important;}
  .certification .way.case4 li+li{margin-left:1%}
  .certification .way.case4 li:nth-child(2n){clear:none;}
  .certification .way.case4 li:nth-child(2n-1){margin-left:0;}
  .certification .way.case4 li h2{margin-top:80px;}
  
  /*.certification .way.case4 li{width:calc(50% - 0.5%); height: 145px !important; margin-right:0.5%;}
  .certification .way.case4 li+li{margin-left:0;}
  .certification .way.case4 li:nth-child(2n){margin-right:0;}
  .certification .way.case4 li h2{margin-top:55px;}
  .certification .way.case4 li.card h2{margin-top:55px;}
  .certification .way.case4 li h2.p3{margin-top:55px;}*/
}

body.Tablet .certification h3:before,
body.Tablet .certification h3:after,
body.Mobile .certification h3:before,
body.Mobile .certification h3:after {display: none;}
body.Tablet .certification .way li a.btn:hover:before,
body.Mobile .certification .way li a.btn:hover:before {left: auto; right: 20px;}
.subway, .bus, .car {overflow: hidden; margin-bottom: 60px;}
.mapWrap .title {float: left;width: 130px; height: 130px;color: #fff; font-size: 15px; text-align: center;background: #2460db;padding-top: 30px; box-sizing: border-box;box-shadow: 13px 13px 0 0 #ececec;}
.mapWrap .title:before {content: ''; display: block;width: 52px; height: 45px;background: url('/sites/moj/images/contents/map_icon.png') center top no-repeat;margin: 0 auto 10px;}
.mapWrap .substance {float: right; width: calc(100% - 200px); border-top: 2px solid #c4c4c4;}
.mapWrap .substance ul li {border-bottom: 1px solid #dddee0; padding: 18px 25px 19px; font-size: 14px; box-sizing: border-box;}
.subway .substance ul li dl {overflow: hidden;}
.subway .substance ul li dl dt,
.subway .substance ul li dl dd {float: left;}
.subway .substance ul li dl dt {	width: 70px;color: #263c96; font-weight: 400; text-align: center;border: 2px solid #263c96; border-radius: 20px; padding: 1px 0 2px;  box-sizing: border-box;margin-right: 10px;}
.subway .substance ul li dl dd {margin-top: 3px;}
.subway .substance ul li.line2 dl dt {color: #3cb44a; border-color: #3cb44a;}
.subway .substance ul li.line3 dl dt {color: #ff7300; border-color: #ff7300;}
.subway .substance ul li.line4 dl dt {/*color: #32a5eb;*/color:#2a7daf; border-color: #32a5eb;}/* 20220310_웹접근성수정 */
.subway .substance ul li.line5 dl dt {color: #823abf; border-color: #823abf;}
.subway .substance ul li.line6 dl dt {color: #b5500b; border-color: #b5500b;}
.subway .substance ul li.line7 dl dt {color: #697215; border-color: #697215;}
.subway .substance ul li.line8 dl dt {color: #e51e6e; border-color: #e51e6e;}
.subway .substance ul li.line9 dl dt {color: #9d781a; border-color: #9d781a;}
.subway .substance ul li.line10 dl dt {color: #6691c9 ; border-color: #6691c9 ;}
.subway .substance ul li.line10-2 dl dt {/*color: #feb64e;*/color:#9e691b; border-color: #feb64e;}/* 접근성수 */
.subway .substance ul li.line11 dl dt {/*color: #edb217;*/color:#755706; border-color: #edb217;}/* 접근성수 */
.subway .substance ul li.line12 dl dt {color: #a8022d; border-color: #a8022d;}
.subway .substance ul li.line13 dl dt {color: #71b8e5; border-color: #71b8e5;}
.subway .substance ul li.line14 dl dt {color: #ff8e00; border-color: #ff8e00;}
.subway .substance ul li.line15 dl dt {color: #26a97f ; border-color: #26a97f ;}
.subway .substance ul li.line16 dl dt {color: #7dc4a5 ; border-color: #7dc4a5 ;}.subway .substance ul li p {margin-top: 10px;}
.bus .title {background:#239ad1;}/*  220317_웹접근성 수정 */
.bus .title:before {background-position: center -130px;}
.bus .substance ul li {overflow: hidden;}
.bus .substance ul li dl {display: inline-block; width: 50%; float: left;}
.bus .substance ul li._1line dl {display:block; width: 100%; float: none;}
.bus .substance dl dt,
.car .substance dl dt,
.train .substance dl dt {color: #000000; font-size: 15px; font-weight: 500; margin-bottom: 10px;}
.bus .substance dl dt:before {content:''; display: inline-block;width: 17px; height: 17px;background: url('/sites/moj/images/contents/map_bus.png') center top no-repeat;	margin-right: 5px; vertical-align: middle;}
.bus .substance dl dt.blue:before {background-position: center -47px;}
.bus .substance dl dt.red:before {background-position: center -93px;}
.bus .substance dl dt.village:before {background-position: center -140px;}
.bus .substance dl dt.sky:before {background-position: center bottom;}
.bus .substance dl dt.no:before,
.bus .substance dl dt.img:before {display: none;}
.bus .substance dl dd {width: 95%;}
.car .title {background: #4b6db3;}
.car .title:before {background-position: center -259px;}
.train .title {background: #5a6873; padding-top: 23px;}
.train .title:before {background-position: center bottom; height: 54px;}
body.Mobile .mapWrap .title,
body.Mobile .mapWrap .substance{float: none; width: 100%;}
body.Mobile .mapWrap .title {width: 96%; margin-bottom: 30px; padding: 10px 0; height: auto;}
body.Mobile .mapWrap .title:before {display: none;}
body.Tablet .bus .substance ul li,
body.Mobile .bus .substance ul li {padding: 0; border-bottom:0;}
body.Tablet .bus .substance ul li dl,
body.Mobile .bus .substance ul li dl {float: none;width: 100%;padding: 18px 25px 19px;border-bottom: 1px solid #dddee0;box-sizing:  border-box;}
.historySkin_2 .historyWrap {background: url('/sites/moj/images/contents/history_2_substance_bg.png') center 225px no-repeat;}
/* 기능 인사말 */
.greetingWrap,
.greetingWrap2 {overflow: hidden; margin-bottom: 40px;}
.greetingWrap .title {float: left; width: calc(100% - 440px);background: url('/sites/moj/images/contents/oblique_line.png') left bottom repeat-x;padding: 0 0 20px;}
.greetingWrap .title:before {content: ''; display: block;width: 100%; height: 6px;	background: url('/sites/moj/images/contents/oblique_line.png') left top repeat-x;}
.greetingWrap h3 {color: #2c2f35; font-size: 32px; letter-spacing: -1.5px;margin-bottom: 30px; padding-top: 40px;}
.greetingWrap h3 strong {color: #2460db; font-weight: 400;}
.greetingWrap h3:after {content: ''; display: block;width: 40px; height: 3px; background-color: #295dc7;margin-top: 30px;}
.greetingWrap .quote:before,
.greetingWrap .quote:after,
.greetingWrap2 .quote:before,
.greetingWrap2 .quote:after{content:'“';color: #e5e5e5; font-size: 60px; font-weight: 400;position: absolute; top: 0; left: 0;height: 23px; line-height: 1;}
.greetingWrap .quote:after,
.greetingWrap2 .quote:after {content: '”';top: auto; left: auto; bottom: 0;margin-left: 10px;}
.greetingWrap .quote,
.greetingWrap2 .quote {position: relative;color: #444444; font-size: 28px; font-weight: 400;padding: 35px 0 20px 0;}
.greetingWrap .quote strong,
.greetingWrap2 .quote strong {color: #295dc7; font-weight: 400;}
.greetingWrap .quote span,
.greetingWrap2 .quote span {color: #25a1db ;}
.greetingWrap .nameTag {text-align: right;margin: 25px 20px 0 0;}
.greetingWrap .nameTag p {color: #000000; font-size: 18px; font-weight: 400;}
.greetingWrap .greetingContent .nameTag {margin: 0;}
.greetingWrap .greetingContent {float: right;width: 57%;}
body.Tablet .greetingWrap .greetingContent,
body.Mobile .greetingWrap .greetingContent {float: none; width: 100%;}
.greetingWrap .img {position: relative;float: left; width: 440px; height: 329px;background: url('/sites/moj/images/contents/greetingImg_bg.png') center center no-repeat;}
.greetingWrap .img img {	display: block;margin: 10px auto 0;}
.greetingWrap .img:after {content: '';position: absolute; bottom: 44px; left: 0;width: 93px; height: 92px;background: url('/sites/moj/images/contents/greetingImg_after.png') left top no-repeat;}
.greetingContent p {margin-bottom: 30px;}
body.Tablet .greetingWrap .title,
body.Tablet .greetingWrap .img {width: 100%; float: none;}
body.Tablet .greetingWrap .img {padding: 20px 0;}
body.Mobile .greetingWrap .title,
body.Mobile .greetingWrap .img {width: 100%; float: none;}
body.Mobile .greetingWrap .img {padding: 20px 0;}
/* 인사말 */
.greetingWrap2 .greetingImg2 {float: left;	padding-bottom: 106px;}
.greetingWrap2 .greetingImg2 .img {position: relative;}
.greetingWrap2 .greetingImg2 .img img { width: 100%; display: block;}
.greetingWrap2 .greetingImg2 .img:after {content: ''; width: 415px; height: 331px;	position: absolute; bottom: -106px; right: -30px;	background: url('/sites/moj/images/contents/greeting2_bg.png') left bottom no-repeat;display: none;}
body.Mobile .greetingWrap2 .greetingImg2 .img:after {display: none;}
.greetingWrap2 .nameTag {color: #fff; font-size: 18px;background-color: #054780;padding: 25px; box-sizing: border-box;display:none;}
.greetingWrap2 .nameTag p {color: #fff; font-size: 22px; font-weight: 500;}
.greetingWrap2 .nameTag2 {color: #fff; font-size: 18px;background-color: #054780;padding: 25px; box-sizing: border-box;}
.greetingWrap2 .nameTag2 p {color: #fff; font-size: 22px; font-weight: 500;}
body.Mobile .greetingWrap2 .nameTag {display: none;}
body.Mobile .greetingWrap2 .nameTag2 {display: none;}
.greetingWrap2 .right {	float: right; width: 60%;}
.greetingWrap2 .quote {/*font-size: 32px;*/ margin-bottom: 60px;}
body.Tablet .greetingWrap2 .quote {font-size: 24px; text-align: left; margin-bottom: 40px;}
body.Mobile .greetingWrap2 .quote {font-size: 21px; text-align: left; margin-bottom: 30px;}
body.Mobile .greetingWrap2 .greetingImg2,
body.Mobile .greetingWrap2 .right {float: none; width: 100%;}
body.Mobile .greetingWrap2 .greetingImg2 {padding-bottom: 30px;width: 80%;margin: 0 auto;}
.greetingWrap2 .min-sign {position: relative;float: right;font-size: 18px;padding: 0 0 60px 60px;}
.greetingWrap2 .min-sign em { overflow: hidden; text-indent:-9999em; font-size: 0; line-height: 0; }
.greetingWrap2 .min-sign:after {content: '';position: absolute;bottom: 0;right: -10px;width: 110px;height: 52px;background: url('/sites/moj/images/contents/min_sign20200108.jpg') center center no-repeat;}
/* iframe 모바일 박스 */
/* 220831_요청으로 임시주석
frameBox iframe {margin-left: 55px;}*/
.iframeBox .mobile {display: none; text-align: center; border: 1px solid #d9dee2; padding: 30px; box-sizing: border-box;}
.iframeBox p.title {color: #054780; font-size: 16px; font-weight: 500; margin-bottom: 25px;}
.iframeBox p.title:before {content: ''; display: block; width: 95px; height: 96px; background: url('/sites/moj/images/contents/iframe_icon.png') left top no-repeat; margin: 0 auto 20px;}
.iframeBox .button_list {margin-top: 25px;}
#menu470_obj1846 .iframeBox,
body.Tablet .iframeBox .mobile,
body.Mobile .iframeBox .mobile {display: block;}
body.Tablet .iframeBox iframe,
body.Mobile .iframeBox iframe {display: none;}
/* 220404_국민참여_제안합니다. */
#menu3357_obj16443 .iframeBox iframe,
#menu3358_obj16441 .iframeBox iframe,
#menu3359_obj16440 .iframeBox iframe{margin-left:0;}
/* 약력 */
.intView {overflow: hidden;}
.intView ._prFlList ._prFlLi.thumbLi .thumbnail{width: 150px; height: 180px;overflow: hidden;float: left;background-color: #000;-moz-box-shadow: 6px 6px 0px 0 #d9d9d9;-webkit-box-shadow: 6px 6px 0px 0 #d9d9d9;box-shadow: 6px 6px 0px 0 #d9d9d9;margin-right: 40px;}
.intView ._prFlList ._prFlLi.thumbLi .thumbnail img{width: 100%;height: 100%;}
.intView ._prFlList ._prFlLi .artclInfo {font-size: 14px;float: left;width: calc(100% - 190px);}
.intView ._prFlList {overflow: hidden;padding: 25px 30px 30px;box-sizing: border-box;background: #f7f7f7 url('/sites/moj/images/contents/bg_view.png') right bottom no-repeat;border-top: 1px solid #353e4d; border-bottom: 1px solid #bfbfbf;}
.intView ._prFlList .artclTitle {color: #054780; font-size: 24px;margin-bottom: 30px;}
.intView ._prFlList ._prFlLi .artclInfo {font-size: 14px;float: left;width: calc(100% - 190px);}
.intView ._prFlList ._prFlLi .artclInfo dl {margin: 5px 0 7px;width: 100%;}
.intView ._prFlList ._prFlLi .artclInfo dl dt,
.intView ._prFlList ._prFlLi .artclInfo dl dd{display: inline-block;zoom: 1;_display: inline;color: #444444;}
.intView ._prFlList ._prFlLi .artclInfo dl dt {vertical-align: top;}
.intView ._prFlList ._prFlLi .artclInfo dl dt:before{content: "";display: inline-block;width: 2px; height: 11px;background-color: #145287;transform: rotate(25deg);margin-right: 10px;}
.intView ._prFlList ._prFlLi .artclInfo dl dt:after{content: " : ";margin: 0 3px;}
.intView ._prFlList ._prFlLi .artclInfo dl.block dt {display: block;}
.intView ._prFlList ._prFlLi .artclInfo dl.block dt:after {display: none;}
.intView ._prFlList ._prFlLi .artclInfo dl.block dd {margin-left: 20px; margin-top: 10px;}
.intView ._prFlList ._prFlLi .artclInfo .artclTitle .num dt,
.intView ._prFlList ._prFlLi .artclInfo .artclTitle .num dd {color: #054780;}
.intView ._prFlList ._prFlLi.thumbLi .thumbnail {margin-right: 50px;}
.intView ._prFlList ._prFlLi .artclInfo {width: calc(100% - 210px);}
/* 범정국 찾아오시는길 */
.map .api {border: 1px solid #d9dee2; border-bottom: 0; height: 475px; box-sizing: border-box;}
.map .info {border: 1px solid #d9dee2;background-color: #f7f7f7; position: relative; box-sizing:border-box; padding: 17px 40px; }
.map .info:before, .map .info:after	{content: ""; position: absolute; background: url('/sites/moj/images/contents/textBox_edge.png') left top no-repeat; width: 15px; height: 15px;}
.map .info:before {top: -1px; left: -1px;}
.map .info:after 	{bottom: -1px; right: -1px; background-position: right bottom;}
.map .info ul {overflow: hidden;}
.map .info ul li {	overflow: hidden; position: relative;float: left; width: 50%; min-height: 70px;padding-top: 23px; padding-left: 95px; box-sizing: border-box;}
.map .info ul li dl {float: left; display: table; line-height: 1.9;}
.map .info ul li dl dt,
.map .info ul li dl dd {display: table-cell; padding-right: 10px; box-sizing: border-box;}
.map .info ul li dl dt {position: relative;}
.map .info ul li dl dt:after {content: ':'; margin-right: 3px; position: absolute; top: 0; right: 0;}
.map .info ul li:before {	content: '';position: absolute; top: 0; left: 0;	width: 70px; height: 70px;background: url('/sites/moj/images/contents/map_info.png') left top no-repeat;}
.map .info ul li.numb:before {background-position: right top;}
.img_max	{max-width: 100%; table-layout: fixed;}
.pc_mode,
.mobile_mode	{display: none; table-layout: fixed; max-width: 100%;}
body.Desktop .pc_mode,
body.Tablet .pc_mode,
body.Mobile .mobile_mode	{display: block; margin: 0 auto;}
.text_hidden	{position: absolute; top: 0; left: 0; text-indent: -5000000px;}
/********************************************************************************************************** sub_01_061_01 정보공개청구절차 */
.sub_01_01_01	{text-align: center; overflow: hidden; position: relative;}
.sub_01_01_01 > ol	{display: initial !important; padding-left: 0 !important;}
.sub_01_01_01 > ol > li		{display: inline-table !important; vertical-align: top; position: relative; box-sizing: border-box; padding: 0 3.5% !important; margin-top: 15px !important; max-width: 185px;}
.sub_01_01_01.num > ol > li:after {content: '';display: block; position: absolute; top: 88px; right: -7%; width: 40px; height: 11px;	background: url('/sites/moj/images/contents/step_arrow.png') right center no-repeat; 	z-index: 4;}
body.Desktop .sub_01_01_01.num > ol > li:nth-child(4n+4):after,
.sub_01_01_01.num > ol > li:last-child:after	{display: none;}
.sub_01_01_01 > ol > li > p {display: inline-table; vertical-align: top; width: 185px; border: 1px solid #e5e5e5; padding: 15px; border-radius: 100%; box-sizing: border-box; position: relative;}
.sub_01_01_01.num > ol > li > p:before,
.sub_01_01_01.num > ol > li > p:after		{content: ""; position: absolute; width: 35px; height: 35px; background-color: #FFF; border-radius: 100%; box-sizing: border-box; z-index: 4;}
.sub_01_01_01.num > ol > li > p:before		{left: 0px; top: 140px;}
.sub_01_01_01.num > ol > li > p:after		{right: 0px; top: 10px;}
.sub_01_01_01 > ol > li > p span	{display: table-cell; vertical-align: middle; height: 153px; background-color: #25a1db; border-radius: 100%; color: #FFF; font-size: 18px; position: relative; box-sizing: border-box; word-break: keep-all; text-align: center; padding: 0 30px; line-height: 1.3;}
.sub_01_01_01 > ol > li:nth-child(2) > p span		{background-color: #7ca0e9;}
.sub_01_01_01 > ol > li:nth-child(3) > p span		{background-color: #5080e2;}
.sub_01_01_01 > ol > li:nth-child(4) > p span		{background-color: #2460db;}
.sub_01_01_01 > ol > li:nth-child(5) > p span		{background-color: #1e386e;}
.sub_01_01_01 > ol > li:nth-child(6) > p span		{background-color: #5a6873;}
.sub_01_01_01 > ol > li > p span img		{display: block; margin: 0 auto 15px auto;}
.sub_01_01_01 > ol > li > p span em		{color: #a0a0a0; font-size: 16px; display: block;}
/*.sub_01_01_01.num > ol > li > p span:before		{content: '01'; display: block; position: absolute; top: 20px; left: 5px; color: #ffffff; font-size: 36px; font-weight: 400; z-index: 4; line-height: 1.1;letter-spacing: -0.08em;}
.sub_01_01_01.num > ol > li:nth-child(2) > p span:before		{content: '02';}
.sub_01_01_01.num > ol > li:nth-child(3) > p span:before		{content: '03';}
.sub_01_01_01.num > ol > li:nth-child(4) > p span:before		{content: '04';}
.sub_01_01_01.num > ol > li:nth-child(5) > p span:before		{content: '05';}
.sub_01_01_01.num > ol > li:nth-child(6) > p span:before		{content: '06';}
.sub_01_01_01.num > ol > li:nth-child(7) > p span:before		{content: '07';}
.sub_01_01_01.num > ol > li:nth-child(8) > p span:before		{content: '08';}
.sub_01_01_01.num > ol > li:nth-child(9) > p span:before		{content: '09';}
.sub_01_01_01.num > ol > li:nth-child(10) > p span:before	{content: '10';}*/
.sub_01_01_01 > ol > li > p span:after	{content: ''; display: block;	position: absolute; top: 120px; left: -8px; width: 13px; height: 13px; background-color: #e5e5e5; border-radius: 100%; z-index: 5;}
.sub_01_01_01 > ol > li:nth-child(even) > p span:after	{left:auto; right: -8px; top: 20px;}
.sub_01_01_01 > ol > li .list	{background-color: #FFF; border: 2px solid #e5e5e5; border-radius: 10px; padding: 15px; margin-top: 20px; margin-left: -10%; text-align: center; position: relative; width: 120%; box-sizing: border-box; word-break: keep-all; min-height: 210px; display: table;}
.sub_01_01_01 > ol.h90 > li .list		{min-height: 90px;}
.sub_01_01_01 > ol > li .list .middle		{display: table-cell; vertical-align: middle;}
.sub_01_01_01 > ol > li .list > ul		{text-align: left;}
.sub_01_01_01 > ol > li .list > ul > li		{background: url('/sites/moj/images/contents/contents_ul_2.png') left 9px no-repeat; padding-left: 15px; margin-bottom: 5px; font-size: 14px; color: #888;}
/* tablet */
body.Tablet .sub_01_01_01 > ol > li		{max-width: 45%;}
body.Tablet .sub_01_01_01 > ol > li .list	{width: 100%; margin-left: 0;}
/* mobile */
body.Mobile .sub_01_01_01 > ol > li		{display: list-item !important; padding: 0 0 55px 0 !important; max-width: 100%;}
body.Mobile .sub_01_01_01 > ol > li .list	{width: 100%; margin-left: 0; min-height: auto;}
body.Mobile .sub_01_01_01 > ol > li:after		{right: auto; left: 50%; transform: translateY(0px) rotate(-270deg); margin-left: -15px; top: auto; bottom: 10px;}
/********************************************************************************************************** sub_02_06_03_03 시행규칙 산출식 */
.formula_wrap		{background-color: #f5f5f5; padding: 25px; margin: 20px 0; word-break:keep-all;}
.formula_wrap .wrap		{display: table; margin: 0 auto; overflow: hidden;}
.formula_wrap .wrap .formula_fraction		{display: inline-table; vertical-align: middle;}
.formula_wrap .wrap .formula_fraction.root		{background: url("../../images/contents/root.png") left top no-repeat; padding: 0 0 0 50px; position: relative;}
.formula_wrap .wrap .formula_fraction.root:before		{content: ""; background-color: #bdbdbd; position: absolute; top: 0; left: 33px; width: 100%; height: 1px; box-sizing: border-box; }
.formula_wrap .wrap .formula_fraction .denominator,
.formula_wrap .wrap .formula_fraction .numerator		{color: #888; padding: 15px 30px; text-align: center;}
.formula_wrap .wrap .formula_fraction .denominator		{border-top: 1px solid #c4c4c4;}
.formula_wrap .wrap > p		{display: table-cell; vertical-align: middle; color: #888; padding-left: 15px; min-width: 30px;}
/* tablet */
body.Tablet .formula_wrap .wrap .formula_fraction .denominator,
body.Tablet .formula_wrap .wrap .formula_fraction .numerator	{padding: 15px 10px;}
/* mobile */
body.Mobile	.formula_wrap	{padding: 15px;}
body.Mobile .formula_wrap .wrap .formula_fraction .denominator,
body.Mobile .formula_wrap .wrap .formula_fraction .numerator	{padding: 10px 5px;}
/********************************************************************************************************** sub_05_02_11 공익신고 */
.moj_step_list 	{display: table; text-align: center; width: 100%; margin: 20px 0 0 10px;}
.moj_step_list > li	{width: 20.7%; display: inline-table; float:left; position: relative; margin: 0 0 5px -10px;}
.moj_step_list > li	p.title	{display: table-cell; vertical-align: middle; background-color: rgba(36,96,219,0.9); border-radius: 50px; color: #FFF; font-size: 16px; height: 80px; position: relative;  z-index: 1; padding: 0 15px;}
.moj_step_list > li p	{display: table-row; vertical-align: top;}
.moj_step_list > li p span	{padding-top: 30px; display: block;}
.moj_step_list > li:nth-child(even) p.title	{background-color: rgba(37,161,219,0.8); z-index: 2;}
/* tablet */
body.Tablet .moj_step_list > li		{width: 50.7%; padding-bottom: 20px;}
body.Tablet .moj_step_list > li:nth-child(4n+3) p.title	{background-color: rgba(37,161,219,0.8);}
body.Tablet .moj_step_list > li:nth-child(4n+4) p.title	{background-color: rgba(36,96,219,0.9);}
@media screen and (max-width : 500px) {
  body.Tablet .moj_step_list 	{margin: 0;}
  body.Tablet .moj_step_list > li		{width: 100%; margin: 0}
  body.Tablet .moj_step_list > li:last-child	{padding-bottom: 0;}
  body.Tablet .moj_step_list > li p span	{padding-top: 15px;}
  body.Tablet .moj_step_list > li:nth-child(4n+3) p.title	{background-color: rgba(36,96,219,0.9);}
  body.Tablet .moj_step_list > li:nth-child(4n+4) p.title	{background-color: rgba(37,161,219,0.8);}
}
/* mobile */
body.Mobile .moj_step_list 	{margin: 0;}
body.Mobile .moj_step_list		{margin: 20px 0;}
body.Mobile .moj_step_list > li		{width: 100%; padding-bottom: 20px; margin: 0;}
body.Mobile .moj_step_list > li:last-child	{padding-bottom: 0;}
body.Mobile .moj_step_list > li p span	{padding-top: 15px;}
.moj_step_list_02		{background-color: #f5f5f5; margin-top: 20px; padding: 40px 15px;}
.moj_step_list_02 > ol 		{padding-left: 0 !important; display: table !important; width: 100%; text-align: center;}
.moj_step_list_02 > ol > li		{display: inline-table !important; width: 16.6%; margin-top: 0 !important; list-style: none !important; float: left; word-break: keep-all;}
.moj_step_list_02 > ol > li em		{display: block; position: relative; color: #888; font-weight: 400; padding-bottom: 20px; margin-bottom: 15px;}
.moj_step_list_02 > ol > li em:before,
.moj_step_list_02 > ol > li em:after 	{content: ""; background-color: #000; position: absolute;}
.moj_step_list_02 > ol > li em:before		{width: 100%; height: 2px; bottom: 0; left: 0;}
.moj_step_list_02 > ol > li em:after		{width: 9px; height: 9px; transform: translateY(0px) rotate(-135deg); bottom: -4px; right: 0;}
.moj_step_list_02 > ol > li:nth-child(1) em:before,
.moj_step_list_02 > ol > li:nth-child(1) em:after 		{background-color: #c4c4c4;}
.moj_step_list_02 > ol > li:nth-child(2) em:before,
.moj_step_list_02 > ol > li:nth-child(2) em:after 		{background-color: #51697c;}
.moj_step_list_02 > ol > li:nth-child(3) em:before,
.moj_step_list_02 > ol > li:nth-child(3) em:after 		{background-color: #25a1db;}
.moj_step_list_02 > ol > li:nth-child(4) em:before,
.moj_step_list_02 > ol > li:nth-child(4) em:after 		{background-color: #2460db;}
.moj_step_list_02 > ol > li:nth-child(5) em:before,
.moj_step_list_02 > ol > li:nth-child(5) em:after 		{background-color: #002e8d;}
body.Desktop .moj_step_list_02 > ol > li:last-child em:after		{display: none;}
.moj_step_list_02 > ol > li dl		{width: 90%; margin: 0 auto;}
.moj_step_list_02 > ol > li dl dt		{font-size: 14px; color: #888; margin-bottom: 5px;}
.moj_step_list_02 > ol > li dl dd		{font-size: 16px; color: #666; font-weight: 400;}
.moj_step_list_02.step4 > ol > li	{width: 25%;}
/* tablet */
body.Tablet .moj_step_list_02 > ol > li		{width: 33.3%; margin-bottom: 70px;}
body.Tablet .moj_step_list_02 > ol > li:nth-child(3n+1)		{clear: both;}
body.Tablet .moj_step_list_02 > ol > li:nth-last-child(-3n+1),
body.Tablet .moj_step_list_02 > ol > li:nth-last-child(-3n+2),
body.Tablet .moj_step_list_02 > ol > li:nth-last-child(-3n+3)		{margin-bottom: 0;}
body.Tablet .moj_step_list_02.step4 > ol > li		{width: 25%; margin-bottom: 70px;}
body.Tablet .moj_step_list_02.step4 > ol > li:nth-child(3n+1)		{clear: inherit;}
body.Tablet .moj_step_list_02.step4 > ol > li:nth-last-child(-3n+1),
body.Tablet .moj_step_list_02.step4 > ol > li:nth-last-child(-3n+2),
body.Tablet .moj_step_list_02.step4 > ol > li:nth-last-child(-3n+3)		{margin-bottom: 70px;}
/* mobile */
body.Mobile .moj_step_list_02 > ol > li		{width: 50%; margin-bottom: 50px;}
body.Mobile .moj_step_list_02 > ol > li:nth-child(2n+1)		{clear: both;}
body.Mobile .moj_step_list_02 > ol > li:nth-last-child(-2n+1),
body.Mobile .moj_step_list_02 > ol > li:nth-last-child(-2n+2)		{margin-bottom: 0;}
/********************************************************************************************************** sub_05_03_10 e-book */
.eBook_wrap	{border: 1px solid #ebebeb; padding: 30px 30px 0 30px;}
.eBook_wrap > ul		{overflow: hidden; width: 103%;}
.eBook_wrap > ul > li		{float: left; display: inline-table; max-width: 230px; width: 22%; margin: 0 3% 30px 0; position: relative; table-layout: fixed;}
.eBook_wrap > ul > li img		{border: 1px solid #ebebeb; max-width: 100%; box-sizing: border-box;}
.eBook_wrap > ul > li p		{margin: 7px 60px 0 0; color: #333;}
.eBook_wrap > ul > li a		{position: absolute; bottom: 10px; right: 0; background-color: rgba(36,96,219,0.9); width: 50px; height: 50px; text-indent: -5000px;}
.eBook_wrap > ul > li a:before,
.eBook_wrap > ul > li a:after		{content: ""; position: absolute; background-color: #FFF;}
.eBook_wrap > ul > li a:before		{width: 20px; height: 2px; top: 24px; left: 15px;}
.eBook_wrap > ul > li a:after		{width: 2px; height: 20px; top: 15px; left: 24px;}
body.Desktop .eBook_wrap > ul > li:nth-child(4n+1)	{clear: both;}
/* tablet */
body.Tablet .eBook_wrap > ul > li	{width: 30.3%;}
body.Tablet .eBook_wrap > ul > li:nth-child(3n+1)	{clear: both;}
@media screen and (max-width : 600px) {
  body.Tablet .eBook_wrap > ul > li	{width: 47%;}
  body.Tablet .eBook_wrap > ul > li:nth-child(3n+1)	{clear: none;}
  body.Tablet .eBook_wrap > ul > li:nth-child(odd)	{clear: both;}
}
/* mobile */
body.Mobile .eBook_wrap > ul		{width: 100%;}
body.Mobile .eBook_wrap > ul > li	{width: 100%; max-width: 100%; margin-right: 0;}
body.Mobile .eBook_wrap > ul > li img		{width: 100%;}
/********************************************************************************************************** sub_06_04_01 vision */
.moj_vision_wrap	{position: relative; text-align: center; min-height: 690px; box-sizing: border-box; width: 100%; margin: 0 auto;}
.moj_vision_wrap:before,
.moj_vision_wrap:after	{content: ""; position: absolute; background-color: #e5e5e5; z-index: 1;}
.moj_vision_wrap:before	{top: 20px; left: 50%; width: 2px; height: 100%; margin-left: -1px;}
.moj_vision_wrap:after	{top: 160px; left:0; width: 100%; height: 2px;}
.moj_vision_wrap .head	{background: url("../../images/contents/vision_head.png") left top no-repeat; width: 385px; height: 330px; display: table; margin: 0 auto; position: relative; z-index: 2;}
.moj_vision_wrap .head p	{color: #FFF; display: table-cell; vertical-align: middle; font-size: 18px; font-weight: 400; padding: 0 30px; word-break: keep-all;}
.moj_vision_wrap .head p em	{display: block; color: #FFF; font-size: 32px; position: relative; padding-bottom: 20px; margin-bottom: 20px; line-height: 1.2;}
.moj_vision_wrap .head p em:after	{content: ""; width: 30px; height: 3px; background-color: #FFF; position: absolute; bottom: 0; left: 50%; margin-left: -15px;}
.moj_vision_wrap > ul	{display: table; width: 100%;}
.moj_vision_wrap > ul > li	{display: inline-table; vertical-align: top; position: relative; border: 1px dashed #d8d8d8; box-sizing: border-box; padding: 10px; border-radius: 100%; max-width: 260px; width: 260px; height: 260px; background-color: #FFF;position: absolute; z-index: 3;}
.moj_vision_wrap > ul > li:before		{content: ""; position: absolute; top: -9px; left: 50%; width: 16px; height: 16px; box-sizing: border-box; border: 2px solid #FFF; background-color: #2460db; border-radius: 100%; margin-left: -8px;}
.moj_vision_wrap > ul > li > div		{display: table-cell;vertical-align: top;background-color: #f5f5f5; border-radius: 100%; padding: 12px; word-break: keep-all;}
.moj_vision_wrap > ul > li > div > dl		{border-radius: 100%; width: 100%; height: 100%; overflow: hidden; padding-bottom: 15px;}
.moj_vision_wrap > ul > li > div > dl dt		{color: #2460db; background-color:#e9effb; padding: 15px 30px 10px 30px; margin-bottom: 15px; font-size: 18px;}
.moj_vision_wrap > ul > li > div > dl dd		{margin: 3px 0;}
body.Desktop .moj_vision_wrap > ul > li:nth-child(1)		{top: 30px; right: 0;}
body.Desktop .moj_vision_wrap > ul > li:nth-child(1):before	{top: 50%; left: 0; margin: -8px 0 0 -8px;}
body.Desktop .moj_vision_wrap > ul > li:nth-child(2)		{bottom: 0; left: 50%; margin-left: -130px !important;}
body.Desktop .moj_vision_wrap > ul > li:nth-child(3)		{top: 30px; left: 0;}
body.Desktop .moj_vision_wrap > ul > li:nth-child(3):before	{top: 50%; left: auto; right: 0; margin: -8px -8px 0 0;}
/* tablet */
body.Tablet .moj_vision_wrap	{min-height: auto; padding-top: 0; width: 100%;}
body.Tablet .moj_vision_wrap:before,
body.Tablet .moj_vision_wrap:after	{display: none;}
body.Tablet .moj_vision_wrap .head	{margin: 0 auto 40px auto;}
body.Tablet .moj_vision_wrap > ul > li	{position: relative; top: auto; left: auto; margin: 20px 1%;}
/* mobile */
body.Mobile .moj_vision_wrap	{min-height: auto; padding-top: 0; width: 100%;}
body.Mobile .moj_vision_wrap:before,
body.Mobile .moj_vision_wrap:after	{display: none;}
body.Mobile .moj_vision_wrap .head	{margin: 0 auto 40px auto; width: 305px; height: 265px; background-size: 100%;}
body.Mobile .moj_vision_wrap .head p	{padding: 0 70px;}
body.Mobile .moj_vision_wrap > ul > li	{position: relative; top: auto; left: auto; margin: 20px 0; width: 100%; max-width: 100%; border-radius: 0; height: auto;}
body.Mobile .moj_vision_wrap > ul > li > div,
body.Mobile .moj_vision_wrap > ul > li > div > dl	{border-radius: 0;}
/********************************************************************************************************** sub_06_04_04 vision */
.grid_left {border: 1px solid #ededed; display: inline-table; vertical-align: top; position: relative; box-sizing: border-box;}
.grid_left .button_list {background-color: #f0f0f0; padding: 20px 0 8px;}
.grid_wrap_edit		{background: url("../../images/contents/symbol_grid.png") left top repeat;min-width: 420px; }
.grid_wrap_edit p	{display: table-cell; vertical-align: middle; height: 270px;}
.grid_wrap_edit p img	{padding: 10px 24px; max-width: 100%; box-sizing: border-box;}
.grid_wrap		{background: url("../../images/contents/symbol_grid.png") left top repeat; border: 1px solid #ededed; display: inline-table; vertical-align: top; min-width: 420px; text-align: center; position: relative; box-sizing: border-box;}
.grid_wrap p	{display: table-cell; vertical-align: middle; height: 289px;}
.grid_wrap p img	{padding: 10px 24px; max-width: 100%; box-sizing: border-box;}
.moj_symbol_head .grid_wrap		{margin-right: 100px;}
.grid_wrap.symbol p {height: 359px;}
.moj_symbol_head	{display: table; width: 100%; position: relative; text-align: center;}
.moj_symbol_head .grid_left		{margin-right: 100px;}
.moj_symbol_head:after	{content: ""; position: absolute; top: 50%; left: 0; width: 100%; height: 1px; background-color: #e5e5e5; margin-top: -1px; z-index: -1;}
.moj_symbol_head .symbol_text	{display: table-cell; vertical-align: middle; width: 55%;}
.moj_symbol_head .symbol_text .wrap		{border: 2px solid #e5e5e5; border-radius: 10px; background-color: #FFF; position: relative; padding: 30px 40px; text-align: center;}
.moj_symbol_head .symbol_text .wrap:before	{content: ""; position: absolute; top: 50%; left: -8px; width: 16px; height: 16px; border: 2px solid #FFF; box-sizing: border-box; background-color: #e5e5e5; margin-top: -8px; border-radius: 100%; z-index: 3;}
.moj_symbol_head .symbol_text .wrap strong	{position: relative; font-size: 22px; color: #2c2f35; font-weight: 300;}
.moj_symbol_head .symbol_text .wrap strong em	{color: #2460db;}
.moj_symbol_head .symbol_text .wrap strong:before,
.moj_symbol_head .symbol_text .wrap strong:after	{color: #e5e5e5; font-size: 60px; font-weight: 300; display: inline-block; line-height: 0.4; vertical-align: bottom;}
.moj_symbol_head .symbol_text .wrap strong:before	{content:'“'; margin-right: 10px;}
.moj_symbol_head .symbol_text .wrap strong:after	{content: '”'; line-height: 0.1; margin-left: 10px;}
.moj_symbol_head .symbol_text .wrap strong.style01		{font-size: 15px; color: #666; line-height: 2;}
.moj_symbol_head .symbol_text .wrap strong.style01 em		{font-size: 22px;}
body.Desktop .moj_symbol_head .symbol_text .wrap strong.style01:after	{position: absolute; top: 15px; right: -65px;}
.moj_symbol_head .symbol_text .wrap p	{margin: 20px 0 10px;}
.moj_symbol_head .symbol_text .wrap em.note {margin-top: 10px; display: block;}
/* tablet */
body.Tablet .grid_wrap		{margin: 0 0 40px 0; min-width: auto; text-align: center;}
body.Tablet .moj_symbol_head .grid_left		{display: table; width: 80%; margin: 0 auto 40px;}
body.Tablet .moj_symbol_head .grid_wrap {display: table; width: 100%;}
body.Tablet .moj_symbol_head:after	{left: 50%; top: 0; margin: 0 0 0 -1px; width: 1px; height: 100%;}
body.Tablet .moj_symbol_head .symbol_text	{display: block; width: 100%;}
body.Tablet .moj_symbol_head .symbol_text .wrap:before	{top: -8px; left: 50%; margin: 0 0 0 -8px;}
/* mobile */
body.Mobile .grid_wrap		{margin: 0 0 40px 0; min-width: auto; display: table; width: 100%; text-align: center;}
body.Mobile .grid_wrap p	{height: auto; padding: 10px 0;}
body.Mobile .moj_symbol_head .grid_left		{display: table; width: 80%; margin: 0 auto 40px;}
body.Mobile .moj_symbol_head .grid_wrap {display: table; width: 100%;}
body.Mobile .moj_symbol_head:after	{left: 50%; top: 0; margin: 0 0 0 -1px; width: 1px; height: 100%;}
body.Mobile .moj_symbol_head .symbol_text	{display: block; width: 100%;}
body.Mobile .moj_symbol_head .symbol_text .wrap		{padding: 30px 20px;}
body.Mobile .moj_symbol_head .symbol_text .wrap:before	{top: -8px; left: 50%; margin: 0 0 0 -8px;}
.moj_color_list	{overflow: hidden;}
.moj_color_list > li	{float: left; width: 31.3%; margin-right: 2%;}
body.Desktop .moj_color_list > li:nth-child(2)	{margin: 0 1% 0 1%;}
body.Desktop .moj_color_list > li:last-child	{float: right; margin: 0 0 0 2%;}
.moj_color_list > li > p 	{display: table; width: 100%; margin-bottom: 20px;}
.moj_color_list > li > p strong	{display: table-cell; vertical-align: bottom; height: 100px; padding: 10px 15px; box-sizing: border-box; font-size: 30px; color: rgba(255,255,255,0.5); font-weight: 300; line-height: 1.3;}
.moj_color_list > li > p strong span	{font-size: 15px; color: rgba(255,255,255,0.5);}
.moj_color_list > li .mColor01	{background-color: #003668;}
.moj_color_list > li .mColor02	{background-color: #e6002d;}
.moj_color_list > li .mColor03	{background-color: #595757;}
.moj_color_list > li > dl		{padding: 15px 20px;display: table;width: 100%;box-sizing: border-box;border-top: 1px solid #dddee0;}
.moj_color_list > li > dl:last-child	{border-bottom: 1px solid #dddee0;}
.moj_color_list > li > dl > dt		{display: table-cell; vertical-align: top; width: 40%; max-width: 40%; min-width: 130px; color: #333;}
.moj_color_list > li > dl > dd		{display: table-cell; vertical-align: middle; font-size: 14px;}
.moj_color_list > li > dl > dd > ul	{overflow: hidden;}
.moj_color_list > li > dl > dd > ul > li	{float: left; margin-right: 20px;}
.moj_color_list > li > dl > dd > ul > li:last-child	{margin-right: 0px;}
/* tablet */
body.Tablet .moj_color_list > li	{width: 48%; margin-right: 0; margin-bottom: 20px;}
body.Tablet .moj_color_list > li:nth-child(even)	{float: right;}
@media screen and (max-width : 660px) {
  body.Tablet .moj_color_list > li	{width: 100%;}
  body.Tablet .certification h3 {font-size: 22px; letter-spacing: -3px; margin: 20px 0 40px;}
}
/* mobile */
body.Mobile .moj_color_list > li	{width: 100%; margin-bottom: 20px;}
body.Mobile .certification h3 {font-size: 22px; letter-spacing: -3px; margin: 20px 0 40px;}
/********************************************************************************************************** sub_06_04_05 브랜드 */
.brand_step			{overflow: hidden;}
.brand_step > ul	{text-align: center; display: table; margin-left: -1%; box-sizing: border-box; width: 104%;}
.brand_step > ul > li		{display: inline-table; vertical-align: top; width: 33%; margin-left: -2%; word-break: keep-all;}
.brand_step > ul > li p	{display: table-cell; background-color: #002e8d; border-radius: 50px; position: relative; height: 85px; color: #FFF; vertical-align: middle; padding: 0 15px;}
.brand_step > ul > li:nth-child(2) p	{background-color: rgba(36,96,219,0.8); z-index: 3;}
.brand_step > ul > li:nth-child(3) p	{background-color: #25a1db;}
.brand_step > ul > li p em	{font-size: 20px; font-weight: 400; display: block; color: #FFF;}
/* tablet */
@media screen and (max-width : 540px) {
  body.Tablet .brand_step > ul		{margin-left: 0; width: 100%;}
  body.Tablet .brand_step > ul > li		{display: table; margin-left: 0; width: 100%; margin-bottom: 20px;}
  body.Tablet .brand_step > ul > li:last-child	{margin-bottom: 0;}
}
/* mobile */
body.Mobile .brand_step > ul		{margin-left: 0; width: 100%;}
body.Mobile	.brand_step > ul > li		{display: table; margin-left: 0; width: 100%; margin-bottom: 20px;}
body.Mobile	.brand_step > ul > li:last-child	{margin-bottom: 0;}
/********************************************************************************************************** sub_06_05_02 조직도 */
.p_anchor	{height: 70px; text-indent: -5000px;}
.moj_org_wrap	{position: relative;}
.moj_org_wrap:after	{content: ''; background-color: #e5e5e5; z-index: 0; position: absolute; width: 1px; height: 100%; position: absolute; top: 0; left: 50%;}
.moj_org_wrap .h4,
.moj_org_wrap .h5 	{display: table;  margin: 0 auto 30px auto; text-align: center; padding-left: 30px; position: relative; z-index: 1;}
.moj_org_wrap .h5	{padding: 0 25px 0 0; margin-top: 30px;}
.moj_org_wrap .h4 span,
.moj_org_wrap .h5 span	{width: 214px; height: 186px; display: table-cell; vertical-align: middle; color: #FFF; font-size: 20px; font-weight: 400; padding-right: 30px; background: url("../../images/contents/org_top_bg.png") left top no-repeat; box-sizing: border-box;}
.moj_org_wrap .h5 span	{background: url("../../images/contents/org_top_bg2.png") left top no-repeat; padding: 0 0 0 25px;}
.moj_org_wrap .h4 span a,
.moj_org_wrap .h5 span a	{color: #FFF;}
.moj_org_wrap .org_2depth	{position: relative; margin: 30px 0;}
.moj_org_wrap .org_2depth > ul	{overflow: hidden; display: block; margin: 20px auto; width: 46%; text-align: center;}
.moj_org_wrap .org_2depth > ul > li		{float: left; width: 50%; position: relative;}
.moj_org_wrap .org_2depth > ul > li:after	{content: ""; background-color: #e5e5e5; z-index: 0; position: absolute; width: 100%; height: 1px; top: 50%; left: 0;}
.moj_org_wrap .org_2depth > ul > li.left	{float: left;}
.moj_org_wrap .org_2depth > ul > li.right	{float: right;}
.moj_org_wrap .org_2depth > ul > li.center	{float: none; margin: 0 auto;}
.moj_org_wrap .org_2depth > ul > li > p	{background-color: #ededed; border-radius: 50px; padding: 15px; color: #054780; font-size: 18px; font-weight: 400; margin-right: 40px; position: relative; z-index: 2;}
.moj_org_wrap .org_2depth > ul > li > p a	{color: #054780;}
.moj_org_wrap .org_2depth > ul > li > p.point	{background-color: #054780; color: #FFF;}
.moj_org_wrap .org_2depth > ul > li.right > p	{margin: 0 0 0 40px;}
.moj_org_wrap .org_2depth > ul > li.center > p	{margin: 0;}
/* 2206_add */
.moj_org_wrap .org_2depth > ul.insa{position:absolute;bottom:0;left:50%;transform: translate(-257px, 20px); top:75px;}
.moj_org_wrap .org_3depth	{position: relative; background-color: #FFF; z-index: 3; padding-bottom: 30px;}
.moj_org_wrap .org_3depth.bg	{background-color: transparent;}
.moj_org_wrap .org_3depth:after	{content: ""; background-color: #e5e5e5; z-index: 0; position: absolute; width: 80%; height: 1px; top: 0; left: 10%;}
.moj_org_wrap .org_3depth.w4:after	{width: 75%; left: 12.5%;}
.moj_org_wrap .org_3depth.w6:after	{width: 83.5%; left: 8.3%;}
.moj_org_wrap .org_3depth.w7:after	{width: 85.8%; left: 7.2%}
.moj_org_wrap .org_3depth.w8:after	{width: 87.6%; left: 6.3%;}
.moj_org_wrap .org_3depth.w9:after	{width: 89%; left: 5.5%;}
.moj_org_wrap .org_3depth > ul		{display: table; width: 100%; position: relative; z-index: 2;}
.moj_org_wrap .org_3depth > ul > li		{display: table-cell; vertical-align: top; width: 20%; text-align: center;}
.moj_org_wrap .org_3depth.w4 > ul > li		{width: 25%;}
.moj_org_wrap .org_3depth.w6 > ul > li		{width: 16%;}
.moj_org_wrap .org_3depth.w7 > ul > li		{width: 14.24%;}
.moj_org_wrap .org_3depth.w8 > ul > li		{width: 12.5%;}
.moj_org_wrap .org_3depth.w9 > ul > li		{width: 11.12%;}
.moj_org_wrap .org_3depth > ul > li	> dl	{padding-top: 30px; text-align: left; position: relative;}
.moj_org_wrap .org_3depth > ul > li > dl:after,
.moj_org_wrap .org_3depth > ul > li > p:after		{content: ""; background-color: #e5e5e5; z-index: -1; position: absolute; width: 1px; height: 100%; top: 0; left: 50%;}
.moj_org_wrap .org_3depth > ul > li > p:after	{top: -20px;}
.moj_org_wrap .org_3depth > ul > li	> dl dt		{display: table; border: 13px solid #e5e5e5; border-radius: 100%; background-color: #FFF; width: 100%; max-width: 170px; height: 170px; text-align: center; margin: 0 auto; box-sizing: border-box;}
.moj_org_wrap .org_3depth > ul > li	> dl dt span	{display: table-cell; vertical-align: middle; color: #2460db; font-size: 18px; height: 100%;}
.moj_org_wrap .org_3depth > ul > li	> dl dd		{border: 2px solid #e5e5e5; padding: 15px; border-radius: 10px; background-color: #FFF; margin: 20px auto 0 auto; min-height: 120px; box-sizing: border-box; width: 90%; max-width: 170px; position: relative;}
.moj_org_wrap .org_3depth > ul > li	> dl dd > ul > li	{position: relative; padding-left: 15px !important; margin: 5px 0 !important;}
.moj_org_wrap .org_3depth > ul > li	> dl dd > ul > li:before 	{content: ""; position: absolute; top: 9px; left:0; width: 6px; height: 6px; background-color: #51697c; border-radius: 100%;}
.moj_org_wrap .org_3depth > ul > li > p		{padding: 0 10px; border-radius: 50px; background-color: #054780; color: #FFF; box-sizing: border-box; margin: 20px auto 0 auto; width: 90%; position: relative; display: table; font-size: 17px; line-height: 1.3;}
.moj_org_wrap .org_3depth > ul > li > p a	{color: #FFF; display: table-cell; vertical-align: middle; height: 52px;}
.moj_org_wrap .org_3depth > ul > li > ul > li > p	{width: 85%; display: table; margin: 0 auto; padding-top: 15px; position: relative;}
.moj_org_wrap .org_3depth > ul > li > ul > li > p a		{color: #666; display: table-cell; vertical-align: middle; height: 50px; padding: 0 5px; border: 2px solid #e5e5e5; border-radius: 10px; background-color: #FFF; position: relative; z-index: 2;}
.moj_org_wrap .org_3depth > ul > li > ul > li > p:after		{content: ""; position: absolute; top: 0; left: 50%; width: 1px; height: 100%; background-color: #e5e5e5; z-index: 1;}
.moj_org_wrap .org_3depth > ul > li > ul > li > ul	{text-align: left; width: 80%; margin: 0 auto; background-color: #FFF; padding-top: 15px; position: relative; z-index: 2;}
.moj_org_wrap .org_3depth.type2 > ul > li > dl > dd		{padding-bottom: 50px;}
.moj_org_wrap .org_3depth.type2 > ul > li > dl > dd > p		{position:absolute; bottom: 0; left: 0; width: 100%; text-align: center; color: #333; padding: 10px 0; background-color: #f5f5f5;}
.moj_org_wrap .org_3depth.type3 > ul > li > div		{background-color: #f0f4fa; padding: 0; text-align: center; box-sizing: border-box; margin: 40px auto 0 auto; width: 90%; position: relative;}
.moj_org_wrap .org_3depth.type3 > ul > li > div:after	{content: ""; background-color: #e5e5e5; z-index: -1; position: absolute; width: 1px; height: 100%; top: -40px;}
.moj_org_wrap .org_3depth.type3 > ul > li > div > a		{display: table; width: 100%;}
.moj_org_wrap .org_3depth.type3 > ul > li > div > a p	{background-color: #dbe5f7; color: #333; display: table-row; word-break: keep-all;}
.moj_org_wrap .org_3depth.type3 > ul > li > div > a .img,
.moj_org_wrap .org_3depth.type3 > ul > li > div > a p span	{display: table-cell; vertical-align: middle; height: 65px; color: #333;}
.moj_org_wrap .org_3depth.type3 > ul > li > div > a p span	{padding: 0 10px;}
/* tablet */
body.Tablet .moj_org_wrap .org_2depth > ul	{width: 100%;}
body.Tablet .moj_org_wrap .org_2depth > ul.insa{transform: translate(-50%, 20px);}
body.Tablet .moj_org_wrap .org_3depth > ul > li	{width: 50%; float: left;}
body.Tablet .moj_org_wrap .org_3depth > ul > li:nth-child(2n+1)		{clear: both;}
body.Tablet .moj_org_wrap .org_3depth:after,
body.Tablet .moj_org_wrap .org_3depth.w4:after,
body.Tablet .moj_org_wrap .org_3depth.w6:after	{width: 50%; left: 25%;}
/* mobile */
body.Mobile .moj_org_wrap:after		{height: 25%;}
body.Mobile .moj_org_wrap .org_2depth	{margin: 0;}
body.Mobile .moj_org_wrap .org_2depth > ul	{width: 100%;}
body.Mobile .moj_org_wrap .org_2depth > ul.insa{transform: translate(-50%, 20px);}
body.Mobile .moj_org_wrap .org_3depth > ul > li	{width: 100%; float: left;}
body.Mobile .moj_org_wrap .org_2depth > ul > li > p	{font-size: 17px;}
body.Mobile .moj_org_wrap .org_2depth > ul > li.left > p	{margin: 0 25px 0 0;}
body.Mobile .moj_org_wrap .org_2depth > ul > li.right > p	{margin: 0 0 0 25px;}
body.Mobile .moj_org_wrap .org_3depth > ul > li > dl:after,
body.Mobile .moj_org_wrap .org_3depth > ul > li > p:after,
body.Mobile .moj_org_wrap .org_3depth:after	{display: none;}
body.Mobile .moj_org_wrap .org_3depth > ul > li > p,
body.Mobile .moj_org_wrap .org_3depth > ul > li > ul > li > p	{width: 100%;}
body.Mobile .moj_org_wrap .org_3depth > ul > li > ul > li > ul	{width: 95%;}
body.Mobile .moj_org_wrap .org_3depth > ul > li > dl dd	{max-width: 100%;}
body.Mobile .moj_org_wrap .org_3depth > ul > li > dl dt		{max-width: 140px; height: 140px; border-width: 8px;}
/********************************************************************************************************** sub_06_06_01 층별안내 */
/* tablet */
body.Tablet .floor_wrap		{background: none;}
body.Tablet .floor_wrap > ul		{margin-left: 0; padding-top: 0;}
body.Tablet .floor_wrap > ul > li .floor_no		{background-color: #c1cce9; color: #FFF; vertical-align: middle;}
body.Tablet .floor_wrap > ul > li:nth-child(2) .floor_no		{background-color: #98a8dc;}
body.Tablet .floor_wrap > ul > li:nth-child(3) .floor_no		{background-color: #709add;}
body.Tablet .floor_wrap > ul > li:nth-child(4) .floor_no		{background-color: #4994df;}
body.Tablet .floor_wrap > ul > li:nth-child(5) .floor_no		{background-color: #2b80ce;}
body.Tablet .floor_wrap > ul > li:nth-child(6) .floor_no		{background-color: #2c70c7;}
body.Tablet .floor_wrap > ul > li:nth-child(7) .floor_no		{background-color: #335bc5;}
body.Tablet .floor_wrap > ul > li:nth-child(8) .floor_no		{background-color: #334ebb;}
body.Tablet .floor_wrap > ul > li .floor_no:before,
body.Tablet .floor_wrap > ul > li .floor_no:after,
body.Tablet .floor_wrap > ul > li:after		{display: none;}
/* mobile */
body.Mobile .floor_wrap		{background: none;}
body.Mobile .floor_wrap > ul		{margin-left: 0; padding-top: 0;}
body.Mobile .floor_wrap > ul > li .floor_no		{background-color: #c1cce9; color: #FFF; vertical-align: middle;}
body.Mobile .floor_wrap > ul > li:nth-child(2) .floor_no		{background-color: #98a8dc;}
body.Mobile .floor_wrap > ul > li:nth-child(3) .floor_no		{background-color: #709add;}
body.Mobile .floor_wrap > ul > li:nth-child(4) .floor_no		{background-color: #4994df;}
body.Mobile .floor_wrap > ul > li:nth-child(5) .floor_no		{background-color: #2b80ce;}
body.Mobile .floor_wrap > ul > li:nth-child(6) .floor_no		{background-color: #2c70c7;}
body.Mobile .floor_wrap > ul > li:nth-child(7) .floor_no		{background-color: #335bc5;}
body.Mobile .floor_wrap > ul > li:nth-child(8) .floor_no		{background-color: #334ebb;}
body.Mobile .floor_wrap > ul > li .floor_no:before,
body.Mobile .floor_wrap > ul > li .floor_no:after,
body.Mobile .floor_wrap > ul > li:after		{display: none;}
body.Mobile .floor_wrap > ul > li > div > dl dt		{display: table-row;}
body.Mobile .floor_wrap > ul > li > div > dl dd		{padding: 20px 0; border-bottom: 1px dashed #ebebeb;}
body.Mobile .floor_wrap > ul > li > div > dl:last-child dd		{border-bottom: 0; padding-bottom: 0;}
/********************************************************************************************************** sub_07_03 뷰어프로그램 */
.viewer_wrap	{background: url("../../images/contents/viewer_bg.png") -80px 20px no-repeat; background-color: #f5f5f5; padding: 30px 15px 0 15px;}
.viewer_wrap > ul		{overflow: hidden;}
.viewer_wrap > ul > li		{float: left; width: 22%; border: 1px solid #cfcfcf; background-color: #FFF; text-align: center; box-sizing: border-box; position: relative; padding: 15px 10px 60px 10px; margin: 0 1.5% 30px 1.5%; table-layout: fixed;}
.viewer_wrap > ul > li img		{max-width: 100%;}
.viewer_wrap > ul > li span		{display: table; position: absolute; bottom: 0; left: 0; width: 100%; text-align: left; margin-bottom: 0; box-sizing: border-box;}
.viewer_wrap > ul > li span a	{line-height: 1.1;}
body.Desktop .viewer_wrap > ul > li:nth-child(5n+1)		{clear:both;}
/* tablet */
body.Tablet .viewer_wrap > ul > li		{width: 30.3%;}
body.Tablet .viewer_wrap > ul > li:nth-child(3n+1)		{clear:both;}
/* mobile */
body.Mobile .viewer_wrap	{padding-top: 20px;}
body.Mobile .viewer_wrap > ul > li		{width: 100%; margin: 0 0 20px 0; word-break: keep-all;}
/********************************************************************************************************** sub_06_03 역대장차관 상세내용(기능동일)  */
._moj_intList ._prFlList ._prFlLi {overflow: hidden;position: relative;padding: 20px 30px 25px;float: left; width: 47.5%; min-height: 240px;box-sizing: border-box;margin-bottom: 40px;margin-right: 5%;border-top: 1px solid #353e4d; border-bottom: 1px solid #cfcfd1;background: url('../../images/bg.png') 104% 87px no-repeat;}
#_moj_introduction ._prFlList ._prFlLi:nth-child(2n) {margin-right: 0;}
#_moj_introduction ._prFlList:before,
#_moj_introduction ._prFlList:after{content: "";display: block;clear: both;}
._moj_intList ._prFlLinkView {display: inline-block;color: #fff; font-weight: 200;position: absolute; right: 20px; bottom: 20px;padding: 4px 45px 4px 15px;box-sizing: border-box;background: #6E7881 url('../../images/button_go.png') 90% center no-repeat;box-shadow: 1px 1px 0px 0 #d9d9d9; outline-offset:2px;}
#_moj_introduction ._prFlList ._prFlLi.thumbLi .thumbnail{width: 150px; height: 180px;overflow: hidden;float: left;background-color: #000;-moz-box-shadow: 6px 6px 0px 0 #d9d9d9;-webkit-box-shadow: 6px 6px 0px 0 #d9d9d9;box-shadow: 6px 6px 0px 0 #d9d9d9;margin-right: 40px;}
#_moj_introduction ._prFlList ._prFlLi.thumbLi .thumbnail img{width: 100%;}
#_moj_introduction ._prFlList .thumbLi .artclInfo {font-size: 17px;float: left;width: calc(100% - 190px);}
#_moj_introduction ._prFlList ._prFlLi .artclInfo dl {margin: 5px 0 7px;width: 100%;}
#_moj_introduction ._prFlList .thumbLi .artclInfo dl.academic dt {float: left; min-width: 70px;}
#_moj_introduction ._prFlList .thumbLi .artclInfo dl.academic dd{text-overflow: ellipsis;white-space: normal;overflow: hidden;max-height: 3.5em;word-wrap: break-word;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;float: left;margin-left: 3px;}
#_moj_introduction ._prFlList .thumbLi .artclInfo dl dd{max-width: 73%;}
#_moj_introduction ._prFlList ._prFlLi .artclInfo dl dt,
#_moj_introduction ._prFlList ._prFlLi .artclInfo dl dd{display: inline-block;zoom: 1;_display: inline;color: #444444;}
#_moj_introduction ._prFlList ._prFlLi .artclInfo dl dt {min-width: 70px;width: auto;vertical-align: top;}
#_moj_introduction ._prFlList ._prFlLi .artclInfo dl dt:before{content: "";display: inline-block;width: 2px; height: 11px;background-color: #145287;transform: rotate(25deg);margin-right: 10px;}
#_moj_introduction ._prFlList ._prFlLi .artclInfo dl dt:after {content: " : ";margin: 0 3px;float: right;}
#_moj_introduction ._prFlList ._prFlLi .artclInfo .artclTitle .num dt,
#_moj_introduction ._prFlList ._prFlLi .artclInfo .artclTitle .num dd {color: #054780;}
._moj_intView ._prFlView {padding: 25px 30px 30px;box-sizing: border-box;background: #f7f7f7 url('../../images/contents/bg_view.png') right bottom no-repeat;border-top: 1px solid #353e4d; border-bottom: 1px solid #bfbfbf;}
._moj_intView ._prFlView .artclTitle {	color: #054780; font-size: 24px; font-weight:bold; margin-bottom: 30px;}
._moj_intView ._prFlList ._prFlLi.thumbLi .thumbnail {margin-right: 50px;}
._moj_intView ._prFlList ._prFlLi .artclInfo {width: calc(100% - 210px);}
._moj_intView ._prFlDetail dl {overflow: hidden; background-color: #f4faff;border-bottom: 1px solid #bfbfbf; }
._moj_intView ._prFlDetail dt,
._moj_intView ._prFlDetail dd {float: left; box-sizing: border-box;}
._moj_intView ._prFlDetail dt {width: 20%; color: #2c2f35; background-color: #f4faff; text-align: center; padding: 12px 20px 13px; border-top: 1px solid #bfbfbf; clear:both;}
._moj_intView ._prFlDetail dd {background-color: #fff; width: 80%; /*padding: 12px 20px 13px;*/ border-top: 1px solid #bfbfbf;}
._moj_intView ._prFlDetail dd.hChild {padding: 0;}
._moj_intView ._prFlDetail dd ul li {overflow: hidden; border-bottom: 1px solid #bfbfbf;}
._moj_intView ._prFlDetail dd ul li:last-child{border-bottom: 0;}
._moj_intView ._prFlDetail dd ul li span {float: left; width: 31%; color: #2c2f35; text-align: center;vertical-align: top; padding: 12px 20px 13px; box-sizing: border-box;position: relative;}
._moj_intView ._prFlDetail dd ul li span:after {content: '';width: 1px; height: 5px;border-right: 1px solid #bfbfbf;display: block;position: absolute; top:0; right: 0;}
._moj_intView ._prFlDetail dd ul li p {float: left; width: 68%; padding: 12px 20px 13px; box-sizing: border-box;}
body.Mobile ._moj_intView ._prFlDetail dd ul li span,
body.Mobile ._moj_intView ._prFlDetail dd ul li p {padding: 10px;}
/* mobile */
body.Mobile #_moj_introduction ._prFlList ._prFlLi.thumbLi .thumbnail {float: none; margin: 0 auto 20px;}
body.Mobile #_moj_introduction ._prFlList ._prFlLi .artclInfo {float: none; width: 100%;}
body.Mobile ._moj_intView ._prFlDetail dt {float: none; width: 100%;}
body.Mobile ._moj_intView ._prFlDetail dd {float: none; width: 100%;}
/**/
.head_intro				{position: relative; overflow: hidden;}
.head_intro:before		{content: ""; background: url("../../images/contents/head_intro_bg.png") left top no-repeat; width: 316px; height: 243px; float: right; margin: 0 0 30px 40px;}
.head_intro:after		{content: ""; width: 110px; height: 110px; position: absolute; top: 80px; right: 100px; background: url("../../images/contents/head_intro_icon.png") left top no-repeat;}
.head_intro.icon01:after		{background-position: left top;}
.head_intro.icon02:after		{background-position: left -110px;}
.head_intro.icon03:after		{background-position: left -220px;}
.head_intro.icon04:after		{background-position: left -330px;}
.head_intro .text		{word-break: keep-all; text-align: left;}
.head_intro .text h3			{font-size: 32px; color: #2c2f35; position: relative; margin-bottom: 40px; line-height: 1.2;}
.head_intro .text h3 em		{color: #2460db; display: block;}
.head_intro .text h3:after		{content: ""; display: block; background-color: #295dc7; width: 40px; height: 3px; margin-top: 20px;}
.head_intro .text p				{font-size: 17px; color: #444; position: relative;}
.head_intro .text p em		{color: #295dc7;}
.head_intro .text p:before,
.head_intro .text p:after			{color: #e5e5e5; font-size: 60px; font-weight: 500; display: block; line-height: 0.4; vertical-align: bottom;}
.head_intro .text p:before	{content:'“';}
.head_intro .text p:after		{content: '”'; text-align: right;}
/* tablet */
@media screen and (max-width : 680px) {
  body.Tablet .head_intro:before,
  body.Tablet .head_intro:after				{display: none;}
  body.Tablet .head_intro .text		{margin-right: 0;}
  body.Tablet .head_intro .text h3			{font-size: 25px;}
}
/*mobile */
body.Mobile .head_intro:before,
body.Mobile .head_intro:after				{display: none;}
body.Mobile .head_intro .text		{margin-right: 0;}
body.Mobile .head_intro .text h3			{font-size: 25px;}
/* 법무정책서비스 > 범죄예방정책국 > 전자감독제도*/
.process_wrap	{text-align: center;}
.process_wrap > ul > li	{position: relative; padding-bottom: 30px; margin-bottom: 15px;}
.process_wrap > ul > li:after,
.process_wrap > ul > li > dl dd > ul > li.arrow > div:after	{content: '';display: block; position: absolute; bottom: 0; left: 50%; margin-left: -15px; width: 30px; height: 20px; background: url('/sites/moj/images/contents/step_2_arrow.png') -20px center no-repeat; z-index: 4; transform: translateY(0px) rotate(-270deg);}
.process_wrap.left > ul > li:after	{left: 8%;}
.process_wrap > ul > li:last-child	{padding-bottom: 0;}
.process_wrap > ul > li:last-child:after	{display: none;}
.process_wrap > ul > li > dl	{display: table; width: 100%;}
.process_wrap > ul > li > dl dt	{background-color: #053863; color: #FFF; font-size: 18px; font-weight: 400; display: table-cell; vertical-align: middle; width: 15%; border-radius: 10px; position: relative; box-sizing: border-box;}
.process_wrap > ul > li:nth-child(3) > dl dt	{background-color: #054780;}
.process_wrap > ul > li:nth-child(5) > dl dt	{background-color: #002e8d;}
.process_wrap > ul > li:nth-child(6) > dl dt	{background-color: #2460db;}
.process_wrap > ul > li:nth-child(7) > dl dt	{background-color: #117DBA;}
.process_wrap > ul > li > dl dd		{display: table-cell; vertical-align: top; padding-left: 25px; width: 42.5%;}
.process_wrap > ul > li > dl.w3 dd		{width: 28%;}
.process_wrap > ul > li > dl.w4 dd		{width: 21%;}
.process_wrap > ul > li > dl dd > ul 	{display: table; width: 100%; vertical-align: top; box-sizing: border-box;}
.process_wrap > ul > li > dl dd > ul > li	{display: table-row; vertical-align: top; position: relative; width: 100%; box-sizing: border-box;}
.process_wrap > ul > li > dl dd > ul > li > div	{display: inline-table; vertical-align: top; width: 100%; height: 100%; padding-top: 10px; box-sizing: border-box; position: relative;}
.process_wrap > ul > li > dl dd > ul > li.arrow > div	{padding-bottom: 40px;}
.process_wrap > ul > li > dl dd > ul > li.arrow > div:after	{bottom: 5px;}
.process_wrap > ul > li > dl dd > ul > li:first-child > div	{padding-top: 0;}
.process_wrap > ul > li > dl dd > ul > li > div > p,
.process_wrap > ul > li > dl dd > ul > li > div > ul 	{display: table-cell; vertical-align: middle; border: 2px solid #e5e5e5; border-radius: 10px; padding: 10px; width: 100%; box-sizing: border-box; height: 55px; word-break: keep-all; background-color: #FFF;}
.process_wrap > ul > li > dl dd > ul > li > div > ul	{text-align: left; vertical-align: top;}
.process_wrap > ul > li > dl dd > ul > li > div > ul > li		{position: relative; padding-left: 10px; margin: 5px 0  !important;}
.process_wrap > ul > li > dl dd > ul > li > div > ul > li:before		{content: ""; position: absolute; top: 10px; left: 0; width: 4px; height: 4px; background-color: #666; border-radius: 100%;}
.process_wrap > ul > li > dl dd > ul > li > div > ul > li > ul > li		{padding-left: 10px; position: relative;}
.process_wrap > ul > li > dl dd > ul > li > div > ul > li > ul > li:before	{content: "-"; position: absolute; top: 0; left: 0;}
.process_wrap > ul > li > dl dd > ul > li > div > ul strong,
.process_wrap > ul > li > dl dd > ul > li > div > p strong	{color: #054780; font-size: 18px; font-weight: 300; display: inline-block; margin-bottom: 5px;}
.process_wrap > ul > li.w_type1 > dl dd	{display: block; box-sizing: border-box; width: 100%; margin-bottom: 10px;}
.process_wrap > ul > li.w_type1 > dl dd:last-child	{margin-bottom: 0;}
.process_wrap > ul > li.w_type1 > dl dd > ul > li	{display: table-cell; width: auto; padding-left:25px;}
.process_wrap > ul > li.w_type1 > dl dd > ul > li:first-child	{width: 34%; padding-left:0;}
.process_wrap > ul > li.w_type1 > dl dd > ul > li > div	{padding-top: 0;}
.process_wrap > ul > li.w_type1 > dl.w4 dd > ul > li:first-child,
.process_wrap > ul > li.w_type1 > dl.w4 dd > ul > li	{width: 20%;}
.process_wrap > ul > li.point > dl	{background-color: #ededed; border-radius: 100px; padding: 15px 30px; box-sizing: border-box;}
.process_wrap > ul > li.point > dl dt	{background-color: transparent; color: #054780;}
.process_wrap > ul > li.point > dl dd > ul,
.process_wrap > ul > li.point > dl dd > p {text-align: left;}
.process_wrap > ul > li.point > dl dd > ul > li	{border: 0; padding: 0 0 0 15px; position: relative; margin: 5px 0 !important; display: block; height: auto; width: auto;}
.process_wrap > ul > li.point > dl dd > ul > li:before	{content: ""; position: absolute; top: 10px; left: 0; background-color: #51697c; width: 6px; height: 6px; border-radius: 100%;}
/* tablet */
body.Tablet .process_wrap.left > ul > li:after	{left: 50%;}
body.Tablet .process_wrap > ul > li > dl dt	{display: table-caption; width: 100%; margin-bottom: 10px; padding: 20px 0;}
body.Tablet .process_wrap > ul > li > dl dd	{padding: 0 10px 0 0;}
body.Tablet .process_wrap > ul > li.w_type1 > dl dd > ul > li	{padding-left: 10px;}
body.Tablet .process_wrap > ul > li.w_type1 > dl dd	{padding: 0;}
body.Tablet .process_wrap > ul > li > dl dd:last-child	{padding: 0;}
body.Tablet .process_wrap_2 > ul > li > p	{width: 80%;}
/* mobile */
body.Mobile .process_wrap.left > ul > li:after	{left: 50%;}
body.Mobile .process_wrap > ul > li > dl dt	{display: table-caption; width: 100%; margin-bottom: 10px; padding: 14px 0;}
body.Mobile .process_wrap > ul > li > dl dd	{display: block; margin-bottom:10px; width: 100%; padding: 0 10px 0 0;}
body.Mobile .process_wrap > ul > li.w_type1 > dl dd	{padding: 0;}
body.Mobile .process_wrap > ul > li > dl dd:last-child	{padding: 0;}
body.Mobile .process_wrap > ul > li.w_type1 > dl dd > ul > li	{margin-top: 10px; width: 100%; display: block; padding-left: 0;}
body.Mobile .process_wrap > ul > li.w_type1 > dl dd > ul > li:first-child		{padding-right: 0; margin-top: 0;}
body.Mobile .process_wrap > ul > li.w_type1 > dl.w4 dd > ul > li:first-child,
body.Mobile .process_wrap > ul > li.w_type1 > dl.w4 dd > ul > li	{width: 100%;}
.process_wrap_2 > ul > li	{display: block; padding-bottom: 30px; margin-bottom: 10px; position: relative; text-align: center;}
.process_wrap_2 > ul > li:after		{content: '';display: block; position: absolute; bottom: 0; left: 50%; margin-left: -15px; width: 30px; height: 20px; background: url('/sites/moj/images/contents/step_2_arrow.png') -20px center no-repeat; z-index: 4; transform: translateY(0px) rotate(-270deg);}
.process_wrap_2 > ul > li:last-child	{margin-bottom: 0; padding-bottom: 0;}
.process_wrap_2 > ul > li:last-child:after	{display: none;}
.process_wrap_2 > ul > li > p	{display: inline-block; vertical-align: middle; min-width: 40%; background-color: #ededed; border-radius: 50px; padding: 20px 15px; box-sizing: border-box;}
.process_wrap_2 > ul > li > p b		{color: #054780; font-size: 18px; font-weight: 400; display: block;}
/* mobile */
body.Mobile .process_wrap_2 > ul > li > p	{width: 100%;}
/* 법무정책서비스 > 범죄예방정책국 > 범죄예방 환경개선사업 */
.bgLineBox	{background-color: #f7f7f7; border: 1px solid #d9dee2; padding: 30px 15px; text-align: center; position: relative;}
.bgLineBox.white	{background-color: #FFF; border: 0;}
body.Tablet .bgLineBox, body.Mobile .bgLineBox	{padding: 20px 0;}
.step_2_1	{text-align: center; overflow: hidden; position: relative;}
.step_2_1 > ol	{display: initial !important; padding-left: 0 !important;}
.step_2_1 > ol > li		{display: inline-table !important; vertical-align: top; position: relative; box-sizing: border-box; padding: 0 3.5% !important; margin-top: 15px !important; max-width: 185px;}
.step_2_1.num > ol > li:after {content: '';display: block; position: absolute; top: 88px; right: -5%;width: 30px; height: 20px;	background: url('/sites/moj/images/contents/step_2_arrow.png') -20px center no-repeat; 	z-index: 4;}
body.Desktop .step_2_1.num > ol > li:nth-child(4n+4):after,
.step_2_1.num > ol > li:last-child:after	{display: none;}
.step_2_1 > ol > li > p {display: inline-table; vertical-align: top; width: 185px; border: 10px solid #e5e5e5; border-radius: 100%; box-sizing: border-box; position: relative;}
.step_2_1.num > ol > li > p:before,
.step_2_2 > ol > li > div:before	{content: '01'; display: block; position: absolute; top: 20px; left: 20px; color: #e5e5e5; font-size: 48px; font-weight: 500; z-index: 4; line-height: 1.1; -webkit-margin-before: -10px; -webkit-margin-start: -10px; letter-spacing: -0.08em;}
.step_2_1.num > ol > li:nth-child(2) > p:before,
.step_2_2 > ol > li:nth-child(2) > div:before	{content: '02';}
.step_2_1.num > ol > li:nth-child(3) > p:before,
.step_2_2 > ol > li:nth-child(3) > div:before	{content: '03';}
.step_2_1.num > ol > li:nth-child(4) > p:before,
.step_2_2 > ol > li:nth-child(4) > div:before	{content: '04';}
.step_2_1.num > ol > li:nth-child(5) > p:before,
.step_2_2 > ol > li:nth-child(5) > div:before	{content: '05';}
.step_2_1.num > ol > li:nth-child(6) > p:before,
.step_2_2 > ol > li:nth-child(6) > div:before	{content: '06';}
.step_2_1.num > ol > li:nth-child(7) > p:before,
.step_2_2 > ol > li:nth-child(7) > div:before	{content: '07';}
.step_2_1.num > ol > li:nth-child(8) > p:before,
.step_2_2 > ol > li:nth-child(8) > div:before	{content: '08';}
.step_2_1.num > ol > li:nth-child(9) > p:before,
.step_2_2 > ol > li:nth-child(9) > div:before	{content: '09';}
.step_2_1.num > ol > li:nth-child(10) > p:before,
.step_2_2 > ol > li:nth-child(10) > div:before	{content: '10';}
.step_2_1 > ol > li > p:after,
.step_2_2 > ol > li > div:after	{content: ''; display: block;	position: absolute; top: 35px; left: 135px;	width: 12px; height: 33px; background-color: #e5e5e5; transform: skewX(-45deg); z-index: 4; -webkit-margin-before: -10px; -webkit-margin-start: -10px;}
.step_2_1 > ol > li > p span	{display: table-cell; vertical-align: middle; height: 165px; background-color: #FFF; border-radius: 100%; color: #595959; font-size: 20px; position: relative; box-sizing: border-box; padding-top: 10px; word-break: keep-all;}
.step_2_1 > ol > li > p span em		{color: #a0a0a0; font-size: 16px; display: block;}
.step_2_1.num > ol > li > p span:before,
.step_2_1.num > ol > li > p span:after		{content: ""; position: absolute; top: 80px; width: 16px; height: 16px; background-color: #e5e5e5; border: 3px solid #fff; border-radius: 100%; box-sizing: border-box; z-index: 4;}
.step_2_1.num > ol > li > p span:before		{left: -16px;}
.step_2_1.num > ol > li > p span:after		{right: -16px;}
.step_2_1 > ol > li:first-child > p span:before,
.step_2_1 > ol > li:last-child > p span:after{display: none;}
.step_2_1 > ol > li .list	{background-color: #FFF; border: 2px solid #e5e5e5; border-radius: 10px; padding: 15px; margin-top: 20px; margin-left: -10%; text-align: left; position: relative; width: 120%; box-sizing: border-box; word-break: keep-all; min-height: 150px;}
.step_2_1 > ol.h90 > li .list		{min-height: 90px;}
.step_2_1 > ol > li .list:before	{content: ""; position: absolute; top: -23px; left: 50%; margin-left: -1px; width: 2px; height: 100%; z-index: -1; background-color: #e5e5e5;}
.step_2_1 > ol > li .list .title	{color: #054780; font-size: 18px; margin-bottom: 10px; font-weight: 400;}
.step_2_1 > ol > li .list > ul > li,
.step_2_2 > ol > li > div > ul > li		{position: relative; padding-left: 15px !important; margin: 5px 0 !important; text-align:left !important;}
.step_2_1 > ol > li .list > ul > li:before,
.step_2_2 > ol > li > div > ul > li:before 	{content: ""; position: absolute !important; top: 8px !important; left:0; width: 6px; height: 6px; background-color: #51697c; border-radius: 100%;}
.step_2_1 > ol > li .list > ul > li > ul > li,
.step_2_2 > ol > li > div > ul > li > ul > li	{position: relative; padding-left: 10px; margin: 5px 0 !important; text-align:left !important;}
.step_2_1 > ol > li .list > ul > li > ul > li:before,
.step_2_2 > ol > li > div > ul > li > ul > li:before	{content: "-"; position: absolute !important; top: 0; left:0;}
.step_2_1.orgType:before	{content: ""; position: absolute; top: 0; left: 12.5%; width: 75%; height: 2px; background-color: #e5e5e5;}
.step_2_1.orgType > ol	{overflow: hidden;}
.step_2_1.orgType > ol > li		{float: left; position: relative; margin-top: 0 !important; padding: 50px 3.5% 0 3.5% !important; max-width: 28%; width: 25%;}
.step_2_1.orgType > ol > li:before	{content: ""; position: absolute; top: 0; left: 50%; width: 2px; height: 100%; background-color: #e5e5e5; margin-left: -1px;}
.step_2_1.orgType > ol > li:after,
.step_2_1.orgType > ol > li > p span:after	{display: none;}
.step_2_1.orgType > ol > li .list	{min-height: 190px;}
.step_2_1.orgType > ol > li > p span:before		{top: -13px; left: 50%; margin-left: -8px;}
.step_2_1.orgType > ol > li:first-child > p span:before	{display: block;}
/* tablet */
body.Tablet .step_2_1 > ol > li .list	{width: 100%; margin-left: 0;}
body.Tablet .step_2_1 > ol > li > p		{width: 165px;}
body.Tablet .step_2_1 > ol > li > p:before	{font-size: 40px;}
body.Tablet .step_2_1 > ol > li > p:after	{left: 125px; height: 23px;}
body.Tablet .step_2_1 > ol > li > p span	{height: 145px;}
body.Tablet .step_2_1.num > ol > li > p span:before, body.Tablet .step_2_1 > ol > li > p span:after	{top: 70px;}
body.Tablet .step_2_1.num > ol > li:after	{top: 78px;}
body.Tablet .step_2_1.orgType > ol > li 	{width: 33.3%; max-width: 33.3%;}
body.Tablet .step_2_1.orgType > ol > li > p span:before		{top: -13px;}
body.Tablet .step_2_1.orgType:before	{left: 16.7%; width: 66.5%;}
@media screen and (max-width : 730px) {
  body.Tablet .step_2_1.orgType > ol > li	{width: 49%; max-width: 49%; float: none;}
  body.Tablet .step_2_1.orgType:before	{left: 25.5%; width: 49%;}
}
/* mobile */
body.Mobile .step_2_1 > ol > li		{display: list-item !important; padding: 0 0 55px 0 !important; max-width: 100%;}
body.Mobile .step_2_1 > ol > li:after		{right: auto; left: 50%; transform: translateY(0px) rotate(-270deg); margin-left: -15px; top: auto; bottom: 10px;}
body.Mobile .step_2_1 > ol > li .list	{padding: 5px 10px; width: 100%; margin-left: 0; min-height: auto;}
body.Mobile .step_2_1 > ol > li > p		{width: 165px;}
body.Mobile .step_2_1 > ol > li > p:before	{font-size: 40px;}
body.Mobile .step_2_1 > ol > li > p:after	{left: 125px; height: 23px;}
body.Mobile .step_2_1 > ol > li > p span	{height: 145px; word-break: keep-all;}
body.Mobile .step_2_1.num > ol > li > p span:before, body.Mobile .step_2_1.num > ol > li > p span:after	{top: 70px;}
body.Mobile .step_2_1.orgType > ol > li		{float: none; padding: 0 0 30px 0 !important; width: 100%; max-width: 100%;}
body.Mobile .step_2_1.orgType > ol > li > p span:before, body.Mobile .step_2_1.orgType > ol > li > p span:after	{top: -13px;}
body.Mobile .step_2_1.orgType:before,
body.Mobile .step_2_1.orgType > ol > li:nth-child(4n+4):after	{display: none;}
body.Mobile .step_2_1 > ol > li:last-child	{padding: 0 !important;}
.step_2_2	{overflow: hidden; word-break: keep-all; text-align: left;}
.step_2_2 > ol	{padding-left: 0 !important; width: 104%;}
.step_2_2 > ol > li		{float:left; position: relative; box-sizing: border-box; margin-right: 4%; margin-bottom: 50px !important; width: 29.3%; min-height: 260px; border: 5px solid #e5e5e5; border-radius: 50px; list-style: none !important;}
.step_2_2.h160 > ol > li		{min-height: 160px;}
.step_2_2 > ol > li:before	{content: ""; position: absolute; top: 50%; right: -45px; background: url('/sites/moj/images/contents/step_2_arrow.png') left center no-repeat; width: 50px; height: 20px; z-index: 5; margin-top: -10px;}
.step_2_2 > ol > li:after	{content: ""; position: absolute; top: 50%; left: -10px; width: 16px; height: 16px; background-color: #e5e5e5; border: 3px solid #fff; border-radius: 100%; box-sizing: border-box; z-index: 4; margin-top: -8px;}
.step_2_2 > ol > li > div	{position: relative; padding: 40px 20px 10px 40px; overflow: hidden; vertical-align: top; border-radius: 40px;}
.step_2_2 > ol > li > div:before	{left: 0; top: 10px; -webkit-margin-before: 0; -webkit-margin-start: -2px; z-index: 0;}
.step_2_2 > ol > li > div:after	{left: auto; right: 5%; top: 15px; -webkit-margin-before:0; -webkit-margin-start: 0;}
.step_2_2 > ol > li > div .title {font-size: 20px; color: #2460db; margin-bottom: 10px; z-index: 1; position: relative; font-weight: 400;}
/* desktop */
body.Desktop .step_2_2 > ol > li:nth-child(6n+4), body.Desktop .step_2_2 > ol > li:nth-child(6n+5), body.Desktop .step_2_2 > ol > li:nth-child(6n+6)  {float: right;}
body.Desktop .step_2_2 > ol > li:nth-child(6n+4):before, body.Desktop .step_2_2 > ol > li:nth-child(6n+5):before, body.Desktop .step_2_2 > ol > li:nth-child(6n+6):before		{transform: translateY(0px) rotate(-180deg); left: -45px;}
body.Desktop .step_2_2 > ol > li:nth-child(6n+4):after, body.Desktop .step_2_2 > ol > li:nth-child(6n+5):after, body.Desktop .step_2_2 > ol > li:nth-child(6n+6):after		{left: auto; right: -10px;}
body.Desktop .step_2_2 > ol > li:nth-child(3n+3):before 	{transform: translateY(0px) rotate(-270deg); margin-left: -25px;left: 50%;top: auto;bottom: -40px;}
body.Desktop .step_2_2 > ol > li:nth-child(9n+9)	{margin-right: 0;}
body.Desktop .step_2_2 > ol > li:last-child:before,
body.Desktop .step_2_2 > ol > li:nth-child(3n+1):after	{display: none;}
body.Desktop .step_2_2 > ol > li:nth-child(3n+1)	{clear: both;}
/* tablet */
body.Tablet .step_2_2 > ol	{width: 107.5%;}
body.Tablet .step_2_2 > ol > li	{width: 43%; margin-right: 7%;}
body.Tablet .step_2_2 > ol > li:nth-child(4n+3), body.Tablet .step_2_2 > ol > li:nth-child(4n+4)  {float: right;}
body.Tablet .step_2_2 > ol > li:nth-child(4n+3):before, body.Tablet .step_2_2 > ol > li:nth-child(4n+4):before		{transform: translateY(0px) rotate(-180deg); left: -45px;}
body.Tablet .step_2_2 > ol > li:nth-child(4n+3):after, body.Tablet .step_2_2 > ol > li:nth-child(4n+4):after		{left: auto; right: -10px;}
body.Tablet .step_2_2 > ol > li:nth-child(2n+2):before 	{transform: translateY(0px) rotate(-270deg); margin-left: -25px;left: 50%;top: auto;bottom: -30px;}
body.Tablet .step_2_2 > ol > li:last-child:before,
body.Tablet .step_2_2 > ol > li:nth-child(2n+1):after	{display: none;}
body.Tablet .step_2_2 > ol > li:nth-child(2n+1)	{clear: both;}
body.Tablet .step_2_2 > ol > li:last-child	{margin-right: 7%;}
body.Tablet .step_2_2 > ol > li > div:after		{right: 3%;}
body.Tablet .step_2_2 > ol > li > div	{position: relative; padding: 40px 20px 10px 40px; overflow: hidden; vertical-align: top; border-radius: 40px;}
body.Tablet .step_2_2 > ol > li > div:before	{left: 0; top: 10px; -webkit-margin-before: 0; -webkit-margin-start: -2px; z-index: 0;}
body.Tablet .step_2_2 > ol > li > div:after	{left: auto; right: 5%; top: 15px; -webkit-margin-before:0; -webkit-margin-start: 0;}
body.Tablet .step_2_2 > ol > li > div .title {font-size: 20px; color: #2460db; margin-bottom: 10px; z-index: 1; position: relative; font-weight: 400;}
/* mobile */
body.Mobile .step_2_2 > ol	{width: 100%;}
body.Mobile .step_2_2 > ol > li		{width: 100%; margin-right: 0; min-height: auto; margin-bottom: 60px !important;}
body.Mobile .step_2_2 > ol > li:before	{top: auto; bottom: -40px; right: auto; left: 50%; margin-left: -25px; transform:translateY(0px) rotate(-270deg);}
body.Mobile .step_2_2 > ol > li:after	{top: -10px; left: 50%; margin-left: -8px;}
body.Mobile .step_2_2 > ol > li:first-child:after,
body.Mobile .step_2_2 > ol > li:last-child:before	{display: none;}
body.Mobile .step_2_2 > ol > li > div	{padding: 40px 30px 30px;}
body.Mobile .step_2_2 > ol > li > div	{position: relative; padding: 40px 20px 10px 40px; overflow: hidden; vertical-align: top; border-radius: 40px;}
body.Mobile .step_2_2 > ol > li > div:before	{left: 0; top: 10px; -webkit-margin-before: 0; -webkit-margin-start: -2px; z-index: 0;}
body.Mobile .step_2_2 > ol > li > div:after	{left: auto; right: 5%; top: 15px; -webkit-margin-before:0; -webkit-margin-start: 0;}
body.Mobile .step_2_2 > ol > li > div .title {font-size: 20px; color: #2460db; margin-bottom: 10px; z-index: 1; position: relative; font-weight: 400;}
.step_2_3	{display: initial !important; margin: 0 auto;}
.step_2_3 > li 	{display: inline-table !important; vertical-align: top; margin: 10px 20px !important; position: relative;}
.step_2_3 > li:after	{content: ""; position: absolute; top: 50%; left: -36px; background: url('/sites/moj/images/contents/step_2_3_arrow.png') left center no-repeat; width: 29px; height: 20px; margin-top: -10px;}
.step_2_3 > li:first-child:after	{display: none;}
.step_2_3 > li > div	{border: 13px solid #e5e5e5; background-color: #FFF; text-align: center; width: 175px; height: 175px; box-sizing: border-box; border-radius: 100%; display: table-cell; vertical-align: middle;}
.step_2_3 > li > div:before,
.step_2_3 > li > div:after 	{content: ""; position: absolute; top: 50%; border: 2px solid #FFF; background-color: #e5e5e5; width: 14px; height: 14px; box-sizing: border-box; border-radius: 100%; margin-top: -7px;}
.step_2_3 > li > div:before	{left: 0px;}
.step_2_3 > li > div:after	{right: 0px;}
.step_2_3 > li > div .title	{color: #2460db; font-size: 20px; margin-bottom: 15px;}
/* tablet */
body.Tablet .step_2_3 > li:nth-child(3):after	{display: none;}
/* mobile */
body.Mobile .step_2_3 > li:after	{display: none;}
body.Mobile .step_2_3 > li		{margin: 10px 5px !important;}
body.Mobile .step_2_3 > li > div	{width: 130px; height: 130px; border-width: 8px;}
body.Mobile .step_2_3 > li > div:before,
body.Mobile .step_2_3 > li > div:after	{width: 12px; height: 12px;}
body.Mobile .step_2_3 > li > div:before	{left: -2px;}
body.Mobile .step_2_3 > li > div:after	{right: -2px;}
body.Mobile .step_2_3 > li:after	{left: -30px;}
.step_2_4	{overflow: hidden;}
.step_2_4 > ul 	{width: 105%;}
.step_2_4 > ul > li		{float: left; width: 45%; box-sizing: border-box; margin-right: 5%; position: relative;}
.step_2_4 > ul > li:after	{content: ""; position: absolute; top: 85px; left: 0; width: 100%; height: 2px; background-color: #e5e5e5; z-index: -1;}
.step_2_4 > ul > li:nth-child(odd)	{clear: both;}
.step_2_4 > ul > li > dl		{display: table; width: 100%; box-sizing: border-box; padding: 15px 0 15px 200px; min-height: 170px; margin-bottom: 30px;}
.step_2_4 > ul > li > dl > dt	{position: absolute; top: 0; left: 0; border: 13px solid #e5e5e5; border-radius: 100%; background-color: #FFF; width: 170px; max-width: 170px; height: 170px; text-align: center; margin: 0 20px 0 0; box-sizing: border-box; text-align: center; display: table;}
.step_2_4 > ul > li > dl > dt span	{display: table-cell; vertical-align: middle; color: #2460db; font-size: 18px; word-break: keep-all;}
.step_2_4 > ul > li > dl > dd	{display: table-cell; vertical-align: top; width: 100%; height: 100%; border: 2px solid #e5e5e5; padding: 15px; border-radius: 10px; background-color: #FFF; box-sizing: border-box;}
.step_2_4 > ul > li > dl > dd > ul > li	{position: relative; padding-left: 15px !important; margin: 5px 0 !important;}
.step_2_4 > ul > li > dl > dd > ul > li:before 	{content: ""; position: absolute; top: 9px; left:0; width: 6px; height: 6px; background-color: #51697c; border-radius: 100%;}
/* tablet */
body.Tablet .step_2_4 > ul	{width: 100%;}
body.Tablet .step_2_4 > ul > li		{width: 100%; margin-right: 0;}
/* mobile */
body.Mobile .step_2_4 > ul	{width: 100%;}
body.Mobile .step_2_4 > ul > li		{width: 100%; margin-right: 0;}
body.Mobile .step_2_4 > ul > li:after	{top: 0; left: 50%; margin-left: -1px; width: 2px; height: 100%;}
body.Mobile .step_2_4 > ul > li > dl	{padding: 0;}
body.Mobile .step_2_4 > ul > li:last-child > dl		{margin-bottom: 0;}
body.Mobile .step_2_4 > ul > li > dl > dt	{position: relative; top: auto; left: auto; width: 100%; margin: 0 auto 20px auto;}
body.Mobile .step_2_4 > ul > li > dl > dd	{display: block;}
/* 페이지 준비중 */
.page_ready {text-align: center; font-size: 17px; margin: 50px 0 100px;}
.page_ready img {display: block; width: 100%; max-width: 433px; margin: 0 auto 40px;}
.page_ready h3 {position: relative; display: inline-block; color: #2c2f35; font-size: 36px; margin-bottom: 30px; padding: 0 40px;}
.page_ready h3 strong {color: #2460db; font-weight: 300;}
.page_ready h3:before,
.page_ready h3:after{content:'“'; color: #e5e5e5; font-size: 60px; font-weight: 400; position: absolute; top: 0; left: 0; height: 23px; line-height: 1;}
.page_ready h3:after {content: '”'; left: auto; right: 0;}
.page_ready p {margin-bottom: 10px;}
body.Mobile .page_ready h3 {font-size: 25px;}
/* */
.step_1_1	> ol	{padding-left: 0 !important; overflow: hidden;}
.step_1_1	> ol > li	{position: relative; list-style: none !important; padding: 0 0 0 5px; margin: 0 0 20px 0 !important; float: left; width: 16.6%; box-sizing: border-box;}
.step_1_1	> ol > li > .title	{background-color: #f5f5f5; text-align: center; min-height: 120px; border-radius: 10px; display: table; width: 95%; box-sizing: border-box; padding: 25px 20px; position: relative; z-index: 2;}
.step_1_1	> ol > li > .title p	{position: relative; color: #333; font-size: 18px; line-height: 1.3; display: table-cell; vertical-align: top;}
.step_1_1	> ol > li > .title p span	{display: block; font-size: 15px; color: #333;}
.step_1_1	> ol > li > .title p:before	{content: "00"; display: block; font-style: italic; color: #333; font-size: 18px;}
.step_1_1	> ol > li:nth-child(1) > .title p:before	{content: "01";}
.step_1_1	> ol > li:nth-child(2) > .title p:before	{content: "02";}
.step_1_1	> ol > li:nth-child(3) > .title p:before	{content: "03";}
.step_1_1	> ol > li:nth-child(3) > .title.no2 p:before	{content: "03-1";}
.step_1_1	> ol > li:nth-child(4) > .title p:before	{content: "04";}
.step_1_1	> ol > li:nth-child(5) > .title p:before	{content: "05";}
.step_1_1	> ol > li:nth-child(6) > .title p:before	{content: "06";}
.step_1_1	> ol > li:nth-child(7) > .title p:before	{content: "07";}
.step_1_1	> ol > li:nth-child(8) > .title p:before	{content: "08";}
.step_1_1	> ol > li:nth-child(9) > .title p:before	{content: "09";}
.step_1_1	> ol > li:nth-child(10) > .title p:before	{content: "10";}
.step_1_1	> ol > li > .title p:after	{content: ""; position: absolute; top: 50%; right: -5%; background: url("../../images/contents/arrow.png") left top no-repeat; width: 10px; height: 6px; margin-top: -3px; transform: translateY(0px) rotate(-90deg);}
.step_1_1	> ol > li > ul	{border: 1px solid #ebebeb; border-radius: 10px; padding: 90px 5px 15px 15px; margin: -85px 0px 30px 10px; text-align: left; box-sizing: border-box; min-height: 265px; background-color: #FFF;}
.step_1_1	> ol > li:first-child > ul	{border-color: #91afed;}
.step_1_1	> ol > li:first-child > .title	{background-color: #2460db;}
.step_1_1	> ol > li:last-child > ul	{border-color: #92d0ed;}
.step_1_1	> ol > li:last-child > .title	{background-color: #25a1db;}
.step_1_1	> ol > li:nth-child(3) > ul:last-child	{border-color: #cad2d7; margin-bottom: 0;}
.step_1_1	> ol > li:nth-child(3) > .title.no2	{background-color: #51697c;}
.step_1_1	> ol > li:first-child > .title p,
.step_1_1	> ol > li:first-child > .title p span,
.step_1_1	> ol > li:first-child > .title p:before,
.step_1_1	> ol > li:last-child > .title p,
.step_1_1	> ol > li:last-child > .title p span,
.step_1_1	> ol > li:last-child > .title p:before,
.step_1_1	> ol > li:nth-child(3) > .title.no2 p,
.step_1_1	> ol > li:nth-child(3) > .title.no2 p span,
.step_1_1	> ol > li:nth-child(3) > .title.no2 p:before	{color: #FFF;}
.step_1_1	> ol > li:first-child > .title p:after		{background-position: right top;}
.step_1_1	> ol > li:nth-child(3) > .title.no2 p:after,
.step_1_1	> ol > li:last-child > .title p:after		{display: none;}
.step_1_1	> ol > li > ul		{overflow: hidden;}
.step_1_1	> ol > li > ul > li		{position: relative; padding: 0 5px 0 7px; box-sizing: border-box; margin: 2px 0 !important; letter-spacing: -1px;}
.step_1_1	> ol > li > ul > li:before	{content: ""; position: absolute; top: 10px; left: 0; background-color: #2460db; width: 2px; height: 2px;}
.step_1_1	> ol > li > ul.w2 > li		{float: left; width: 50%;}
.step_1_1	> ol > li > ul.w2 > li:last-child	{width: 100%;}
.step_1_1	> ol > li > ul > li	> ul > li	{position: relative; padding-left: 10px; color: #888; font-size:14px;}
.step_1_1	> ol > li > ul > li	> ul > li:before	{content: "-"; position: absolute; top: 0; left: 0;}
.step_1_1	> ol > li:nth-child(2):before,
.step_1_1	> ol > li:nth-child(2):after	{content: ""; position: absolute; bottom: -60px; left: 55%; border: 0.5px dashed #CCC; z-index: -1;}
.step_1_1	> ol > li:nth-child(2):before	{height: 100%;}
.step_1_1	> ol > li:nth-child(2):after	{width: 100%;}
.step_1_1.foreigner > ol > li:nth-child(2):before, .step_1_1.foreigner > ol > li:nth-child(2):after {display: none;}
.step_1_1.foreigner	> ol > li:nth-child(3) > ul:last-child	{border-color: #ebebeb; margin-bottom: 30px;}
.step_1_1.foreigner	> ol > li:nth-child(5) > .title	{background-color: #51697c;}
.step_1_1.foreigner	> ol > li:nth-child(6) > .title	{background-color: #51697c;}
.step_1_1.foreigner	> ol > li:nth-child(5) > .title p,
.step_1_1.foreigner	> ol > li:nth-child(5) > .title p:before {color: #fff;}
.step_1_1.foreigner	> ol > li:nth-child(5) > .title.no2	{background-color: #25a1db;}
.step_1_1.foreigner	> ol > li:nth-child(6) > .title.no2	{background-color: #25a1db;}
/*tablet*/
body.Tablet .step_1_1 > ol > li	{width: 33.3%;}
body.Tablet .step_1_1 > ol > li:nth-child(3n+1)	{clear: both;}
@media screen and (max-width : 560px) {
  body.Tablet .step_1_1 > ol > li	{width: 50%;}
  body.Tablet .step_1_1 > ol > li:nth-child(3n+1)	{clear: none;}
  body.Tablet .step_1_1 > ol > li:nth-child(4)	{clear: both;}
  body.Tablet .step_1_1.foreigner > ol > li:nth-child(4)	{clear: inherit;}
  body.Tablet .step_1_1 > ol > li:nth-child(2):before, body.Tablet .step_1_1 > ol > li:nth-child(2):after	{bottom: -430px;}
  body.Tablet .step_1_1 > ol > li:nth-child(2):before	{height: 160%;}
  body.Tablet .step_1_1 > ol > li:nth-child(2):after	{width: 55%; left: 0;}
}
/*mobile*/
body.Mobile .step_1_1 > ol > li	{width: 100%;}
body.Mobile .step_1_1.foreigner	> ol > li:nth-child(5), body.Mobile .step_1_1.foreigner	> ol > li:nth-child(6) {width: 50%;}
body.Mobile .step_1_1 > ol > li > ul	{min-height: auto; margin-bottom: 10px;}
body.Mobile .step_1_1 > ol > li:nth-child(3) > .title,
body.Mobile .step_1_1 > ol > li:nth-child(3) > ul	{float: left; width: 75%;}
body.Mobile .step_1_1 > ol > li:nth-child(2):before, body.Mobile .step_1_1 > ol > li:nth-child(2):after		{left: 90%; bottom: -100%;}
body.Mobile .step_1_1 > ol > li:nth-child(2):before		{height: 160%;}
body.Mobile .step_1_1 > ol > li:nth-child(2):after	{width: 90%; left: 0;}
body.Mobile .step_1_1.foreigner > ol > li:nth-child(3) > .title,
body.Mobile .step_1_1.foreigner > ol > li:nth-child(3) > ul	{float: none; width: 100%;}
/* 탑승자사전확인제도 */
.boardingWrap {background-color: #f7f7f7; padding: 20px; overflow-x: auto; position: relative;}
.boardingWrap .overflowX {width: 100%; min-width: 960px; text-align: center;}
.boardingWrap img {display: block; margin: 0 auto; max-width: 864px; width: 100%;}
/*.boardingWrap ul {display: table; width: 100%; margin-bottom: 20px; text-align: center;}*/
.boardingWrap ul > li {display: inline-table; position: relative; z-index: 2; margin-right: 85px; margin-bottom: 10px;}
.boardingWrap ul > li > div {position: relative; display: table-cell; vertical-align: middle; color: #333; font-size: 18px; text-align: center;width: 170px; height: 120px; border: 1px solid #2460db; border-radius: 10px; background-color: #fff;}
.boardingWrap ul > li:after {	content: ''; position: absolute; top: 10px; left: 10px; width: 170px; height: 120px; background: url('/sites/immigration/images/contents/boarding_pattern_grey.png') left top repeat;border-radius: 10px; z-index: -1;}
.boardingWrap ul > li > div:before {	content: ''; position: absolute; top: 55px; right: -46%; width: 61px; height: 9px; background: url('/sites/immigration/images/contents/boarding_arrow.png') left top repeat;}
.boardingWrap ul > li:first-child > div {color: #fff; background-color: #2460db;}
.boardingWrap ul > li:last-child > div {color: #fff; background-color: #25a1db; border-color: #25a1db;}
.boardingWrap ul > li:first-child:after,
.boardingWrap ul > li:last-child:after{background-image: url('/sites/immigration/images/contents/boarding_pattern.png');}
.boardingWrap ul > li:last-child {margin-right: 0;}
.boardingWrap ul > li:last-child > div:before {display: none;}
/* 외국인을 위한 마을변호사 */
.callCenter {position: relative; height: 535px; max-width: 899px; margin: 0 auto; background:  url('/sites/immigration/images/contents/callCenter_bg.png') center center no-repeat; background-size: 100%;}
.callCenter p.number {position: absolute; top: 53%; left: calc(50% - 93px); color: #054780; font-weight: 600; font-size: 48px; text-align: center; font-style: italic;}
.callCenter li {position: absolute;text-align: center; width: 235px; height: 235px; background: url('/sites/immigration/images/contents/callCenter_li_bg.png') center top no-repeat; padding-top: 45px; box-sizing: border-box;}
.callCenter li.li01 {top: 0; left: calc(50% - 121px);}
.callCenter li.li02 {bottom: 0; left: 0; background-image: url('/sites/immigration/images/contents/callCenter_li2_bg.png'); padding-top: 60px;}
.callCenter li.li03 {bottom: 0; right: 0; background-image: url('/sites/immigration/images/contents/callCenter_li3_bg.png'); padding-top: 60px;}
.callCenter li.li01 p {color: #2460db; font-size: 18px; font-weight: 500;}
.callCenter li:before {content: ''; display: block; margin: 0 auto 10px; width: 83px; height: 83px; background: url('/sites/immigration/images/contents/callCenter_li_icon.png') center top no-repeat;}
.callCenter li.li02:before {background-position: center -294px; margin-bottom: 20px;}
.callCenter li.li03:before {background-position: center -591px; margin-bottom: 20px;}
@media all and (max-width: 600px) {
	.callCenter {height: auto; background: none; }
	.callCenter li,
	.callCenter p.number{position: static; margin: 0 auto 20px;}
}
/* 자동출입국심사서비스 SES */
.stageArea .circle {display: table; position: relative;width: 191px; height: 191px; margin: 3px auto;}
.stageArea .circle:after {content: ''; position: absolute; top: -2px; right: -6px;width: 195px; height: 195px;background-image: url('../../images/contents/stage_circle.png'); background-repeat: no-repeat;}
.stageArea .circle .imgBox {display: table-cell; vertical-align: middle; text-align: center;border: 1px solid #d3d3d3; border-radius: 50%;}
.stageWrap li.li01 .stageArea .circle:after {background-position: 95px top;}
.stageWrap li.li02 .stageArea .circle:after {background-position: -131px top;}
.stageWrap li.li03 .stageArea .circle:after {background-position: -358px top;}
.stageWrap li.li04 .stageArea .circle:after {width: 201px; background-position: -578px top;}
.stageWrap li.li05 .stageArea .circle:after {width: 201px; background-position: -804px top;}
.stageWrap ul {display: table; width: 100%;}
.stageWrap li {display: inline-table; width: 19.5%; margin : 0 auto;}
.stageWrap .content {position: relative; text-align: center; width: 100%; max-width: 165px; min-height: 220px; box-sizing: border-box; padding: 15px; border: 1px solid #ddd; border-radius: 10px; margin: 20px auto;}
.stageWrap .content dt {color: #333; font-size: 18px; font-style: italic; margin-bottom: 15px;}
.stageWrap .content:after {content: ''; position: absolute; left: 110%; top: 50%; width: 21px; height: 9px; background: url('../../images/contents/stage_arrow.png') left top no-repeat;}
.stageWrap li.li05 .content:after{display: none;}
body.Tablet .stageWrap li {width: 33%;}
@media all and (max-width: 670px) {
	.stageWrap li {width: 48%;}
}
body.Mobile .stageWrap li {width: 100%;display: block;}
body.Mobile .stageWrap .content:after {display: none;}
/* 법무정책서비스 > 법무/검찰 > 공증 */
.authentication {max-width: 880px; margin: 0 auto;}
.authentication .top,
.authentication .bottom {overflow: hidden; max-width: 60%; margin: 0 auto;}
.authentication ol.left {float: left;}
.authentication ol.right {float: right;}
.authentication .center {position: relative; height: 222px; margin: 63px auto 20px;;}
.authentication .center:before,
.authentication .center:after {content:''; position: absolute; top: -43px; left: 90px; width: calc(100% - 180px); height: 2px; background-color: #b9b9b9;}
.authentication .center:after {top: auto; bottom: -1px;}
.authentication .center > p {position: absolute; top: 0; text-align: center; width: 180px; height: 180px; background: url('/sites/moj/images/contents/authentication_icon.png') left top no-repeat;}
.authentication .center > p > span {display: block; color: #444; font-size: 18px; margin-top: 135px; margin-bottom: 18px;}
.authentication .center > p.entrust {left: 0;}
.authentication .center > p.notary {right: 0;background-position: right top;}
.authentication .center > p:before,
.authentication .center > p.notary:after{content:'';display: block; width: 2px;height: 43px;background-color: #b9b9b9; margin: -43px auto 0;}
.authentication .center > p:after,
.authentication .center > p.notary:before{content:'';display: block; width: 20px;height: 43px; margin: 0 auto -43px; background: url('/sites/moj/images/contents/authentication_arrow.png') left top no-repeat;}
.authentication .center > p.notary:after {margin: 0 auto -43px;}
.authentication .center > p.notary:before {margin: -43px auto 0; transform: rotate(180deg);}
@media screen and (max-width: 540px) {
	.authentication ol.left, .authentication ol.right {float: none; margin-bottom: 20px;}
	.authentication ol.left li > ul.ul_2 {margin-bottom: 20px;}
}
/* 정보공개담당자 */
.tableWrap._2table {overflow: hidden;}
.tableWrap._2table table {float: left; width: 50% !important;}
body.Mobile .tableWrap._2table table {float: none; width: 100% !important;}
/* mobile pager font size */
body.Mobile ._paging ._inner ._pageState span {font-size: 1em;}
input[readonly], input[readonly=readonly]  { background-color:#f6f6f6; }
input:-moz-read-only, input:read-only { background-color:#f6f6f6; }
/* 게시판 관련 style (20190620 고석만)
.button_list .fR { float: right;}
.button_list .fL { float: left;}
.button.type1, .button.type2, .button.type3 {background-color: #1562a3;}
.button.type4 {background-color: #5a6873; margin-left: 10px;}
.button.type5 {background-color: #4b6db3; }
.button.type6 {background-color: #1E7EB0; }
.button a:hover, .button input:hover, .button button:hover,
.button a:active, .button input:active, .button button:active { color: #ffffff; background-color: #036; }
._mojList .cateSelDiv  label { display:inline !important; overflow:hidden; font-size:0; line-height:0 !important; text-indent:-9999em; }
._mojList .cateSelDiv select { color: #444; font-size: 13px; border: 1px solid #c3c2c2; line-height: 33px; height: 33px; box-sizing: border-box; display: inline-block; vertical-align: middle; padding: 0 0 0 5px;}
._mojList .cateSelDiv input[type=submit] { height: 33px !important; background-color: #545454 !important;  }
._mojList table.artclTable tbody td._artclTdTitle a:hover strong,
._mojList table.artclTable tbody td._artclTdTitle a:focus strong
._mojList table.artclTable tbody td._artclTdTitle a:active strong {font-weight:500;color:#036;text-decoration:underline;}
._mojWrite .artclForm dt { background-color: #f6f6f6; color:#333333; }
._mojWrite .artclForm dt .artclLabel, ._mojWrite .artclForm dt > label, ._mojWrite .artclForm dt > span { display: block; min-height: 35px; margin-top: 15px; }
._mojView .artclNavi .artclForm dd > a { max-width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display:block; } */
/* 20190710 웹접근성(고석만) */
body.Desktop .menuUItop ._childDiv .ul_2 li a { position:relative; letter-spacing:-1px; }
body.Desktop .menuUItop ._childDiv .ul_2 li a:hover:before,
body.Desktop .menuUItop ._childDiv .ul_2 li a:focus:before,
body.Desktop .menuUItop ._childDiv .ul_2 li a._active:before { content:""; width:4px; height:4px; display:block; position:absolute; left:-8px; top:8px; background-color:#1489eb; font-size:0; line-height:0; }
.stepflow .title em { font-size:0; line-height: 0; overflow: hidden; text-indent: -9999em; }
/* 20190814 교정 수형자처우개선 (고석만) */
.moj_step_list_01	{ overflow:hidden; width:100%; min-width: 960px;}
.moj_step_list_01 > ol 	{ padding-left: 0 !important; display: table !important; width: 100%; min-width: 960px; text-align: center;}
.moj_step_list_01 > ol > li	 {display: inline-table !important; width: 16.6%; margin-top: 0 !important; list-style: none !important; float: left; word-break: keep-all;}
.moj_step_list_01 > ol > li em		{display: block; position: relative; color: #888; font-weight: 400; padding-bottom: 20px; margin-bottom: 15px;}
.moj_step_list_01 > ol > li em:before,
.moj_step_list_01 > ol > li em:after 	{content: ""; background-color: #000; position: absolute;}
.moj_step_list_01 > ol > li em:before		{width: 100%; height: 2px; bottom: 0; left: 0;}
.moj_step_list_01 > ol > li em:after		{width: 9px; height: 9px; transform: translateY(0px) rotate(-135deg); bottom: -4px; right: 0;}
.moj_step_list_01 > ol > li:nth-child(1) em:before,
.moj_step_list_01 > ol > li:nth-child(1) em:after 		{background-color: #c4c4c4;}
.moj_step_list_01 > ol > li:nth-child(2) em:before,
.moj_step_list_01 > ol > li:nth-child(2) em:after 		{background-color: #51697c;}
.moj_step_list_01 > ol > li:nth-child(3) em:before,
.moj_step_list_01 > ol > li:nth-child(3) em:after 		{background-color: #25a1db;}
.moj_step_list_01 > ol > li:nth-child(4) em:before,
.moj_step_list_01 > ol > li:nth-child(4) em:after 		{background-color: #2460db;}
.moj_step_list_01 > ol > li:nth-child(5) em:before,
.moj_step_list_01 > ol > li:nth-child(5) em:after 		{background-color: #002e8d;}
.moj_step_list_01 > ol > li dl	{width: 90%; margin: 0 auto 20px auto;}
.moj_step_list_01 > ol > li dl dt	{font-size: 16px; color: #333; font-weight: 400; margin-bottom: 5px;}
.moj_step_list_01 > ol > li dl dd	{font-size: 14px; color: #888; }
.moj_step_list_01 p.time span { overflow:hidden; text-indent: -9999em; font-size: 0; line-height: 0; }
.moj_step_list_01 > ul.day { overflow: hidden; width: 100%; min-width: 960px; text-align: left; position: relative;  }
.moj_step_list_01 > ul.day:before,
.moj_step_list_01 > ul.day:after { content: ""; display: block; position: absolute; }
.moj_step_list_01 > ul.day:before {  width:1px; height:25px; border-right: 1px solid #ccc; top: 0; right: 0; }
.moj_step_list_01 > ul.day:after { width: 100%; height: 1px; border-top: 1px dashed #ccc; top: 50%; left: 0; }
.moj_step_list_01 > ul.day > li { width: calc(16.5% * 4); margin: 0; display: inline-table !important; overflow: hidden; position: relative; text-align: center;  }
.moj_step_list_01 > ul.day > li:first-child,
.moj_step_list_01 > ul.day > li:last-child { width: 16.6% !important; }
.moj_step_list_01 > ul.day > li:before {content: ""; display: block; width:1px; height:40px; border-left: 1px solid #ccc; position: absolute; top: 0; left: 0; background-image: none;  }
.moj_step_list_01 > ul.day > li:after { display: none; }
:focus{outline:0;}
:focus-visible{outline:3px solid #333;}
/* 230217 웹접근성 추가 (김은혜) */
#oacxEmbededContents .guide label {color:#797676 !important;}
/* 20230918 개인정보처리방침 추가 (김은혜) */
#privacyLawWrap > *{color:#333 !important;}

/* 마을변호사 추가 (태블릿/모바일 가로스크롤) */
@media screen and (max-width:999px){
  	.tableWrap.Tablet{position: relative; overflow-x: scroll; overflow-y: hidden; width: 100%;}
  	.tableWrap.Tablet:before {
		content: ""; position: absolute;  top: 50%; left: 50%;
		width:80px; height:80px; margin-top: -40px; margin-left: -40px;
		background-image: url('/sites/moj/images/contents/tableScroll.png');
		background-color: #fff;
		background-position: center center;
		background-repeat: no-repeat;
	  	border-radius: 50%; z-index:11;
	  }
	  .tableWrap.Tablet:after {
		content: ""; position: absolute;  top: 0; left: 0;
		width:100%; height:100%;
		background-color: rgba(0,0,0,0.2);
		z-index:10;
	  }
	.tableWrap.Tablet .scrollTable{position: relative; min-width: 950px;}
}

/* 231211 페이지 하단 설문조사 영역 모바일 사이즈 수정 */
@media screen and (max-width:430px){
  #satisfy_form .satisfy_info dl.info_01{float:none;}
  #satisfy_form .satisfy_info dl.info_02{float:none; margin-top:10px;}
  
  #satisfy_form form ul{margin-left:0; margin-right:60px;}
  #satisfy_form form ul li{padding: 5px 30px 5px 0;}
}

._fnctWrap .fnDiv .fnSearch fieldset .fnSubmit a, ._fnctWrap .fnDiv .fnSearch fieldset .fnSubmit input{font-size:15px; text-indent:-5000px;}