@charset "utf-8";

.renew2022-wrap {}
/* * {outline:1px solid sandybrown;} */
* {margin:0; padding:0; box-sizing:border-box;}
body {display:block; width:100%; margin:0 auto;}
body.overflow {overflow:hidden;}
ul {list-style-type:none;}
.content-wrap li {text-indent:0;}
a {text-decoration:none;}
button {background:none; border:0; cursor:pointer;}
input:disabled,
select:disabled {background:#f5f5f5; border:1px solid #ddd; }

/* ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ common ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ */
.renew2022-wrap input[type="checkbox"] + label,
.renew2022-wrap input[type="radio"] + label {display:inline-block; vertical-align: middle; margin-left : 3px; margin-right: 7px;}
.renew2022-wrap input[type="checkbox"],
.renew2022-wrap input[type="radio"] {width:16px !important; height:16px; min-width: initial !important; vertical-align: middle;}

.renew2022-wrap .form-inner-wrap .inline {vertical-align:middle; display: inline-block !important;}

.renew2022-wrap select, .renew2022-wrap input, .renew2022-wrap input.inbox, .renew2022-wrap textarea, .renew2022-wrap textarea.inbox {
    width: auto !important;
    min-width: initial !important;
    box-sizing: border-box;
}
/* input - width */
.renew2022-wrap input.input-text.w40px,
.renew2022-wrap .form-inner-wrap select.w40px {width: 40px !important;}
.renew2022-wrap input.input-text.w60px,
.renew2022-wrap .form-inner-wrap select.w60px {width: 60px !important;}
.renew2022-wrap input.input-text.w80px,
.renew2022-wrap .form-inner-wrap select.w80px {width: 80px !important;}
.renew2022-wrap input.input-text.w100px,
.renew2022-wrap .form-inner-wrap select.w100px {width: 100px !important;}
.renew2022-wrap input.input-text.w120px,
.renew2022-wrap .form-inner-wrap select.w120px {width: 120px !important;}
.renew2022-wrap input.input-text.w150px,
.renew2022-wrap .form-inner-wrap select.w150px {width: 150px !important;}
.renew2022-wrap input.input-text.w170px,
.renew2022-wrap .form-inner-wrap select.w170px {width: 170px !important;}
.renew2022-wrap input.input-text.w190px,
.renew2022-wrap .form-inner-wrap select.w190px {width: 190px !important;}

/* margin */
.mg_00 {margin:0 !important;}

.mgt_5 {margin-top:5px !important;}
.mgt_10 {margin-top:10px !important;}
.mgt_20 {margin-top:20px !important;}
.mgt_30 {margin-top:30px !important;}
.mgt_80 {margin-top:80px !important;}

.mgb_10 {margin-bottom:10px !important;}
.mgb_20 {margin-bottom:20px !important;}
.mgb_40 {margin-bottom:40px !important;}
.mgb_60 {margin-bottom:60px !important;}

.mgl_3d5 {margin-left:3.5px !important;}

/* padding */
.pd_00 {padding:0 !important;}

.pdt_0 {padding-top:0 !important;}
.pdt_00 {padding-top:0 !important;}
.pdt_10 {padding-top:10px !important;}
.pdt_40 {padding-top:40px !important;}
.pdb_00 {padding-bottom:0 !important;}
.pdb_10 {padding-bottom:10px !important;}
.pdb_25 {padding-bottom:25px !important;}

.pdl_10 {padding-left:10px !important;}

/* width */
.w_reset {width:initial !important;}.w80 {width:80px !important;}
.w100 {width:100px !important;}
.w120 {width:120px !important;}
.w150 {width:150px !important;}
.w220 {width:220px !important;}
.w400 {width:400px !important;}

/* color */
.color-gray {color:#666 !important;}
.color-gray-v2 {color:#333 !important;}
.color-gray-v3 {color:#595959 !important;}
.color-navy {color:#033075 !important;}
.color-navy-2 {color:#013763 !important;}
.color-navy-3 {color:#0a4091 !important}
.color-blue {color:#173cb5 !important;}
.color-blue-v2 {color:#006fe6 !important;}
.color-blue-v3 {color:#336d9e !important;}
.color-green {color:#008000  !important;}
.color-red {color:#f71818 !important;}
.color-red-v2 {color:#ff1929 !important;}
.color-skyblue {color:#77b2f2 !important;}
.color-pink {color:#d95659 !important;}
.color-pink-v2{color:#85655a;}
.color-green {color:#149239;}

/* text align */
.a-l {text-align:left;}
.a-c {text-align:center;}
.a-r {text-align:right;}

/* font-weight */
.fw_bold {font-weight:bold;}
.fw_normal {font-weight:normal !important;}

/* text-list */
.txt-line {text-decoration: underline; font-style: normal;}

.renew2022-wrap .dot-list {padding:10px 15px 0;}
.renew2022-wrap .dot-list li {line-height: 25px; position: relative; font-size: 14px; word-break: keep-all; margin-top:10px;}
.renew2022-wrap .dot-list li:first-child {margin-top:0;}
.renew2022-wrap .dot-list li::before {position:absolute; content:""; width:4px; height:4px; background-color:#333; top:11px; left:-10px;}
.renew2022-wrap .dot-list li > span {display:block;}

.renew2022-wrap .dot-list-v2 {padding:18px;}
.renew2022-wrap .dot-list-v2 li {padding-left:12px; line-height:1.4; position:relative; font-size:12px; word-break: keep-all; margin-top:12px; color:#767676;}
.renew2022-wrap .dot-list-v2 li:first-child {margin-top:0;}
.renew2022-wrap .dot-list-v2 li::before {position:absolute; content:""; width:4px; height:4px; border-radius:50%; background-color:#767676; top:7px; left:0px;}
.renew2022-wrap .dot-list li > span {display:block;}

.renew2022-wrap .dash-list {padding:10px 15px 0;}
.renew2022-wrap .dash-list li {line-height: 20px; position: relative; font-size: 14px; word-break: keep-all; margin-top:12px;}
.renew2022-wrap .dash-list li:first-child {margin-top:0;}
.renew2022-wrap .dash-list li::before {position:absolute; content:""; width:6px; height:2px; background:#333; top:10px; left:-10px;}

.renew2022-wrap .number-list {padding:18px;}
.renew2022-wrap .number-list li {font-size:14px; line-height:20px; word-break:keep-all; margin-top:5px;}

/* background-color */
.bg_gary {background-color:#f7f7f7 !important;}

/* text-indent */
.txt_indent_12 {text-indent:12px;}

/* layer */
.modal-blocker {overflow:auto; visibility: hidden; opacity:0; position:fixed; top:0; right:0; bottom:0; left:0; z-index:1000; width:100%; height:100%; background-color: rgba(0, 0, 0, 0.5); text-align: center;}
.modal-blocker.on {visibility:visible;}
.modal-blocker.dev {opacity:1;}
.modal {display:block; position:fixed; left:0; top:0; bottom:0; right:0; z-index:999;  width:100%; min-height:100%; max-width:100%; padding:50px 0 0; text-align:left; background-color:#fff;}
.modal .modal-title {display:block; width:100%; height:50px; margin:0; padding:10px 46px 10px 16px; font-size:16px; font-weight:700; line-height:1.5; color:#000; border-bottom:2px solid #354b7a;}
.modal .modal-contents {margin:0; padding:15px;}
.modal .close-area {position:absolute; top:0; left:0; width:100%; height:50px; margin:0; padding:0; background:none;}
.modal .btn-layer-close {position:absolute; top:8px; right:0; width:30px; height:30px; font-size:0; line-height:0; background:url('../images/common/btn/m-btn-layer-close.png') no-repeat 0; background-size:15px 15px;}
.modal.bottom-fixed {position:fixed; left:0; top:initial; right:0; bottom:0; min-height:auto; z-index:2; padding:0; box-shadow: 0 -2px 2px 0 rgba(0, 0, 0, 0.15); background-color:rgba(255,255,255,1); border-radius:10px 10px 0 0;}

.modal.full .modal-title {position:absolute; left:0; top:0; right:0; color:#fff; background:#013763;}
.modal .btn-layer-close {background:url('../images/common/btn/m-btn-layer-close-w.png') no-repeat 0; background-size:15px 15px;}

/* tag */
.tagset {display:inline-block; padding:0 10px; font-size:12px; min-width:42px; height:20px; line-height:20px; text-align:center; border-radius:10px;}
.tagset.medium {height:24px; line-height:24px; border-radius:12px;}
.tag-navy {color:#fff; background:#0e3b64;}
.tag-blue {color:#fff; background:#006fe6;}


/* a-link */
.renew2022-wrap a.a-link {display:block; font-size:14px; font-weight:bold; color:#033075;}
.renew2022-wrap a.a-line {display:block; font-size:14px; font-weight:bold; color:#333;}
p.help-txt {font-size:14px; color:#666; font-weight:bold;}

/* icon */
i.iconset {overflow:hidden; display:inline-block; margin:-1px 0 0 0; padding:0; font-size:0; line-height:0; vertical-align:middle; background-position:0 0; background-repeat:no-repeat; text-indent:-9999px;}
i.ico-outlink {margin:-5px 0 0 0; width:9px; height:9px; background:url('../images/common/ico/ico-outlink.png') no-repeat center center;}
i.ico-confirm {width:6px; height:10px; background:url(../images/common/ico/ico-arrow-confirm.png) no-repeat center center; margin:-5px 0 0 0 !important;}

/* list-text */
.renew2022-wrap ul.list-text li {position:relative; margin:0 0 10px; padding:0 10px; line-height:22px; display:block; font-size:14px; color:#666; text-indent: 0;}
.renew2022-wrap ul.list-text li:last-child {margin:0;}
.renew2022-wrap ul.list-text li::before {position:absolute; content:""; width:3px; height:3px; background-color:#d5d5d5; top:9px; left:0;}

/* input & select */
.renew2022-wrap select::-ms-expand {display:none;}
.renew2022-wrap select { padding:0 12px; -o-apperance: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; border:1px solid #cfcfcf; border-radius:6px;  background:#fff url('../images/common/arrow/arrow-select.png') right 15px center no-repeat; background-size:15px 15px;}
.renew2022-wrap input.input-text {padding:0 14px; border:1px solid #cfcfcf; min-height:50px; width:100% !important;  border-radius:6px; font-size:13px;}
.renew2022-wrap input.input-text:read-only {background:#f7f7f7;}
.renew2022-wrap input.input-text.v2 {width:calc(50% - 11px) !important;}
.renew2022-wrap input.input-text.v3 {width:calc(40% - 20px) !important};
.renew2022-wrap input.input-text::placeholder {color:#e9e9e9 !important;}
.renew2022-wrap .phone-wrap {overflow:hidden; display:block;}
.renew2022-wrap .phone-wrap::after {display: block; clear:both; content:'';}
.renew2022-wrap .phone-wrap .input-text {float:left; width:calc(33.3% - 17px) !important; min-width:initial !important; margin:0 !important;}
.renew2022-wrap .phone-wrap .input-text.last {float:right; width:calc(33.4% - 13px) !important; min-width:initial !important;}
.renew2022-wrap .phone-wrap em {position:relative;width:23px; height:50px; float:left;}
.renew2022-wrap .phone-wrap em:before {content:'';position:absolute; left:50%; top:50%; margin:-1px 0 0 -5px; width:10px; height:1px; background:#666;}
.renew2022-wrap .email-box {display:flex; flex-direction:column; align-items: flex-start;}
.renew2022-wrap .email-box .email-wrap {display:flex; justify-content: space-between;}
.renew2022-wrap .email-box .email-wrap .input-text {width:calc(50% - 15px) !important;}
.renew2022-wrap .email-box .email-wrap > span {width:30px !important; vertical-align: middle; line-height:50px; text-align:center;}
.renew2022-wrap .email-box .select-wrap {display:block; margin:5px 0 0; width:100%;}
.renew2022-wrap .email-box span.agree {margin:10px 0;}

/* line-height */
.line-h50 {line-height:50px !important;}

/* input type number arrow 제거 */
input.input-number[type="number"]::-webkit-outer-spin-button,
input.input-number[type="number"]::-webkit-inner-spin-button {-webkit-appearance:none; margin:0;}


/* buttton */
.renew2022-wrap .btn-group {display:block; position:relative; text-align:center; margin-top:24px;}
.renew2022-wrap .btn-group.a-r {text-align:right;}  
.renew2022-wrap .btn-group .btn {width:100%; margin:0; }
.renew2022-wrap .btn-group .left {position:absolute; left:0; top:0; }
.renew2022-wrap .btn-group .right {position:absolute; right:0; top:0; }
.renew2022-wrap .btn-group .center {margin:0 auto;}
.renew2022-wrap .btn.border {border:1px solid #aaa; color:#333; background:#fff;}
.renew2022-wrap .btn.border-navy {border:1px solid #0065a1; color:#0065a1; background:#fff;}
.renew2022-wrap .btn {display:inline-block; padding:0 10px; text-decoration: none; cursor:pointer; text-align:center; vertical-align: middle; border-radius:6px;}
.renew2022-wrap .btn.x-small {height:22px; line-height:20px; font-size:8px; font-weight:bold;} 
.renew2022-wrap .btn.x-small-v2 {min-height:30px; line-height:28px; font-size:14px !important; font-weight:normal;}
.renew2022-wrap .btn.small {height:40px; line-height:40px; color:#334c79; border:1px solid #334c79; font-size:14px; font-weight:bold; } 
.renew2022-wrap .btn.small-v2 {height:44px; line-height:44px; font-size:16px; font-weight:bold;}
.renew2022-wrap .btn.medium {height:50px; line-height:50px;  font-size:16px;}
.renew2022-wrap .btn.medium-v2 {height:50px; line-height:50px; font-size:16px;}
.renew2022-wrap .btn.large {min-width:170px; line-height:50px; font-size:18px; font-weight:bold;}  
.renew2022-wrap .btn.large-v2 {min-width:100%; line-height:40px; margin-top:10px; }
.renew2022-wrap .btn.navy {color:#fff; border:1px solid #033075; background:#033075;}
.renew2022-wrap .btn.navy.v2 {background:#033075; border:1px solid #033075;}
.renew2022-wrap .btn.skyblue {color:#006fe6; border:1px solid #006fe6; background:#fff;}
.renew2022-wrap .btn.skyblue-v2 {color:#006fe6; border:1px solid #77b2f2; background:#fff;}
.renew2022-wrap .btn.gray {color:#fff; border:1px solid #8d8d8d; background:#8d8d8d;}

.renew2022-wrap .btn-group.btn-float {position:fixed; left:0; bottom:0; right:0; margin:0; width:100%; height:80px; padding:10px; border-top:1px solid #eee;background:#fff; z-index:10;}
.renew2022-wrap .btn-group.btn-float > .btn:only-child {width:100%;}
.renew2022-wrap .btn-group.btn-float .btn,
.renew2022-wrap .btn-group.btn-float-v2 .btn {width:48%;}
.renew2022-wrap .btn-group .btn + .btn {margin-top:10px;}
.renew2022-wrap .btn-group.btn-float .btn {margin-top:0px;}
.renew2022-wrap .btn-group.btn-float-v2 {position:relative;}
.renew2022-wrap .btn-group.btn-float-v2 .btn + .btn {margin:0;}

.renew2022-wrap .btn.navy-v2 {color:#fff; background:#013763;}
.renew2022-wrap .btn.round25 {padding:0 15px; border-radius:25px;}

.renew2022-wrap .btn-group.btn-float.txt-save .save-block-area {width:96vw; padding-left:48vw; height:47px; margin-top:-47px;}
.renew2022-wrap .btn-group.btn-float.txt-save .save-block-area .save {display:inline-block; height:30px; padding:0; color:#fff; line-height:30px; font-size:13px; border-radius:15px; background-color:rgba(0,0,0,0.6);}
.renew2022-wrap .btn-group.btn-float.txt-save .save-block-area .save span {display:block; position:relative; padding:0 20px;}
.renew2022-wrap .btn-group.btn-float.txt-save .save-block-area .save span:after {content:''; display:block; position:absolute; left:50%; bottom:-7px; width:8px; height:7px; background:url('../images/common/bg/bg-point-bot.png') no-repeat center; opacity:0.6;}


/* tag */
.renew2022-wrap .tag-wrap .tagset {display:inline-block; padding:0 15px; min-width:80px; height:28px; line-height:28px; text-align:center; font-size:14px; border-radius:14px; font-weight:bold;}
.renew2022-wrap .tag-wrap .tagset.gray {background:#f5f5f5;}
.renew2022-wrap .tag-wrap .tagset.txt-blue {color:#173cb5;}
.renew2022-wrap .tag-wrap .tagset.txt-red {color:#b51747;}

/* title */
.renew2022-wrap h2.tit {text-align:center; margin:0 auto; padding:20px 0; font-size:20px; font-weight:bold;}
.renew2022-wrap h2.tit.underline { padding:30px 0; margin:10px 0;}
.renew2022-wrap h2.tit.underline span {position:relative; display:inline-block; margin:0 auto; width:auto; line-height:30px;z-index:9;}

.contentsWrap h2.tit-cmm {text-align:center; margin:0 auto; padding:20px 0; font-size:20px; font-weight:bold;}
.contentsWrap h2.tit-cmm.underline { padding:30px 0; margin:10px;}
.contentsWrap h2.tit-cmm.underline span {position:relative; display:inline-block; margin:0 auto; width:auto; line-height:30px;z-index:9;}

/* .renew2022-wrap h2.tit.underline span::before {content:''; position:absolute; left:0; bottom:0; width:0; height:0; border-top: 0 solid #fff; border-bottom:20px solid transparent; border-left:10px solid #fff; z-index:-1;}
.renew2022-wrap h2.tit.underline span::after {content:''; position:absolute; right:0; bottom:0; width:0; height:0; border-top: 0 solid transparent; border-bottom:20px solid #fff; border-left:10px solid transparent; z-index:-1;}
.renew2022-wrap h2.tit.underline.v1 span {background:url('../images/common/bg/bg-tit-underline2.png') bottom center repeat; background-size:100% 30px;} */

/* step-nav */
.step-nav-wrap {width:100%; display:flex; margin:20px 0 50px 0;}
.step-nav-wrap .step {width:33.3%; text-align:center; position:relative;}
.step-nav-wrap .step::before {position:absolute; content:""; width:100%; height:2px; background:#f5f5f5; left:0; top:50%; z-index:-1;}
.step-nav-wrap .step.active::before,
.step-nav-wrap .step.complete::before {background:#013763;}
.step-nav-wrap .step span {width:32px; height:32px; line-height:30px; font-weight:bold; font-size:14px; color:#666; background:#f5f5f5; border-radius:32px; display:inline-block;}
.step-nav-wrap .step.active span,
.step-nav-wrap .step.complete span {color:#fff; background:#013763;}

/* table */
.renew2022-wrap table {text-align:left; width:100%; border-collapse:collapse; border:1px solid #eee; border-left:0; border-right:0; font-size:14px;}
.renew2022-wrap table tbody tr th {padding:15px; background:#f9f9f9; border-bottom:1px solid #e7e7e7; border-right:#e7e7e7;}
.renew2022-wrap table tbody tr td {padding:15px; border-bottom:1px solid #e7e7e7; border-right:#e7e7e7;}
.renew2022-wrap table tbody tr th:last-child,
.renew2022-wrap table tbody tr td:last-child { border-right:0;}

table.row-table {border:1px solid #e7e7e7; border-width:1px 0 0 0;}
table.row-table tbody tr th { padding:0 10px; border:1px solid #e7e7e7;  border-width:0 1px 1px 0;}
table.row-table tbody tr td {  height:50px; border:1px solid #e7e7e7; border-width:0 1px 1px 0;}
table.row-table tbody tr td:last-child {border-right:0;}

/* txt=align */
.txt-a-c {text-align:center;}


/* tab */
.tab-list {position:static; width:100%; margin:25px 0 40px 0; padding:0; box-sizing: border-box;}
.tab-list:before,
.tab-list:after {content:''; display:table;}
.tab-list:after {clear:both;}
.tab-list > ul {position:relative; display:table; table-layout:auto; width:100%; height:auto; background-color:#fff;}
.tab-list > ul:after {content:''; display:block; position:absolute; left:0; bottom:0; z-index:0; width:100%; height:2px; background-color:#013763;}
.tab-list > ul > li {position:relative; display:table-cell; float:none; width:auto; min-width:20%; height:100%; min-height:50px; margin:0; border:1px solid #ddd; border-width:1px 0 1px 0; text-align:center; vertical-align:middle; background:#f7f7f7;}
.tab-list > ul > li:before {content:''; display:block; position:absolute; left:0; top:0; width:1px; height:100%; margin:0; background-color:#ddd;}
.tab-list > ul > li:first-child {border-left:1px solid #bbb;}
.tab-list > ul > li:first-child:before {display:none;}
.tab-list > ul > li:last-child {border-right:1px solid #bbb;}
.tab-list > ul > li > a {position:relative; display:block; width:100%; height:100%; line-height:22px; padding:10px 5px; font-size:16px; text-align:center; color:#555; text-decoration:none;}
.tab-list > ul > li.on {border:1px solid #013763; border-width:6px 2px 0 2px; border-bottom:1px solid #fff; background:#fff; z-index:1;}
.tab-list > ul > li.on > a {z-index:3; font-weight:bold; color:#013763;}
.tab-list > ul > li.on > a:active,
.tab-list > ul > li.on > a:hover,
.tab-list > ul > li.on > a:focus,
.tab-list > ul > li.on > a:visited {color:#013763; text-decoration:none;}
.tab-list > ul > li.on + li {}
.tab-list > ul > li.on + li:before {display:none;}
.tab-list.col-2 > ul > li {width:50%;}
.tab-list.col-3 > ul > li {width:33.3%;} 
.tab-list.col-4 > ul > li {width:25%;}


/* ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ contents ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ */
.renew2022-wrap {width:100%; max-width:850px; margin:0 auto 20px; padding:0 0 50px;}
.renew2022-wrap .employment-doc-form {width:100%; max-width:900px; margin:0 auto;}
.renew2022-wrap .employment-doc-form .box-info {margin:20px 0 0; padding:0; border:1px solid #ddd; box-sizing:border-box;}
.renew2022-wrap .employment-doc-form .box-info .tit {display:block; padding:0 25px; height:60px; line-height:60px; background:#334c79;}
.renew2022-wrap .employment-doc-form .box-info .tit p {margin:0; color:#fff; font-size:18px; font-weight:bold; }
.renew2022-wrap .employment-doc-form .box-info .txt {padding:30px 25px; font-size:13px;}
.renew2022-wrap .employment-doc-form .box-info .txt p {line-height:28px; font-size:16px;}

.renew2022-wrap .employment-doc-form .info-forms-wrap {margin:25px 0;}
.renew2022-wrap .employment-doc-form .info-forms-wrap .employment-form-wrap {margin:35px 0 0 0;}
.renew2022-wrap .employment-doc-form .info-forms-wrap .employment-form-wrap:first-child {margin:0;}
.renew2022-wrap .employment-doc-form .info-forms-wrap .employment-form-wrap h1 {font-size:17px; border-bottom:2px solid #334c79; padding:0 0 10px 0; margin:0;}
.renew2022-wrap .employment-doc-form .info-forms-wrap .file {display:block; height:auto; border-bottom:1px solid #ddd;}
.renew2022-wrap .employment-doc-form .info-forms-wrap .file .file-tit {display:block; width:100%; padding:12px 0; }
.renew2022-wrap .employment-doc-form .info-forms-wrap .file .file-tit p {position:relative; margin:0; padding:0 10px; line-height:18px; letter-spacing:-1px; font-weight:bold; font-size:15px;}
.renew2022-wrap .employment-doc-form .info-forms-wrap .file .file-tit p:before {content:''; position:absolute; left:0; top:50%; margin:-2px 0 0 0; width:4px; height:4px; background:#c2c2c2;}
.renew2022-wrap .employment-doc-form .info-forms-wrap .file .file-select { display:block; width:100%; padding:5px 0 16px;}
.renew2022-wrap .employment-doc-form .info-forms-wrap .file .file-select label {cursor: pointer;}
.renew2022-wrap .employment-doc-form .info-forms-wrap .file .file-select > span:nth-of-type(2) {margin-left:20px;}
.renew2022-wrap .employment-doc-form .info-forms-wrap .file .file-select select {display:block; width:100% !important; padding:10px; margin:10px 0 0 0; border:1px solid #ddd; color:#666; font-size:14px;}
.renew2022-wrap .employment-doc-form .info-forms-wrap .file .file-select a.layer-open {display:block;  width:100%; padding:10px; margin:10px 0 0 0; border:1px solid #ddd; color:#666; font-size:14px; background:#fff url('../images/common/arrow/arrow-select.png') right 5px center no-repeat; background-size:15px 15px;}

.renew2022-wrap .employment-doc-form .info-forms-wrap .file:last-child p.sub {margin:25px 0 0 0; color:#e5022d; font-size:14px;}
.renew2022-wrap .employment-doc-form .info-forms-wrap .file .box {width:100%; margin:10px 0 0 0; padding:0; line-height:18px; overflow-y:auto; max-height:285px; background-color:#fff; border:1px solid #ddd;}
.renew2022-wrap .employment-doc-form .info-forms-wrap .file .box span {display:block;  padding:10px 15px; color:#333; min-height:32px; border-bottom:1px solid #ddd;}
.renew2022-wrap .employment-doc-form .info-forms-wrap .file .box input {position:absolute; left:-9999px;}
.renew2022-wrap .employment-doc-form .info-forms-wrap .file .box label {position:relative; display:block; width:100%; padding-right:30px; cursor: pointer; font-size:14px;}
.renew2022-wrap .employment-doc-form .info-forms-wrap .file .box label:before {content:''; position:absolute; margin:-11px 0 0; right:0; top:50%; width:22px; height:22px; background:url('../images/common/ico/ico-check.png') center center no-repeat; background-size:22px 22px;}
.renew2022-wrap .employment-doc-form .info-forms-wrap .file .box input[type="checkbox"]:checked + label {color:#0065a1;}
.renew2022-wrap .employment-doc-form .info-forms-wrap .file .box input[type="checkbox"]:checked + label:before { background:url('../images/common/ico/ico-check-on.png') center center no-repeat; background-size:22px 22px;}
.renew2022-wrap .employment-doc-form .info-forms-wrap .file .box label em {display:block; font-size:13px; font-style: normal;}

.back-list-wrap {display:block; margin:0 auto; width:100%; max-width:820px;}
.back-list-wrap a.btn-back-list {display:inline-block; padding:0 10px 0 22px; width:auto; height:30px; line-height:27px; margin:16px; font-size:14px; color:#006fe6; border:1px solid #006fe6; border-radius:5px; background:url('../images/common/btn/m-btn-back-list.png') left 10px center no-repeat; background-size:7px 12px;}

.sel-form-wrap {position:relative; display:block; margin:0 16px 0px 16px; width:calc(100% - 32px); height:50px; border:1px solid #41557a; border-radius:6px; background:#f7f7f7 url('../images/common/arrow/arrow-sel-form.png') right 16px center no-repeat; background-size: 24px; box-sizing: border-box;}
.sel-form-wrap a {display:table; padding:5px 40px 5px 52px; width:100%; height:100%; font-size:14px; color:#41557a; font-weight:bold;}
.sel-form-wrap i.ico-sel-form {position:absolute; left:16px; top:50%; margin:-15px 0 0; width:30px; height:30px; background:url('../images/common/ico/ico-sel-list.png') center center no-repeat; background-size:30px 30px;}
.sel-form-wrap .tit {display:table-cell; vertical-align:middle; font-size:14px; color:#333;}
.sel-form-wrap.on {border-radius:6px 6px 0 0; background:#f7f7f7 url('../images/common/arrow/arrow-sel-form-on.png') right 16px center no-repeat; background-size: 24px;}
.sel-form-wrap.on > a {padding: 10px 40px 10px 16px;}
.sel-form-wrap.on > a:before {display:table-cell; content:'신청하실 민원 분류를 선택해 주세요'; font-size:14px; color:#333; vertical-align: middle;}
.sel-form-wrap.on i {display:none;}
.sel-form-wrap.on .tit {font-size:0;}
.sel-form-wrap.on .sel-form-list {display:block;}
.sel-form-wrap .sel-form-list {position:absolute; display:none; overflow-y:auto; width:100%; height:auto; max-height:200px; left:-1px; top:48px; border:1px solid #41557a; border-radius:0 0 6px 6px; background:#fff; box-sizing: content-box; z-index:11;}
.sel-form-wrap .sel-form-list ul li {display:table; width:100%; min-height:50px; border-bottom:1px solid #ddd;}
.sel-form-wrap .sel-form-list ul li:last-child {border:0;}
.sel-form-wrap .sel-form-list ul li.active {background:#d7e5ff;}
.sel-form-wrap .sel-form-list ul li a {display:table-cell; padding:7px 16px; font-size:14px; color:#333; vertical-align: middle;}
.sel-form-wrap .sel-form-list ul li.active a {font-weight:bold; color:#033075;}


/* 일괄 발급 서비스 영역 */
.tab02-info {height:auto; padding:11px 15px 11px 25px; border:1px solid #d4d4d4; position:relative;}
.tab02-info::after {position:absolute; content:""; width:100%; height:1px; background-color:#ddd; top:48px; left:0;}
.tab02-info .tab02-tit h1 {font-size:20px; width:100%; display:flex; justify-content:space-between; position:relative; padding:0 0 0 42px; background:url('../images/common/ico/ico-speaker.png') no-repeat;} 
.tab02-info .tab02-tit h1::after {position:absolute; content:""; width:1px; height:35px; background-color:#c2c2c2; top:-5px; right:40px;}
.tab02-info .tab02-tit h1 a {margin:0 3px 0 0;}
.tab02-info .tab02-tit h1 span.ico {vertical-align:middle;}
.tab02-info .tab02-tit h1 span.arrow-down {background:url('../images/common/ico/ico-arrow-down-off.png') no-repeat; width:16px; height:16px; display:inline-block; cursor:pointer;}
.tab02-info.off .tab02-tit h1 span.arrow-down {background:url('../images/common/ico/ico-arrow-down.png') no-repeat; width:16px; height:16px; display:inline-block; cursor:pointer;}
.tab02-info.off::after,
.tab02-info.off .tab02-txt {display:none;}
.tab02-info .tab02-txt {margin:28px 0 0 17px;}
.tab02-info .tab02-txt ul li {line-height:25px; position:relative; font-size:14px; word-break:keep-all;}
.tab02-info .tab02-txt ul li::before {position:absolute; content:""; width:4px; height:4px; background-color:#ddd; top:11px; left:-10px;}

.box-wrap {margin:30px 0 0 0;}
.box-wrap .box-tit {width:100%;}
.accordion .box-wrap .box-tit h2 {margin:0; padding:15px 58px 15px 15px;}
.box-wrap .box-tit h2 {width:100%; min-height:55px; line-height:24px; font-size:18px; font-weight:bold; letter-spacing: -1px; background:#013763; color:#fff; font-weight:normal; padding:15px 15px; letter-spacing:-1px; display:flex; justify-content:space-between; position:relative;}
.box-wrap .box-tit h2 a {position:absolute; right:10px; top:10px; width:35px; height:35px; display:block;  text-align:center;}
.box-wrap .box-tit h2 a span.ico {vertical-align:middle;}
.box-wrap .box-tit h2 a span.arrow-down {background:url('../images/common/ico/ico-arrow-down-white-off.png') center center no-repeat; width:35px; height:35px; display:inline-block; cursor:pointer;}
.box-wrap.off .box-tit h2 a span.arrow-down {background:url('../images/common/ico/ico-arrow-down-white.png') center center no-repeat; }
.box-wrap .box-tit h2 a span.arrow-down {margin:0 10px 0 0;}
.box-wrap .box-tit h2::before {position:absolute; content:""; width:1px; height:35px; background-color:#475e8a; top:10px; right:55px;}
.box-wrap .box-tit span.more-less {display:inline-block; color:#fff; cursor:pointer; margin-right: 5px;}
.box-wrap.v1 .box-tit h2 {  font-weight:bold; color:#333;border-top:2px solid #013763; border-bottom:1px solid #ddd; background:#fff;}
.box-wrap.v1 .box-tit h2::before {display:none;}
.box-wrap.v1 .box-tit h2 a span.arrow-down { background:url('../images/common/ico/ico-arrow-down1-off.png') center center no-repeat;  background-size:50%;}
.box-wrap.off.v1 .box-tit h2 a span.arrow-down { background:url('../images/common/ico/ico-arrow-down1.png') center center no-repeat;  background-size:50%; }

.box-wrap.off .content-wrap {display:none;}
.box-wrap .content-wrap {display:block; position:relative; width:100%; height:100%; border:1px solid #d4d4d4; padding:30px 15px; border-top:0;}
.box-wrap .content-wrap .box-content {border-top:2px solid #013763;}
.box-wrap .content-wrap .box-content.no-border {border-top:none;}
.box-wrap.v1 .content-wrap {border-bottom: 1px solid #ddd; padding:20px; border-width:0px 0px 1px 0px; background:#f8f8fa;}

.box-wrap .content-wrap .box-content .search-area {width:100%; height:50px; padding:5px 0; background:#F3F3F3; display:flex; justify-content:flex-end; align-items:center;}
.box-wrap .content-wrap .box-content .search-area input {width:35%; height:35px; text-indent:10px; margin:0 10px 0 0;}
.box-wrap .content-wrap .box-content .search-area button {width:80px; height:35px; background:rgb(54, 54, 121); color:#fff; margin:0 10px 0 0; font-size:17px;}
.box-wrap .content-wrap .box-content .tit {position:relative; display:flex; justify-content:space-between; align-items:center;}
.box-wrap .content-wrap .box-content.terms .tit {flex-direction:column; justify-content:space-between; align-items:flex-start; background:#f9f9f9;}
.box-wrap .content-wrap .box-content .tit a.toggle {position:absolute; right:0; top:0;line-height:50px; font-size:17px; margin:0 10px 0 0; padding:0 10px;}
.box-wrap .content-wrap .box-content h3 {font-weight:700; padding:20px 0 0;}
.box-wrap .content-wrap .box-content .tit p > span {padding:0 55px 0 0;}
.box-wrap .content-wrap .box-content .tit p > span strong {color:#006fe6;}
.box-wrap .content-wrap .box-content .tit p > span.txt_black {color:#000;}
.box-wrap .content-wrap .box-content .tit p > a span.ico {vertical-align:middle;}
.box-wrap .content-wrap .box-content .tit p > a span.arrow-down {background:url('../images/common/ico/ico-arrow-down-off.png') no-repeat; width:16px; height:16px; display:inline-block; cursor:pointer;}
.box-wrap .content-wrap .box-content .file-wrap.off .tit p > a span.arrow-down {background:url('../images/common/ico/ico-arrow-down.png') no-repeat;}
.box-wrap .content-wrap .box-content .file-wrap {border-bottom:1px solid #e7e7e7;}
.box-wrap .content-wrap .box-content .file-wrap .tit h3 {padding:15px 0; height:57px; line-height:57px; font-size:15px; letter-spacing:-1px; padding:0; padding:0 0 0 20px;}
.box-wrap .content-wrap .box-content .file-wrap .tit .inner-radio {padding:0 10px 15px 20px;}
.box-wrap .content-wrap .box-content .file-wrap .tit .inner-radio span {margin-right:10px; font-weight:bold;}
.box-wrap .content-wrap .box-content .file-wrap ul {display:block; padding:20px 0 20px 20px;background:#f8f8fa;}
.box-wrap .content-wrap .box-content.terms .file-wrap ul {background:#fff;;}
.box-wrap .content-wrap .box-content .file-wrap.off ul {display:none;}
.box-wrap .content-wrap .box-content .file-wrap ul li {position:relative; margin:0 0 12px; padding:0 8px; line-height:19px; display:block; font-size:13px; color:#333;}
.box-wrap .content-wrap .box-content .file-wrap ul li:last-child {margin:0;}
.box-wrap .content-wrap .box-content .file-wrap ul li.no-list {text-align:center;}
.box-wrap .content-wrap .box-content .file-wrap ul li.no-list::before {display:none;}
.box-wrap .content-wrap .box-content .file-wrap ul li::before {position:absolute; content:""; width:3px; height:3px; border-radius:50%; background-color:#333; top:10px; left:0;}
.box-wrap .content-wrap .box-content .file-wrap ul li span {word-break: keep-all; display:inline-block;}
.box-wrap .content-wrap .box-content .file-wrap ul li span.date {color:#006fe6;}
.box-wrap .content-wrap .box-content .file-wrap.unifiedsch {width:100%; height:auto; padding:0 0 50px; display:flex; flex-direction:column; margin:0 auto; text-align:center; border:0;}
.box-wrap .content-wrap .box-content .file-wrap.unifiedsch .unifiedsch-tit {font-weight:bold; font-size:20px;}
.box-wrap .content-wrap .box-content .file-wrap.unifiedsch .unifiedsch-txt {margin-top:20px;}
.box-wrap .content-wrap .box-content .file-wrap.unifiedsch .unifiedsch-txt p {line-height:1.5; font-size:14px; color:#666;}
.box-wrap .content-wrap .box-content .file-wrap.unifiedsch .unifiedsch-txt p:last-child {color:#006fe6; }
.box-wrap .content-wrap .box-content .file-wrap.unifiedsch .unifiedsch-icon {background:url('../images/common/ico/ico_unifiedsch_no.png') no-repeat center center; width:36px; height:36px; margin:50px auto;}

.box-wrap .content-wrap .box-content .check-area {display:block; position:relative; border-bottom: 1px solid #e7e7e7; padding:10px 0 10px 0;}
.box-wrap .content-wrap .box-content .check-area.pd-bottom {border-bottom: 1px solid #ddd;}
.box-wrap .content-wrap .box-content .check-area span {margin-right:20px; position:relative; line-height:35px; font-size:15px; font-weight:700; display:block;}
.box-wrap .content-wrap .box-content .check-area span.copy {margin:0 0 0 0;}
.box-wrap .content-wrap .box-content .check-area input {vertical-align:middle; margin-right:5px;}
.box-wrap .content-wrap .box-content .check-area input[type="checkbox"] + label {display:inline-block;}
.box-wrap .content-wrap .box-content .check-area input[type="checkbox"] {margin-top:-1px;}
.box-wrap .content-wrap .box-content .check-area a.btn {width:70px; height:40px; padding:0; line-height:40px; background:#344c7a; color:#fff; font-size:13px; margin-left:10px; text-align:center; position:absolute; top:10px; right:0;}
.box-wrap .content-wrap .lbs-result-paging {margin:20px 0 0 0;}
.box-wrap .content-wrap .lbs-result-paging .paging strong {display:block; text-align:center; width:30px; height:30px; line-height:30px; margin:0 auto; border:1px solid #0195ea; color:#0195ea;}

.box-wrap .content-wrap .box-content .check-area .select-wrap {width:100%;}
.box-wrap .content-wrap .box-content .check-area .select-wrap select {width:100% !important; height:40px; border:1px solid #ddd; margin-right:20px;}
.box-wrap .content-wrap .box-content .check-area .select-wrap select + select {margin-top:5px;}
.box-wrap .content-wrap .box-content .check-area span.search {display:flex;}
.box-wrap .content-wrap .box-content .check-area input.input-search,
.box-wrap .content-wrap .box-content .check-area input.input-search {width:300px; height:35px; border:1px solid #ddd; }

.box-wrap .content-wrap .box-content .check-area .check-list {width:auto;}
.box-wrap .content-wrap .box-content .check-area .check-list > span {line-height:36px; font-size:15px; font-weight:normal; width:auto; display:inline-block;}
.box-wrap .content-wrap .box-content .check-area span.search.input-calc {overflow: hidden; display:block; margin:0;}
.box-wrap .content-wrap .box-content .check-area span.search.input-calc input {margin:0; width:calc(100% - 82px) !important; height:40px !important; float:left;}
.box-wrap .content-wrap .box-content .check-area span.search.input-calc a.btn  { position:relative; padding:0; right:initial; top:initial; width:70px; float:right;}
.box-wrap.gov24 .content-wrap .box-content .check-area a {top:0; font-weight:normal;}

@media screen and (max-width:900px) {
    .box-wrap .content-wrap .box-content .check-area .check-list > span {line-height:36px; display:block;}
    .renew2022-wrap table.col-table.v2 tbody tr th {background:none; border-bottom:0; padding:0 0 0 15px;}
    .renew2022-wrap table.col-table.v2 tbody tr:first-child th {padding:24px 0 0 15px;}
    .renew2022-wrap table.col-table.v2 tbody tr td {border-top:0; padding: 15px 0 24px 15px;}
    .renew2022-wrap table.col-table.v2 tbody tr th,
    .renew2022-wrap table.col-table.v2 tbody tr td {display:block;}
}

/* 서브검색 공통영역 */
.sub-search-wrap {display:block; padding:0 0 30px 0; border-bottom:1px solid #e9e9e9;}
.sub-search-wrap .search-option { display :block; overflow:hidden; padding:0 0 20px; min-height:50px; max-height:50px; border:1px solid #e9e9e9; background:#f7f7f7;}
.sub-search-wrap .search-option.on {max-height:initial;}
.sub-search-wrap .search-option .option-ctrl {display:block; width:100%; height:50px; line-height:50px; font-size:16px; color:#666; text-align:center; background:url('../images/common/arrow/arrow-gray.png') center right 16px no-repeat; background-size:14px 8px;}
.sub-search-wrap .search-option.on .option-ctrl {background:url('../images/common/arrow/arrow-gray-on.png') center right 16px no-repeat; background-size:14px 8px;}
.sub-search-wrap .search-option .option-list {padding:0 16px;}
.sub-search-wrap .search-option .option-list select {display:block; width:100% !important; height:40px; font-size:13px; margin:10px 0 0 0; vertical-align:middle; }
.sub-search-wrap .search-option .option-list .option-chk {display:block; padding:20px 0 0;}
.sub-search-wrap .search-option .option-list .option-chk span {display:block; margin:25px 0;}


/* 돌봄시설 및 지도 부분 */
.lbs-swiper-wrap {position:relative; display:block; overflow:hidden; padding:0 30px; width:100%; max-width:800px; min-height:60px; background:#003964;}
.lbs-swiper-wrap::before {content:''; display:block; position:absolute; left:0; top:0; width:100vw; height:60px; background:#003964; z-index:1;}
.lbs-swiper-wrap ul.lbs-category-menu {}
.lbs-swiper-wrap ul.lbs-category-menu li {display:table; float:left; width:auto; height:60px; }
.lbs-swiper-wrap ul.lbs-category-menu li a {position:relative; display:table-cell; width:100%; height:60px; line-height:18px; font-size:14px; vertical-align: middle; color:#9ebfd8; text-align:center; word-spacing: 3px;}
.lbs-swiper-wrap ul.lbs-category-menu li.current a {font-weight:bold; color:#fff;}
.lbs-swiper-wrap ul.lbs-category-menu li a span {position:initial;}
.lbs-swiper-wrap ul.lbs-category-menu li.current a span::after {content:''; position:absolute; bottom:0; left:0; width:100%; height:3px; background:#f71818;}
.lbs-swiper-wrap .swiper-ctrl .swiper-button-next,
.lbs-swiper-wrap .swiper-ctrl .swiper-button-prev {width:32px; height:60px; margin-top:-30px;}
.lbs-swiper-wrap .swiper-ctrl .swiper-button-next {right:0; background:#003964 url('../images/common/btn/btn-swiper-next.png') center center no-repeat;}
.lbs-swiper-wrap .swiper-ctrl .swiper-button-prev {left:0; background:#003964 url('../images/common/btn/btn-swiper-prev.png') center center no-repeat;}

.lbs-tab-wrap {background:#fff;}
.lbs-tab-wrap .tab-list { margin:0; padding:20px 16px 16px; width:100%;}
.lbs-tab-wrap select {display:block; width:auto; height:40px; color:#333; font-size:14px; border:1px solid #cfcfcf; margin:10px 0 0 0; vertical-align:middle; border-radius:6px;}

.lbs-search-gps {padding:0 16px 20px; display: flex; justify-content: space-between;}
.lbs-search-gps select {margin:0; width:48%;}
.lbs-search-gps p.txt {width:48%; padding:5px 0; font-size:12px; color:#666;}

/* 임시로 넣어둔 css / 반영 X */
.lbs-sidebar {position:absolute; left:0; top:60px; z-index:105; width:380px; height:calc(100vh - 60px); background-color:#f2f4f5;}

@media screen and (max-width:720px) {
    .lbs-sidebar {position:static; width:100%;}
    .lbs-search-group {position:absolute; left:0; bottom:0; z-index:105; width:100%;} 
    .lbs-category-select {overflow-y:auto; position:relative; background:#fff; box-shadow:0 3px 15px -15px #000;}
}

/* 지방직 1단계 */
.renew2022-wrap .employment-doc-form .process-tab li {width:100%; height:60px; background:#344c7a; border:1px solid #c3cad7; color:#fff; padding:8px 0 10px 0;}
.renew2022-wrap .employment-doc-form .process-tab li.active {background:#fff; color:#334c79;}
.renew2022-wrap .employment-doc-form .process-tab li span {display:block; text-align:center; line-height:17px; font-size:13px;}
.renew2022-wrap .employment-doc-form .process-tab li span.step {line-height:24px; font-size:17px;}

.renew2022-wrap .form-chk-list {display:block; overflow:hidden; padding:0;}
.renew2022-wrap .form-chk-list .list {display:block; width:100%; padding:20px 0; list-style: none;}
.renew2022-wrap .form-chk-list .list label {font-weight:bold; cursor: pointer;}
.renew2022-wrap .form-chk-list .list p { padding:10px 0 0 20px; font-size:13px; color:#334c79;}
.box-wrap.process-first .box-tit h2 {font-weight:700;}
.box-wrap.process-first .box-tit h2::before {display:none;}
.box-wrap .content-wrap.process-first {padding:30px 15px;}

/* 지방직 3단계 */
.renew2022-wrap .employment-doc-form.table > .box-info {border:0;}
.renew2022-wrap .employment-doc-form.table > .box-info .tit {padding:15px; height:auto; line-height:normal; word-break:keep-all;}
.renew2022-wrap .employment-doc-form.table > .box-info .txt p {line-height:normal;}
.renew2022-wrap .employment-doc-form.table > .box-info .txt {padding:30px 0; word-break:keep-all;}
.renew2022-wrap .employment-doc-form.table > .box-info .txt .txt-sub {font-weight:700; margin:0 0 16px 0;}
.renew2022-wrap .employment-doc-form.table .info-forms-wrap.table {border-top:2px solid #334c79; margin:0 15px; }
.renew2022-wrap .employment-doc-form.table .info-forms-wrap.table .employment-form-wrap.table table {width:100%; border-top:1px solid #eee; border-bottom:1px solid #eee;}
.renew2022-wrap .employment-doc-form.table .info-forms-wrap.table .employment-form-wrap.table table caption,
.renew2022-wrap .employment-doc-form.table .info-forms-wrap.table .employment-form-wrap.table .file-info-list h3 {height:48px; font-weight:700; padding:18px 0 10px 0; font-size:15px;}
.renew2022-wrap .employment-doc-form.table .info-forms-wrap.table .employment-form-wrap.table .file-info-list h3 {text-align:center; }
.renew2022-wrap .employment-doc-form.table .info-forms-wrap.table .employment-form-wrap.table table tr {display:flex; flex-direction:column; text-align:left;}
.renew2022-wrap .employment-doc-form.table .info-forms-wrap.table .employment-form-wrap.table table th,
.renew2022-wrap .employment-doc-form.table .info-forms-wrap.table .employment-form-wrap.table table td {width:100%; padding:0 0 0 10px;}
.renew2022-wrap .employment-doc-form.table .info-forms-wrap.table .employment-form-wrap.table table th {font-weight:400; line-height:35px; position:relative;}
.renew2022-wrap .employment-doc-form.table .info-forms-wrap.table .employment-form-wrap.table table th::before {position:absolute; content:""; width:4px; height:4px; background:#c2c2c2; left:0; top:16px;}
.renew2022-wrap .employment-doc-form.table .info-forms-wrap.table .employment-form-wrap.table table td {font-weight:700; line-height:36px;}
.renew2022-wrap .employment-doc-form.table .info-forms-wrap.table .employment-form-wrap.table .file-info-list ul {border-top:1px solid #eee; border-bottom:1px solid #eee;}
.renew2022-wrap .employment-doc-form.table .info-forms-wrap.table .employment-form-wrap.table .file-info-list ul li {line-height:36px; padding:0 0 0 10px; position:relative;}
.renew2022-wrap .employment-doc-form.table .info-forms-wrap.table .employment-form-wrap.table .file-info-list ul li::before {position:absolute; content:""; width:4px; height:4px; background:#9d9d9d; left:0; top:16px;}

/* 필수입력 */
.renew-form-wrap .righten em.imp {display:inline-block; width:5px; height:5px; margin:-1px 0 0; vertical-align: middle; border-radius:5px; background:#f71818;}
.renew-form-wrap em.imp,
.renew-form-wrap p.form-tit em.imp,
.renew-form-wrap p.select-tit em.imnp {display:inline-block; width:5px; height:5px; vertical-align: top; border-radius:5px; background:#f71818;}
.renew-form-wrap .inquiry-tit h2 .righten.chk {font-size:13px; color:#555; font-weight:normal;}

/* 국가기술자격검정 */
.renew-form-wrap .form-wrap {padding:0 0 8px 0;}
.renew-form-wrap .form-block:first-child {padding:0 0 20px;} 
.renew-form-wrap .form-block {padding:0 0 20px;} 
.renew-form-wrap .form-block + .form-block {margin-top:40px;}
.renew-form-wrap .form-inner-block {display:block; margin:24px 0 0;}
.renew-form-wrap .form-inner-block:first-child {margin:0 0 0;}
.renew-form-wrap .form-inner-block .radio-wrap {margin:10px 0 0;}
.renew-form-wrap .form-inner-block .radio-wrap > span {display:block; margin:10px 0 0;}
.renew-form-wrap .form-inner-block .radio-wrap > span:first-child {margin:0;}
.renew-form-wrap .form-inner-block .input-calc {overflow:hidden; display:flex; margin:10px 0 8px; justify-content: space-between;}
.renew-form-wrap .form-inner-block .input-calc select,
.renew-form-wrap .form-inner-block .input-calc input {float:left; width:100% !important;}
.renew-form-wrap .form-inner-block .input-calc .btn {float:right; padding:0 5px; margin:0 0 0 10px; width:auto; min-width:100px; }
.renew-form-wrap .inquiry-tit { padding-bottom:16px; border-bottom:2px solid #000;}
.renew-form-wrap .inquiry-tit h2 {position:relative; padding-right:60px; font-size:19px; font-weight:bold; color:#000; background:#fff;}
.renew-form-wrap .inquiry-tit h2 .righten {position:absolute; top:50%; right:0; margin-top:-10px; font-size:14px; color:#777;}
.renew-form-wrap .inquiry-tit h2 span.essential {display:inline-block; width:5px; height:5px; border-radius:32px; background:#e6133b; vertical-align:middle; float:right;}
.renew-form-wrap .form-inner-wrap {padding:16px 0 0 0;}
.renew-form-wrap .form-inner-wrap.no-border {border:0; padding:0;}
.renew-form-wrap .form-inner-wrap .form-block  {display:block; margin:0;}
.renew-form-wrap .form-inner-wrap .form-block + .form-block  {margin:24px 0 0;}
.renew-form-wrap .form-inner-wrap p.form-tit {font-weight:bold; font-size:16px; color:#333; margin-bottom:12px;}
.renew-form-wrap .form-inner-wrap p.select-tit {font-weight:bold; font-size:14px; color:#333;}
.renew-form-wrap .user-info {display:block; width:100%; float:initial;}
.renew-form-wrap .user-info dl {}
/*.renew-form-wrap .user-info dl + dl {margin-top:10px;}*/
.renew-form-wrap .user-info dl dt,
.renew-form-wrap .user-info dl dd {display:block; font-size:16px; color:#333;}
.renew-form-wrap .user-info dl dt {font-weight:bold; padding:0 0 12px 0;}
.renew-form-wrap .user-info dl dd {padding:0 0 24px 0; }
.renew-form-wrap .user-info dl:last-child dd {padding:0;}
.renew-form-wrap .form-inner-wrap select {display:block; width:100% !important; height:50px; color:#828282; font-size:14px; margin:10px 0 0 0; vertical-align:middle;}
.renew-form-wrap .form-inner-wrap input[type="radio"]:checked + label {color:#1a237e;}
.renew-form-wrap .form-inner-wrap input,
.renew-form-wrap .form-inner-wrap select,
.renew-form-wrap .form-inner-wrap textarea {margin:4px 0;}
.renew-form-wrap .form-inner-wrap input[type="radio"],
.renew-form-wrap .form-inner-wrap input[type="checkbox"] {margin:0;}

.renew-form-wrap .form-inner-wrap .date-select-wrap {margin-bottom:24px;}
.renew-form-wrap .form-inner-wrap .date-select-wrap:last-child {margin-bottom:0;}
.renew-form-wrap .form-inner-wrap .date-select {display:flex; width:100%;}
.renew-form-wrap .form-inner-wrap .date-select > select {width:33.3% !important; margin-left:8px;}
.renew-form-wrap .form-inner-wrap select:first-child,
.renew-form-wrap .form-inner-wrap input:first-child,
.renew-form-wrap .form-inner-wrap input:last-child {margin:0;}
.renew-form-wrap .form-inner-wrap textarea {width:100% !important; height:110px; border:1px solid #ddd; background:#fff; font-size:14px; text-indent:7px; padding:8px 0 0 0; } 
.renew-form-wrap .form-inner-wrap p.help-txt,
.renew-form-wrap .receive-info p.help-txt,
.renew-form-wrap .radio-wrap p.help-txt {margin:12px 0 0 0; font-size:13px;}
.renew-form-wrap .dot-list li > span.help-txt {display:block;}
.renew-form-wrap .receive-info label,
.renew-form-wrap .radio-wrap label {font-weight:bold; font-size:14px; color:#333;}
.renew-form-wrap .receive-info > span,
.renew-form-wrap .radio-wrap > span {margin:0 20px 0 0;}
.renew-form-wrap .receive-info .inquiry-list,
.renew-form-wrap .radio-wrap .inquiry-list {display:flex;}

/* 여권 분실 신고 step01 */
/* 습득 여권 정보 & 신청 불가한 경우 */
.renew-form-wrap .inquiry-list .inquiry-radio {position:relative;width:30px;}
.renew-form-wrap .inquiry-list .inquiry-radio span {position:absolute; left:0; margin:10px 0 0 0;}
.renew-form-wrap .inquiry-list .inquiry-table {width:100%;}
.renew-form-wrap .inquiry-list table {width:100%; border-collapse:collapse; }
.renew-form-wrap .inquiry-list table tr th,
.renew-form-wrap .inquiry-list table tr td {padding:10px 5px; text-align:center; font-size:14px; }
.renew-form-wrap .inquiry-list table tr th {color:#333; background:#f5f5f5; font-weight:bold; }
.renew-form-wrap .inquiry-list table tr td {color:#666; }
.renew-form-wrap .inquiry-list table tr th:first-child,
.renew-form-wrap .inquiry-list table tr td:first-child {border-left:0;}
.renew-form-wrap .inquiry-list table tr th:last-child,
.renew-form-wrap .inquiry-list table tr td:last-child {border-right:0;}

.renew-form-wrap .inquiry-output {min-height:66px; padding:12px 30px; background:#f3f9fd; text-align:center; font-size:14px; line-height:21px; margin-bottom:40px;}
.renew-form-wrap .inquiry-output.output2,
.renew-form-wrap .inquiry-output.output3 {margin-bottom:80px;}
.renew-form-wrap .inquiry-output.output3 {padding:12px 35px; word-break:keep-all;margin-top:40px;}
.renew-form-wrap .inquiry-output p.output-txt span.output-txt {display:block;}

/* 습득 여권이 있는 경우 */
.renew-form-wrap .inquiry-list .agency-info {font-size:14px; color:#333; padding:30px 0 0 0; line-height:1.5;}
.renew-form-wrap .inquiry-list .agency-info p.agency-info-txt {margin:0 0 15px 0;}
.renew-form-wrap .inquiry-list .agency-info ul {padding:0 0 0 8px;}
.renew-form-wrap .inquiry-list .agency-info ul li {margin:0 0 12px 0; position:relative;}
.renew-form-wrap .inquiry-list .agency-info ul li::before {position:absolute; content:""; width:4px; height:4px; border-radius:5px; background:#2d2d2d; left:-8px; top:8px;}
.renew-form-wrap .inquiry-list .agency-info ul li:last-child {margin:0;}

/* 미성년자가 신고하는 경우 */
.renew-form-wrap .form-block.minor {border:1px solid #e7e7e7; border-radius:15px; padding:20px 20px 30px 20px;}
.renew-form-wrap .inquiry-list .agency-info.minor {padding:15px 0 0 0;}
.renew-form-wrap .inquiry-list .agency-info p.agency-info-txt.minor {margin:0;}
.renew-form-wrap .inquiry-list .agency-info.minor .minor-files {margin:30px 0 0 0;}
.renew-form-wrap .inquiry-list .agency-info.minor .minor-files p.minor-title {color:#333; font-weight:bold;}
.renew-form-wrap .inquiry-list .agency-info.minor .minor-files ul.minor-file-list {margin:15px 0 0 0;}
.renew-form-wrap .inquiry-list .agency-info.minor .minor-files > ul.minor-file-list li span {display:block;}

/* 여권 분실 신고 step02 */
.renew-form-wrap .form-inner-wrap .half-form {display:block; width:100%; margin:0 auto; padding:10px 0 0 0;}
.renew-form-wrap .form-inner-wrap .half-form input.lost-date,
.renew-form-wrap .form-inner-wrap .half-form select {width:49% !important; min-width:initial !important;}
.renew-form-wrap .form-inner-wrap .half-form input.lost-date {height:40px; border:1px solid #ddd; border-radius:7px; padding: 0 10px; font-size:14px;}
.renew-form-wrap .form-inner-wrap .half-form select {display:inline; margin:0;}
.renew-form-wrap .form-inner-wrap label {font-size:14px;}
.renew-form-wrap .form-inner-wrap input[type="checkbox"]:checked + label,
.renew-form-wrap .form-inner-wrap input[type="radio"]:checked + label {font-weight:bold;}
.renew-form-wrap .form-inner-wrap input {border:1px solid #ddd;}
.renew-form-wrap .form-inner-wrap input.lost-etc {width:90px !important; height:32px;}
.renew-form-wrap .chk-wrap {display:block; margin:10px 0 0;}
.renew-form-wrap .chk-wrap > span {margin-right:20px;}


/* M_100 7 농지취득 자격증명 신청 */

.renew-form-wrap p.imp-txt {text-align:right; font-size:14px; color:#999; margin-bottom:10px;}
.half-input {display:block; margin:10px 0 0; width:100%;}
.half-input span.dash,
.half-input span.dash.v2 {position:relative; width:14px; display:inline-block;}
.half-input span.dash::before {position:absolute; content:""; width:10px; height:1px; background:#666; left:50%; top:50%; margin:-5px 0 0 -5px;}
.half-input span.dash.v2::before {background:#000; width:4px; height:4px; border-radius:50%; margin:-5px 0 0 -2px;}
.form-inner-block p.select-txt {line-height:1.7; color:#333; font-size:14px; font-weight:normal; padding-left:15px; position:relative;}
.form-inner-block p.select-txt::before {position:absolute; content:""; width:6px; height:2px; background:#d5d5d5; top:10px; left:0;}
.renew-form-wrap p.imp-txt em.imp {display:inline-block; width:5px; height:5px; vertical-align:top; border-radius: 5px; background: #f71818;}
.form-inner-block .check-area.check-list.no-border {border:0;}
.form-inner-block .check-area.check-list > span {display:block; line-height:35px;}
.renew-form-wrap .form-inner-wrap .check-list span > label {font-weight:normal;}
.form-inner-block .check-area.check-list .btn-group.v2 {margin:20px 0 0 0; width:100%;}
.form-inner-block .check-area.check-list .btn-group.v2 .btn.navy.v2,
.form-inner-block .check-area.check-list .btn-group.v2 .btn.border {width:48%; border-radius:0; position:relative; top:initial; margin-left:0; font-weight:normal;}
.form-inner-block .check-area.check-list .btn-group.v2 .btn.navy.v2 {background-color: #033075;}
.form-inner-block .check-area.check-list .btn-group.v2 .btn.border {border:1px solid #aaa; color:#333; background:#fff;}

.form-inner-block .form-txt-box {background:#f7f7f7; padding:36px; margin-top:40px;}
.form-inner-block .form-txt-box li.form-txt {font-size:14px; color:#666; position:relative; margin-bottom:12px; line-height:1.5;}
.form-inner-block .form-txt-box li.form-txt.dot::before {position:absolute; content:""; width:3px; height:3px; background:#d5d5d5; top:8px; left:-10px;}

.form-inner-block p.form-txt-v2 {font-size:14px; color:#333; line-height:1.7;}
.form-inner-block .btn-group.v2 {width:100%; margin:20px 0 0 0;}
.form-inner-block .btn-group.v2 .btn.navy.v2,
.form-inner-block .btn-group.v2 .btn.border {width:48%; border-radius:0; position:relative; top:initial; margin-left:0; font-weight:normal; margin-top:initial;}
.form-inner-block .btn-group.v2 .btn.navy.v2,
.form-inner-block .btn-group.v2 .btn.gray {width:49%; border-radius:0; position:relative; top:initial; margin-left:0; font-weight:normal; margin-top:initial;}

.form-block > p.info-tit,
.form-inner-block p.info-tit,
.form-inner-block p.info-txt,
.form-inner-block p.form-txt,
.form-inner-block p.form-tit {font-size:14px;}

.form-inner-block p.info-tit {color:#333; font-weight:bold;}

.form-inner-block p.info-txt,
.form-inner-block p.form-txt {color:#333;}

.form-inner-block p.info-tit em.imp {display:inline-block; width:5px; height:5px; vertical-align:top; border-radius:5px; background:#f71818;}
.form-inner-block p.rowspan-tit {border-bottom:1px solid #e9e9e9; padding-bottom:7px;}

.form-inner-block .file-wrap .tit.terms {justify-content:flex-start; flex-direction:column; align-items: flex-start; margin-bottom:16px; padding-top:16px;} 
.box-wrap .content-wrap .box-content .file-wrap .tit.terms h3 {padding:0 0 0 0; height:33px; line-height:33px;} 
.renew-form-wrap .form-inner-wrap span.terms > input {margin:0;}

.form-inner-block .terms-wrap {position:relative; border:1px solid #e9e9e9; padding:12px 0 16px 0; border-width:0 0 1px 0; box-sizing: border-box;}
.form-inner-block .terms-wrap p.terms-tit {font-size:14px; font-weight:bold; color:#333;} 
.form-inner-block .terms-wrap .terms-agree > span.input-radio {margin-top:12px; display:block;}
.form-inner-block .terms-wrap .terms-agree {position:relative; }
.form-inner-block .terms-wrap .terms-agree > a.toggle {display:block; position:absolute; right:0; top:50%; margin:-15px 0 0; width:30px; height:30px; background:url('../images/common/ico/ico-arrow-down.png') center center no-repeat;}
.form-inner-block .terms-wrap.on .terms-agree > a.toggle {background:url('../images/common/ico/ico-arrow-down-off.png') center center no-repeat;}
.form-inner-block .terms-wrap .terms-cont {display:none; margin-top:20px; padding:16px; background:#f1f1f2;}
.form-inner-block .terms-wrap.on .terms-cont {display:block;}
.form-inner-block .terms-wrap .terms-agree > input.terms {margin:0 0 0 0;}
.form-inner-block .terms-txt {font-size:12px; padding:20px 0 0 0;}
.online-passport .form-inner-block .help-txt {margin-top:20px; font-size:14px;}
.online-passport .form-inner-block .help-txt > a.txt-link {text-decoration:underline;}
.online-passport .form-inner-block span.input-check {display:block;}
.form-inner-block .agree-chk > input[type="checkbox"] + label,
.form-inner-block .agree-chk > input[type="radio"] + label {display:inline;}
.form-inner-wrap .agree-chk > span.agree-chk-txt {font-size:14px; font-weight:bold;}
.form-inner-wrap .agree-chk > span.agree-input {float:right;}
.form-wrap .border-box {border:3px solid #bfd8f8; padding:20px 30px;}
.form-wrap .border-box p.border-txt {display:block; font-size:14px; font-weight:bold;}

.form-inner-block .half-input.col-4 > .input-text.v2 {width:calc(25% - 28px) !important;}
.form-inner-block span.input-radio,
.form-block span.input-radio {display:block;}

.form-block .inquiry-tit h2 > span.input-check {font-size:14px; vertical-align:top;}

.form-inner-block.year-wrap > select {display:inline;}
.form-inner-block.year-wrap > span {vertical-align:middle;}

.form-inner-block span.input-calc.v2 .btn {min-width:90px;}
.form-inner-block span.input-calc.v3 .btn {min-width:130px;} 
.form-inner-block span.input-calc.v4 .btn {min-width:75px;}

.form-inner-block .radio-list-wrap {padding-left:20px; margin-top:12px;}
.form-inner-block .radio-list-wrap > span {display:block;}

/* 정부서비스_안내페이지 */

.accept-step2 li:before {background:#255998 !important;}
.accept-step2 span.step-tit {color:#255998;}
.text-view-wrap.no-border {border-bottom:0;}
.text-block .ico {vertical-align:middle;}
.top-info-text h2.tit {font-size:20px; color:#333; text-align:initial; padding:0;}
.top-info-text p.txt {font-size:14px; color:#666; margin-top:6px; word-break:keep-all; line-height:1.5;}
.tit-image {margin-top:30px;  width:100%; height:auto; position:relative;}
.tit-image img {width:100%;}
.tit-image .tit-txt {position:absolute; top:50%; left:25px; font-size:20px; font-weight:bold; line-height:1.3; transform:translateY(-50%);}
.text-view p.txt {font-size:14px; padding-left:14px; color:#666; margin-top:4px; word-break:keep-all; line-height:1.7;}
.text-view-wrap {margin-top:20px; padding-bottom:30px; border-bottom:1px solid #d5d5d5;}
.text-view-wrap .text-view {margin-top:14px;}
.text-view p.tit {position:relative; font-size:14px; color:#255998; font-weight:bold; }
.text-view p.tit:before {content:''; display:inline-block; vertical-align: middle; margin:-5px 5px 0;  width:4px; height:4px; border-radius:10px; background:#265a98; }
.mw-info-list.dash-list li strong {color:#255998;}
.mw-info-list.dash-list li:before {background:#265a98;}
.text-view a.a-link span.arrow-more-navy {display:inline-block; background:url('../images/common/ico/ico-arrow-navy.png') no-repeat; background-size: 7px 11px; width:7px; height:11px;}
.text-view .share-group {display:block; height:28px; text-align:right; margin:32px 0 20px 0;}
.text-view .share-group li,
.text-view .share-group li > button {vertical-align:top; display:inline-block; font-size:0;}
.text-view .share-group li > a,
.text-view .share-group li > button {display:inline-block; background-repeat:no-repeat; background-size:28px 28px; width:28px; height:28px;}
.text-view .share-group li > a.facebook {background-image:url('../images/common/ico/ico-facebook.png');}
.text-view .share-group li > a.twitter {background-image:url('../images/common/ico/ico-twitter.png');}
.text-view .share-group li > button.concern-like {background-image:url('../images/common/ico/ico-concern-like.png');}
.text-view .share-group li > button.schedule-like {background-image:url('../images/common/ico/ico-schedule-like.png');}
.text-view .share-group li > button.concern-like.on {background-image:url('../images/common/ico/ico-concern-like-on.png');}
.text-view .share-group li > button.schedule-like.on {background-image:url('../images/common/ico/ico-schedule-like-on.png');}
.text-view .dash-list > li {color:#666;}
.text-block .btn-group {margin-top:24px !important;}
.text-view-wrap .back-btn .btn {display:block; max-width:120px; height:36px; line-height:36px; background:#8d8d8d; border:0; border-radius:0; color:#fff; font-size:16px; margin:32px auto 0;}

/* 주민등록정정(말소)신고 */
.inner-div-table {}
.inner-div-table .block { overflow:hidden; display:flex; width:100%; min-height: 70px;}
.inner-div-table .block > div {padding:5px;}
.inner-div-table .block:first-child .tit {border-width:0 1px 0 1px;}
.inner-div-table .block:first-child .txt {border-width:0 0 0 0;}
.inner-div-table .block:last-child .tit {border-width:1px 1px 0 1px;}
.inner-div-table .block:last-child .txt {border-width:1px 0 0 0;}
.inner-div-table .block .tit {width:120px; padding:18px 5px; height:70px; font-weight:bold; color:#111; border:1px solid #ddd; border-width:1px 1px 0 1px;}
.inner-div-table .block .txt {width:calc(100% - 120px); padding:10px; height:70px; border:1px solid #ddd; border-width:1px 0 0 0;}
tr.chk-border {border:1px solid #ddd;}
tr.double-line td.chk-border {border-top:0px;}
tr.double-line {border-top:4px double #ccc;}
tr.double-line .inner-div-table .block:first-child .tit,
tr.double-line .inner-div-table .block:first-child .txt {border-top:0;}
tr.double-line .inner-div-table .block:last-child .tit,
tr.double-line .inner-div-table .block:last-child .txt {border-bottom:0;}

.security-wrap { width : 100% !important;  max-width :  480px; }

/* 고용산재보험 */
.form-inner-wrap.employment > .form-inner-block .half-input.col-4-v2 {display:flex;}
.form-inner-wrap.employment > .form-inner-block .half-input.col-4-v2 .input-text.v2 {width:calc(25% - 10px) !important; padding:0 5px;}
.form-inner-wrap.employment > .form-inner-block .half-input.col-4-v2 span.dash {width:15px;}
.form-inner-wrap.employment > .form-inner-block .half-input.col-4-v2 span.dash:before {width:5px; left:60%;}

.renew2022-wrap .form-block.employment .form-inner-wrap {padding:0;}
.form-block.employment table.row-table.v2 {margin-top:10px;}
.form-block.employment table.row-table.v2 th,
.form-block.employment table.row-table.v2 td {padding:13px 10px;}
.form-block.employment .form-inner-wrap .form-inner-block {padding-top:30px; margin:0;}
.form-block.employment .form-inner-wrap .form-inner-block p.table-tit {padding-bottom:0px; font-size:16px; font-weight:bold; color:#2d2d2d;}
.form-block.employment .form-inner-wrap .form-inner-block p.table-inner-tit {text-align:center; font-size:15px;}

.renew2022-wrap .number-wrap {overflow:hidden; display:block;}
.renew2022-wrap .number-wrap::after {display: block; clear:both; content:'';}
.renew2022-wrap .number-wrap .input-text {float:left; width:calc(33.3% - 17px) !important; min-width:initial !important; margin:0 !important; padding:0 5px;}
.renew2022-wrap .number-wrap .input-text.last {float:right; width:calc(33.4% - 13px) !important; min-width:initial !important;}
.renew2022-wrap .number-wrap em {position:relative;width:23px; height:40px; float:left;}
.renew2022-wrap .number-wrap em:before {content:'';position:absolute; left:50%; top:50%; margin:-1px 0 0 -5px; width:10px; height:1px; background:#666;}

.renew2022-wrap .bg-area {padding:18px; text-align:center;}
.renew2022-wrap .bg-area p.txt {font-size:14px;}

.renew2022-wrap .inner-table {border:0;}
.renew2022-wrap .inner-table .inner-tit {padding:12px 0 !important; border:1px solid #555; border-width:0 0 1px 0; background:none; font-weight:bold;}
.renew2022-wrap .inner-table th,
.renew2022-wrap .inner-table td {background:#f9f9f9;}
.renew2022-wrap .inner-table th {padding:13px 10px; border-width:0 0 1px 0; font-weight:normal;}
.renew2022-wrap .inner-table td {border-bottom:1px solid #e7e7e7; border-right:0; font-weight:bold;}
.renew2022-wrap td > strong,
.renew2022-wrap .inner-table td > strong {color:#ff2727;}

.renew2022-wrap table.col-table.v4 {text-align:left; width:100%; border-collapse:collapse; border-top:1px solid #000; border-left:0; border-right:0; font-size:13px;}
.renew2022-wrap table.col-table.v4 thead tr th {padding:6px 20px; line-height:24px; background:#f7f7f7; border:1px solid #e7e7e7; border-width:0 0 1px 0; text-align:center;}
.renew2022-wrap table.col-table.v4 tbody tr td {padding:6px 20px; line-height:24px; border:1px solid #e7e7e7; border-width:0 1px 1px 0; background:#fff; text-align:center;}
.renew2022-wrap table.col-table.v4 tbody tr td:last-child {border-right:0;}
.renew2022-wrap .list-top-tit {overflow:hidden; display:block; align-items:center;}
.renew2022-wrap .list-top-tit h3.tit {display:block; line-height:40px; margin-right:20px;}
.renew2022-wrap .list-top-tit p.txt {display:block; line-height:40px; color:#555; font-size:13px;}
.renew2022-wrap .list-top-tit > .btn {float:right; line-height:40px;}

.renew2022-wrap .agree-aco-form .terms-tit {position:relative; border:0;}
.renew2022-wrap .agree-aco-form .terms-tit > p {margin:5px 0 0;}
.renew2022-wrap .agree-aco-form .terms-tit p > a.toggle {position:absolute; right:0; top:50%; width:30px; height:30px; text-align:center; margin-top:-15px;}
.renew2022-wrap .agree-aco-form .terms-tit p > a span.ico {vertical-align:middle;}
.renew2022-wrap .agree-aco-form .terms-tit p > a span.arrow-down {background:url('../images/common/ico/ico-arrow-down-off.png') center center no-repeat; width:30px; height:30px; display:inline-block; cursor:pointer;}
.renew2022-wrap .agree-aco-form .list.off p > a span.arrow-down {background:url('../images/common/ico/ico-arrow-down.png') center center no-repeat;}
.renew2022-wrap .agree-aco-form .list {padding:12px 0; border-bottom:1px solid #e7e7e7;}
.renew2022-wrap .agree-aco-form .list h3 {padding:0 30px 5px 0; font-size:16px;}
.renew2022-wrap .agree-aco-form .list .no-data h3 {width:100%; text-align:center; font-size:14px; color:#333; font-weight:400;}
.renew2022-wrap .agree-aco-form .list h3 span.terms-txt {margin-top:5px; display:block; font-size:13px; color:#ed1c24;}
.renew2022-wrap .agree-aco-form .list > ul {display:block; padding:18px 0 18px 18px; background:#f8f8fa;}
.renew2022-wrap .agree-aco-form .list > ul.aco-cont,
.renew2022-wrap .agree-aco-form .list .terms-area {display:block; margin:10px 0 0; padding:15px; background:#f8f8fa; max-height:355px; overflow-y:auto; font-size:13px;}
.renew2022-wrap .agree-aco-form .list .terms-area ul {padding:0;}
.renew2022-wrap .agree-aco-form .list .terms-area p.tit {border:0; padding:0; font-size:15px;}
.renew2022-wrap .agree-aco-form .list .terms-area ul li > p.txt {text-align:initial;}
.renew2022-wrap .agree-aco-form .list.off ul,
.renew2022-wrap .agree-aco-form .list.off .terms-area {display:none;}
.renew2022-wrap .agree-aco-form .list > ul li {line-height:26px; display:flex; justify-content:space-between; padding:0 47px 0 15px; font-size:14px;}
.renew2022-wrap .agree-aco-form .list > ul li span:first-child {position:relative;}
.renew2022-wrap .agree-aco-form .list > ul li span:first-child::before {position:absolute; content:""; width:4px; height:4px; border-radius:50%; background-color:#333; top:12px; left:-15px;}
.renew2022-wrap .agree-aco-form .list > ul li span.date {color:#006fe6;}
.renew2022-wrap .agree-aco-form .list > ul li.no-list {display:block; text-align:center; padding:0;}
.renew2022-wrap .agree-aco-form .list > ul li > p.txt {font-size:14px;}

/* 전입 신고 */
.moving-notification em.middot {margin:-2px 0 0; display:inline-block; width:4px; height:4px; background:#333; vertical-align: middle;}
.moving-notification table tbody tr th {background:#f6f6f6;}
.moving-notification .renew-form-wrap .form-inner-block .input-calc .btn {min-width:60px !important;}
.moving-notification .form-inner-block p.select-txt::before {display:none;}
.moving-notification .form-inner-block p.select-txt {padding:0 !important;}

.moving-notification .agree-box {background:#f8f8fa; padding:15px 0; text-align:center;}
.moving-notification .agree-box .agree-txt {font-size:14px; font-weight:bold;}
.moving-notification .agree-box .agree-area {display:block; margin-top:8px; font-size:14px; color:#555;}

.moving-notification .chk-wrap .chk-block {margin-bottom:10px;}
.moving-notification .chk-wrap .chk-block label {font-size:14px; font-weight:bold; color:#333;}
.moving-notification .chk-wrap .chk-block span.chk-txt {font-size:14px; color:#666; vertical-align:middle;}

.moving-notification .radio-wrap {padding:0 !important;}
.moving-notification .radio-wrap .radio-block {display:flex; flex-direction:column; margin-bottom: 10px;}
.moving-notification .radio-wrap .radio-block label {font-size:14px; font-weight:bold; color:#333; vertical-align:baseline;}
.moving-notification .radio-wrap .chk-block span.radio-txt {font-size:14px; color:#666;}
.moving-notification .radio-wrap .radio-block span.radio-txt {vertical-align:baseline;}
.moving-notification .radio-wrap .radio-block strong {font-size:14px;}
.moving-notification .radio-wrap .radio-block .info-wrap {margin-bottom:10px;}
.moving-notification .select-wrap {display:flex; align-items:center; margin-bottom:20px;}
.moving-notification .select-wrap select {margin:0 5px 0 0 !important; display:inline-block;}
.moving-notification p.seletc-txt {font-size:14px;}
.moving-notification span.seletc-txt {font-size:12px !important;}
.moving-notification .block-wrap {display:flex;}
.moving-notification .radio-wrap span.radio-select {display:flex !important;}
.moving-notification .radio-wrap span.radio-select label {margin-left:7px; width:calc(100% - 25px);}
.moving-notification .dot-list strong {font-size:14px; color:#333;}
.moving-notification .dot-list p.dot-txt {font-size:14px; color:#555;}
.moving-notification .dot-list li:before {top:8px;}

.moving-notification a.a-link {display:block; float:right; padding-right:10px; font-size:13px; font-weight:normal; color:#006fe6;}
.moving-notification .terms-area-form {border:1px solid #e7e7e7; border-radius:6px; background:#fff; padding:15px;}
.moving-notification .terms-area-form .form-inner-block p.form-tit {font-size:14px; font-weight:bold; margin-bottom:8px;}
.moving-notification .terms-area-form .form-inner-block > input[type="checkbox"] + label {font-size:14px !important; color:#333;}
.moving-notification .terms-area-form .all-chk {padding-bottom:8px; margin-bottom:10px; border-bottom:1px solid #e7e7e7;}
.moving-notification .terms-area-form .all-chk > label {font-weight:bold; color:#333;}
.moving-notification .terms-area-form + .terms-area-form {margin-top:12px;}
.moving-notification .terms-area-form p.form-txt {font-size:14px; color:#666; margin-bottom:10px;}
p.depth-help-txt-v2 {font-size:12px; font-weight:normal; color:#666; margin:10px 0 0 0;}
.moving-notification .agree-area-v2 {display:flex; margin-top:12px;}
.moving-notification .agree-area-v2 > input {width:30px; margin-top:2px;}
.moving-notification .agree-area-v2 > label {width:calc(100% - 30px); margin-left:7px; font-size:13px; color:#333; font-weight:bold;}
.moving-notification p.depth-help-txt {font-size:14px;}
.moving-notification .agree-aco-form .list .terms-area {font-size:14px;}

/* 맘편한 서비스 */
p.help-txt-v2,
span.help-txt-v2 {font-size:13px !important; color:#666; font-weight:normal; padding-top:10px;}
p.depth-help-txt {font-size:12px; font-weight:normal; margin:10px 0 0 5px;}

.pregnancy .addr-wrap .block.mgb {margin-bottom:8px;}
.pregnancy .phone-wrap > select {width:33.3% !important; min-width:initial !important; margin:0 !important; padding:0 5px;}
.pregnancy .select-wrap {display:inline-block;}
.pregnancy .select-wrap select {width:200px !important;}
.pregnancy .form-inner-block p.form-txt {line-height:initial;}

.pregnancy .form-inner-block .help-box {margin:10px 0 0 0; border:2px solid #013763; padding:15px;}

.renew2022-wrap .dot-list-v3 {padding:18px 10px;}
.renew2022-wrap .dot-list-v3 li {padding-left:12px; line-height:26px; position:relative; font-size:15px; word-break: keep-all; margin-top:12px; color:#000;}
.renew2022-wrap .dot-list-v3 li:first-child {margin-top:0;}
.renew2022-wrap .dot-list-v3 li::before {position:absolute; content:""; width:4px; height:4px; border-radius:50%; background-color:#000; top:12px; left:0px;}

.renew2022-wrap span.pregnancy {display:block; width:100%; overflow:hidden;}
.renew2022-wrap span.pregnancy a.btn {float:right;}

.renew2022-wrap a.chk-btn {display:inline-block; text-decoration:underline; color:#0053c4; font-size:14px; background:url('../images/common/ico/ico-checkmark-blue.png') no-repeat left center; background-size:12px; padding-left:15px;}

.pregnancy .dot-list .bg-area {width:calc(100% + 20px); margin-left:-20px;}
.pregnancy .dot-list .bg-area::before {background:none;}
.pregnancy .dot-list .bg-area p.bg-txt,
.pregnancy .dot-list .bg-area > .dot-list li {margin:0 0 8px 0; font-size:12px; color:#545454;}
.pregnancy .dot-list .bg-area > .dot-list li::before {width:3px; height:3px; top:7px; left:-7px;}

.pregnancy .agree-aco-form .list h3 {padding:0 30px 0 0;}
.pregnancy .agree-aco-form .list h3 > label {font-size:16px; letter-spacing:-1px;}
.pregnancy .agree-aco-form .terms-tit > p {margin:0;}
.pregnancy .agree-aco-form .terms-txt {padding: 0 40px 0 20px; font-size:13px; color:#fc2b2b;}
.pregnancy .agree-aco-form .terms-tit.v2 h3 {display:flex;}
.pregnancy .agree-aco-form .terms-tit.v2 h3 > input {margin-top:3px;}
.pregnancy .agree-aco-form .terms-tit.v2 h3 > label {padding-left:5px; letter-spacing: -2px;}

.pregnancy .form-inner-block.v2 {display:flex; justify-content:space-between; align-items:center; margin-bottom:24px;}
.pregnancy .form-inner-block.v2 p.inquiry-tit-v2,
.pregnancy .form-inner-block p.inquiry-tit-v2 {font-size:14px; font-weight:bold; color:#2d2d2d;}
.pregnancy .form-inner-block .info-box {padding:12px; background:#fff; border:1px solid #d5d5d5; border-radius:8px;}
.pregnancy .bg-box {background:#fff; border:1px solid #d5d5d5; border-radius:8px;}
.pregnancy .bg-box .chk-wrap {margin:10px auto;}
.pregnancy .bg-box .input-wrap {display:block; margin-top:10px; padding:0 15px;}
.pregnancy .bg-box .input-wrap input + input {margin:10px 0;}

.pregnancy a.btn.v2,
.pregnancy button.btn.v2 {font-size:14px;}
.pregnancy .txt-box {padding:12px 10px; background:#f8f8fa; border:1px solid #eaeaea; border-radius:12px; font-size:16px; color:#2d2d2d; letter-spacing:-1px;}
.pregnancy .chk-wrap.v2 {margin:8px 0 0 0;}
.pregnancy .chk-wrap.v2 > label {font-size:14px; font-weight:bold;}
.pregnancy .dot-list {padding:10px 0 0 20px;}
.pregnancy .dot-list li {color:#595959; letter-spacing:-1px;}
.pregnancy .dot-list li > strong {color:#000;}
.pregnancy .chk-wrap.v3 {display:flex;}

.pregnancy .bg-area {margin:14px 0 0 0; padding:13px 14px; background:#f7f7f7; text-align:left;}
.pregnancy .bg-area > ul.dot-list {padding:0 0 0 15px;}
.pregnancy .bg-area > ul.dot-list li > strong {color:#000;}

.pregnancy .radio-wrap span.long-txt {display:flex !important;}
.pregnancy .radio-wrap span.long-txt > input {width:18px !important; margin:2px 0 0 0;}
.pregnancy .radio-wrap span.long-txt > label {padding-left:3px;}

.pregnancy .chk-wrap .chk-block {margin-bottom:8px;}
.pregnancy .btn-group.v2 {display:flex; justify-content:center;}
.pregnancy .btn-group.v2 .btn {min-width:49% !important; font-size:14px !important;}
.pregnancy .btn-group.v2 .btn + .btn {margin:0 0 0 5px;}
.pregnancy .no-data-box {background:#f7f7f7;}

.pregnancy .modal-contents-txt p.sub-tit {margin-bottom:8px; font-size:14px; color:#545454;}
.pregnancy .modal-contents-txt .sub-txt {padding:0 0 0 5px;}
.pregnancy .modal-contents-txt .sub-txt > p.txt {font-size:13px; color:#545454;}

.half-type2 {display:flex;margin-bottom:10px;}
.half-type2 > input, .half-type2 > span {vertical-align: middle; line-height:38px; margin:0 4px;}
.half-type2 > input:first-child { margin-left:0;}

.pregnancy .modal-blocker {overflow:auto; visibility: hidden; opacity:0; position:fixed; top:0; right:0; bottom:0; left:0; z-index:1000; width:100%; height:100%; background-color: rgba(0, 0, 0, 0.5); text-align: center;}
.pregnancy .modal-blocker.on {visibility:visible;}
.pregnancy .modal-blocker.dev {opacity:1;}
.pregnancy .modal {display:block; position:fixed; left:16px; top:50%; transform: translateY(-50%); right:0; z-index:999;  width:calc(100% - 32px); height:auto; max-height:90vh; max-width:100%; padding:50px 0 0; text-align:left; background-color:#fff;}
.pregnancy .modal .modal-title {display:block; width:100%; height:50px; margin:0; padding:10px 46px 10px 16px; font-size:16px; font-weight:700; line-height:1.5; color:#000; border-bottom:2px solid #354b7a;}
.pregnancy .modal .modal-contents {margin:0; padding:15px; height:100%; max-height:70vh; overflow-y:auto;}
.pregnancy .modal .close-area {position:absolute; top:0; left:0; width:100%; height:50px; margin:0; padding:0; background:none;}
.pregnancy .modal .btn-layer-close {position:absolute; top:8px; right:10px; width:30px; height:30px; font-size:0; line-height:0; background:url('../images/common/btn/m-btn-layer-close.png') no-repeat 0; background-size:15px 15px;}
.pregnancy .modal.bottom-fixed {position:fixed; left:0; top:initial; right:0; bottom:0; width:100%; min-height:auto; z-index:2; padding:0; box-shadow: 0 -2px 2px 0 rgba(0, 0, 0, 0.15); background-color:rgba(255,255,255,1); border-radius:10px 10px 0 0; transform: none;}
.pregnancy .modal.bottom-fixed .btn-layer-close {background:url('../images/common/btn/m-btn-layer-close.png') no-repeat 0; background-size:15px 15px;}
.pregnancy .modal.full .modal-title {position:absolute; left:0; top:0; right:0; color:#fff; background:#013763;}
.pregnancy .modal.full.v2 {display:block; padding:60px 0 0; left:0; right:0; top:0; bottom:0; width:100%; height:100%; transform:translateY(0); max-height:100vh; background:#fff;}
.pregnancy .modal.full.v2 .modal-contents {height:100vh; }
.pregnancy .modal .btn-layer-close {background:url('../images/common/btn/m-btn-layer-close-w.png') no-repeat 0; background-size:15px 15px;}
.pregnancy .modal .modal-contents h3.tit {vertical-align: middle;}
.pregnancy .modal .modal-contents h3.tit .tagset {vertical-align: top; margin-left:7px;}

.pregnancy .terms-area p.tit {font-weight:bold;}
.pregnancy .terms-area p.txt {font-size:13px; color:#333; margin:10px 0 16px;}
.pregnancy .terms-area ul,
.pregnancy .terms-area ol {padding:0; font-size:13px;} 
.pregnancy .terms-area li {flex-direction:column; margin:0;}
/* .pregnancy .terms-area ul.depth-1 {margin:10px 0;} */
/* .pregnancy .terms-area ul.depth-1 li {margin-bottom:26px;} */
.pregnancy .terms-area ul.depth-2 {margin:0 0 10px 10px;}
/* .pregnancy .terms-area ul.depth-2 li {line-height:26px; margin:0 0 5px;} */

.pregnancy .renew-form-wrap .inquiry-tit.all-chk h2 {padding-right:80px;}

.renew2022-wrap .box-info {padding:16px; border:0; background:#f7f7f7;}
.renew2022-wrap .box-info .tit {display:block; margin:0 0 10px; font-size:16px; font-weight:bold; color:#111;}
.renew2022-wrap .box-info .txt {margin:0 0 10px; word-break:break-all; color:#666; font-size:14px;}
.renew2022-wrap .box-info .txt .txt-sub {font-weight:700; margin:0 0 16px 0;}

/* 주민등록표초본 */
.form-block .block-tit {font-size:15px; font-weight:bold; color:#2d2d2d;}
.form-wrap.aco-tab .inquiry-tit.tab {padding:0; border:0;}
.form-wrap.aco-tab .inquiry-tit.tab h2 {padding:20px 60px 20px 0; border-bottom:1px solid #d5d5d5;}
.form-wrap.aco-tab .inquiry-tit h2 a.toggle {display:block; position:absolute; width:60px; height:60px; text-align:center; top:0; right:0;}
.form-wrap.aco-tab .inquiry-tit h2 a span.ico.arrow-down {background:url('../images/common/ico/ico-arrow-black-off.png') center center no-repeat; background-size:12px 6px; width:60px; height:60px; display:inline-block; cursor:pointer;}
.form-wrap.aco-tab .form-block.off .inquiry-tit.tab h2 a span.ico.arrow-down {background:url('../images/common/ico/ico-arrow-black.png') center center no-repeat; width:60px; height:60px; display:inline-block; cursor:pointer; background-size:12px 6px;}
.form-wrap.aco-tab .form-block.off .form-inner-wrap {display:none;}
/* .form-wrap.aco-tab .form-inner-wrap span.chk-tit-area {display:block; padding-bottom:13px; border-bottom:1px solid #d5d5d5;} */
.form-wrap.aco-tab .form-inner-wrap span.chk-tit-area.v2 {display:flex !important;}
.form-wrap.aco-tab .form-inner-wrap span.chk-tit-area.v2 > input {width:18px !important; margin:2px;}
.form-wrap.aco-tab .form-inner-wrap span.chk-tit-area.v2 > label {width:calc(100% - 16px);}
.form-inner-block p.chk-txt {padding:13px 0 0 16px; font-size:14px; color:#2d2d2d;}
.form-inner-block p.ex-txt {font-size:13px; display:inline;}
.renew-form-wrap > .form-wrap.aco-tab .form-inner-block .radio-wrap {margin:0;}
.renew-form-wrap > .form-wrap.aco-tab .form-block:first-child {padding:0;}
.renew-form-wrap > .form-wrap.aco-tab .chk-wrap {padding:0 0 0 10px;}
.renew-form-wrap > .form-wrap.aco-tab .chk-wrap > span {display:block; margin-top:20px;}
.renew-form-wrap > .form-wrap.aco-tab .chk-wrap > span:first-child {margin:0;}
.renew-form-wrap > .form-wrap.aco-tab .chk-tit {font-size:16px; font-weight:bold; color:#2d2d2d;}
.renew-form-wrap > .form-wrap.aco-tab .form-inner-wrap {padding:30px 0 0 0;}
.form-wrap.aco-tab .form-inner-wrap .form-inner-block + .form-inner-block {margin:30px 0 0 0;}

.form-wrap.aco-tab div.choice div.chk-cont-wrap {margin-top:13px; border-top:1px solid #d5d5d5; padding-bottom:13px; border-bottom:1px solid #d5d5d5;}
.form-wrap.aco-tab div.accordion5 .form-inner-wrap .form-inner-block {padding-bottom:13px; border-bottom:1px solid #d5d5d5;}


.pop-wrap.pop-layer {
  min-width: 280px;
  background-color: #fff; }
  .pop-wrap.pop-layer .close {
    display: block !important;
    position: absolute;
    top: 17px;
    right: 12px;
    width: 16px;
    height: 16px;
    background: url("/2017/img/common/pop_close_m.png") no-repeat 0 0;
    background-size: 100%; }
  .pop-wrap.pop-layer .cs-btn .ibtn * {
    min-width: auto !important; }
  @media only screen and (max-width: 640px) {
    .pop-wrap.pop-layer .search-input .inbox {
      display: block;
      min-width: 100%; } }
  @media only screen and (max-width: 640px) {
    .pop-wrap.pop-layer .search-input .ibtn {
      display: block;
      margin-top: 4px;
      margin-left: 0 !important; } }
  .pop-wrap.pop-layer .search-input .ibtn * {
    min-width: 70px; }
    @media only screen and (max-width: 640px) {
      .pop-wrap.pop-layer .search-input .ibtn * {
        min-width: 100%; } }
  @media only screen and (max-width: 640px) {
    .pop-wrap.pop-layer .search-input.search-respon {
      text-align: center; } }
  @media only screen and (max-width: 640px) {
    .pop-wrap.pop-layer .search-input.search-respon label {
      position: absolute;
      left: -10000px;
      top: auto;
      width: 1px;
      height: 1px;
      overflow: hidden; } }
  @media only screen and (max-width: 640px) {
    .pop-wrap.pop-layer .search-input.search-respon .ibtn {
      display: inline-block;
      margin-top: 8px;
      margin-left: 8px !important; } }
  @media only screen and (max-width: 640px) {
    .pop-wrap.pop-layer .search-input.search-respon .ibtn:first-child {
      margin-left: 0 !important; } }
  .pop-wrap.pop-layer .total-count {
    margin: 20px 0 5px 0; }
  .pop-wrap.pop-layer.pop-respon .pop-tit-respon {
    position: relative; }
    .pop-wrap.pop-layer.pop-respon .pop-tit-respon .fa-prev {
      display: none;
      position: absolute;
      left: 10px;
      top: 15px;
      color: #fff;
      z-index: 10;
      width: 17px;
      height: 22px; }
      .pop-wrap.pop-layer.pop-respon .pop-tit-respon .fa-prev:before {
        content: '';
        display: inline-block;
        width: 15px;
        height: 22px;
        background: url("/2017/img/common/ico_fa_prev.png") no-repeat 0 0; }
      @media only screen and (max-width: 640px) {
        .pop-wrap.pop-layer.pop-respon .pop-tit-respon .fa-prev {
          display: inline-block; } }
    @media only screen and (max-width: 640px) {
      .pop-wrap.pop-layer.pop-respon .pop-tit-respon .pop-tit {
        text-align: center;
        padding-left: 0; } }
    @media only screen and (max-width: 640px) {
      .pop-wrap.pop-layer.pop-respon .pop-tit-respon .pop-tit .close {
        display: none !important; } }
    @media only screen and (max-width: 640px) {
      .pop-wrap.pop-layer.pop-respon .pop-tit-respon .pop-tit-wrap .pop-tit {
        text-align: center;
        padding-left: 0; } }
    @media only screen and (max-width: 640px) {
      .pop-wrap.pop-layer.pop-respon .pop-tit-respon .pop-tit-wrap .close {
        display: none !important; } }
  @media only screen and (max-width: 640px) {
    .pop-wrap.pop-layer.pop-respon .pop-inner .pop-close2 {
      display: none; } }
	  
.pop-logout {
  display: block;
  left: 50%;
  top: 50%;
  margin-left: -160px;
  margin-top: -165px;
  max-width: 320px;
  height: 330px;
  padding: 18px 12px 24px 12px;
  border: 3px solid #32b7fc;
  box-sizing: border-box; }
  .pop-logout .pop-logout-count {
    position: relative;
    padding: 14px;
    padding-left: 129px;
    border: 1px solid #c2c2c2;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px; }
    .pop-logout .pop-logout-count:before {
      position: absolute;
      display: block;
      content: '';
      top: 50%;
      left: 7px;
      width: 108px;
      height: 73px;
      margin-top: -37px;
      background: url("/2017/img/page/bg_pop_logout.png") no-repeat center center; }
    .pop-logout .pop-logout-count dl dt {
      margin-bottom: 12px;
      font-size: 16px;
      font-size: 1.6rem;
      color: #01286f; }
    .pop-logout .pop-logout-count dl dd {
      line-height: 1.2; }
      .pop-logout .pop-logout-count dl dd span {
        font-size: 30px;
        font-size: 3rem;
        color: #dd5901; }
  .pop-logout .pop-logout-guide {
    margin-top: 10px; }
    .pop-logout .pop-logout-guide li {
      position: relative;
      padding: 6px 0 6px 12px; }
      .pop-logout .pop-logout-guide li:before {
        position: absolute;
        display: block;
        content: '';
        top: 14px;
        left: 0;
        width: 3px;
        height: 3px;
        background-color: #898989; }
  .pop-logout .pop-logout-btn {
    margin-top: 20px;
    text-align: center; }
    .pop-logout .pop-logout-btn .ibtn {
      margin-left: 3px;
      margin-right: 3px; }
      .pop-logout .pop-logout-btn .ibtn * {
        min-width: 98px; }
.pop-logout .pop-logout-btn .ibtn.sky .layer-close {
    color: #fff !important;
}

.ibtn.back {
  background: #bbb; }
  .ibtn.back.line {
    border-color: #bbb;
    background: #fff; }
    .ibtn.back.line * {
      color: #232323; }
.ibtn.fold-open, .ibtn.fold-close {
  background: #f3f3f3; }
  .ibtn.fold-open *, .ibtn.fold-close * {
    padding: 0 10px;
    color: #232323; }
    .ibtn.fold-open *:after, .ibtn.fold-close *:after {
      display: inline-block;
      content: '';
      width: 17px;
      height: 10px;
      margin: 9px 0 0 9px;
      background: url("/2017/img/page/ico_cs_fold.png") no-repeat 0 0; }
    @media only screen and (max-width: 805px) {
      .ibtn.fold-open *, .ibtn.fold-close * {
        padding: 0 !important;
        width: 100%; } }
.ibtn.fold-open *:after {
  background-position: 0 0; }
.ibtn.fold-close *:after {
  background-position: 0 -50px; }
.ibtn.ico * {
  padding: 0 10px !important; }
  @media only screen and (max-width: 805px) {
    .ibtn.ico * {
      padding: 0 !important; } }
.ibtn.ico:before {
  content: '';
  background: url("/2017/img/page/ico_cs_btn.png") no-repeat 0 0; }
.ibtn.ico.pos {
  position: relative;
  padding-left: 18px; }
  .ibtn.ico.pos:before {
    position: absolute;
    display: block;
    top: 50%;
    left: 5px;
    width: 13px;
    height: 13px;
    margin-top: -7px; }
.ibtn.ico.in:before {
  display: inline-block;
  width: 9px;
  height: 11px;
  margin: 6px 0 0 10px; }
  @media only screen and (max-width: 805px) {
    .ibtn.ico.in:before {
      margin: 6px 9px 0 0; } }
.ibtn.ico.attend:before {
  background-position: 0 0; }
.ibtn.ico.ex:before {
  background-position: 0 -20px; }
.ibtn.ico.faq:before {
  background-position: 0 -40px; }
.ibtn.ico.note:before {
  background-position: 0 -60px; }
.ibtn.ico.search * {
  min-width: initial !important; }
.ibtn.ico.search:before {
  width: 15px;
  height: 15px;
  margin: 6px 0 0 10px;
  background-position: 0 -80px; }
  @media only screen and (max-width: 805px) {
    .ibtn.ico.search:before {
      margin: 6px 9px 0 0; } }
.ibtn.ico.receipt * {
  min-width: initial !important; }
.ibtn.ico.receipt:before {
  width: 12px;
  height: 12px;
  margin: 8px 0 0 10px;
  background-position: 0 -100px; }
  @media only screen and (max-width: 805px) {
    .ibtn.ico.receipt:before {
      margin: 8px 9px 0 0; } }
	  
	  
/* 교육부 적응형 모바일 css 추가 (2023.03.14) */

/*입력란 정렬*/
.renew2022-wrap.neis input.input-text{width: 71% !important; min-height: 34px; border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 0px 14px; border-radius: 6px; font-size: 13px; box-sizing: border-box; min-width: initial !important;}
.renew-form-wrap.neis .form-inner-wrap p.form-tit {font-weight: bold; font-size: 16px; color: rgb(51, 51, 51); margin-bottom: 0px; display: inline-flex; width: 29%}

/*라디오 버튼 정렬*/
.renew-form-wrap.neis .chk-wrap{display: inline-block; margin: 6px 0px;}
.renew-form-wrap.neis .chk-wrap > span{margin-right: 0px !important;}

/*라디오 버튼*/
.renew2022-wrap.neis input[type="radio"] + label{display: inline-block; vertical-align: middle; margin-right: 0px; margin-left: 3px;}

/*셀렉트박스 정렬*/
.renew-form-wrap.neis .form-inner-wrap select{width: 71% !important; height: 34px; display: inline-block;}

/*검색박스 정렬*/
.renew-form-wrap.neis .form-inner-block .input-calc select, .renew-form-wrap.neis .form-inner-block .input-calc input{height: 34px; float: left; width: 71% !important;}
.renew-form-wrap.neis .form-inner-block .input-calc{display: inline-flex; justify-content: space-between; width: 71%;}
.renew-form-wrap.neis .form-inner-block .input-calc {overflow:hidden; display:flex; margin:0px; justify-content: space-between;}

/*검색버튼 정렬*/
.renew-form-wrap.neis .form-inner-block .input-calc .btn{height: 34px; line-height: 34px; padding: 0px 5px; margin: 0px 0px 0px 10px; width: auto; min-width: 25%;}

/*공통 padding 수정 (공백 제거)*/
.renew-form-wrap.neis .form-block:first-child{padding: 0px 0px 0px; margin-top: 10px;}
.renew-form-wrap.neis .form-block .form-inner-block{margin: 10px 0px 0px; display: flex; align-items: center;}

/* ajax 표 정렬 */ 
.renew-form-wrap.neis .form-block .form-inner-block.under-table{margin: 15px 0px 12px 0px; display: block; align-items: center;}
.renew-form-wrap.neis .form-block .form-inner-block.under-table .grid-form{width: 100%; position : relative; border-top : 0px; margin-top : 5px;}

/*2줄 가운데 정렬*/
.renew-form-wrap.neis .form-block .form-inner-block.align-center{display:flex; align-items: center;}

/*공통 margin 수정 (공백 제거)*/
.renew-form-wrap.neis .form-block + .form-block{margin-top: 0px;}

/*공통 border 수정*/
.neis .swiper-container.swiper-container-initialized.swiper-container-horizontal.swiper-container-autoheight{border-top: 2px solid rgb(1, 55, 99);}
.neis .border-line td{border: 1px solid #ddd !important; word-break : break-all;}

/*여권 정보 동의 설명란 신규 클래스*/
.passportAgree{width: 100%; display: inline-block; font-size: 14px; font-weight: bold; padding-right: 60px;}
.passportAgree input{margin-left: 10px;}
.passportAgree span{color: rgb(42, 66, 201); display: inline; font-weight: bold;}

/* 표를 포함하는 div 클래스 추가 */
.renew-form-wrap.neis .form-inner-block .input-calc.button-flex{ flex-direction: column;}

/*초중등학교 교육비납입증명 주소입력란 적용 css 클래스 추가*/
.renew-form-wrap.neis .form-inner-block .address-block{ display: inline-flex; margin: 10px 0px 0px; justify-content: space-between; overflow: hidden; width: 100% !important;}
.address-wrap{width:71%; display:inline-block; margin-top:-10px;}