input[type=radio], input[type=checkbox]{cursor: pointer;}

.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{}
.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: 40px;
}

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

#_wrap #_wrapArticle #_container #_content,
._contentBuilder ._obj{overflow: visible;}
#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: 17px; color: #1F53CC; 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{ 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_wrap{}
.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;}

.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 {color: #555;}
.guideText_dep2_ul > li + li{margin-top: 5px !important;}
.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 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;}
._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: 12px; flex: 1; align-items: center; display: block; }
._mojWrite .artclForm dd .button{margin: 0;}
._mojWrite .artclForm dd .button a, ._mojWrite .artclForm dd .button input, ._mojWrite .artclForm dd .button button{padding: 7px 20px;}

/*._mojWrite input[type="text"]._full {max-width: 100%;}*/
._mojWrite input[type="text"], ._mojWrite input[type="password"], .hasDatepicker {max-width: 200px; height:40px; padding:0 8px; line-height: 40px; font-size:17px; border-radius: 5px;}
._mojWrite select._full {max-width: 100%;}
._mojWrite select {width: 100%; max-width: 200px; height:40px; padding:0 8px; line-height: 40px; 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;}
._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 .artclInsert select option{font-size: 15px;}
._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; font-size: 15px; 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: 5px;}
.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: 5px;}
.formRadio_wrap .formRadio label{line-height: 1;}


mark.must{text-align: left; margin: 0; margin-left: 5px;}




.content_inner_title{display: block; overflow: hidden; margin-bottom: 10px; display: flex; justify-content: flex-start; align-items: flex-end;}
.cont_title_left_wrap{}
.cont_title_left_wrap .objHeading_h3{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 #919191; box-sizing: border-box; background:#cdd1d5;}
.cont_title_right_wrap.reserved span:first-child:before{border:1px solid #dddee0; 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"]{display: ; 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;}
.reservationSelectList li label strong{ color: #4e4e4e; font-weight: ; }
.reservationSelectList li label span{ color: #6d6d6d; font-size: 15px; }
.reservationSelectList li label span.desc{font-size: 14px;  margin-top: -5px;}
.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{ }
.reservationSelectList.type2 li input[type="checkbox"], .reservationSelectList.type2 li input[type="radio"]{ opacity: 0;  }
.reservationSelectList.type2 li label{padding: 10px; text-align: center; align-items: center; }
.reservationSelectList.type2 li label strong{font-weight: 400;}
.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{}
.reservationSelectList.type3 li{}
.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; font-weight: ; }
.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"]{display: ; position: absolute; left: 15px; top: 15px; z-index: 0; opacity: 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;}
.reservationSelectList.type3 li input[type="checkbox"]:disabled + label *:not(.badge),
.reservationSelectList.type3 li input[type="radio"]:disabled + label *:not(.badge){}

.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: #a0a8af; color: #fff;}
.badge.type3{background: #0b50d0; color: #ecf2fe;}
.badge.type4{background: #ecf2fe; border: 1px solid #096ab3; color: #096ab3;}
.badge.type5{background: #ecf2fe;  color: #0b50d0;}


#_contentBuilder .note_00	{color: #555; }
#_contentBuilder .note_00, #_contentBuilder .note_01, #_contentBuilder .note_02, #_contentBuilder .note_04 {font-size: 17px; margin: 7px 0 0;display:inline-block;}
#_contentBuilder .note_01	{display: block; padding-left: 25px; color: #e60012; background: url('/sites/moj/images/contents/note_01.png') left top 3px no-repeat;}
#_contentBuilder .note_02	{display: block; padding-left: 25px; color: #002e8d;background: url('/sites/moj/images/contents/note_02.png') left top 3px no-repeat;}
#_contentBuilder .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; }
#_contentBuilder .note_03	{display: block; padding-left: 25px; color: #ff3300; background: url('/sites/moj/images/contents/note_02.png') left top 3px no-repeat;}


/* 컨텐츠 도움말 */
.noteWrap{margin-top: 7px;}
.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 .tableWrap table , ._contentBuilder ._obj._objTag .tableWrap table, ._contentBuilder .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;
}
._contentBuilder ._obj._objHtml .tableWrap table th, ._contentBuilder ._obj._objHtml .tableWrap table td, ._contentBuilder ._obj._objTag .tableWrap table th, ._contentBuilder ._obj._objTag .tableWrap table td, ._contentBuilder .tableWrap table th, ._contentBuilder .tableWrap table td {
    border-width: 0 0 1px 1px !important;    
    border-color: #dddee0 !important;
    border-style: solid;
    width: auto;
    padding: 15px 10px;
}
._contentBuilder ._obj._objHtml .tableWrap table thead th, ._contentBuilder ._obj._objTag .tableWrap table thead th, ._contentBuilder .tableWrap table thead th {
    text-align: center;
    background-color: #f8f8f8;
    font-size: 17px;
    font-weight: 700;
    color: #1d1d1d;
}
._contentBuilder ._obj._objHtml .tableWrap table tbody th, ._contentBuilder ._obj._objTag .tableWrap table tbody th, ._contentBuilder .tableWrap table tbody th{font-size: 17px; font-weight: 400;}
._contentBuilder ._obj._objHtml .tableWrap table, ._contentBuilder ._obj._objTag .tableWrap table, ._contentBuilder .tableWrap table{margin-bottom: 0;}
._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{}
.boardList_type01 ul{display: flex; gap: 10px; flex-wrap: wrap;}
.boardList_type01 ul li{width: calc( 50% - 5px); border: 1px solid #b1b8be; padding: 20px;  display: flex; flex-direction: column; justify-content: space-between; border-radius: 15px;}
.boardList_type01 ul li .cont{}
.boardList_type01 ul li a{  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 );}

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

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

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


._contentBuilder ._obj._objHtml .tableWrap2 table.tbl , ._contentBuilder ._obj._objTag .tableWrap2 table.tbl, ._contentBuilder .tableWrap2 table.tbl,
._contentBuilder ._obj._objHtml .tableWrap3 table.tbl , ._contentBuilder ._obj._objTag .tableWrap3 table.tbl, ._contentBuilder .tableWrap3 table.tbl,
._contentBuilder ._obj._objHtml .tableWrap4 table.tbl , ._contentBuilder ._obj._objTag .tableWrap4 table.tbl, ._contentBuilder .tableWrap4 table.tbl {border-top-color: #2460db !important;}
._contentBuilder ._obj._objHtml .tableWrap2 table.tbl thead th, ._contentBuilder ._obj._objTag .tableWrap2 table.tbl thead th, ._contentBuilder .tableWrap2 table.tbl thead th,
._contentBuilder ._obj._objHtml .tableWrap2 table.tbl tbody th, ._contentBuilder ._obj._objTag .tableWrap2 table.tbl tbody th, ._contentBuilder .tableWrap2 table.tbl tbody th,
._contentBuilder ._obj._objHtml .tableWrap3 table.tbl thead th, ._contentBuilder ._obj._objTag .tableWrap3 table.tbl thead th, ._contentBuilder .tableWrap3 table.tbl thead th,
._contentBuilder ._obj._objHtml .tableWrap3 table.tbl tbody th, ._contentBuilder ._obj._objTag .tableWrap3 table.tbl tbody th, ._contentBuilder .tableWrap3 table.tbl tbody th, 
._contentBuilder ._obj._objHtml .tableWrap4 table.tbl thead th, ._contentBuilder ._obj._objTag .tableWrap4 table.tbl thead th, ._contentBuilder .tableWrap4 table.tbl thead th, 
._contentBuilder ._obj._objHtml .tableWrap4 table.tbl tbody th, ._contentBuilder ._obj._objTag .tableWrap4 table.tbl tbody th, ._contentBuilder .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;}
.serviceInfo_wrap dd > .innerList > li{}



/* 신청완료(취소)화면 */
.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 h4{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;}
.confirm_dl dd > .innerList > li{}


/* 버튼, 링크 스타일 수정 */
.btn_wrap{display: flex; justify-content: flex-start;}
.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; }
.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;}  /* 검색버튼 (우편번호찾기, 수용자관리 )*/
.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.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.type7.newwindow:after, .nButton.type7.down: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; }
.dateInputBox > input{border: 0; height: 40px; width: 140px; padding: 0 10px; border-radius: 0; }
.dateInputBox button{text-indent: -9999px; width: 30px; height: 30px; 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 8px 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: calc( (100% - 30px) / 2);}
.email_box{display: flex !important; align-items: center; gap: 5px;}
.email_box > * {flex-grow: ;}
.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;}
.schSelect_box{display: flex; gap: 5px;}
.schSelect_box button, .schSelect_box a{min-width: 110px;}
.zipCode_box{display: flex; gap: 5px; flex-wrap: wrap; flex-direction: column; width: 100%;}
.zipCode_box label[for=zipCode] + input[type=text],
.zipCode_box label[for=zipCode] > inputt[type=text]{width: 80px;}
.addressDetail_box{display: flex; gap: 5px;}
.addressDetail_box input{width: calc( (100% - 5px) / 2 ) !important; max-width: unset !important;}
.isbnbx_wrap{margin-top: 5px;}
.flexBox{display: flex;  justify-content: flex-start; gap: 5px; }
.flexBox.fdColumn{flex-direction: column;}
.flexBox > * {}
.issn-input{display: flex; align-items: center; gap: 10px;}

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


/* 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; }
.tab-content{display: none;}
.tab-content.active{display: block;}


/* 약관동의 */
.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{}
.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: auto; text-align: left; }
.ui-datepicker-title i{width: 20px; font-weight: bold; display: inline-block; text-align: left;}
.ui-datepicker-calendar tr > th:nth-child(1){color:red}
.ui-datepicker-calendar tr > th:nth-child(7){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 { width: 360px; padding: 0; display: none; border: 0; margin-top: 10px; padding:0 15px;}
.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: space-between; flex-direction: row-reverse; 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: ;  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%;}
.ui-datepicker table{ margin: 0; }
.ui-datepicker td, .ui-datepicker th {  }
.ui-datepicker th{height: 40px; padding: 8px 5px;}
.ui-datepicker td{padding: 10px 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: ;}
.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 { background-color: #256ef4; color: #fff; }


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


/* */
@media all and (max-width:1027px){ 
    
}

@media all and (max-width:900px){ 
    .reservationDayList_wrap .scroll-btn {opacity: 1 !important; }
    .reservationDayList ul{margin: 0 ;}
    .reservationDayList_wrap .scrollControl_wrap{}
}
@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);  }


}


@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;}
    
    #_contentBuilder .note_00, #_contentBuilder .note_01, #_contentBuilder .note_02, #_contentBuilder .note_04{font-size: 15px;}
    

    .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: 15px; 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; align-items: center; font-size: 15px; color: #6c6c6c; width: 115px; background: #edf1f5; padding: 10px 15px;}
    .tableWrap3 tbody td > p{text-align: ;}
    .tableWrap3 tbody td > p, .tableWrap3 tbody td > a:not(.nButton){width: calc(100% - 115px);}
    .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: 15px; 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: 15px; color: #757575;}
    .tableWrap4 tbody td.file{order: 5;}
    .tableWrap4 tbody td.mobileNum{display: ; 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%; padding-bottom: 55px;}
    
    .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);  }
}


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


    * {font-size: 15px ;}

    .textbox_wrap .wrap{padding: 0;}
    .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: 80px; margin-right: 16px;}
    .serviceInfo_wrap dd{ width: calc(100% - 96px); }


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


}


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



@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%;}
    #_contentBuilder .note_00, #_contentBuilder .note_01, #_contentBuilder .note_02, #_contentBuilder .note_04{font-size: 14px;}
    .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%;}

    ._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: 15px 0 0px; background: #fff; border: 0;}
    ._mojWrite.type2 .artclForm dt label{text-align: left; display: inline-block; font-weight: bold; color: #333; font-size: 15px;}
    ._mojWrite.type2 .artclForm dt label br{display: none;}
    ._mojWrite.type2 .artclForm dd{padding:5px 0; }



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



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