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

/* ========= default css edit [7.0에서 css 수정해야할 내용] ========= */
._contentBuilder ._obj._objHtml ul li, ._contentBuilder ._obj._objTag ul li {margin-top: 0;}
._fnctWrap {line-height: 1.5;}

/* ========= default css ========= */
html{font-size:10px;}
* {font-family:'Pretendard GOV',  'NotoKR', '맑은 고딕', 'Malgun Gothic', sans-serif !important; font-size:17px; letter-spacing:-0.8px; line-height:1.5; color: #1e2124; box-sizing:border-box;}
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;} 
a:link, a:active, a:visited{color:#1e2124;}

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

.hiddenT, .haze{overflow: hidden; position: absolute; width: 1px; height: 1px; border: 0; margin: -1px; padding: 0; clip: rect(0, 0, 0, 0); clip-path: inset(50%); white-space: nowrap;}
table caption{overflow: hidden; position: absolute; width: 1px; height: 1px; border: 0; margin: -1px; padding: 0; clip: rect(0, 0, 0, 0); clip-path: inset(50%); white-space: nowrap;}


/* 스킵네비게이션 */
#skip {position: absolute; width: 100%; left: 0; top: 0;  z-index: 105;}
#skip a {display: block;height: 1px;width: 1px;margin-bottom: -1px;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;}

/* 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%;}
/******************************************************************
  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;
    z-index:99999;
	cursor:move;
  	overflow:hidden;
}
.PZwindow * {font-family:'Pretendard GOV',  'NotoKR', '맑은 고딕', 'Malgun Gothic', sans-serif !important; font-size:1.7rem; line-height:1.3; color:#1e2124; letter-spacing:-1px; box-sizing:border-box;}

.PZwindow .PZwrap { 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; }
.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(/sites/minwon/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 { 
	max-width:400px;
	background:url(/sites/minwon/images/popup/popup_background_img.jpg) top center no-repeat; 
	min-height:calc(420px - 35px);
	overflow:hidden; 
  	letter-spacing:-1px; 
}
.compop-wrap .pop-haed { margin:28px 0 10px; text-align:center; overflow:hidden;  }
.compop-wrap .pop-haed h1 { font-size:21px; margin-bottom:10px; font-weight:bold; color:#1d1d1d; }
.compop-wrap .pop-haed h1 span { padding-top:5px; display:block; color:#333; overflow:hidden; text-align:center; }
.compop-wrap .pop-haed .copytxt {margin-bottom:10px; text-align:center; }
.compop-wrap .pop-haed .copytxt .bold {font-weight:700;}
.compop-wrap .pop-haed .copytxt .underline {text-underline-position: under; text-decoration: underline;}
.compop-wrap .pop-haed .link-txt{font-weight:bold; text-underline-position: under; text-decoration: underline;  color:#1e2124;}
.compop-wrap .pop-haed .link-txt:after{content:''; display:inline-block; width:16px; height:16px; vertical-align: -2px; margin-left:4px; background:url(/sites/minwon/images/popup/ico_angle.png) center no-repeat;}

.compop-wrap .pop-body { padding:0; overflow:hidden; }
.compop-wrap .pop-body .pop-box { color:#fff; padding:20px; border-top-left-radius:5px; border-top-right-radius:5px; background:url(/sites/minwon/images/popup/popup_text_img.png) top center; 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 {min-width:35px; 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;*/}
.compop-wrap .pop-body .pop-box p { margin-top:15px; padding-left:12px; font-size:15px; 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); padding:35px 16px 0 16px; }
}

@media only screen and (max-width:737px) {
	.compop-wrap {/* max-width:auto;*/ padding:35px 10px 0 10px; }
	.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: bold;}
.h3{color: #1e2124;font-size: 17px;font-weight: bold;}
.info_tb{margin-bottom: 30px !important; 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 {border: 1px solid #d9dee2; padding: 0 16px 10px; box-sizing: border-box;}
.hideWrap.f14 * {font-size: 15px !important;}
.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;
}

/* 인터넷서신 처리내역 및 저장함 버튼배치  (20190215 고석만) */
mark.must {width: 8px; height: 8px; margin: 0; margin-left: 5px;  padding: 0; text-indent: -5000px; background: url(/sites/moj/images/must2.gif) no-repeat; overflow: hidden;}

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;}
}


/* 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{display:none; 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% - 89px) !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; height:auto; }
._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;}
}
/* ========= SUB_contents css ========= */
.color01, .color01 *	{color: #ff3300 !important;}
.color02, .color02 *	{color: #002e8d !important;}
.color03, .color03 *	{color: #1380b3 !important;}
.note, .note *{color: #1380b3;}

/* sub_heading */
.objHeading_h2, .objHeading_h3, .objHeading_h4	{font-weight: bold; line-height: 1.4;}
.objHeading_h2	{font-size: 28px !important; color: #1e2124;}
#masterTab .objHeading_h2 {padding-bottom: 0;}
.objHeading_h3	{font-size: 24px !important; color: #1e2124; margin-bottom: 0; padding: 10px 0 16px 0; background: url('/sites/moj/images/contents/objHeading_h3.png') left top no-repeat;}
.objHeading_h4	{font-size: 19px !important; color: #063a74; margin-bottom: 10px; padding: 0 0 0 24px; background: url('/sites/moj/images/contents/objHeading_h4.png') left 4px no-repeat;}

/* 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_text box */
.textbox_wrap	{position: relative; margin-bottom:40px; padding: 16px 32px; display: table; width: 100%; border: 1px solid #d9dee2; border-radius:8px; background-color: #f8f8f8; }
.textbox_wrap:before, .textbox_wrap:after	{display:none; 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.bg01	{background-image: url('/sites/moj/images/contents/textBox_edge_bg01.png'); background-position: right bottom; background-repeat: no-repeat;}
.textbox_wrap.bg02	{background-image: url('/sites/moj/images/contents/textBox_edge_bg02.png'); background-position: right bottom; background-repeat: no-repeat;}
.textbox_wrap.bg03	{background-image: url('/sites/moj/images/contents/textBox_edge_bg03.png'); background-position: right bottom; background-repeat: no-repeat;} */
.textbox_wrap .wrap .title	{color: #054780; font-size: 19px; margin-bottom: 8px; font-weight: bold;}
.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;}


/* 20260122 apply.css 내용 적용 */

input
input[type=radio], input[type=checkbox]{cursor: pointer;}
select{appearance: none;   background: #fff url(/sites/minwon/images/contents/svg/icon_selectbox.png) no-repeat center right 16px; }

.contents_body{display: flex; justify-content: space-between; align-items: flex-start; gap: 40px;} 
.contents_wrap{width: 636px; flex: 1;}
.contents_wrap .btn_wrap{display: none;}
.pagenav_wrap{position: sticky; width: 180px; top: 30px; transition: all ease 0.5s; }
.pagenav_wrap .comp{font-size: 15px;}
.pagenav_wrap .tit{font-size: 20px; font-weight: 700; margin-top: 5px;}
.pagelist{display: flex; gap: 8px; flex-direction: column;}
.pagelist li a{font-size: 15px; padding: 4px 8px; border-radius: 4px; color:#464c53; display: block;}
.pagelist li a.active{color: #052b57; background:#eef2f7; font-weight: 700;}

.pagenav_wrap .nButton {
    width: 100%;
    padding: 8px 15px !important;
    word-break: keep-all;
    height: auto !important;
    min-height: 52px;
}

.pagenav_wrap .btn_wrap{width: 100%; display: block;}

#topBtn button{bottom: 80px;}


/* 단계(스텝) stepper
========================================================================== */
.list-step {display:flex !important; justify-content:flex-start; align-items:flex-start; margin:0; padding:0; list-style-type:none !important;}
.list-step li {position:relative; width:100%; padding-top:40px; padding-right:2.4rem; list-style:none !important;}
.list-step li::before {position:absolute; right:-0.1rem; top:0.9rem; content:''; width:100%; height:0.16rem; background-color:#cdd1d5; /*left: calc(50% - 20px );*/}
.list-step li.done::before {background-color:#6d7882;}
.list-step li:last-child::before {display:none;}
.list-step li::after {display:block; position:absolute; /* left: calc( 50% - 20px ); transform: translateX(-50%);*/ top:0; z-index:1; content:''; width:30px; height:30px; border-radius:30px; outline:0.1rem solid #cdd1d5; outline-offset:-0.1rem; background-color:#e6e8ea; background-repeat:no-repeat; background-position:center; background-size:contain;}
.list-step li.done::after {outline:none; background-color:transparent; background-image:url('/sites/minwon/images/contents/svg/bg-step-done.png');}
.list-step li.active::after {outline:none; background-color:transparent;background-image:url('/sites/minwon/images/contents/svg/bg-step-active.png');}
.list-step li span {display:block; /* text-align: center; */ }
.list-step li .step {color:#464c53; font-size:13px;}
.list-step li .step-tit {margin-top:3px; color:#1e2124; font-size:15px; font-weight:700;}
.list-step li .step-desc{font-size: 14px;}
.step-wrap .step-info {margin:20px 0 10px;}
.step-info {color:#555; display: none;}
.step-info .step-current {color:#002e8d; font-weight:700;}
.step-info + .objHeading_h2{display: none;}


._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, ._contentBuilder ._obj._objHtml .ul_2 > dt, ._contentBuilder ._obj._objTag .ul_2 > dt, ._contentBuilder ._obj._objWidget .ul_2 > dt, ._contentBuilder ._obj._objHtml .ul_2 > dd, ._contentBuilder ._obj._objTag .ul_2 > dd, ._contentBuilder ._obj._objWidget .ul_2 > dd {
    color: #707070;
}

._contentBuilder ._obj._objHtml .ul_2 > li, ._contentBuilder ._obj._objTag .ul_2 > li, ._contentBuilder ._obj._objWidget .ul_2 > li{font-size: 17px;}

.textbox_wrap .wrap > ul > li > ul.ul_2{margin-top: 7px;}
.textbox_wrap .wrap .title{font-size: 19px; color: #1e2124; font-weight: 700; margin-bottom: 0;}
.textbox_wrap.iconNo .wrap .title{font-size: 19px;color: #1e2124;font-weight: bold;margin-bottom: 10px;background: url(/sites/minwon/images/contents/svg/icon_formTitle.png) no-repeat left center / 19px auto;padding-left: 25px;}


.formNotice {border: 1px solid #d9dee2; background-color: #f7f7f7; position: relative; padding: 20px 40px 40px; display: table; width: 100%; box-sizing:border-box; margin-bottom: 60px;}
.formNotice .bg_w {background-color: #fff; text-align: center; padding: 20px; box-sizing: border-box; margin-top: 30px; border:1px dashed #bcd4e8}
.formNotice .wrap .title{font-size: 18px; font-weight: 500; margin-bottom: 15px;}
.formNotice .wrap > ul > li{margin: 5px 0 15px; background: none; padding-left: 0;}


/* 안내문 */
.guideText_dep1_ul.column2{display: grid; grid-template-columns: repeat(2, 1fr);  gap: 10px;}
.guideText_dep1_ul.column2 > li + li{margin-top: 0 !important;}
.guideText_dep1_ul > li{background: url(/sites/moj/images/contents/contents_ul.png) left 8px no-repeat; padding-left: 16px; color: #1e2124; }
.guideText_dep1_ul > li + li{margin-top: 10px !important;}
.guideText_dep1_ul.nodot > li{padding-left: 0; background: none;}
.guideText_dep1_ul.nodot > li > .guideText_dep2_ul{padding-left: 16px;}
.guideText_dep1_ul.nodot > li > .guideText_dep2_ul > li > .guideText_dep3_ul{padding-left: 0;}
ol.guideText_dep1_ul {list-style: decimal;   padding-left: 20px;}
ol.guideText_dep1_ul > li{list-style: inherit;}


.guideText_dep2_ul + strong {margin-top: 10px; display: inline-block;}
.guideText_dep2_ul{margin-top: 5px;}
.guideText_dep2_ul > li{background: url(/sites/moj/images/contents/contents_ul_2.png) left 12px no-repeat; padding-left: 15px; color: #555; }
.guideText_dep2_ul > li > b, .guideText_dep2_ul > li > p {color: #555;}
.guideText_dep2_ul > li + li{margin-top: 5px !important;}
.guideText_dep2_ul + p{margin-top: 10px;}
.guideText_dep3_ul{margin-top: 5px ; padding-left: 20px;}
.guideText_dep3_ul > li{ color: #555; font-size: 16px; position: relative; padding-left: 10px;}
.guideText_dep3_ul > li + li{margin-top: 5px !important}
.guideText_dep3_ul > li::before{ content: ""; position: absolute; display: inline-block; background: #767676; width: 5px; height: 1px; left: 0; top: 10px}
.textbox_wrap .guideText_dep2_ul > li{ background: url(/sites/moj/images/contents/contents_ul_2.png) left 9px no-repeat; color: #555; }
._contentBuilder ._obj._objHtml .ul_3 > li, ._contentBuilder ._obj._objTag .ul_3 > li, ._contentBuilder ._obj._objWidget .ul_3 > li{color: #767676; padding:3px 15px; font-size: 15px;}
._contentBuilder ._obj._objHtml .ul_3 > li:before, ._contentBuilder ._obj._objTag .ul_3 > li:before, ._contentBuilder ._obj._objWidget .ul_3 > li:before{top: 5px;}


.formWrap dd{font-size: 17px;}
.formWrap h3{ font-size: 19px !important; color: #1d1d1d; padding: 8px 0 16px 0; font-weight: 700;}

/* sub_margin */
._contentBuilder ._obj .marB0 {margin-bottom: 0px !important;}


.formNotice .bg_w .radioBtn{display: flex; align-items: center; justify-content: center; }



/*** 작성 화면 (_mojWrite) **************************************/
._mojWrite {overflow: hidden;}
._mojWrite .writeForm {border-top: 2px solid #353e4d; display: flex; flex-wrap: wrap;}
._mojWrite .writeForm.notbd{border-top: 0;}
._mojWrite dl.artclForm {flex:0 0 50%; overflow: hidden; display: flex; min-height: 50px; border-bottom: 1px solid #dfdfdf;}
._mojWrite .artclForm dt, ._mojWrite .artclForm dd {display: flex; vertical-align: middle; box-sizing: border-box; height:auto; }
._mojWrite .artclForm dt {width: 150px;    background-color: #f8f8f8; border-right: 1px solid #dfdfdf; padding: 0 5px; justify-content: center; align-items: center; padding: 10px 0; text-align: center;}
._mojWrite .artclForm dt label {color: #555;font-size: 17px;margin-top: 0;min-height: auto;display: flex;align-items: center;justify-content: center;gap: 0;}
._mojWrite .artclForm._100per {float: none; flex:0 0 100%;}
._mojWrite .artclForm dd {padding:8px 12px; width: calc( 100% - 150px); flex: 1;  align-items: flex-start; display: flex; flex-direction: column; justify-content: center;}
._mojWrite .artclForm dd .button{margin: 0;}
._mojWrite .artclForm dd .button a, ._mojWrite .artclForm dd .button input, ._mojWrite .artclForm dd .button button{padding: 8px 20px;}

/*._mojWrite input[type="text"]._full {max-width: 100%;}*/
._mojWrite input[type="text"], ._mojWrite input[type="password"], .hasDatepicker {width: 100%; max-width: 250px; height:unset; padding:12px 16px; height: 50px; line-height: unset; font-size:17px; border-radius: 5px;}
._mojWrite select._full {max-width: 100%;}
._mojWrite select {width: 100%; max-width: 250px; height:unset; padding:12px 44px 12px 16px; height: 50px; line-height: unset; font-size:17px; margin: 0; border-radius: 5px;}
._mojWrite .artclForm dd, ._mojWrite .artclForm dd label {color: #555; font-size: 17px; }
._mojWrite .artclForm dd.artclInsert ul._hor li {line-height: 20px; margin-bottom: 0;}
._mojWrite .artclForm dd.artclInsert ul._hor,
._mojWrite .artclForm dd.artclInsert .intOpt {float: left;}


._mojWrite .artclForm.both {clear:both; padding: 16px 0; box-sizing: border-box; border-bottom: 1px solid #6a6a6a; border-top: 1px solid #b2b2b2; position: relative; top: -1px;}
._mojWrite .artclInsert textarea {width:100%; min-height: 500px; outline-offset:-3px;}

._mojWrite .fileWrap .artclInsert {overflow: hidden;}
._mojWrite .fileWrap {border-bottom: 1px solid #6a6a6a; width: 100%;}
._mojWrite .fileWrap .artclForm dt, ._mojWrite .fileWrap .artclForm dd {border-bottom:0;}
._mojWrite .fileWrap .artclInsert select {float: left; width: 60%; min-height: 130px; padding: 10px; box-sizing: border-box;}
._mojWrite .fileWrap .file_btn,
._mojWrite .fileWrap .notice {float: left; margin-left: 8px;}
._mojWrite .fileWrap .notice {color: #555; font-size: 17px;}
._mojWrite .fileWrap .file_btn .btn {display: block; margin: 0 0 15px 0;}
._mojWrite .fileWrap .file_btn .btn input[type="button"] {text-align: left; min-width: 145px;  border: 1px solid #d5d5d5; background: #ececec url('../images/file_btn.gif') 10px 10px no-repeat; padding: 6px 10px 7px 30px;}
._mojWrite .fileWrap .file_btn .btn.del input[type="button"] {background-position: 10px -44px;}
.artclView img {height: auto !important;}

.formCheckbox_wrap{display: flex ; gap: 20px; flex-direction: row; justify-content: flex-start; flex-wrap: wrap;}
.formCheckbox_wrap .formCheckbox{display: flex; align-items: center; gap: 16px;}
.formCheckbox_wrap .formCheckbox label{line-height: 1;}

.formRadio_wrap{display: flex ; gap: 20px; flex-direction: row; justify-content: flex-start; flex-wrap: wrap;}
.formRadio_wrap .formRadio{display: flex; align-items: center; gap: 16px;}
.formRadio_wrap .formRadio label{line-height: 1;}


._paging{margin: 40px 0 20px; padding: 0;}
._paging ._inner ul li strong{background: #063a74;}


.content_inner_title{display: block; overflow: hidden; margin-bottom: 10px; display: flex; justify-content: flex-start; align-items: flex-end;}
.cont_title_left_wrap .objHeading_h3{
    font-size: 24px !important; color: #1e2124; padding: 10px 0 16px 0; background: url('/sites/moj/images/contents/objHeading_h3.png') left top no-repeat;
    padding-bottom: 0 !important;
}
.cont_title_right_wrap{margin-left: auto;margin-bottom: 0;display: flex;align-items: center; gap: 5px;}
.cont_title_right_wrap span{position:relative; color:#666; line-height: 22px; font-size:14px; font-weight: 400; letter-spacing: -0.35px;}
.cont_title_right_wrap span + span{margin-left:15px; }
.cont_title_right_wrap.reserved span{padding-left: 48px;}
.cont_title_right_wrap.reserved span:before{position:absolute; content:""; left:0; display:inline-block; width:40px; height:22px; border-radius: 4px; border:1px solid #cdd1d5; box-sizing: border-box; background:#cdd1d5;}
.cont_title_right_wrap.reserved span:first-child:before{border:1px solid #b3b3b3; color:#fff; background:#fff;}
.cont_title_right_wrap .noteWrap{text-align: right;}



/* 접견예약 시간선택 */
.reservationSelectList{display: grid; grid-template-columns: repeat(5, 1fr);  gap: 5px;}
.reservationSelectList li{  position: relative; }
.reservationSelectList li input[type="checkbox"],
.reservationSelectList li input[type="radio"]{ position: absolute; left: 10px; top: 10px; z-index: 1;}
.reservationSelectList li label{ display: flex; flex-direction: column; align-items: start; border: 1px solid #b3b3b3;  padding: 10px; position: relative; padding-top: 35px; gap: 5px; border-radius:4px;}
.reservationSelectList li label strong{ color: #4e4e4e; }
.reservationSelectList li label span{ color: #6d6d6d; font-size: 15px; }
.reservationSelectList li label span.desc{font-size: 14px;  margin-top: -5px;}
.reservationSelectList li label.is-checked {border: 1px solid #256ef4; background: #ecf2fe;}
.reservationSelectList li label.is-checked strong,
.reservationSelectList li label.is-checked span {color: #0b50d0;}
.reservationSelectList li label.is-disabled {background: #cdd1d5; border: 1px solid #cdd1d5; cursor: not-allowed;}
.reservationSelectList li label.is-disabled strong,
.reservationSelectList li label.is-disabled span {text-decoration: line-through; color: #2b2b2b;}
.reservationSelectList li input[type="checkbox"]:checked + label, 
.reservationSelectList li input[type="radio"]:checked + label{border: 1px solid #256ef4; background: #ecf2fe;}
.reservationSelectList li input[type="checkbox"]:checked + label strong, 
.reservationSelectList li input[type="radio"]:checked + label strong{ color: #0b50d0;}
.reservationSelectList li input[type="checkbox"]:checked + label span,
.reservationSelectList li input[type="radio"]:checked + label span{ color: #0b50d0;}
.reservationSelectList li input[type="checkbox"]:disabled + label,
.reservationSelectList li input[type="radio"]:disabled + label{background: #cdd1d5; border: 1px solid #b1b8be;}		
.reservationSelectList li input[type="checkbox"]:disabled + label,
.reservationSelectList li input[type="radio"]:disabled + label{color: #6d7882;}
.reservationSelectList li input[type="checkbox"]:disabled + label *:not(.badge),
.reservationSelectList li input[type="radio"]:disabled + label *:not(.badge){color: #2b2b2b; text-decoration: line-through;}
.reservationSelectList li input[type="checkbox"]:disabled + label strong,
.reservationSelectList li input[type="radio"]:disabled + label strong{text-decoration: line-through;}


.reservationSelectList.type2{ grid-template-columns: repeat(8, 1fr);  }
.reservationSelectList.type2 li input[type="checkbox"], .reservationSelectList.type2 li input[type="radio"]{position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0;}
.reservationSelectList.type2 li label{padding: 10px; text-align: center; align-items: center; }
.reservationSelectList.type2 li label strong{font-weight: 400;}
.reservationSelectList.type2 li label.is-checked strong{font-weight: 700; position: relative;}
.reservationSelectList.type2 li label.is-checked strong::after{content: ""; display: inline-block; width: 14px; height: 12px; background: url(/sites/minwon/images/contents/svg/icon_checkedChip.png) no-repeat center / contain; margin-left: 5px;}
.reservationSelectList.type2 li label.is-disabled strong{text-decoration-line: line-through;}
.reservationSelectList.type2 li input[type="checkbox"]:checked + label strong, .reservationSelectList.type2 li input[type="radio"]:checked + label strong{font-weight: 700; position: relative;}
.reservationSelectList.type2 li input[type="checkbox"]:checked + label strong::after, 
.reservationSelectList.type2 li input[type="radio"]:checked + label strong::after{content: ""; display: inline-block; width: 14px; height: 12px; background: url(/sites/minwon/images/contents/svg/icon_checkedChip.png) no-repeat center / contain; margin-left: 5px;}
.reservationSelectList.type2 li input[type="checkbox"]:disabled + label strong, .reservationSelectList.type2 li input[type="radio"]:disabled + label strong{text-decoration-line: line-through;}

.reservationSelectList.type3 li label{ display: flex; flex-direction: column; align-items: start; border: 1px solid #b3b3b3;  padding: 10px; position: relative;  gap: 5px;}
.reservationSelectList.type3 li label strong{ color: #4e4e4e;  }
.reservationSelectList.type3 li label span{ color: #6d6d6d; font-size: 15px; }
.reservationSelectList.type3 li label span.type2{color: #3c3c3c}
.reservationSelectList.type3 li input[type="checkbox"],
.reservationSelectList.type3 li input[type="radio"]{ position: absolute; z-index: 0; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0;}
.reservationSelectList.type3 li label.is-checked{border: 1px solid #256ef4; background: #ecf2fe;}
.reservationSelectList.type3 li label.is-checked strong{ color: #4e4e4e;}
.reservationSelectList.type3 li label.is-checked span:not(.badge){ color: #757575;}
.reservationSelectList.type3 li label.is-checked span.badge{background: #c8daff; color: #0b50d0;}
.reservationSelectList.type3 li label.is-disabled{background: #cdd1d5; border: 1px solid #dddee0;}

.reservationSelectList.type3 li input[type="checkbox"],
.reservationSelectList.type3 li input[type="radio"]{ position: absolute; left: 15px; top: 15px; z-index: 0; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0;}
.reservationSelectList.type3 li input[type="checkbox"]:checked + label, 
.reservationSelectList.type3 li input[type="radio"]:checked + label{border: 1px solid #256ef4; background: #ecf2fe;}
.reservationSelectList.type3 li input[type="checkbox"]:checked + label strong, 
.reservationSelectList.type3 li input[type="radio"]:checked + label strong{ color: #4e4e4e;}
.reservationSelectList.type3 li input[type="checkbox"]:checked + label span:not(.badge),
.reservationSelectList.type3 li input[type="radio"]:checked + label span:not(.badge){ color: #757575;}
.reservationSelectList.type3 li input[type="radio"]:checked + label span.badge{background: #c8daff; }
.reservationSelectList.type3 li input[type="checkbox"]:disabled + label,
.reservationSelectList.type3 li input[type="radio"]:disabled + label{background: #cdd1d5; border: 1px solid #dddee0;}

.reservationDayList_wrap{position: relative;}
.reservationDayList{ overflow-x: auto; overscroll-behavior:contain;  }
.reservationDayList ul{ display: flex;  width: calc( 100% - 62px ); gap: 5px; }
.reservationDayList ul li{    position: relative; flex: 1 1 0; min-width: 120px;  }
.reservationDayList ul li label{ color: #000; border: 1px solid #dddee0; display: inline-flex; flex-direction: column; justify-content: center; gap: 3px; width: 100%;  position: relative; z-index: 1;  height: 70px; }
.reservationDayList ul li input[type=radio]{position: absolute; visibility: hidden; z-index: 0; }
.reservationDayList ul li input[type="radio"]:checked + label{border: 1px solid #256ef4; background: #ecf2fe;}
.reservationDayList ul li input[type="radio"]:disabled + label{background: #cdd1d5; border: 1px solid #b1b8be; }
.reservationDayList ul li label span, .reservationDayList ul li label strong{display: block; text-align: center;}
.reservationDayList ul li label .year{color: #757575; font-size: 14px;}
.reservationDayList ul li label strong{color: #4e4e4e; font-weight: 700; }
.reservationDayList ul li input[type="radio"]:disabled + label .year{color: #595959; }

.reservationDayList_wrap .scrollControl_wrap{position: absolute; left: 0; top: 0; width: 100%; display: flex; justify-content: space-between; z-index: 1; pointer-events: none; }
.reservationDayList_wrap .scrollControl_wrap .scroll-btn{height:68px; width: 30px; text-indent: -9999px; margin-top: 1px; opacity: 0; pointer-events: none; pointer-events: all; }
.reservationDayList_wrap .scrollControl_wrap .scroll-btn.prev{background-image: url(/sites/minwon/images/contents/svg/icon_prev.png); background-repeat: no-repeat; background-position: left center;}
.reservationDayList_wrap .scrollControl_wrap .scroll-btn.next{background-image: url(/sites/minwon/images/contents/svg/icon_next.png); background-repeat: no-repeat; background-position: right center;}
.reservationDayList_wrap.scrollable:hover .scroll-btn {opacity: 1; }

/* 뱃지 */
.badge{display: inline-block; padding:5px 7px; font-size: 15px; line-height: 100%; min-width: 60px; text-align: center; border-radius: 4px;}
.badge.type1{background: #ecf2fe; color: #0b50d0;}
.badge.type2{background: #767676; color: #fff;}
.badge.type3{background: #0b50d0; color: #ecf2fe;}
.badge.type4{background: #ecf2fe; border: 1px solid #096ab3; color: #096ab3;}
.badge.type5{background: #ecf2fe;  color: #0b50d0;}

.note_00, .note_01, .note_02, .note_03, .note_04 {font-size: 17px; margin: 7px 0 0;display:inline-block;}
.note_00{color: #555; }
.note_01	{display: block; padding-left: 25px; color: #e60012; background: url('/sites/moj/images/contents/note_01.png') left top 3px no-repeat;}
.note_02	{display: block; padding-left: 25px; color: #002e8d;background: url('/sites/moj/images/contents/note_02.png') left top 3px no-repeat;}
.note_03	{display: block; padding-left: 25px; color: #ff3300; background: url('/sites/moj/images/contents/note_02.png') left top 3px no-repeat;}
.note_04	{ color: #002e8d; background: url('/sites/minwon/images/contents/svg/icon_question.png') left center no-repeat; background-size: 17px auto; padding-left: 25px; margin-top: 7px; }
.note_00 strong, .note_01 strong, .note_02 strong, .note_03 strong, .note_04 strong{font-weight: bold; color: inherit;}


/* 컨텐츠 도움말 */
.noteWrap{margin-top: 7px;}
.noteWrap::before{content: ""; clear: both; display: block;}
.note{color: #555; display: block; font-size: 17px;}
.note.iconHelp{background: url('/sites/minwon/images/contents/svg/icon_help.png') left center no-repeat; background-size: 17px auto;  padding-left: 25px; }
.note.iconLineHelp{background: url('/sites/minwon/images/contents/svg/icon_line_help.png') left center no-repeat; background-size: 17px auto; padding-left: 25px; }
.note.iconWarning{background: url('/sites/minwon/images/contents/svg/icon_question.png') left center no-repeat; background-size: 17px auto; padding-left: 25px; }
.note.iconInfo{background: url('/sites/minwon/images/contents/svg/icon_info.png') left center no-repeat; background-size: 20px auto; padding-left: 25px; }
.note.iconLineInfo{background: url('/sites/minwon/images/contents/svg/icon_line_info.png') left center no-repeat; background-size: 17px auto; padding-left: 25px; }
.note.iconSuccess{background: url('/sites/minwon/images/contents/svg/icon_success.png') left center no-repeat; background-size: 17px auto; padding-left: 25px; }
.note.iconDanger{background: url('/sites/minwon/images/contents/svg/icon_danger.png') left center no-repeat; background-size: 17px auto; padding-left: 25px; }
.note.iconGuide{cursor: pointer;}
.note.iconGuide::after{ content: ""; width: 17px; height: 17px; margin-left: 5px; display: inline-block; background: url('/sites/minwon/images/contents/svg/icon_guideToggle.png') right center no-repeat; background-size: 17px auto; vertical-align: text-top;  }
.note.iconGuide[aria-expanded=false]::after{transform: rotate(180deg);}
.note.iconGuide[aria-expanded=true]::after{transform: rotate(0deg);}

.colorRed{ color: #e60012 !important;  }
.colorBlue{ color: #002e8d !important;  }
.colorSky{ color: #137daf !important;  }
.colorOrange{ color: #ff3300 !important; }

/* 테이블 표 수정 */
._contentBuilder ._obj._objHtml table , ._contentBuilder ._obj._objTag table, ._contentBuilder table,
.tableWrap table {
    border-top-color: #353e4d !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: 0;
    margin-left: -1px;
  	border-collapse:collapse;
}
._contentBuilder ._obj._objHtml table th, ._contentBuilder ._obj._objHtml table td, ._contentBuilder ._obj._objTag table th, ._contentBuilder ._obj._objTag table td, ._contentBuilder .tableWrap table th, ._contentBuilder .tableWrap table td,
.tableWrap table th, .tableWrap table td {
    border-width: 0 0 1px 1px !important;    
    border-color: #dddee0 !important;
    border-style: solid;
    width: auto;
    padding: 15px 10px;
}
.tableWrap table tr th:first-child,
.tableWrap table tr td:first-child{border-left: 0 !important;}
._contentBuilder ._obj._objHtml table thead th ,
._contentBuilder ._obj._objTag table thead th,
.tableWrap table thead th {text-align: center; background-color: #f8f8f8; font-size: 17px; font-weight: 700; color: #1d1d1d;}
._contentBuilder ._obj._objHtml table tbody th ,
._contentBuilder ._obj._objTag table tbody th,
.tableWrap table tbody th {font-size: 17px; font-weight: 400;}
._mojList table.artclTable tbody td{font-size: 17px;}
._mojList table.artclTable tbody td a, .tableWrap2 tbody td a, .tableWrap3 tbody td a{text-decoration: underline; text-underline-offset: 3px; color: #083891;}
._mojList table.artclTable tbody td a b, .tableWrap2 tbody td a b, .tableWrap3 tbody td a b{color: inherit;}
.th_undertext{font-size: 15px;}

/* 태블릿, 모바일 테이블 표 스크롤 관련 */
.tableWrap table tbody td{ color: #1e2124;}
.bold {font-weight: 700;}
body.Tablet .tableWrap table thead th, body.Tablet ._articleTable table thead th,
body.Mobile .tableWrap table thead th, body.Mobile ._articleTable table thead th{white-space: unset}
body.Tablet .tableWrap table tbody td, body.Tablet ._articleTable table tbody td,
body.Mobile .tableWrap table tbody td, body.Mobile ._articleTable table tbody td{white-space: unset}
body.Tablet .tableWrap.noScroll, body.Tablet ._articleTable,
body.Mobile .tableWrap.noScroll, body.Mobile ._articleTable { overflow-x: hidden !important; }
body.Tablet .tableWrap table thead th, body.Tablet ._articleTable table.before thead th,
body.Mobile .tableWrap table thead th, body.Mobile ._articleTable table.before thead th{white-space: nowrap}
body.Tablet .tableWrap table tbody td, body.Tablet ._articleTable table.before tbody td,
body.Mobile .tableWrap table tbody td, body.Mobile ._articleTable table.before tbody td{white-space: nowrap}
body.Tablet .tableWrap.noScroll table tbody td, body.Tablet ._articleTable table.before tbody td,
body.Mobile .tableWrap.noScroll table tbody td, body.Mobile ._articleTable table.before tbody td{white-space: unset}

/* 게시판, 표형태 제안스타일 */
.boardList_type01 ul{display: flex; gap: 24px; flex-wrap: wrap;}
.boardList_type01 ul li{width: calc( 50% - 12px); border: 1px solid #b1b8be; padding: 20px;  display: flex; flex-direction: column; justify-content: space-between; border-radius: 15px;}
.boardList_type01 ul li a, .boardList_type01 ul li .nButton{  width: 100px;  }
.boardList_type01 ul li.emptyList{width: 100%; padding: 50px 10px !important;}
.boardList_type01 ul li .cont strong{font-size: 19px; margin: 10px 0; display: block;}

.boardList_dl{display: flex; gap: 10px; flex-direction: row; text-align: left; }
.boardList_dl + dl{margin-top: 7px;}
.boardList_dl dt{width: 125px; flex: 1; color: #757575;}
.boardList_dl dd{width: calc( 100% - 135px );}

.tableWrap2 table {
    border-top-color: #353e4d !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: 0;
    margin-left: -1px;
}
.tableWrap2 table th, .tableWrap2 table td {
    border-width: 0 0 1px 1px !important;    
    border-color: #dddee0 !important;
    border-style: solid;
    width: auto;
    padding: 15px 10px;
}
.tableWrap2 table thead th {text-align: center; background-color: #f8f8f8; font-size: 17px; color: #1d1d1d;}
.tableWrap2 table tbody th {text-align: center; background-color: #f8f8f8; font-size: 17px; font-weight: 400; color: #1d1d1d;}

.tableWrap3 table {
    border-top-color: #353e4d !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: 0;
    margin-left: -1px;
}
.tableWrap3 table th, .tableWrap3 table td {
    border-width: 0 0 1px 1px !important;    
    border-color: #dddee0 !important;
    border-style: solid;
    width: auto;
    padding: 15px 10px;
}

.tableWrap3 table tr th:first-child,
.tableWrap3 table tr td:first-child{border-left: 0 !important;}

.tableWrap3 table thead th {text-align: center; background-color: #f8f8f8; font-size: 17px; font-weight: 700; color: #1d1d1d;}
.tableWrap3 table tbody th {text-align: center; background-color: #f8f8f8; font-size: 17px; font-weight: 400; color: #1d1d1d;}

.tableWrap2 thead tr th:first-child,
.tableWrap2 tbody tr td:first-child,
.tableWrap3 thead tr th:first-child,
.tableWrap3 tbody tr td:first-child{border-left:0;}

.tableWrap4 table {
    border-top-color: #353e4d !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: 0;
    margin-left: -1px;
}
.tableWrap4 table th, .tableWrap4 table td {
    border-width: 0 0 1px 1px !important;    
    border-color: #dddee0 !important;
    border-style: solid;
    width: auto;
    padding: 15px 10px;
}
.tableWrap4 table thead th {text-align: center; background-color: #f8f8f8; font-size: 17px; font-weight: 700; color: #1d1d1d;}
.tableWrap4 table tbody th {text-align: center; background-color: #f8f8f8; font-size: 17px; color: #1d1d1d;}

.tableWrap2 table.tbl,
.tableWrap3 table.tbl,
.tableWrap4 table.tbl {border-top-color: #2460db !important;}
.tableWrap2 table.tbl thead th,
.tableWrap2 table.tbl tbody th,
.tableWrap3 table.tbl thead th,
.tableWrap3 table.tbl tbody th, 
.tableWrap4 table.tbl thead th, 
.tableWrap4 table.tbl tbody th{background-color: #edf1f5;} 

.emptyList{ padding: 30px 10px !important; text-align: center !important; }

.info_tb td:first-child{padding: 20px;}

/* width */
.wFull{width: 100% !important; max-width: 100% !important;}
.w120{width: 120px;}
.w150{width: 150px;}
.w180{width: 180px;}
.w200{width: 200px;}

textarea{width: 100%; border-radius: 5px;}

/* 신청절차 */
.serviceStep_wrap{max-width: 100%;padding: 32px !important;border: 1px solid #b1b8be;position: relative;border-radius: 12px;list-style: none !important;}
.serviceStep_wrap li{display: flex !important;position: relative;align-items: flex-start;flex-direction: column;gap: 4px;padding:0 0 24px 56px;margin-top: 0 !important;}
.serviceStep_wrap li:last-child{padding-bottom:0;}
.serviceStep_wrap li::before{content: ""; position: absolute; width: 1px; height: 100%; top: 0; left: 12px; background: #d6e0eb;}
.serviceStep_wrap li:last-child::before{display: none;}
.serviceStep_wrap li .num{width: 24px; height: 24px; border-radius: 4px; display: flex; align-items: center; justify-content: center; position: absolute; top: 0; left: 0; background: #063a74; color: #fff;}
.serviceStep_wrap li .titArea{display: flex;}
.serviceStep_wrap li .titArea > p{color: #052b57; font-weight: 700;}
.serviceStep_wrap li .titArea > span{display: flex; align-items: center;}
.serviceStep_wrap li .titArea > span::before{content: ""; margin: 0 8px; display: inline-block; width: 1px; height: 16px; background: #cdd1d5; }
.serviceStep_wrap li .desc{color: #464c53;}



/* 서비스개요 */
.serviceInfo_wrap{display: flex; flex-wrap: wrap; gap: 16px 0; padding: 24px 0; border-top: 1px solid #8a949e; border-bottom: 1px solid #8a949e; }
.serviceInfo_wrap dt{width: 180px; margin-right: 24px; font-weight: 700;}
.serviceInfo_wrap dd{ width: calc( 100% - 204px);}
.serviceInfo_wrap dd > .innerList{display: flex; gap: 8px; flex-direction: column;}



/* 신청완료(취소)화면 */
.confirm_tile{font-size: 32px; font-weight: 700; text-align: center;}
.confirm_tile span{font-size: 32px; font-weight: 700;}
.confirm_wrap { padding: 40px; background: #f8f8f8; border-radius: 12px; border: 1px solid #d9dee2; }
.confirm_wrap .txt{font-size: 19px; text-align: center; }
.confirm_wrap .txt + .txt{margin-top: 5px;}
.confirm_box > div{font-size: 24px; font-weight: bold; margin-bottom: 15px;}
.confirm_box + .confirm_box{margin-top: 40px; padding-top: 40px; border-top: 1px solid #ddd;}
.confirm_dl{display: flex; flex-wrap: wrap; gap: 24px 0;}
.confirm_dl dt{width: 180px; margin-right: 40px; font-weight: 700;  font-size: 19px;}
.confirm_dl dd{ width: calc( 100% - 224px);  font-size: 19px;}
.confirm_dl dd > .innerList{display: flex; gap: 8px; flex-direction: column;}


/* 버튼, 링크 스타일 수정 */
.btn_wrap{display: flex; justify-content: flex-start;}
.btn_wrap.show{display: flex;}
.btn_wrap .btn_left{display: flex; gap: 5px; flex-wrap: wrap;}
.btn_wrap .btn_right{display: flex; gap: 5px; flex-wrap: wrap; margin-left: auto;}
.btn_wrap .btn_center{justify-content: center; display: flex; width: 100%; gap: 5px;}
.nButton{display: inline-flex; align-items: center; justify-content: center; gap: 7px; color: #fff !important; cursor: pointer; background-color: #1562a3; border-radius: 5px; text-decoration: none !important;}
.nButton.small{ /* height: 24px; border-bottom: 2px solid #d9d9d9; */ background-color: #2d7a9d; color: #fff; padding: 3px 10px; font-size: 15px;}
.nButton.mid{ height: 40px; /* border-bottom: 2px solid #d9d9d9; */ padding: 5px 20px;}
.nButton.big{ height: 56px; /* border-bottom: 2px solid #d9d9d9; */ padding: 5px 20px;}
.nButton.type1{ background:#036 url(/sites/moj/images/contents/button_type_01.png) left top repeat; outline-color: currentColor; outline-offset: -5px;}
.nButton.type2{ background:#036 url(/sites/moj/images/contents/button_type_02.png) left top repeat; }
.nButton.type3{ background:#036 url(/sites/moj/images/contents/button_type_03.png) left top repeat; }
.nButton.type4 {background-color: #6d7882;     outline-color: currentcolor; outline-offset: -4px;}  /* 검색버튼 (우편번호찾기, 수용자관리 )*/
.nButton.type6 {background-color: #fff; color: #1e2124 !important; border: 1px solid#cdd1d5;}    /* 취소버튼 */
.nButton.type7{ color:#1d56bc !important; border:1px solid #246beb; background-color:#eff5ff;  } /* 서브(목록, 임시저장..) 버튼 */
.nButton.view:after{ content: ""; background-image: url(/sites/moj/images/contents/button_search.png); width: 10px; height: 10px;}
.nButton.newwindow:after{ content: ""; background-image: url(/sites/moj/images/contents/button_newwindow.png); width: 14px; height: 14px;}
.nButton.download:after,
.nButton.down:after{ content: ""; background-image: url(/sites/moj/images/contents/button_down.png); width: 11px; height: 12px;}

.nButton:hover, .nButton:active{ color: #fff; background: #036;}
.nButton.type4:hover, .nButton.type4:active{ background-color: #494b4d}
.nButton.type6:hover, .nButton.type6:active{ background-color: #f4f5f6;}
.nButton.type7:hover, .nButton.type7:active{ background-color: #d8e5fd}


.nButton.type6.newwindow:after, .nButton.type6.down:after, .nButton.type6.view:after, .nButton.type6.download:after,
.nButton.type7.newwindow:after, .nButton.type7.down:after, .nButton.type7.view:after, .nButton.type7.download:after{filter: invert(1);}

a.link{text-decoration: underline; text-underline-offset: 3px; color: #083891;}
a.newwopen::after{content: ""; background: url(/sites/minwon/images/icon-nw.png) no-repeat center / cover; display: inline-block; width: 15px; height: 15px;  margin-left: 5px;}

.nButton.iconGuide::after{ content: ""; width: 17px; height: 17px; margin-left: 5px; display: inline-block; background: url('/sites/minwon/images/contents/svg/icon_guideToggle.png') right center no-repeat; background-size: 17px auto; vertical-align: text-top;  }
.nButton.iconGuide[aria-expanded=false]::after{transform: rotate(180deg);}
.nButton.iconGuide[aria-expanded=true]::after{transform: rotate(0deg);}




.equalCheck{margin-right: 5px;}

/* 달력인풋 */
.dateInputBox{display: inline-flex; align-items: center; border: 1px solid #ddd; position: relative; border-radius: 5px; width: 180px;}
.dateInputBox > input{border: 0; height: 40px; width: 140px; padding: 0 10px; border-radius: 0; }
.dateInputBox button{width: 30px; height: 30px; margin-right:4px; background: url(/sites/minwon/images/contents/svg/icon_calendar.png) no-repeat center; }
.dayInput{ /*background: url(/sites/minwon/images/contents/svg/icon_calendar.png) no-repeat right 16px center;*/}
.dayInput[readonly]{background:#fff /*url(/sites/minwon/images/contents/svg/icon_calendar.png) no-repeat right 16px center;*/}
::placeholder{font-size:15px;}

/* 입력폼 유형 (기간선택, 주소검색 등) */
.periodSelect_box{display: inline-flex; }
.periodSelect_box span{width: 30px; display: flex; align-items: center; justify-content: center;}
.periodSelect_box .dateInputBox, .periodSelect_box > .periodBox{ width: 180px /* calc( (100% - 30px) / 2)*/;}
#regNo2_tk_btn{width:auto;} /* 키보드보안 마우스로입력 넓이 수정 */
.email_box{display: flex !important; align-items: center; gap: 16px;}
.emailText_box{ display: flex; gap: 5px; align-items: center;}
.emailText_box span{width: 20px; display: flex; align-items: center; justify-content: center;}
.emailText_box input{width: calc( (100% - 20px) / 2) !important;}
.email_box select{width: 150px !important;}
.addr2{display: flex; gap: 16px;}
.schSelect_box{display: flex; gap: 16px;}
.schSelect_box button, .schSelect_box a, .addr2 button{min-width: 120px; height: unset !important;}

.zipCode_box{display: flex; gap: 16px; flex-wrap: wrap; flex-direction: column; width: 100%;}
.zipCode_box label[for=zipCode] + input[type=text],
.zipCode_box label[for=zipCode] > input[type=text]{width: 115px;}
.addressDetail_box{display: flex; gap: 16px;}
.addressDetail_box input{width: calc( (100% - 16px) / 2 ) !important; max-width: unset !important;}
.isbnbx_wrap{margin-top: 5px;}
.flexBox{display: flex;  justify-content: flex-start; gap: 16px; }
.flexBox.fdColumn{flex-direction: column;}
.issn-input{display: flex; align-items: center; gap: 10px;}
.isbnbx_wrap, .issn_bx{margin-top: 0;}
.issn_bx{flex-direction: column;}
.unit_box{display: flex; gap: 5px; align-items: center;}
.unit_box span{width: 20px; display: block; align-items: center; justify-content: center;}

input[type="checkbox"], input[type="radio"]{width: 21px; height: 21px;}


/* 게시판 신규 스킨 */
.board_schBox{background: #eef2f7; padding: 24px; border-radius: 12px; display: flex; flex-direction: column; gap: 10px;}
.board_schBox_row{display: flex; flex-direction: row; align-items: center; gap:5px 20px; position: relative;}
.board_schBox_row .cate{display: flex; gap: 16px; align-items: center; position: relative;}
.board_schBox_row .cate label{width: auto;}
.board_schBox_row .cate input[type=text], .board_schBox_row .cate select {width: 170px; height: unset; padding:12px 16px; height: 50px; line-height: unset; border-radius: 5px; border: 1px solid #ccc; margin: 0;}
.board_schBox_row .cate.reset input[type=text]{width: 200px; padding-right: 35px;}
.board_schBox_row .cate .btnReset{position: absolute; right: 10px; text-indent: -9999px; background: url(/sites/minwon/images/contents/svg/icon_inputReset.png) no-repeat center; width: 20px; height: 20px; display: none;}
.board_schBox_row .nButton.mid{height: 50px;}

.nBoard_list{border-top: 2px solid #353e4d;}
.nBoard_list > li{display: flex; flex-direction: row; gap: 16px; align-items: center; padding: 16px 0; border-bottom: 1px solid #dddee0;}
.nBoard_list > li .boardNum{width: 80px; text-align: center;}
.nBoard_list > li .boardTitle{ width: calc( 100% - 180px );}
.nBoard_list > li .boardLink{ font-size: 20px; color: #1e2124; display: block; font-weight: 500;}
.nBoard_list > li .boardInfo{display: flex; flex-direction: row; gap:0 16px; align-items: center; margin-top: 5px;}
.nBoard_list > li .boardInfo > li{color: #1e2124; font-size: 16px;}
.nBoard_list > li .boardInfo > li span{color: #555; font-size: 16px;}
.nBoard_list > li .boardFile{width: 60px; text-align: center; }
.nBoard_list > li .boardFile .fileOn{width: 25px; height: 25px; text-indent: -9999px;  background: url(/sites/minwon/images/contents/svg/file_icon.png) no-repeat center; display: inline-block;}
.nBoard_list > li .boardFile .fileOn.none{display: none;}
.newArtcl{width: 25px; height: 25px; text-indent: -9999px;  background: url(/sites/minwon/images/contents/svg/icon_bdnew.png) no-repeat center; display: inline-block;}



/* 도서검색 modal start */
.modal {
  display: block;
  position: fixed;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.4);
}

.modal-content {
  position:absolute; top:50%; left:50%;
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background-color: #ffffff; 
  padding: 0px 0px 20px 0px;
  border: 1px solid #888;
  width: 80%;
  max-width:1100px;
  height:85%;
  border-radius:5px;
  overflow:hidden;
}

.modal-header {position:relative; padding: 10px 20px; background-color: #1d446d;}
.modal-header:after{content:''; display:block; clear:both;}
.modal-header h2{color: #fff;}

.modal-title {text-align:left; font-size:18px;}

.close {position:absolute; top:16px; right:15px; width:15px; height:15px; background:url(/sites/minwon/images/close-wh.png) center no-repeat; background-size:contain; font-size: 0; color: #fff;}

.modal-inner{height:100%; padding:15px 20px; overflow:auto;}

.search-container {margin-bottom: 20px;}
.search-container input[type=text],
.search-container button {
  padding: 10px;
  border: 1px solid #ccc;
  height: 45px;
  box-sizing: border-box;
}

.search-container select{
  padding: 0px;
  border: 1px solid #ccc;
  height: 45px;
}
.search-container .search-sort{width:90px; margin-right:10px;}
.search-container input[type=text]{width:calc(100% - 170px);}
.search-container button {width:60px; margin-left:10px; border:none; background-color: #586670; color: #ffffff;}
.search-container button:hover {background-color: #434d53;}

.search-top{margin-bottom:15px;}
.search-top:after{content:''; display:block; clear:both;}
.search-top .searchTxt{float:left;}
.search-top .cng-box{float:left;}
.search-top .cng-box input + input{margin-left:12px;}
.search-top .sort-box{float:right;}
.search-top .sortOrder{width:120px; height:33px;}
.search-top .sortSelc{width:120px; height:33px; margin-left:4px;}
.search-top .sortBtn{width:50px; height:33px; margin-left:5px; background-color:#586670; color:#fff;}

.res_tbl_wrap {position: relative;}
.res_tbl_wrap table thead tr th {
    padding:10px 10px;
    border-top: 2px solid #121212;
    border-left: 1px solid #dadce0;
    border-right: 1px solid #dadce0;
    border-bottom: 1px solid #dadce0;
    background-color: #F2F2F2;
    font-size:16px;
    color:#1b386e;
}

.res_tbl_wrap table tbody tr td {
  padding:20px 10px;
  border-left: 1px solid #dadce0;
  border-right: 1px solid #dadce0;
  border-bottom: 1px solid #dadce0;
  box-sizing: border-box;
}
.res_tbl_wrap table tbody tr td.bookName{text-align:left;}







/* tab
========================================================================== */
/* 공통 
.tab-area {margin-bottom:20px;}
.tab-area ul{display:flex; flex-direction:row; }
.tab-area ul li{flex: 1 1 0px; display: flex; align-items: center; justify-content: center; }
.tab-area ul li button{padding: 15px 0; font-size: 17px; width: 100%; position: relative;}
.tab-area ul li button::after{content: ""; display: block; position: absolute; left: 0; bottom: 0; width: 100%; height: 2px; background: #b1b8be;}
.tab-area ul li.active{color: #052b57; }
.tab-area ul li.active button::after{font-weight: 700; background: #052b57; height: 3px; }
*/



/* 약관동의 */
.allCheck_wrap{ display: flex; flex-direction: column; flex-wrap: wrap; gap: 8px; background: #E6E8EA; padding: 24px; border-radius: 10px; }
.allCheck_wrap > p > label{ color: #131416; font-size: 19px; font-weight: 700;}
.privacy_wrap{margin-top: 24px;}
.privacy_wrap + .privacy_wrap{margin-top: 40px;}
.privacy_wrap h3{margin-bottom: 10px; font-weight: 700; font-size: 19px;}
.privacytext_wrap{padding: 20px; border: 1px solid #B1B8BE; border-radius: 12px; height:105px; overflow-y: auto;}
.privacytext_wrap .privacytext_top{margin-bottom: 20px;}
.privacytext_wrap .privacytext_top p + p{margin-top: 5px;}
.privacybottom_wrap{padding: 24px; background: #E6E8EA; display: flex; justify-content: space-between; align-items: center; border-radius: 10px; margin-top: 20px;}
.privacybottom_wrap .privacychk_wrap{display: flex; gap: 24px;}
.privacytext_wrap .dot-list li + li{margin-top: 20px;}



/* jquery-ui datepicker 디자인 커스텀 */
.ui-datepicker .ui-datepicker-title select{text-align: center;}
.ui-datepicker-title > div{width: calc( (100% - 10px) / 2 ); display: flex; gap: 3px; align-items: center; }
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year{width: calc(100% - 23px); appearance: none; text-align: left; padding: 0 8px; background-position: right center;}
.ui-datepicker-title i{width: 20px; font-weight: bold; display: inline-block; text-align: left;}
.ui-datepicker-calendar tr > th:nth-child(1), .ui-datepicker-calendar tr > th:nth-child(1) span{color:red}
.ui-datepicker-calendar tr > th:nth-child(7), .ui-datepicker-calendar tr > th:nth-child(7) span{color:blue}
.ui-datepicker-calendar tr > td:nth-child(1) a{color:red}
.ui-datepicker-calendar tr > td:nth-child(7) a{color:blue}
.ui-datepicker-calendar tr > td:nth-child(1) .ui-state-default{color:red;}
.ui-datepicker-calendar tr > td:nth-child(7) .ui-state-default{color:blue;}

.ui-datepicker { width: 360px; padding: 0; display: none; border: 0; margin-top: 10px; padding:0 15px;
    /*
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%);
    position: fixed !important;
    */
}
.ui-widget.ui-widget-content { border: 0; overflow: hidden; background: #eef2f7; box-shadow: 0 0 8px rgba(0,0,0,0.3); }
.ui-datepicker .ui-widget-header { position: relative; padding: 20px 0 20px 0; border: 0; background: #eef2f7; color: #fff; border-radius: 0; }
.ui-datepicker .ui-datepicker-title { width: calc( 100% - 120px); display: flex; align-items: center; gap: 10px; justify-content: center; margin: 0 auto; }
.ui-datepicker-title .ui-datepicker-year option, .ui-datepicker-title .ui-datepicker-month option { background: #fff; color: #333; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position: absolute; top: 20px; width: 30px; height: 30px; text-indent: -9999px; cursor: pointer }
.ui-datepicker .ui-datepicker-prev{left: 10px;}
.ui-datepicker .ui-datepicker-next{right:10px;}
.ui-datepicker .ui-datepicker-prev.ui-state-hover { background: rgba(0,0,0,0.1); border: 0; }
.ui-datepicker .ui-datepicker-prev .ui-icon { background: url(/sites/minwon/images/contents/svg/icon_prev.png) center no-repeat; }
.ui-datepicker .ui-datepicker-next.ui-state-hover { background: rgba(0,0,0,0.1); border: 0; }
.ui-datepicker .ui-datepicker-next .ui-icon { background: url(/sites/minwon/images/contents/svg/icon_next.png) center no-repeat; }
.ui-datepicker .ui-state-default { display: flex; align-items: center; justify-content: center; border: 0; width: 40px; height: 40px; line-height: 30px; padding: 0;  text-align: center; color: #1d1d1d;  background: none; }
.ui-datepicker .ui-state-default.ui-state-hover { background: rgba(0,0,0,0.05); }
.ui-datepicker .ui-state-default.ui-state-highlight{background: #cdd1d5; color: #fff; border-radius: 20px; color: #1d1d1d;}
.ui-datepicker .ui-state-default.ui-state-select{font-weight: bold;}
.ui-datepicker-current-day .ui-state-default {  }
.ui-state-default.ui-state-active{background: #063a74 !important; color: #fff !important; font-weight: bold; border-radius: 50%; text-decoration:underline;}
.ui-datepicker table{ margin: 0; }
.ui-datepicker td, .ui-datepicker th {  }
.ui-datepicker th{height: 40px; padding: 8px 5px;}
.ui-datepicker td{padding: 5px;}
.ui-datepicker .ui-datepicker-buttonpane button {  }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float: left; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; }
.ui-corner-all { border-radius: 3px; }
.ui-icon { display: block; width: 16px; height: 16px; }
/*.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary{opacity: 0.5;}*/
.ui-datepicker .ui-datepicker-buttonpane{margin: 0;  overflow: hidden; background: #fff; border-top: 0; margin: 10px -15px 0; padding: 15px;}
.ui-datepicker .ui-datepicker-buttonpane button{margin: 0; padding: 3px 15px; display: inline-flex; align-items: center; justify-content: center;  cursor: pointer; border-radius: 0;}
.ui-datepicker-buttonpane button[data-handler="today"] {color: #1d1d1d;}
.ui-datepicker-buttonpane button[data-handler="hide"], .ui-datepicker-buttonpane button[data-handler="hide"]:hover {display: flex; margin-left: auto; padding: 5px 20px; outline-color: #fff; outline-offset: -4px; font-size:0;
    background: #256ef4 url(/sites/minwon/images/contents/svg/datepicker-close.png) center no-repeat;
}

.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled{opacity: 0.5;}

body.Desktop #email1, body.Desktop #email2, body.Desktop #emailSel{
    width: 30%; 
    max-width: 100%;
}



.simplemodal-container .modal-close{ text-indent: -9999px; }
.simplemodal-container .simplemodal-wrap ._alertWrap ._alertFooter .alertBtnOk, .simplemodal-container .simplemodal-wrap ._alertWrap ._alertFooter .confirmBtnCancel, .simplemodal-container .simplemodal-wrap ._alertWrap ._alertFooter .confirmBtnOk{background: #6d7882;}
.simplemodal-container .simplemodal-wrap ._alertWrap ._alertFooter .confirmBtnOk{background: #036;}
.simplemodal-container .simplemodal-wrap ._alertWrap ._alertFooter{display: flex; gap: 5px; justify-content: center; flex-direction: row-reverse;}

/* 기타 */
body.Mobile .step_2_1 > ol > li .list p{text-align: center;}
.modal-title{color: #fff;}
td[data-label]::before { white-space: pre-wrap;}
.slick-header-column.ui-state-default{height: auto;}

.simplemodal-container .simplemodal-wrap ._alertWrap ._alertFooter .alertBtnOk, 
.simplemodal-container .simplemodal-wrap ._alertWrap ._alertFooter .confirmBtnOk{
    background: #036;
}
.simplemodal-container .simplemodal-wrap ._alertWrap ._alertFooter .confirmBtnCancel{
    background-color: #fff; color: #1e2124 !important; border: 1px solid#cdd1d5;
}
.img_bx img{width: auto;}

body._responsiveObj > .checkForm, body._responsiveObj > form{padding:20px}
.marT20{margin-top:20px;}
.marB20{margin-bottom: 20px;}
.note_02 {
    font-size: 17px;
    margin: 7px 0 0;
    display: block;
    padding-left: 25px;
    color: #002e8d;
    background: url(/sites/moj/images/contents/note_02.png) left top 3px no-repeat;
}
.note_02 strong{color: inherit;}

.mobileView{display: none;}
.pcView{ }

.nviewer_wrap {background: #f5f5f5; padding: 30px;}
.nviewer_wrap > ul {display: flex; gap: 20px; justify-content: space-between;}
.nviewer_wrap > ul > li { width: calc( (100% - 40PX) / 3 ); gap:20px; border: 1px solid #cfcfcf; background-color: #FFF; position: relative; align-items: center; display: flex; flex-direction: column; position: relative; padding: 15px;}
.nviewer_wrap > ul > li img {max-width: 100px;}
.nviewer_wrap > ul > li .nButton{width: 100%; }
.boardingWrap{padding: 15px;}


/* iframe 모바일 박스 */
.iframeBox iframe { width: 100%; height: 1200px; overflow: hidden; overflow-x: hidden; overflow-y: auto; }
.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/minwon/images/contents/iframe_icon.png') left top no-repeat; margin: 0 auto 20px;}
.iframeBox .button_list {margin-top: 25px;}

/* */
@media all and (max-width:1024px){ 
    ._mojWrite .artclForm dd,
    ._mojWrite .artclForm dd.artclInsert{width: 100%;}
    ._mojWrite .fileWrap .artclInsert{overflow: unset;}

    
}

@media all and (max-width:900px){ 
    .reservationDayList_wrap .scroll-btn {opacity: 1 !important; }
    .reservationDayList ul{margin: 0 ;}
}
@media all and (max-width:860px){ 
    

    .emailText_box{ width: calc( 100% - 155px );}


}




@media all and (max-width:800px){ 
    ._mojWrite dl.artclForm{width: 100%;}
    ._mojWrite dl.artclForm {flex: 0 0 100%;}


    .reservationSelectList{ grid-template-columns: repeat(4, 1fr);  }
    .reservationSelectList.type2{ grid-template-columns: repeat(7, 1fr);  }
    .reservationSelectList.type3{ grid-template-columns: repeat(5, 1fr);  }

.boardingWrap img{ width: 100%;}
  
  /* 변호인접견예약 대상자관리 팝업 */
  .userAdd-popWrap{padding:20px;}
  .sub._responsiveObj .userAdd-popWrap{padding:0;}

}


@media all and (max-width:768px){ 
    .list-step li .step, .list-step li .step-tit, .list-step li .step-desc{display: none;}
    .step-info,
    .step-info + .objHeading_h2{display: block;}
    .step-info + .objHeading_h2{margin-bottom: 40px;}
    ._contentBuilder ._obj .list-step.marB40{margin-bottom: 10px !important;}
    .formNotice{padding: 32px;}
    .radioBtn label{font-size: 17px !important;}
    .confirm_box + .confirm_box{margin-top: 32px; padding-top: 32px;}
        
    .objHeading_h2{font-size: 24px !important;}
    .objHeading_h3{font-size: 20px !important;}
    .objHeading_h4{font-size: 17px !important; margin-bottom: 10px;}

     .note_00, .note_01, .note_02, .note_04{font-size: 16px;}
    
    .boardList_type01 ul li{width: 100%;}
    .tableWrap table { min-width : auto !important}
    
    .tableWrap2 colgroup, 
    .tableWrap2 thead{display: none;}
    .tableWrap2 tbody, .tableWrap2 tbody tr,
    .tableWrap2 tbody td, .tableWrap2 tbody th{display: block; text-align: right;}
    .tableWrap2 tbody tr{padding: 10px 0; border-bottom: 1px solid #dddee0 !important;}
    .tableWrap2 tbody th, .tableWrap2 tbody td{ padding: 8px 0 !important; border: none !important; background: #fff !important; font-size: 17px; display: flex; justify-content: space-between; gap: 20px;}
    .tableWrap2 tbody td.alignL{ text-align: right !important;  }
    .tableWrap2 tbody th::before,
    .tableWrap2 tbody td::before{content: attr(data-label);  display: inline-flex; align-items: center; font-size: 16px; color: #757575; width: 115px;  text-align: left;}
    .tableWrap2 tbody td > p{text-align: right;}
    .tableWrap2 tbody td > p, .tableWrap2 tbody td > a:not(.nButton){width: calc(100% - 115px);}
    
    .tableWrap3 colgroup, 
    .tableWrap3 thead{display: none;}
    .tableWrap3 tbody, .tableWrap3 tbody tr,
    .tableWrap3 tbody td{display: block;}
    .tableWrap3 tbody tr{padding: 0; }
    .tableWrap3 tbody tr + tr{margin-top: 20px; border-top: 1px solid #dddee0 !important;}
    .tableWrap3 tbody td{display: flex; text-align: left; padding: 8px !important; font-size: 17px; gap: 15px;}
    .tableWrap3 tbody td::before{content: attr(data-label); margin: -8px; display: inline-flex; flex: none; align-items: center; font-size: 16px; color: #6c6c6c; width: 115px; background: #edf1f5; padding: 10px 15px;}
    .tableWrap3 tbody td > p{}
    .tableWrap3 tbody td > p, .tableWrap3 tbody td > .guideText_dep1_ul0, .tableWrap3 tbody td > a:not(.nButton){width: calc(100% - 145px); flex:none}
    .tableWrap3.nomarT tbody tr + tr{margin-top: -1px;}
    ._contentBuilder .tableWrap3 table td{border-left:0;}
    .tableWrap3 tbody td[data-label=희망기간] p br{display: none;}
    
    .tableWrap4 colgroup, 
    .tableWrap4 thead{display: none;}
    .tableWrap4 tbody, .tableWrap4 tbody tr,
    .tableWrap4 tbody td.title{display: block;}
    .tableWrap4 tbody td.title {width: 100% !important;}
    .tableWrap4 tbody td.title a{font-size: 17px; color: #1e2124;}
    .tableWrap4 tbody td:not(.title){display: inline-block; font-size: 16px; color: #757575;}
    .tableWrap4 tbody tr{padding: 10px 0; border-bottom: 1px solid #dddee0 !important; text-align: left; display: inline-flex; flex-wrap: wrap;  width: 100%;}
    .tableWrap4 tbody td{ text-align: left; padding: 3px 0 !important; border: none !important;}
    .tableWrap4 tbody td::before{content: attr(data-label); padding-right: 5px; font-size: 16px; color: #757575;}
    .tableWrap4 tbody td.file{order: 5;}
    .tableWrap4 tbody td.mobileNum{margin:0 0 8px 3px; width: 24px !important; height: 24px; display: flex; align-items: center; justify-content: center; border-radius: 50%; color: #fff; background: #6d7882; padding: 0 !important;}
    .tableWrap4 tbody td.mobileNum::before{display: none;}

    
    .guideText_dep1_ul.column2{display: flex; flex-direction: column;}
    .mobileFull{display: block; width: 100%;}

    
    .tableWrap2 tbody td.emptyList, .tableWrap3 tbody td.emptyList, .tableWrap4 tbody td.emptyList{ padding: 30px 10px !important; text-align: center !important; display: block !important;}
    .tableWrap4 tbody td.emptyList{flex-grow: 1;}
    .emptyList::before{display: none !important;}


    .pagenav_wrap{display: none;}
    .contents_wrap{width: 100%; }
    
    .contents_wrap > .btn_wrap{display: block; position: fixed; bottom: 0; left: 0; width: 100%; background: #fff; padding: 10px; border-top: 1px solid #b1b8be;}
    .contents_wrap > .btn_wrap > .btn_right{width: 100%; display: flex;}
    .contents_wrap > .btn_wrap > .btn_right .nButton{flex: 1;}
}

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

    .reservationSelectList{ grid-template-columns: repeat(3, 1fr);  }
    .reservationSelectList.type2{ grid-template-columns: repeat(6, 1fr);  }
    .reservationSelectList.type3{ grid-template-columns: repeat(4, 1fr);  }

    .nBoard_list > li{flex-direction: column; align-items: flex-start;  gap: 10px;}
    .nBoard_list > li > .boardNum, .nBoard_list > li > .boardTitle, .nBoard_list > li > .boardFile{width: 100% !important; text-align: left;}
    .nBoard_list > li > .boardFile{background-position: left;}
    .nBoard_list > li .boardInfo{flex-wrap: wrap;}

    ._mojWrite .artclForm dd{width: calc( 100% - 150px );}
    
    .board_schBox_row{flex-wrap: wrap; gap: 16px;}

    ._mojWrite input[type="text"], ._mojWrite input[type="password"], .hasDatepicker{max-width: 100%;}
    .periodSelect_box{width: 100%;}
    .addressDetail_box  {display:block;}    
    .addressDetail_box input{width : 100% !Important; margin-bottom:16px}
    .addressDetail_box input:last-child{margin-bottom: 0}

    .nviewer_wrap > ul{flex-wrap: wrap;}
    .nviewer_wrap > ul > li { width: 100%;}


    .pcView{ display: none;}
    .nButton.mobileView{display: inline-flex;}
}


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


    * {font-size: 16px ;}
    ._mojWrite .artclForm dd, ._mojWrite .artclForm dd label{font-size: 16px;}
    .textbox_wrap{padding: 16px;}

    .textbox_wrap .wrap{padding: 0; height: auto;}
    .textbox_wrap .wrap:before{display: none;}
    .content_inner_title{flex-wrap: wrap;}

    col.w120{width: 90px;}
    col.w150{width: 120px;}
    col.w180{width: 150px;}
    col.w200{width: 170px;}

    .email_box{flex-wrap: wrap;}
    .email_box select{width: 100% !important;} 
    .emailText_box{ width: 100%;}


    .serviceStep_wrap li .titArea{flex-direction: column; }
    .serviceStep_wrap li .titArea > span::before{display: none; }

    .serviceInfo_wrap dt{width: 110px; margin-right: 16px;}
    .serviceInfo_wrap dd{ width: calc(100% - 126px); }


    .confirm_dl{display: flex; flex-wrap: wrap; gap: 8px 0; flex-direction: column; }
    .confirm_dl dt{width: 100%; margin-right: 0; }
    .confirm_dl dd{ width: 100%;  }
    .confirm_dl dd + dt{ margin-top: 20px;}


    .board_schBox_row .cate label{display: none;}
    .board_schBox_row .cate, .board_schBox_row .cate select{width: 100%;}
    .board_schBox_row .cate:nth-last-of-type(1){width: calc(100% - 86px);}    
    .board_schBox_row .cate input[type=text],
    .board_schBox_row .cate.reset input[type=text]{width: 100%;}    
    .board_schBox_row .nButton{width: 70px; position: absolute; right: 0; bottom: 0;}
    
    .textbox_wrap .wrap .title{font-size: 16px;}
    .radioBtn label{font-size: 16px !important;}
    .radioBtn input{vertical-align: -4px;}

    
    ._mojWrite input[type="text"], ._mojWrite input[type="password"], .hasDatepicker, ._mojWrite select {max-width: 100%;}

}


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

    body.Desktop #_wrap #_wrapArticle #_container #_content{margin: 0; padding:30px 20px;}
    .reservationSelectList.type2{ grid-template-columns: repeat(5, 1fr);  }
    .reservationSelectList.type3{ grid-template-columns: repeat(3, 1fr);  }

    .privacybottom_wrap{flex-wrap: wrap; justify-content: center; gap: 10px; padding: 15px;}

    .confirm_wrap{padding: 32px;}
    .confirm_tile{font-size: 24px; }
    .confirm_tile span{font-size: 24px; }
    .confirm_box > div{font-size: 20px;}
    .confirm_dl dt{font-size: 17px;}

    .formNotice .bg_w{text-align: left;}
    .formNotice .bg_w .radioBtn{flex-direction: column;    align-items: flex-start; gap: 8px;}
    .formNotice .bg_w .radioBtn label{margin-right: 0;}
    .formNotice .bg_w .radioBtn #disagree{margin-left: 0;}
    .issn_bx .issn-input{flex-direction: column; align-items: flex-start;}
}



@media all and (max-width:500px){ 
    /*
    ._mojWrite .artclForm dt, ._mojWrite .artclForm dd{display: block; height: auto;}
    ._mojWrite .artclForm dt{border-bottom: 1px solid #dfdfdf; padding: 10px 0;}
    ._mojWrite .artclForm dt{width: 100%;}
    ._mojWrite .artclForm dt label br{display: none;}
    */
    ._mojWrite dl.artclForm{width: 100%;}
    ._mojWrite dl.artclForm dd input[type=text], ._mojWrite dl.artclForm dd input[type=password],
    ._mojWrite dl.artclForm dd select{width: 100%; max-width: 100%;}
    .reservationSelectList{ grid-template-columns: repeat(2, 1fr);  }
    .addressDetail_box input{width: 100% !important; max-width: unset !important;}
    #addrDtl{margin-top:5px;}
    .unit_box{width: 100%;}
    .nButton.mid,
    .nButton.big{padding: 5px 12px;}

    ._mojWrite.type2 dl{border-bottom: 0; flex-wrap: wrap;}
    ._mojWrite.type2 .artclForm dt, ._mojWrite.type2 .artclForm dd{display: block; height: auto;}
    ._mojWrite.type2 .artclForm dt{width: 100%; text-align: left; font-weight: bold; padding: 16px 0 0px; background: #fff; border: 0;}
    ._mojWrite.type2 .artclForm dt label{text-align: left; display: inline-block; font-weight: bold; color: #333; font-size: 16px;}
    ._mojWrite.type2 .artclForm dt label br{display: none;}
    ._mojWrite.type2 .artclForm dd{padding:8px 0; }



    .zipCode_box div{width: 100%; display: flex; gap: 16px;}
    .zipCode_box .schSelect_box label,
    .zipCode_box .addr2 label{width: calc(100% - 95px);}
    .zipCode_box .addressDetail_box{display: block;}
    .zipCode_box .addressDetail_box input + input{margin-top: 5px;}
    .dateInputBox,
    .periodSelect_box .dateInputBox, .periodSelect_box > .periodBox{width: 100%;}
}



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

    .content_inner_title { flex-wrap: wrap; flex-direction: column;     align-items: flex-start;}
    .cont_title_right_wrap{margin: 10px 0;}
    .reservationSelectList.type2{ grid-template-columns: repeat(4, 1fr);  }
    .reservationSelectList.type3{ grid-template-columns: repeat(3, 1fr);  }

}

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

    .reservationSelectList.type3{ grid-template-columns: repeat(2, 1fr);  }
}

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

    .reservationSelectList.type2{ grid-template-columns: repeat(3, 1fr);  }
}


/* mobile only */
@media screen and (max-width: 999px) {
    .modal-content {width:100%; height:100%; border:0px none; border-radius:0; box-sizing: border-box;}

    .search-top .cng-box{float:none; margin-bottom:8px; text-align: left;}
    .search-top .sort-box{float:none;}
    .search-top .sortSelc{width:calc(100% - 180px);}

    .res_tbl_wrap table {border-top: 2px solid #121212;}
    .res_tbl_wrap table col {
        display:flex;
        width: 100% !important;
    }
    .res_tbl_wrap table thead {display: none;}
    .res_tbl_wrap table tbody tr {border-bottom: 1px solid #dadce0; border-left: 1px solid #dadce0; border-right: 1px solid #dadce0;}
    .res_tbl_wrap table tbody tr td {
        width: 100%;
        display: flex;
        margin-bottom: 2px;
        padding: 5px 10px;
        border-bottom: none;
        font-size: 14px;
        line-height: 18px;
        text-align:left;
        border-left: 0px none;
        border-right: 0px none;
    }
    .res_tbl_wrap table tbody tr td.bookName{font-size:18px; font-weight:bold;}
    .res_tbl_wrap table tbody tr td:first-child{padding-top: 16px;}
    .res_tbl_wrap table tbody tr td:before {
        display: inline-block;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 85px;
        flex: 0 0 85px;
        font-weight: 700;
        content: attr(data-label);
        font-size:14px;
        text-align:left;
    }
}
  /* 모달창 디자인 end */

/* issn */
.issn_bx{margin-top:8px}
.issn_bx:after{content:''; display:block; clear:both;}
.issn-input{float:left; margin-right:16px;}
.issn-input label{margin-right:4px;}
.issn_bx > p{clear:both;}
.img_bx{max-width:500px;}
.img_bx img{width:100%;}
@media screen and (max-width: 1024px){
    .issn_bx .issn-input:first-child{float:none; margin-right:0;}
    .issn-input input{display:block;}
}
@media screen and (max-width: 600px){
    .issn_bx .issn-input{float:none; margin-right:0;}
}

/*placeholder 설정*/

.issn_bx input::placeholder {
    color: rgba(0, 0, 0, 0.1);
}



/* 정렬, 간격 */
.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;}