@import url('/sites/minwon/style/css/style_popup.css');


/* 정렬, 간격 */
.floatL { float: left; }
.floatR { float: right; }
.floatC, .clear { clear: both; }
.alignL {text-align:left;}
.alignC {text-align: center;}
.alignR {text-align: right;}

.marB4{margin-bottom:4px !important;}
.marB8{margin-bottom:8px;}
.marB12{margin-bottom:12px;}
.marB16{margin-bottom:16px;}
.marB20{margin-bottom:20px;}
.marB24{margin-bottom:24px;}
.marB32{margin-bottom:32px;}
.marB40{margin-bottom:40px;}
.marB48{margin-bottom:48px;}

.marT4{margin-top:4px;}
.marT8{margin-top:8px;}
.marT12{margin-top:12px;}
.marT16{margin-top:16px;}
.marT20{margin-top:20px;}
.marT24{margin-top:24px;}
.marT32{margin-top:32px;}
.marT40{margin-top:40px;}
.marT48{margin-top:48px;}

/******************************************************************
  MAIN
******************************************************************/

body.Mobile .eleft label{display: inline;}
body.Mobile .eleft {margin-bottom: 10px;}
body.Mobile .eright label{display: inline;}
body.Mobile #lwyrYnView label{display: inline;}
body.Mobile #lwyrYnView input{display: inline;width: 75%;}
#lwyrYnView{clear: both;}
#lwyrRelNo{margin-left:10px}

._obj ._msgWrap{padding: 3em 0 2em 1.5em;}
body.Mobile ._msgWrap._result ._inner ._message{
    background-position-x: 211px;
    background-position-y: 40px;
}

/** 팝업 **/

.PZwindow {
	border:1px solid #999;
	background-color:#fff;
    position:absolute !important;
	 /* position:fixed !important;*/
    z-index:99999;
	cursor:move;
}

.PZwindow * { 
	font-family: "NotoKR", "Noto Sans", "Malgun Gothic", "맑은고딕", "돋음" !important;
	font-size:1em; 
	line-height:1.5; 
	color:#666;
	letter-spacing:-0.07em;
}
.PZwindow .PZwrap { 
	/*min-width:373px; border-top:1px solid #ddd; border-right:1px solid #ddd; border-left:1px solid #ddd;*/
	overflow:hidden; 
}
.PZwindow .nomoreOpen { border-right:1px solid #333; overflow:hidden; }
.PZwindow .nomoreOpen form label { font-size:14px; color:#fff; }
.PZwindow .nomoreOpen form a.PZwindowClose { /*margin-top:5px;*/background:none;text-indent:inherit;width:auto;height:auto;color:#fff; }
.reptxt,.longdesc { width:0; height:0; font-size:0; line-height:0; text-indent:-9999em; overflow:hidden; }
.PZwindow .btn { padding:10px 20px; display:inline-block; font-weight:bold; color:#fff !important; text-decoration:none; background:url(../../images/contents/button_type_02.png) left top repeat; }
.PZwindow .ul_2 { margin-top: 10px; overflow: hidden; }
.PZwindow .ul_2 li { padding-left: 8px; color: #fff; position:relative; }
.PZwindow .ul_2 li::before { content:'·'; position:absolute; top:-1px; left:0; }


.compop-wrap { 
	/*
	min-width:373px;
	min-height:calc(420px - 35px);
	background:url(/sites/moj/images/popup/popup_background_img.jpg) top center no-repeat; 
	*/
	max-width:400px;
	background:url(../../images/popup/popup_background_img.jpg) top center no-repeat; 
	min-height:calc(420px - 35px);
	overflow:hidden; 
    letter-spacing:-0.07em; 
}
.compop-wrap .pop-haed { margin:20px 0 10px; text-align:center; overflow:hidden;  }
.compop-wrap .pop-haed h1 { font-size:1.2em; margin-bottom:10px; color:#666; font-weight:bold; }
.compop-wrap .pop-haed h1 span { padding-top:5px; display:block; color:#333; overflow:hidden; text-align:center; }
.compop-wrap .pop-haed .copytxt { font-size:1em; text-align:center; }
.compop-wrap .pop-haed .copytxt .bold { margin-bottom:10px; font-weight:bold; color:#333; }
.compop-wrap .pop-haed .copytxt span { border-bottom:1px solid #339; color:#339; font-weight:bold }
.compop-wrap .pop-body { padding:0; overflow:hidden; }
.compop-wrap .pop-body .pop-box { color:#fff; padding:20px; font-size:0.87em; border-top-left-radius:5px; border-top-right-radius:5px; background:url(../../images/popup/popup_text_img.png) top center no-repeat; overflow:hidden; }
.compop-wrap .pop-body .pop-box dl.list { margin-bottom:5px; list-style:none; overflow:hidden; position:relative; }
.compop-wrap .pop-body .pop-box dl.list dt, .pop-body .pop-box dl.list dd { text-align:left; line-height:1.5; color:#fff; }
.compop-wrap .pop-body .pop-box dl.list dt { width:auto; padding-left:9px; font-weight:bold; /*position:absolute;*/ }
.compop-wrap .pop-body .pop-box dl.list dt span { width:5px; height:2px; background-color:#fc0; position:absolute; top:3px; left:0; }
.compop-wrap .pop-body .pop-box dl.list dd { width:calc(100% - 45px); margin-left:45px; padding-bottom:2px; }
.compop-wrap .pop-body .pop-box dl.list dd span { color:#fc0; border-bottom:1px solid #fc0; font-weight:500;}
.compop-wrap .pop-body .pop-box p { margin-top:15px; padding-left:12px; font-size:13px; color:#ddd; position:relative; }
.compop-wrap .pop-body .pop-box p::before { content:'※'; position:absolute; top:-1px; left:0; }

@media only screen and (min-width:768px) {
	.compop-wrap { min-width:calc(375px - 60px); /*max-width:calc(420px - 60px);*/ padding:45px 25px 0 25px; }
}

@media only screen and (max-width:737px) {
	.compop-wrap { max-width:100%; padding:35px 10px 0 10px; min-height: auto;}
	.compop-wrap .pop-body .pop-box { margin:0 15px; }
}


/***** 동의서 수정 ***/

.agree{
     background: #f7f9fa;
    border: 1px solid #e6eaed;
    padding: 20px 30px;
    margin-bottom: 45px;
}

.agree img{float: left; margin-right: 25px;margin-top: 7px;margin-bottom: 15px;}

.h1{
    font-size: 20px;
    color: #1b386e;
    font-weight: 500;
}
.h22{
    line-height: 20px;
    color: #555;
    font-weight: 400;
    font-size:14px;
}

.h2{color: #555;line-height: 20px;font-weight: 400}
.h3{color: #333;font-size: 17px;font-weight: 400;}
.info_tb{margin-bottom: 30px; border-top: 1px solid #1b386e;margin-top: 8px;}
.info_tb th{border-left: 1px solid #dadce0;border-right: 1px solid #dadce0;padding:10px 20px;background: #f2f4f6;color: #1b386e;font-weight: 400;}
.info_tb th:first-child{width: 50%;}
.info_tb td{border:1px solid #b8c2cc; border-left: 1px solid #dadce0;border-right: 1px solid #dadce0;padding:10px 20px;text-align:center;background: #fff;color: #555;font-weight: 400;font-size: 15px;}
.info_tb td:first-child{text-align:left;padding: 20px 100px;}

.agr{
    margin-top: 25px;
    text-align: center;
    border-width: 1px 0 1px 0;
    border-color: #b8c2cc;
    border-style: solid;
    padding: 30px 0;
    margin-bottom: 70px;
}
.agr p{color: #555; font-weight: 400;}

.radioBtn {margin-top: 10px;}
.radioBtn input{margin-right: 3px;}
.radioBtn label{font-weight: 400;color: #555;margin-right:15px}


.ui-datepicker a:focus {
  border: 1px dotted #333;
}
body.Mobile {min-width: 340px;}
.multipleDiv .multipleContentsDiv {max-width: 1200px; margin: 0 auto;}
/* Visual Area */
#multipleDiv_minwon_14 {
	min-height: 700px;
	background: url('../../images/main/main_visual.jpg') center top no-repeat;
	box-sizing: border-box;
}
.visualTitle {text-align: right; line-height: 1.2; margin: 65px 0 40px;}
.visualTitle p {color: #fff; font-size: 25px; font-weight: 500;}
.visualTitle p.big {font-size: 50px; margin-bottom: 10px;}
.visualTitle p.eng {font-size: 15px;}

/* Visual Area - 바로가기 */
.linkBox {margin: 0 auto; width: 100%; position: relative; height: 100%; padding-top: 200px; box-sizing: border-box;}
.linkBox:before {content: ''; position: absolute; top: 0; left: 46px; width: 1px; height: 100%; background-color: #fff;}
/*
.linkWrap {max-width: 309px; max-height: 260px;}
.linkWrap .slick-list {overflow: hidden;}
body.Desktop .linkWrap .slick-list {height: 260px !important; padding-top: 90px !important;}
body.Desktop .linkWrap .slick-list {height: 370px !important;}
.linkWrap li {
	position: relative; padding-left: 65px; margin-bottom: 50px;
	-webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease;
}
.linkWrap li a:before {content: '';position: absolute; top: 6px; left: 40px; width: 13px; height: 13px; background-color: #fff; border-radius: 50%;
	-webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease;
}
.linkWrap li a:after {display: none; content: '';position: absolute; top: -33px; left: 0; width: 95px; height: 95px; background: url('../../images/main/linkWrap_icon.png') center top no-repeat;}
.linkWrap li.li03 a:after {background-position: center -100px;}
.linkWrap li.li04 a:after {background-position: center -208px;}
.linkWrap li.li05 a:after {background-position: center bottom;}
.linkWrap li a {display: block; color: #fff; font-size: 16px; font-weight: 400;}

.linkWrap li.slick-center a {padding-left: 40px;} 
.linkWrap li.slick-center a:before {top: 10px;  transform: scale(7.2); background: #266ed4}
.linkWrap li.slick-center a:after {display: block;}
*/

/* Visual Area - 바로가기 20190919(고석만) */
.linkWrap2 {max-width: 309px; max-height: 260px;}
.linkWrap2 .slick-list {overflow: hidden;}
.linkWrap2 > div { width: 100%; display: inline-block !important; margin: 23px 0;  } 
.linkWrap2 a { display: block; color: #fff !important;  font-size: 16px;  font-weight: 400;  position: relative; padding-left: 80px; position: relative; }
.linkWrap2 a:after { content: ''; position: absolute; top: -13px; left: 18px; width: 55px; height: 55px; border-radius: 50%; background-color: #266ed4; background-image: url('/sites/minwon/images/main/linkWrap_icon2.png'); background-position: center top; background-repeat: no-repeat; }
.linkWrap2 .li03 a:after { background-position: center -55px; }
.linkWrap2 .li04 a:after { background-position: center -110px; }
.linkWrap2 .li05 a:after { background-position: center -165px; }
.linkWrap2 a:hover:after, .linkWrap2 a:active:after, .linkWrap2 a:focus:after { background-color: #036;  }

/* 퀵메뉴 바로가기 */
#corr-quick {text-align: center;}
#corr-quick h3 {color: #272a31; font-size: 32px; font-weight: 200;}
#corr-quick h3 strong {color: #272a31; font-weight: 500;}
#corr-quick p {color: #666666; font-size: 16px;}
#corr-quick .quickArea {margin-top: 49px;}
#corr-quick .quickArea a {color: #272a31; font-size: 18px;display: inline-block; text-align: center; border-bottom: 1px solid transparent;-webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease; outline-offset: -5px;}
#corr-quick .quickArea a:hover {color: #256dd3; border-bottom: 1px solid #256dd3; text-align: center; }
#corr-quick .quickArea a:before {
	content: ''; display: block; margin: 0 auto 30px; width: 100px; height: 93px; 
	background-image: url('../../images/main/quickArea_icon.png'); 
	background-position:  left top; 
	background-repeat:  no-repeat;
}
#corr-quick .quickArea a.q01:before {background-position: left top}
#corr-quick .quickArea a.q02:before {background-position: -200px top}
#corr-quick .quickArea a.q03:before {background-position: -400px top}
#corr-quick .quickArea a.q04:before {background-position: -592px top; width: 123px;}
#corr-quick .quickArea a.q05:before {background-position: -806px top}
#corr-quick .quickArea a.q06:before {background-position: -1209px top; width: 120px;}
#corr-quick .quickArea a.q07:before {/*background-position: left top;margin-left: 35px;*/
 background: url('../../images/main/quickArea_icon07.png')  left top no-repeat; 
}
body.Tablet #corr-quick .quickArea .slick-list, 
body.Mobile #corr-quick .quickArea .slick-list {margin: 0 40px;}
#corr-quick .slick-controls { width: 100%; height:0; position: absolute; top: 50%; }
/*body.Desktop #corr-quick .slick-controls { display: none; }*/
#corr-quick .slick-controls .slick-control-item button {
	width: 20px;
	height: 39px;
	background-image: url('../../images/main/quickArea_arrow.png');
  	background-position: left center;
	background-repeat: no-repeat;
	text-indent: -5000px;
}
#corr-quick .slick-controls .slick-control-item button.slick-prev { float: left; margin-left: 10px; }
#corr-quick .slick-controls .slick-control-item button.slick-next { float: right; margin-right: 10px; background-position: right center;}
/*
.quick {text-align: center;}
.quick h3 {color: #272a31; font-size: 32px; font-weight: 200;}
.quick h3 strong {color: #272a31; font-weight: 500;}
.quick p {color: #666666; font-size: 16px;}
.quickArea {margin-top: 49px;}
.quickArea li a {color: #272a31; font-size: 18px;display: inline-block; border-bottom: 1px solid transparent;-webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease;}
.quickArea li a:hover {color: #256dd3; border-bottom: 1px solid #256dd3;}
.quickArea li a:before {
	content: ''; display: block; margin: 0 auto 30px; width: 100px; height: 93px; background: url('../../images/main/quickArea_icon.png') left top no-repeat;
}
.quickArea li.q01 a:before {background-position: left top}
.quickArea li.q02 a:before {background-position: -200px top}
.quickArea li.q03 a:before {background-position: -400px top}
.quickArea li.q04 a:before {background-position: -592px top; width: 123px;}
.quickArea li.q05 a:before {background-position: -806px top}
.quickArea li.q06 a:before {background-position: -1209px top; width: 120px;}
body.Tablet .quickArea .slick-list, body.Mobile .quickArea .slick-list {margin: 0 40px;}
.quickArea button.slick-arrow {
	position: absolute;
	left: 0;
	top: 40%;
	width: 20px;
	height: 39px;
	background: url('../../images/main/quickArea_arrow.png') left center no-repeat;
	text-indent: -5000px;
}
.quickArea button.slick-arrow.slick-next {right: 0; left: auto; background-position: right center;}
body.Tablet .quickArea button.slick-arrow.slick-prev, body.Mobile .quickArea button.slick-arrow.slick-prev {left: 20px;}
body.Tablet .quickArea button.slick-arrow.slick-next, body.Mobile .quickArea button.slick-arrow.slick-next {right: 20px;}
*/

/* 온라인민원신청 wrap */
#multipleDiv_minwon_42 {
	min-height: 700px;
	background: #f0f0f0;
	box-sizing: border-box;
}
#multipleContentsDiv_minwon_42 {max-width: 100%;}
.processWrap {position: relative;}
.processWrap:before {
	content: ''; max-width: 1238px; width: 66.6%; height: 860px; position: absolute; top: 0; left: 0; background: url('../../images/main/processWrap_bg.png') right top no-repeat; z-index: 2;
}

.processWrap li .substance {display: none;}
.processWrap li._on .substance {display: block;}

.processTitle {position: relative; width: 50%; padding-top: 70px; z-index: 3;}
.processTitle p.titletop {color: #fff; font-size: 20px; font-weight: 500;}
.processTitle h3, .processTitle strong {color: #fff; font-size: 60px; font-weight: 500; line-height: 1.2; margin-bottom: 20px;}
.processTitle p {color: #cfd6e5; font-size: 14px;}
.processTitle strong {background: url('../../images/main/processTitle_bg.png') left top repeat-x;}

.processArea {position: relative;}
.processArea .processBtn {width: 100%; position: absolute; right: 0; top: -135px; backface-visibility: visible; background: url('../../images/main/processBtn_bg_off.png') right top no-repeat;	-webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease;}
.processWrap li._on .processBtn,
.processArea .processBtn:hover {background-image: url('../../images/main/processBtn_bg.png');}
.processArea .processBtn .pBtn {position: relative; width: 100%; height: 155px; padding-top: 65px; box-sizing: border-box; outline-offset: -3px;}
.processArea .processBtn .pBtn span {display: block; color: #fff; font-size: 22px; font-weight: 600; text-align: right;max-width: 1200px; margin: 0 auto; text-shadow: 3px 3px 2px rgba(0, 0, 0, 0.40); background: url('../../images/main/processBtn_arrow.png') right 5px no-repeat; padding-right: 50px;}

.substance {position: relative; width: 52%; z-index: 3;}
.substance h4 {display: inline-block; position: relative; color: #fff; font-size: 28px; font-weight: 500; z-index: 1; padding-right: 10px; letter-spacing: -1px;}
.substance h4 strong {position: relative; color: #fff; font-size: 80px; opacity: 0.2;  z-index: -2; margin-right: -8px;}
.substance h4:before {content:''; width: 100%; height: 8px; background-color: #0fc5dc; position: absolute; bottom: 22px; left: 0; backface-visibility: visible; z-index: -1;}
.substance h4:after {content:''; width: 70px; height: 63px; background: url('../../images/main/process_sub_h4_icon.png') center top no-repeat; position: absolute; top: 21px; left: 102px; backface-visibility: visible; z-index: -2;}
.substance p.title {color: #fff; font-size: 19px; font-weight: 400; background: url('../../images/main/process_sub_title_icon.png') left 0px no-repeat; padding-left: 30px; margin-bottom: 20px;}
.substance p.title em {color: #fff100; font-weight: 500;}
.substance .btnBox {overflow: hidden; margin-bottom: 40px; padding-top:3px; padding-left:2px;}

.processWrap li.p02 .processBtn {top: 20px; background-position: right -155px;}
.processWrap li.p03 .processBtn {top: 175px; background-position: right -310px;}
.processWrap li.p04 .processBtn {top: 330px; background-position: right bottom;}

.processWrap li.p02 .substance h4:after {background-position: center -102px; width: 76px;}
.processWrap li.p03 .substance h4:after {background-position: center -204px; top: 16px; height: 66px;}
.processWrap li.p04 .substance h4:after {background-position: center bottom;}

.substance .btnBox a.btn {display: inline-block; color: #fff; font-size: 17px; font-weight: 500; min-width: 207px; padding: 13px 50px 13px 20px; box-sizing: border-box; background: url('../../images/main/process_sub_btn_arrow.png') 90% center no-repeat;  border: 3px solid rgba(255,255,255,0.2); border-radius: 30px; margin: 0 10px 10px 0;
	-webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease;
}
.substance .btnBox a.btn.long {width: 323px;}
.substance .btnBox a.btn span {color: #fff; font-size: 14px; font-weight: 200; margin-left: 5px;}
.substance .btnBox a.btn:hover {background-color: rgba(255,255,255,0.1);}

/******************************************************************
  CONTENTS
******************************************************************/
/* 민원신청 및 발급 > 교도소∙구치소 > 스마트접견예약(인터넷 화상접견 예약) */
.visualContact > ol > li {max-width: 310px !important; margin: 0 20px 40px;}
body.Desktop .visualContact.num > ol > li:nth-child(4n+4):after {display: block;}
.visualContact > ol > li:last-child:after	{display: block !important;}
.visualContact > ol > li:first-child:after	{display: none;}
.visualContact > ol > li:after {left: -13%; right: auto;}
body.Tablet .visualContact > ol > li {margin: 0 auto;}
body.Tablet .visualContact > ol > li:after {left: -6%;}
body.Mobile .visualContact > ol > li:last-child:after	{display: none !important;}
body.Mobile .visualContact > ol > li:first-child:after	{display: block !important;}
.visualContact .numX li:first-child .list .middle > .button{display:block;width:calc(100% - 35%);margin:0 auto;line-height:39px;}
/* 민원안내 > 온라인민원 이용안내 */
.useGuide > ol > li {padding: 0 1.4% !important;}
.useGuide > ol > li .list {width: 103%; margin-left: -2%;}
.sub_01_01_01 > ol > li.smallT > p span {font-size: 14px;}
.sub_01_01_01.useGuide > ol > li:after {width: 24px;}
body.Desktop .sub_01_01_01.useGuide > ol > li:nth-child(4n+4):after {display: block;}

/* 민원안내 > 첨부서류 및 처리기관 > 민원사무 SET */
.ul_1.w50per {overflow: hidden;}
.ul_1.w50per li {float: left; width: 47%;}
body.Tablet .ul_1.w50per li {width: 100%;}
body.Mobile .ul_1.w50per li {width: 100%;}
.hideWrap {background-color: #f7f7f7; border: 1px solid #d9dee2; padding: 0 30px 10px; box-sizing: border-box;}
.hideWrap.f14 * {font-size: 14px;}
.hideWrap .objHeading_h4 {margin: 20px 0 15px;}

/* 민원안내 > 민원행정서비스 헌장 > 법무부 행정서비스 헌장 */
.charterWrap {/* background: url('../../images/contents/charter_img.png') center top no-repeat; *//* padding-top: 270px; */}
.charterWrap .titleWrap {text-align: center; background-color: #fff; max-width: 660px; margin: 0 auto 30px; padding-top: 25px;}
.charterWrap .titleWrap .title {color: #333;font-size: 30px;font-weight: 500;display:  none;}
.charterWrap .titleWrap .title:after {content: ''; display: block; width: 70px; height: 1px; background-color: #295dc7; margin: 25px auto;}
.charterWrap .process {text-align: center; margin-bottom: 30px;}
.charterWrap .process ol {overflow: hidden;}
.charterWrap .process ol > li {display: inline-block !important; vertical-align: top;  width: 20%; margin-bottom: 20px; margin-right: -3px;}
.charterWrap .process ol > li > .num {
	position: relative;
	color: #7c86a1; font-size: 20px; font-weight: 500;
	width: 90px; height: 87px; background: url('../../images/contents/charter_process.png') left top no-repeat; margin: 0 auto 15px;
	padding-top: 32px; box-sizing: border-box;
}
.charterWrap .process ol > li > .num:before,
.charterWrap .process ol > li > .num:after {
	content: ''; position: absolute; top: 34px; left: calc(50% - 21px); width: 43px; height: 1px; background-color: #8e9bb6;
}
.charterWrap .process ol > li > .num:after {top: auto; bottom: 27px;}
.charterWrap .process ol > li > .text {color: #333; font-size: 16px;}

.bottomArea {font-size: 16px; text-align: center; background-color: #f7f7f7; padding: 40px; box-sizing: border-box;}

body.Tablet .charterWrap .process ol > li {width: 30%; margin: 0 1% 20px;}
body.Mobile .charterWrap .process ol > li {width: 50%;}
body.Tablet .charterWrap,
body.Mobile .charterWrap {background-size: 100%; padding-top: 23%; }
body.Tablet .charterWrap.pad-t0,
body.Mobile .charterWrap.pad-t0 {
  padding-top: 0;
}

/* 민원신청 및 발급 > 교도소구치소 > 일반접견 예약 */
.tableWrap span.plus {color: #9c9c9c;}

/* popup positioning */
body.Tablet .blockUI.foreigner,
body.Mobile .blockUI.foreigner {
 position:absolute !important;
 top: 100px !important;
}
body.Desktop .blockUI.foreigner,
body.Tablet .blockUI.foreigner {
 top: 50px !important;
 width: 555px !important;
 height: 750px;
}

@page { size: a4; /*page-break-after: always*/; } 

ul.inforList {
  page-break-before: always;
}

/**/
.formWrap dd {color: #666 !important;}

.hiddenT {
    position: absolute;
    top: 0;
    left: 0;
    text-indent: -5000px;
}

/* 인터넷서신 처리내역 및 저장함 버튼배치  (20190215 고석만) */
mark { background-color:transparent !important; }

body.Mobile .btn-box li {  width:100%;  }
body.Mobile .button_list .fL,body.Mobile .button_list .fR { float:none; }
body.Mobile .button_list .fL .button,body.Mobile .button_list .fR .button { margin-right:0; margin-left:0; display:block; }
body.Mobile .button a { display:block; padding:10px 20px !important; }
body.Mobile .button_list  .button.big  a { display:block; padding:10px 20px !important; }

/* 앱 : GNB & 사이트맵  (20190221 고석만) */
/* GNB 
@media only screen and (min-width:1024px;) {
	#menuUItop li.eQ05  { display:block; }
}
body.Mobile #menuUItop li.eQ05 { display:none; }
body.Tablet #menuUItop li.eQ05 { display:none; }
*/

/* 사이트맵 
#moj_siteMap > ul > li:nth-child(5),
#moj_siteMap > ul > li:last-child { display:none; }
body.Desktop #moj_siteMap > ul > li:nth-child(5) { display:block; }
*/
#moj_siteMap > ul > li:last-child { display:none; }

.minwon_rctSlide ._recentWListUl .recentBbsLi .recentBbsInnerUl .recentBbsInnerLi a {
  /*border: 1px dotted skyblue;*/
  display: block;
}

.imgWrap { border: 1px solid #dddd; }
body.Mobile .imgWrap img, body.Mobile .textbox_wrap img { width: 100%;}
body.Mobile .button_list.desktop { display: none; }


/* 220110_타임리셋추가 */
.reFreshTimeBox{float:right;display:inline-block;}
.reFreshTimeBox:after{content:'';display:block;clear:both;}
.reFreshTimeBox > input[type="button"],
.reFreshTimeBox > div{display:inline-block;margin-top:5px;vertical-align:top;}
.reFreshTimeBox > input[type="button"]{padding:5px 11px;background-color:#f0f8ff;border: 1px solid #d9dee2;}
.reFreshTimeBox > div{margin-top:11px;margin-right:7px;}
@media all and (min-width: 320px) and (max-width: 800px){
  #PZwindow66{left:0 !important;}
}

/* 20230202 웹접근성 관련 헤더 메뉴 tab이동시 검은색 테두리 */
.menuUItop ul.ul_1 li.li_1 {padding:2px;}
/*.menuUItop ul.ul_1 li.li_1 a.a_1 {height:80px;}*/

/* 230227 웹접근성 */
#oacxEmbededContents .guide button{background: #666666;}

._imgSldWBnrWrap ._imgSldWBnr .bx-wrapper .bx-viewport ul li ._inner{outline-offset:-2px;}
._imgSldWBnrWrap ._imgSldWBnr .bx-wrapper .bx-controls .bx-controls-direction .bx-prev, ._imgSldWBnrWrap ._imgSldWBnr .bx-wrapper .bx-controls .bx-controls-direction .bx-next, ._imgSldWBnrWrap ._imgSldWBnr .bx-wrapper .bx-controls .bx-controls-auto .bx-controls-auto-item .bx-start, ._imgSldWBnrWrap ._imgSldWBnr .bx-wrapper .bx-controls .bx-controls-auto .bx-controls-auto-item .bx-stop{outline-offset:-3px;}


/******************** 신메인(202307) css 추가 ************************************************************/
#multipleDiv_minwon_7241{background:url(../../images/main/processBack.png) center no-repeat; background-size:cover;}
#multipleDiv_minwon_8917{border-top: 1px solid #d9d9d9;}
@media all and (max-width:999px){
  	#multipleContentsDiv_minwon_7241{height:auto;}
  	#multipleDiv_minwon_8917{border-top: 0px none;}
}

/***** 메인 탭 *****/
.minwonTitleArea {position: relative; margin-top: 50px; margin-bottom: 35px;}
.minwonTitleArea:before{content:'';width:163px;height:154px;position:absolute;left: 30px;top: -30px;background:url(../../images/main/mainTitle-icon01.png) center no-repeat;}
.minwonTitleArea:after{content:'';width:173px;height:129px;position:absolute;right: 15px;top: -5px;background:url(../../images/main/mainTitle-icon02.png) center no-repeat;}
.minwonTitle{padding-left:190px; padding-right: 190px; line-height:1; letter-spacing:-1px; text-align:center;}
.minwonTitle span{font-size: 36px; font-weight: 200; color: #fff;}
.minwonTitle strong{position:relative; font-size: 68px; font-weight: 400; line-height: 1.2; color: #fff; z-index:1;}
.minwonTitle strong.tit01:before{content:''; position:absolute; bottom:14px; left:2px; width:96%; height:30px; background-color:#01abac; z-index:-1;}
.minwonTitle strong.tit02{background: url(../../images/main/processTitle_bg.png) 25px top no-repeat;}
@media all and (max-width:1200px){
  	.minwonTitle span{font-size:30px;}
	.minwonTitle strong{font-size:54px;}
	.minwonTitle strong.tit01:before{height:20px;}
	.minwonTitle strong.tit02 {background: url(../../images/main/processTitle_bg.png) 20px top no-repeat; background-size: 80%;}
}
@media all and (max-width:999px){
 	.minwonTitleArea{margin-top: 25px; margin-bottom: 60px;}
	.minwonTitle{padding-left: 130px; padding-right: 130px; text-align:center;}
	.minwonTitleArea:before{top: 20px; left: -40px; background-size: 60%;}
	.minwonTitleArea:after{top: 30px; right: -42px; background-size: 60%;}
	 .minwonTitle span{display:block; font-size:20px;}
	.minwonTitle strong{font-size:38px;}
  	.minwonTitle strong.tit01:before{bottom:8px;}
  	.minwonTitle strong.tit02{background:none;}
}
@media all and (max-width:599px){
	.minwonTitle{padding-left: 30px; padding-right: 30px;}
}

.minwonTabArea{position:relative;}
.minwonTabArea ul:after{content:''; display:block; clear:both;}
.minwonTabArea ul li{float: left;width: calc((100% - 12px)/4);}
.minwonTabArea ul li+li{margin-left:4px;}
.minwonTabArea .tabBtn{height: 66px;padding:15px;border-top-left-radius:5px;border-top-right-radius:5px;background-color: #107CC0; text-align: center; font-size: 18px;box-sizing:border-box;transition: all 0.2s ease;}
.minwonTabArea .tabBtn button{color:#ffffff;line-height: 1.8;letter-spacing: -1px;font-weight: 200;}
.minwonTabArea ul li.p02 .tabBtn{padding: 12px 15px;}
.minwonTabArea ul li.p02 .tabBtn button{line-height:1.2;}
.minwonTabArea ul li:hover .tabBtn{background-color:#1c82b1;}
.minwonTabArea ul li._on .tabBtn {background-color: #1d446d;}
.minwonTabArea ul li._on .tabBtn button{color: #eab716; text-decoration: underline;}

.minwonTabArea .tabCont{position:absolute; right:0; left:0; display: none; padding: 50px 60px 40px; text-align:center; background-color:#1d446d;  box-shadow: 0px 9px 10px 0 rgba(0, 0, 0, 0.2);}
.minwonTabArea .tabCont:after{content:''; display:block; clear:both;}
.minwonTabArea li._on .tabCont{display: block;}
.minwonTabArea .tabCont .btn_list{font-size:0;}
.minwonTabArea .tabCont .btn_list .btn{position:relative; display: inline-block; margin-right: 10px; margin-bottom: 10px; border-radius: 8px;background-color: #ffffff;background-repeat: no-repeat; box-sizing: border-box;}
.minwonTabArea .tabCont .btn_list .btn:last-child{margin-right:0;}
.minwonTabArea .tabCont .btn_list .btn span{color: #333;line-height: 1; letter-spacing:-1.5px; font-size: 18px;}
.minwonTabArea .tabCont .btn_list .btn span i {display:block; color:#333; font-size:14px;}

.minwonTabArea .tabCont .btn_list.typ01 .btn{width:200px; height:170px;text-align: center;padding: 130px 20px 20px; background-position: center 40px;}
.minwonTabArea .tabCont .btn_list.typ01 .btn span{position:absolute; left: 50%; bottom:25px; width: 100%; padding:0 10px; box-sizing:border-box; transform: translate(-50%,0);}
.minwonTabArea .tabCont .btn_list.typ01 .btn.long span{bottom: 15px;}
.minwonTabArea .tabCont .btn_list.typ01 .btn.nw:after{position:absolute; right:30px;}

.minwonTabArea .tabCont .btn_list.typ02 .btn{width: calc((100% - 20px)/3);;height: 80px;  padding: 30px 10px 30px 70px; text-align:left; background-position: 25px center;}
.minwonTabArea .tabCont .btn_list.typ02 .btn span{position:absolute;top: 50%; transform: translate(0, -50%); }
.minwonTabArea .tabCont .btn_list.typ02 .btn.long{padding: 24px 10px 24px 70px;}
.minwonTabArea .tabCont .btn_list.typ02 .btn.nw:after{position:absolute; right:20px;}

.minwonTabArea .tabCont.float .btn_list{float:left;}
.minwonTabArea .tabCont.float .btn_list.typ01{width:calc(40% - 20px); margin-right:20px;}
.minwonTabArea .tabCont.float .btn_list.typ01 .btn{width:calc((100% - 10px)/2);}
.minwonTabArea .tabCont.float .btn_list.typ02{width:60%;}
.minwonTabArea .tabCont.float .btn_list .btn:nth-child(3n){margin-right:0;}

 /* 탭별 아이콘 추가 */
.minwonTabArea ul li.p01 .typ01 .btn:nth-child(1) {background-image: url(../../images/main/p1_01.png);}
.minwonTabArea ul li.p01 .typ01 .btn:nth-child(2) {background-image: url(../../images/main/p1_02.png);}
.minwonTabArea ul li.p01 .typ02 .btn:nth-child(1) {background-image: url(../../images/main/p1_03.png);}
.minwonTabArea ul li.p01 .typ02 .btn:nth-child(2) {background-image: url(../../images/main/p1_04.png);}
.minwonTabArea ul li.p01 .typ02 .btn:nth-child(3) {background-image: url(../../images/main/p1_05.png);}
.minwonTabArea ul li.p01 .typ02 .btn:nth-child(4) {background-image: url(../../images/main/p1_06.png);}
.minwonTabArea ul li.p01 .typ02 .btn:nth-child(5) {background-image: url(../../images/main/p1_07.png);}
.minwonTabArea ul li.p01 .typ02 .btn:nth-child(6) {background-image: url(../../images/main/p1_12.png);} /* 반입도서 관리 */
/* .minwonTabArea ul li.p01 .typ02 .btn:nth-child(6) {background-image: url(../../images/main/p1_08.png);}  증명서 발급 */

.minwonTabArea ul li.p02 .typ01 .btn:nth-child(1) {background-image: url(../../images/main/p2_01.png); background-position: center 35px;}
/*.minwonTabArea ul li.p02 .typ01 .btn:nth-child(2) {background-image: url(../../images/main/p2_02.png);} 국립법무병원 편지쓰기*/
.minwonTabArea ul li.p02 .typ01 .btn:nth-child(2) {background-image: url(../../images/main/p2_03.png); background-position: center 45px;}
.minwonTabArea ul li.p02 .typ01 .btn:nth-child(3) {background-image: url(../../images/main/p2_04.png);}
.minwonTabArea ul li.p02 .typ01 .btn:nth-child(4) {background-image: url(../../images/main/p2_05.png);}

.minwonTabArea ul li.p03 .typ01 .btn:nth-child(1) {background-image: url(../../images/main/p3_01.png);}
.minwonTabArea ul li.p03 .typ01 .btn:nth-child(2) {background-image: url(../../images/main/p3_02.png);}
.minwonTabArea ul li.p03 .typ02 .btn:nth-child(1) {background-image: url(../../images/main/p3_03.png);}
.minwonTabArea ul li.p03 .typ02 .btn:nth-child(2) {background-image: url(../../images/main/p3_04.png);}
.minwonTabArea ul li.p03 .typ02 .btn:nth-child(3) {background-image: url(../../images/main/p3_05.png);}
.minwonTabArea ul li.p03 .typ02 .btn:nth-child(4) {background-image: url(../../images/main/p3_06.png);}
.minwonTabArea ul li.p03 .typ02 .btn:nth-child(5) {background-image: url(../../images/main/p3_07.png);}
.minwonTabArea ul li.p03 .typ02 .btn:nth-child(6) {background-image: url(../../images/main/p3_08.png);}

.minwonTabArea ul li.p04 .typ01 .btn:nth-child(1) {background-image: url(../../images/main/p4_01.png);}
.minwonTabArea ul li.p04 .typ01 .btn:nth-child(2) {background-image: url(../../images/main/p4_02.png);}

@media all and (max-width:1200px){
  .minwonTabArea ul li.p02 .tabCont .btn_list.typ01 .btn{width:calc((100% - 40px)/5);}
}
@media all and (max-width:999px){
  	.minwonTabArea ul li{float:none; width:100%;}
  	.minwonTabArea ul li+li{margin-left:0;}
  	.minwonTabArea .tabBtn{position:relative; height:auto; padding:20px 30px; border-bottom:1px solid #fff; border-radius:0px; text-align:left;
  	 background-color:#1d446d; background-image: url(../../images/main/tabBtn-close.png); background-repeat:no-repeat; background-position:calc(100% - 30px) center;}

  	.minwonTabArea ul li.p02 .tabBtn{padding:15px 80px 15px 30px;}
  	.minwonTabArea .tabBtn button{display:block; width:100%; text-align:left; font-size:22px; font-weight:400;}
	.minwonTabArea ul li._on .tabBtn{background-image: url(../../images/main/tabBtn-open.png);}	
  	.minwonTabArea ul li._on .tabBtn button{color:#ffffff;}

  	.minwonTabArea .tabCont{position:relative; padding:30px 30px 40px; border-bottom:1px solid #fff; box-shadow:none;}
  	.minwonTabArea .tabCont.float .btn_list{float:none;}
  	.minwonTabArea .tabCont.float .btn_list.typ01{width:100%; margin-right:0;}
  	.minwonTabArea .tabCont.float .btn_list.typ02{width:100%;}
  
	.minwonTabArea .tabCont .btn_list.typ01 .btn{width: calc((100% - 10px)/2);}
 	.minwonTabArea .tabCont .btn_list.typ01 .btn:nth-child(2n){margin-right:0;}
  	.minwonTabArea .tabCont .btn_list.typ02 .btn{width: calc((100% - 10px)/2);}
  	.minwonTabArea .tabCont .btn_list.typ02 .btn:nth-child(2n){margin-right:0;}
  	.minwonTabArea .tabCont.float .btn_list .btn:nth-child(3){margin-right:10px;}
 	.minwonTabArea ul li.p02 .tabCont .btn_list.typ01 .btn{width: calc((100% - 10px)/2);}
}
@media all and (max-width:499px){
  	.minwonTabArea .tabCont{padding:15px 10px;}
  	.minwonTabArea .tabCont .btn_list.typ02 .btn{padding:30px 10px 30px 60px; background-position:20px center;}
  	.minwonTabArea .tabCont .btn_list.typ02 .btn.long{padding:24px 10px 24px 60px;}
  	.minwonTabArea .tabCont .btn_list .btn span{font-size:16px;}
}

/* 알림판배너 버튼 임시 주석처리 */
._minwonEvent .bx-wrapper .bx-controls{display:none;}

/* 홍보배너 */
._imgSldWBnrWrap ._imgSldWBnr .bx-wrapper .bx-controls .bx-controls-auto{left:30px;}
._imgSldWBnrWrap ._imgSldWBnr .bx-wrapper .bx-controls .bx-controls-direction .bx-next{left:60px;}
@media all and (max-width:1299px){
  #multipleDiv_minwon_55{display:none;}
}


/* 플로팅메뉴 영역(모바일)   PC는 마스터스킨에 있음 */
#multipleContentsDiv_minwon_7281{display:none; height:auto !important;}

@media all and (max-width:1299px){
  #multipleContentsDiv_minwon_7281{display:block;}
 .Mb_floatingMenu{padding:20px 0; background:#eaf2ff; box-sizing:border-box;}
 .Mb_floatingMenu ul:after{content:''; display:block; clear:both;}
 .Mb_floatingMenu ul li{float:left; position:relative; width:calc(100%/3); text-align:center;}
 .Mb_floatingMenu ul li+li:before{content:'';position:absolute;top:0;left:0;width: 1px;height: 80px;background-color:#bcc8db;}
 .Mb_floatingMenu ul li .tit a{line-height:1; font-weight:400; color:#0870a0;}
  .Mb_floatingMenu ul li .tit a:hover{color:#0870a0;}
 .Mb_floatingMenu ul li .txtBox{margin-top:10px; color:#333333;}
  .Mb_floatingMenu ul li .txtBox.typ01{padding-top:12px;}
 .Mb_floatingMenu ul li .txtBox .smtxt{font-size:12px; color:#333333;}
 .Mb_floatingMenu ul li .txtBox strong{font-size:24px;font-weight:700;color:#000000;line-height: 1;}
 .Mb_floatingMenu ul li .txtBox strong.txt03{font-size:18px;} 
}

/* 게시판 */
._mojList .fnDiv .fnSearch fieldset .fnSubmit input{background-color: #545454;}

/* 231214 간편인증 화면 CSS 수정 */
#oacxEmbededContents .list li span.label-nm p { font-size: 1.25rem;}
#oacxEmbededContents header .step1-header h1 span {color: #fff;}
#oacxEmbededContents header h1 span{color: #fff;}
#oacxEmbededContents .agree dd>ul>li label {font-size: 1.25rem;}

#oacxEmbededContents.mobile .mobileView section {min-height: auto !important;}
#oacxEmbededContents.mobile header .mobile-header h1 span {color: #fff;}
#oacxEmbededContents.mobile input[data-id=oacx_num1], #oacxEmbededContents.mobile input[data-id=oacx_num2] {width: calc(50% - 4px) !important;}

#oacxEmbededContents.mobile .userInfo .none-telecom input[data-id=oacx_phone2], 
#oacxEmbededContents.mobile .userInfo input[data-id=oacx_phone2], 
#oacxEmbededContents.mobile .userInfo input[data-id=oacx_phone3] {width: calc(100% - 88px) !important;}

#oacxEmbededContents.mobile .telecom input[data-id=oacx_phone2],
#oacxEmbededContents.mobile .telecom input[data-id=oacx_phone3] {width: calc(100% - 175px) !important;}

/* 공지사항 버튼 색상 수정 */
._mojList .fnDiv .fnSearch fieldset .fnSubmit input{background-color: #545454}
._paging ._inner{padding:5px;}
._paging ._inner ul li strong{background-color: #027ab3;}

/*240202 alert 팝업 outline 수정 */
.simplemodal-container .simplemodal-wrap ._alertWrap ._alertFooter .alertBtnOk, .simplemodal-container .simplemodal-wrap ._alertWrap ._alertFooter .confirmBtnCancel, .simplemodal-container .simplemodal-wrap ._alertWrap ._alertFooter .confirmBtnOk{outline-offset:2px}

.formWrap input:focus, .formWrap select:focus{outline:2px solid red;}


/* 250316 input, select disabled  */
input[readonly], input[readonly=readonly]  {border:0px none; background-color:#cdd1d5; color:#464c53;}
input:-moz-read-only, input:read-only {border:0px none; background-color:#cdd1d5; color:#464c53; }

@media (max-width: 1180px) {
  .step_1.sq_step > ul > li.active p:before {color:#fff !important;}
}

/* 본인인증 신규 디자인 250307 */
.cirtificaton-wayBx{margin-bottom:24px;}
.tit-wrap{margin-bottom:24px;}
.tit-wrap strong{padding:13px 0; text-align:center; font-size:25px; font-weight:700; color:#1d1d1d;}

.self_certiList{display:flex; flex-wrap: wrap; justify-content: space-between;}
.self_certiList .self_item{position:relative; width:calc((100% - 24px)/2);  min-height:200px; margin-bottom:24px; padding:24px 24px 92px; text-align:center; border:1px solid #d8d8d8; border-radius:12px; background-color:#fff; box-sizing:border-box;}
.self_item .item_tit{margin-bottom:16px;}
.self_item .item_tit strong{vertical-align:middle; font-size:21px; color:#1d1d1d;}
.self_item .icon{display:inline-block; width:32px; height:32px; margin-right:12px; }
.self_item .icon img{width:100%; height:100%; vertical-align:middle;}
.self_item .item_txt{font-size:17px;}
.self_certiList .btn-login{position:absolute; bottom:24px; left: 50%;transform: translate(-50%, 0); min-width:180px; height:54px; border:1px solid #256ef4; border-radius:8px; padding:12px;background:#ecf2fe; vertical-align:middle; text-align:center; font-size:17px; color:#0b50d0; box-sizing:border-box;}

.cirtification_wrap .notice{position:relative; padding:24px 24px 24px 145px; border:1px solid #c6c6c6; background:#f8f8f8;}
.cirtification_wrap .notice:before {content: ""; position: absolute; top: 20px; left: 40px; width: 70px; height: 70px; background: url("/sites/moj/images/contents/textBox_icon.png") -140px top no-repeat;}
.cirtification_wrap .notice .title{margin-bottom:24px; font-weight:700; color:#1d1d1d;}
.cirtification_wrap .notice > ul > li {margin: 8px 0; padding-left: 15px; text-align:left; font-size: 17px; background: url(/sites/moj/images/contents/textBox_ul.png) left 9px no-repeat;}
.cirtification_wrap .notice > ul > li .button{margin-bottom:0; margin-left:4px;}

/* tablet */
@media screen and (max-width: 1024px){
  .self_certiList .self_item{min-height:220px;}
}
/* mobile */
@media screen and (max-width: 600px){
  .self_certiList .self_item{width:100%; padding-bottom:70px; min-height:auto; margin-bottom:16px;}
  .self_item .item_tit{margin-bottom:16px;}
  .self_item .item_txt{display:none;}
  .cirtification_wrap .notice{padding:24px;}
  .cirtification_wrap .notice:before {display:none;}
}