@charset "utf-8";

@font-face{
 font-family:'Pretendard';
 font-style:normal;
 font-weight:300;
 src: url('font/Pretendard-Light.woff2') format('woff2'),
 url('font/Pretendard-Light.woff') format('woff'),
 url('font/Pretendard-Light.otf') format('opentype');
}

@font-face{
 font-family:'Pretendard';
 font-style:normal;
 font-weight:400;
 src: url('font/Pretendard-Regular.woff2') format('woff2'),
 url('font/Pretendard-Regular.woff') format('woff'),
 url('font/Pretendard-Regular.otf') format('opentype');
}

@font-face{
 font-family:'Pretendard';
 font-style:normal;
 font-weight:500;
 src: url('font/Pretendard-Medium.woff2') format('woff2'),
 url('font/Pretendard-Medium.woff') format('woff'),
 url('font/Pretendard-Medium.otf') format('opentype');
}

@font-face{
 font-family:'Pretendard';
 font-style:normal;
 font-weight:600;
 src: url('font/Pretendard-SemiBold.woff2') format('woff2'),
 url('font/Pretendard-SemiBold.woff') format('woff'),
 url('font/Pretendard-SemiBold.otf') format('opentype');
}
/*웹접근성을 위한*/
.selectNormal {width:100%;height:40px; background-color:white; background:#fff url('../images/bg_select.png') no-repeat right 14px center;background-size:12px auto;}
.selectNormal:disabled{background-color:#f2f2f2; color:#707070 !important; -webkit-fill-color:#707070 !important;}
.disabledText:disabled{background-color:#f2f2f2; color:#707070 !important; -webkit-fill-color:#707070 !important;}
.focusVisible {outline:3px solid #00ff00 !important; z-index:999 !important;}
.disabledRdo.rdo:not(:checked) + label:before {border:3px solid #919191 !important;width:14px !important;height:14px !important;top:5px !important;}
.disabledNextBtn {background:#218fe5 !important;}
.disabledPrevBtn {background:#8f8f8f !important; color:#000000 !important;}

/* reset */
html{-webkit-touch-callout:none;}
html, body{position:relative;width:100%;height:100%;-webkit-font-smoothing:antialiased;touch-action:auto;}
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, a, button, address, em, i, img, small, strong, sub, sup, dl, dt, dd, ol, ul, li, fieldset, form, label, input, textarea, select, legend, table, caption, tbody, tfoot, thead, tr, th, td, hr{margin:0;padding:0;box-sizing:border-box;}
header, footer, section, article, aside, nav, hgroup, details, menu, figure, figcaption{display:block;box-sizing:border-box;}
body{min-width:320px;font-family:'Pretendard',AppleSDGothicNeo,sans-serif;font-size:16px;line-height:1.5;letter-spacing:-0.05em;font-weight:300;color:#000;}
h1, h2, h3, h4, h5, h6{font-weight:normal}
ol, ul, li{list-style:none}
table{width:100%;table-layout:fixed;border-spacing:0;/*border-collapse:collapse;*/}
img{width:100%;border:0;vertical-align:top;}
hr{display:none;height:0;}
i, em, address{display:inline-block;font-style:normal}
label{display:inline-block;cursor:pointer}
strong, b{font-weight:500 !important;}
form, fieldset, iframe{display:block;border:0;}
caption, legend{overflow:hidden;width:0;height:0;font-size:0;line-height:0;text-indent:-9999em;}
:after, :before{box-sizing:border-box;}

input, textarea, select{border-radius:0;font-family:'Pretendard',AppleSDGothicNeo,sans-serif;font-size:16px;font-weight:400;color:#000;vertical-align:middle;box-shadow:none;-webkit-box-shadow:none;}
input:-webkit-autofill{-webkit-box-shadow:0 0 0px 1000px white inset;}
:focus{outline:0;}

select{border:1px solid #c8cacc;appearance:none;-webkit-appearance:none;-moz-appearance:none;}
select::-ms-expand{display:none}
textarea{overflow-y:auto;border:1px solid #c8cacc;resize:none;-webkit-overflow-scrolling:touch;}

button{overflow:visible;display:inline-block;border:0;background:none;color:#000;font-family:'Pretendard',AppleSDGothicNeo,sans-serif;font-size:16px;font-weight:500;vertical-align:middle;text-align:center;text-decoration:none;cursor:pointer;white-space:nowrap;}
button::-moz-focus-inner{padding:0;border:0;}
button:hover,
button:focus{color:#000;}
button span{display:inline-block;width:100%;}

a{display:inline-block;color:#000;vertical-align:middle;text-decoration:none;word-break:break-all;}
a:link,
a:visited,
a:hover,
a:active,
a:focus{text-decoration:none;}

a.link{font-size:14px;font-weight:500;color:#2154bd;text-decoration:underline !important;}
.linkBox{overflow:hidden;display:block;position:relative;min-height:52px;padding:14px 40px 12px 14px;border:1px solid #c8cacc;border-radius:5px;font-weight:400;}
.linkBox:after{content:'';display:inline-block;position:absolute;top:50%;transform:translateY(-50%);right:14px;width:6px;height:10px;background:url('../images/blt_link.png') no-repeat top left / 100%;}
.linkBox.done{border-color:#218fe5;background-color:#f5fbff;color:#218fe5;}
.linkBox.done:after{width:13px;height:9px;background:url('../images/blt_done.png') no-repeat top left / 100%;}

/* 강조어 */
.em{color:#218fe5 !important;}
.emb{color:#ff2a00 !important;}

/* Font style */
.bldb{font-weight:600 !important;}
.bld{font-weight:500 !important;}/* strong, b 와 동일 */
.blds{font-weight:400 !important;}

.txtLine{text-decoration:underline !important;}

.emBld,
.emBld > li{color:#218fe5 !important;font-weight:500 !important;}
.embBld,
.embBld > li{color:#ff2a00 !important;font-weight:500 !important;}

/* Interval */
.mt0{margin-top:0 !important}
.mb0{margin-bottom:0 !important}
.ml0{margin-left:0 !important}
.mr0{margin-right:0 !important}

.pt0{padding-top:0 !important}
.pb0{padding-bottom:0 !important}
.pl0{padding-left:0 !important}
.pr0{padding-right:0 !important}

/* floating */
.fl{float:left !important;}
.fr{float:right !important;}
.fn{float:none !important;}
.cl{clear:both !important;}

/* Align */
.tal{text-align:left !important}
.tac{text-align:center !important}
.tar{text-align:right !important}
.aTop{vertical-align:top !important}
.aMid{vertical-align:middle !important}
.aBtm{vertical-align:bottom !important}

/* display */
.none{display:none !important;}

.blind{overflow:hidden;position:absolute;left:-9999em;width:0;height:0;margin:0;padding:0;text-indent:-9999em;}

/* 공통 간격 */
.bwb{margin-top:40px !important;}
.bw{margin-top:30px !important;}
p.bw{margin-top:26px !important;}
.bwm{margin-top:20px !important;}
.bws{margin-top:20px !important;}/* p와의 24px 간격 주기 전용 */

/* input[text] */
input.val{width:100%;padding:0;border:0;font-size:14px;color:#000;font-weight:400;line-height:1;}
.inputBox.val .val{overflow:hidden;display:block;width:100%;padding:0 15px;color:#000;font-size:16px;line-height:42px;font-weight:400;white-space:nowrap;text-overflow:ellipsis;}

input.txt{display:block;width:100%;height:100%;padding:0 15px;border:0;background:#fff;color:#000;font-size:16px;line-height:100%;vertical-align:top;appearance:none;-webkit-appearance:none;-moz-appearance:none;-webkit-transition:.3s;transition:.3s;}
input[type="password"]{font-size:16px;font-family:Arial;letter-spacing:0.4em;}

input.txt:disabled,
input.txt:read-only{background-color:#f2f2f2;color:#999;opacity:1;-webkit-text-fill-color:#999;}
textarea:disabled,
textarea:read-only{background-color:#f2f2f2;color:#999;}

input.txt:disabled ~ .unit,
input.txt:read-only ~ .unit{background-color:#f2f2f2;color:#999;}
input.txt:disabled + .inputBtn,
input.txt:read-only + .inputBtn{background-color:#f2f2f2;}
input.txt:disabled + .inputBtn .btnDel,
input.txt:read-only + .inputBtn .btnDel{display:none !important;}

.selectBox .selectResult.active,
.textArea textarea:focus{border-color:#218fe5;}

::-webkit-input-placeholder{font-family:'Pretendard',AppleSDGothicNeo,sans-serif;letter-spacing:-0.05em;color:#c8cacc;}
::-moz-placeholder{font-family:'Pretendard',AppleSDGothicNeo,sans-serif;letter-spacing:-0.05em;color:#c8cacc;}
:-ms-input-placeholder{font-family:'Pretendard',AppleSDGothicNeo,sans-serif;letter-spacing:-0.05em;color:#c8cacc;}
:-moz-placeholder{font-family:'Pretendard',AppleSDGothicNeo,sans-serif;letter-spacing:-0.05em;color:#c8cacc;}

.unit{display:flex;align-items:center;flex:none;/*height:100%;*/background:#fff;font-size:15px;font-weight:400;}/* 단위 */

.inputBox{display:flex;height:44px;border:1px solid #c8cacc;}
.inputBox.focus{border-color:#218fe5;}
.inputBox .inputBtn{display:flex;align-items:center;flex:none;height:100%;}
.inputBox .inputBtn button{margin-right:10px;}
.inputBox .inputBtn .btnDel{display:none;width:24px;height:24px;margin-left:-8px;background:#fff url('../images/btn_input_del.png') no-repeat center / 16px;text-indent:-9999em;}
.inputBox .inputBtn .btnDay{width:28px;height:28px;background:url('../images/btn_input_day.png') no-repeat center / 19px;text-indent:-9999em;}
.inputBox .inputBtn .btnSearch{width:41px;height:41px;background:url('../images/btn_input_search.png') no-repeat center / 21px;text-indent:-9999em;}
.inputBox .inputBtn + .unit{margin-left:-6px;}
.inputBox .unit + input.txt.tar{padding-left:0;}

.inputBox .unit{padding-right:14px;}
.inputBox .timer{display:flex;align-items:center;flex:none;height:100%;padding-right:20px;background:#fff;font-size:13px;font-weight:400;}/* 타이머 */
.inputBox .timer:before{content:'';display:inline-block;width:18px;height:18px;margin-right:8px;background:url('../images/ico_timer.png') no-repeat top left / 100%;}
.inputBox .lock{display:flex;align-items:center;flex:none;height:100%;padding-right:20px;background:#fff;font-size:13px;font-weight:400;color:#ff2a00;}/* 비밀번호 보안체크 - 사용불가 */
.inputBox .lock:before{content:'';display:inline-block;width:18px;height:18px;margin-right:8px;background:url('../images/ico_lock.png') no-repeat top left;background-size:36px 18px;}
.inputBox .lock.on{color:#00a651;}/* 비밀번호 보안체크 - 안전 */
.inputBox .lock.on:before{background-position:right top;}
.inputBox.date input.txt{padding-right:0;}

.inputBox + .inputChkBox{margin-top:10px;}
.inputBox + .inputBox,
.inputWrap + .inputBox{margin-top:5px;}

.inputBox.search{height:52px;}
.inputBox.search .inputBtn .btnSearch{margin-left:-10px;}

.searchBox .inputBox.val{height:auto;}
.searchBox .inputBox.val .val{padding:1px 15px 0;line-height:1.5;}
.searchBox .inputBox + .inputBox{margin-top:0;}
.searchBox .formItem > .inputBox + .inputBox{margin-top:6px;}
.searchBox .selectStyle > .selectResult.disabled{background-color:#fff;}
.searchBox .inputBox input.txt:disabled,
.searchBox .inputBox input.txt:read-only{background-color:#fff;color:#000;-webkit-text-fill-color:#000;}
.searchBox .inputBox input.txt:disabled ~ .unit,
.searchBox .inputBox input.txt:read-only ~ .unit{background-color:#fff;color:#000;}

.inputWrap{display:flex;flex-wrap:wrap;}
.inputWrap .inputBox{flex:1;}
.inputWrap > .inputBtn{display:flex;}
.inputWrap > .inputBtn button{margin-left:5px;}
.inputWrap > .inputChkBox{display:flex;align-items:center;margin-top:0;margin-right:14px;}
.inputWrap .selectBox{flex:1;}
.inputWrap .selectBox + .selectBox,
.inputWrap .selectBox + .inputBox{margin-left:5px;}
.inputWrap .selectBox + .unit{margin-left:6px;}
.inputWrap.call .selectBox{flex:none;width:120px;}/* 번호 입력 받을 시 select + input 인 경우 */


/* input[checkbox, radio] */
.inputChk{overflow:hidden;display:inline-block;min-height:24px;font-size:0;vertical-align:top;}
.inputChk + .inputChk{margin-left:20px;}

.inputChk .rdo,
.inputChk .chk{overflow:hidden;position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;clip:rect(0, 0, 0, 0);}
.inputChk .rdo + label,
.inputChk .chk + label{position:relative;display:inline-block;padding-left:28px;font-size:16px;line-height:1.5;color:#666666;font-weight:400;word-break:break-all;}

.inputChk .rdo + label:before{content:'';display:block;position:absolute;top:2px;left:0;z-index:3;width:20px;height:20px;border:6px solid #c8cacc ;-webkit-border-radius:50%;border-radius:50%;-webkit-transition:.3s cubic-bezier(.4, .0, .23, 1);transition:.3s cubic-bezier(.4, .0, .23, 1);}
.inputChk .chk + label:before{content:'';display:block;position:absolute;top:2px;left:0;z-index:3;width:20px;height:20px;border:1px solid #c8cacc;-webkit-border-radius:50%;border-radius:50%;-webkit-transition:.3s cubic-bezier(.4, .0, .23, 1);transition:.3s cubic-bezier(.4, .0, .23, 1);}

.inputChk .rdo + label:after,
.inputChk .chk + label:after{content:'';display:block;position:absolute;z-index:4;-webkit-transition:.3s cubic-bezier(.4, .0, .23, 1);transition:.3s cubic-bezier(.4, .0, .23, 1);}
.inputChk .rdo + label:after{top:8px;left:6px;width:8px;height:8px;background-color:transparent;-webkit-border-radius:50%;border-radius:50%;}
.inputChk .chk + label:after{top:7.5px;left:5px;width:10px;height:6px;border-left:2px solid;border-bottom:2px solid;border-color:transparent;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);}

.inputChk .rdo:checked + label{font-weight:500;color:#000;}
.inputChk .rdo:checked + label:before{border-color:#218fe5;}
.inputChk .rdo:disabled + label{color:#b2b2b2;}
.inputChk .rdo:disabled + label:before,
.inputChk .rdo:disabled:checked + label:before{border-color:#dfe2e6;}
.inputChk .rdo:disabled + label:after{background-color:#dfe2e6;border-color:#dfe2e6;}
.inputChk .rdo:disabled:checked + label:after{background-color:#fff;}

.inputChk .chk:checked + label{font-weight:500;color:#000;}
.inputChk .chk:checked + label:before{background-color:#218fe5;border-color:#218fe5;}
.inputChk .chk:checked + label:after{border-color:#fff;}
.inputChk .chk:disabled + label{color:#b2b2b2;}
.inputChk .chk:disabled + label:before,
.inputChk .chk:disabled:checked + label:before{background-color:#dfe2e6;border-color:#dfe2e6;}

/* 레이블 숨김 */
.inputChk.noLabel{}
.inputChk.noLabel .rdo + label,
.inputChk.noLabel .chk + label{width:20px;height:24px;padding:0;font-size:0;text-indent:-9999em;}

/* 레이블 탭 스타일 */
.inputChkTab{overflow:hidden;width:100%;font-size:0;}
.inputChkTab .inputChk{display:block;margin:8px 0 0;}
.inputChkTab .inputChk:first-child{margin:0;}
.inputChkTab .rdo + label{display:flex;align-items:center;width:100%;min-height:52px;padding:4px 14px;border:1px solid #c8cacc;border-radius:5px;}
.inputChkTab .rdo + label:before,
.inputChkTab .rdo + label:after{display:none;}
.inputChkTab .rdo:checked + label{border-color:#218fe5;font-weight:500;color:#218fe5;}
.layerPop .inputChkTab{width:80%;margin:0 auto;}

.inputChkAgree .inputChk{width:100%;margin-top:0;}
.inputChkAgree .chk + label{display:flex;align-items:center;justify-content:center;width:100%;height:44px;padding:4px 14px;border:1px solid #c8cacc;border-radius:10px;text-align:center;}
.inputChkAgree .chk + label:before,
.inputChkAgree .chk + label:after{display:none;}
.inputChkAgree .chk + label span{display:inline-block;position:relative;padding-left:28px;line-height:20px;}
.inputChkAgree .chk + label span:before{content:'';display:block;position:absolute;top:0;left:0;z-index:3;width:20px;height:20px;border:1px solid #c8cacc;-webkit-border-radius:50%;border-radius:50%;-webkit-transition:.3s cubic-bezier(.4, .0, .23, 1);transition:.3s cubic-bezier(.4, .0, .23, 1);}
.inputChkAgree .chk + label span:after{content:'';display:block;position:absolute;top:5.5px;left:5px;z-index:4;width:10px;height:6px;border-left:2px solid;border-bottom:2px solid;border-color:transparent;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transition:.3s cubic-bezier(.4, .0, .23, 1);transition:.3s cubic-bezier(.4, .0, .23, 1);}
.inputChkAgree .chk:checked + label{background:#218fe5;border-color:#218fe5;font-weight:500;color:#fff;}
.inputChkAgree .chk:checked + label span:before,
.inputChkAgree .chk:checked + label span:after{border-color:#fff;}

.inputChkBox{font-size:0;}
.inputChkBox + .inputWrap{margin-top:8px;}
.chkDivid01 .inputChk,
.chkDivid02 .inputChk,
.chkDivid03 .inputChk,
.chkDivid04 .inputChk{margin:14px 0 0 0;}

.chkDivid01 .inputChk{width:30%;}
.chkDivid01 .inputChk:nth-child(3n+2){width:47%;}
.chkDivid01 .inputChk:nth-child(3n+3){width:23%;}
.chkDivid01 .inputChk:nth-child(-n+3){margin-top:0;}

.chkDivid02 .inputChk{width:26%;}
.chkDivid02 .inputChk:nth-child(-n+4){margin-top:0;}
.chkDivid02 .inputChk:nth-child(4n){width:22%;}

.chkDivid03 .inputChk{width:33%;}
.chkDivid03 .inputChk:nth-child(-n+3){margin-top:0;}
.chkDivid03 .inputChk:nth-child(4n){}

.chkDivid04 .inputChk{width:47%;}
.chkDivid04 .inputChk:nth-child(2n){width:53%;}
.chkDivid04 .inputChk:nth-child(-n+2){margin-top:0;}

.inputChkBox.line .inputChk{display:block;margin-left:0;}
.inputChkBox.line .inputChk + .inputChk{margin-top:14px;}

/* textarea */
.textArea{}
.textArea textarea{width:100%;position:relative;width:100%;height:140px;padding:10px;}

/* select */
.selectBox{overflow:hidden;display:inline-block;position:relative;width:100%;height:44px;}
.selectBox .select{overflow:hidden;width:100%;height:100%;padding:0 40px 0 14px;background:#fff url('../images/bg_select.png') no-repeat right 14px center;background-size:12px auto;color:#000;font-size:16px;line-height:100%;white-space:nowrap;text-overflow:ellipsis;-webkit-transition:.3s;transition:.3s;}
.selectBox .select[disabled],
.selectBox .select[readonly]{pointer-events:none;}
.selectBox .select[disabled]{background-color:#f2f2f2;background-image:url('../images/bg_select_dis.png');color:#999;opacity:1;}
.selectBox.custom .select{background-image:none;}

.selectStyle .select{display:none !important;}
.selectStyle > .selectResult{overflow:hidden;display:block;width:100%;height:44px;padding:0 40px 0 14px;background:#fff url('../images/bg_select.png') no-repeat right 14px center;background-size:12px auto;border:1px solid #c8cacc;color:#000;font-size:16px;line-height:42px;font-weight:400;text-align:left;white-space:nowrap;text-overflow:ellipsis;-webkit-transition:.3s;transition:.3s;}
.selectStyle > .selectResult.disabled{background-color:#f2f2f2;background-image:url('../images/bg_select_dis.png');color:#999;pointer-events:none;}

.selectStyle .selectList{position:fixed;left:0;right:0;bottom:0;background:#fff;z-index:101;padding:20px 15px 0 15px;border-radius:16px 16px 0 0;transform:translateY(100%);}
.selectStyle .selectList .selectListArea{overflow-y:auto;max-height:424px;-webkit-overflow-scrolling:touch;}
.selectStyle .selectList .option a{display:block;padding:6px 0;font-weight:400;font-size:16px;text-align:left;}
.selectStyle .selectList .option.on a{color:#218fe5}
.selectStyle .selectList .option.disabled a{opacity:0.6}
.selectStyle .btmFixedArea{position:static !important;margin-top:20px;background-repeat:no-repeat;background-size:100% 1px;}
.selectStyle .btmFixedArea .btn{width:100% !important;color:#218fe5 !important;}
.selectStyle .btmFixedArea .btn + .btn:before{background:#218fe5;}
.selectStyle .dim{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background: rgba(0, 0, 0, 0.8);z-index: 100;}

.selectStyle .selectList.on{transform:translateY(0);transition:transform 0.3s ease-in-out;}
.selectStyle .selectList.on + .dim{display:block}

/* Button */
button.btn,
a.btn{min-width:110px;height:44px;padding:0 24px;background:#218fe5;border-radius:10px;font-size:16px;line-height:44px;font-weight:500;color:#fff !important;text-align:center;white-space:nowrap;}
button.btnb,
a.btnb{min-width:132px;height:34px;padding:0 15px;background:#dff1ff;border-radius:5px;font-size:14px;line-height:34px;font-weight:500;color:#218fe5 !important;text-align:center;white-space:nowrap;}
button.btns,
a.btns{height:32px;padding:0 10px;background:#fff;border:1px solid #ccc;border-radius:5px;font-size:13px;line-height:30px;font-weight:400;color:#666 !important;text-align:center;white-space:nowrap;}
button.btnm,
a.btnm{min-width:110px;height:44px;padding:0 24px;border:1px solid #218fe5;border-radius:10px;font-size:16px;line-height:42px;font-weight:500;color:#218fe5;text-align:center;white-space:nowrap;}

button.btn:disabled{}
button.btnb:disabled{}
button.btns:disabled{}
button.btnm:disabled{background-color:#f2f2f2;border-color:#c8cacc;color:#999;}

/* Button color */
button.tyb, a.tyb{background-color:#2154bd;border-color:#2154bd;color:#fff !important;}
button.tyg, a.tyg{background-color:#b6babf;border-color:#b6babf;color:#fff !important;}

.btnMore{display:block;width:100%;height:40px;background:#ebebeb;border-radius:5px;font-size:14px;line-height:40px;font-weight:500;color:#666;text-align:center;cursor:pointer;}

/* Button(ico) */
.btnCalc{width:20px;height:22px;background:url('../images/btn_calc.png') no-repeat top left / 100%;font-size:0;}/* 계산기 */

[class^='btnBox']{width:100%;height:40px;border-radius:5px;font-size:0;}
.btnBoxAdd{background:#2154bd url('../images/btn_bx_add.png') no-repeat center / 16px;}
.btnBoxDel{background:#b6babf url('../images/btn_bx_del.png') no-repeat center / 16px;}
.btnBoxDone{border:1px solid #218fe5;/*background:#fff url('../images/btn_bx_done.png') no-repeat center / 17px auto;*/font-size:14px;color:#218fe5 !important;}

.btnIco{width:48px;height:48px;border-radius:50%;background:url('../images/btn_icos.png') no-repeat top left / 48px auto;font-size:0;}
.btnIco.kakao{}
.btnIco.sms{background-position:bottom left;}
.btnIco + .btnIco{margin-left:20px;}

/* Button Position */
.btnArea{position:relative;margin-top:14px;font-size:0;text-align:center;}
.btnArea .btn{vertical-align:top;}
.btnArea .btn + .btn{margin-left:12px;}
.btnArea .btnm + .btnm{margin-left:10px;}
.btnArea .btnb + .btnb{margin-left:10px;}
.btnArea .btns + .btns{margin-left:5px;}
.btnArea.right{text-align:right;}
.btnArea.top{margin-top:0;}

.btnArea.full button,
.btnArea.flex button,
.btnArea.half button,
.btnArea.full a,
.btnArea.flex a,
.btnArea.half a{width:100%;min-width:auto;}

.btnArea.flex{display:flex;}/* .btmFixedArea 외에서 균등 버튼 */
.btnArea.flex button + button,
.btnArea.flex a + a{margin-left:5px;}

.btnArea.half{}/* 버튼 width:50% */
.btnArea.half button,
.btnArea.half a{width:calc(50% - 6px);margin:0 3px !important;}

.btmFixedArea{position:fixed;left:0;right:0;bottom:0;z-index:20;transform:translateZ(0);background:url('../images/bg_btmfixedarea.png') repeat-y top left / 100% 52px;}
.btmFixedArea .btnArea{display:flex !important;margin-top:0 !important;}
.btmFixedArea .btn{display:flex;align-items:center;justify-content:center;width:100%;min-width:60px;height:52px;padding:0;background:transparent;border-radius:0;color:#fff;line-height:1.4;}
.btmFixedArea .btn + .btn{position:relative;margin-left:0;}
.btmFixedArea .btn + .btn:before{content:'';display:inline-block;position:absolute;top:50%;left:0;width:1px;height:27px;margin-top:-14px;background:rgba(255, 255, 255, 0.5);}
.btmFixedArea .btn.before{width:50%;}

.btmFixedArea .btn.none:first-child + .btn:before{display:none;}

.layerPop .btmFixedArea{position:static;background-repeat:no-repeat;background-size:100% 1px;}
.layerPop .btmFixedArea .btn{color:#218fe5 !important;}
.layerPop .btmFixedArea .btn + .btn:before{background:#218fe5;}

.btmFixedArea.multi .btn + .btn:before{top:auto;bottom:0;height:40px;margin:0;}
.btmFixedArea.multi .btnArea + .btnArea{}
.btmFixedArea.multi .btnArea + .btnArea:before{content:'';position:absolute;top:0;left:16px;right:16px;height:1px;background:rgba(255, 255, 255, 0.5);}
.btmFixedArea.multi .btnArea + .btnArea .btn + .btn:before{top:0;bottom:auto;}

/* layout */
body.closeWrap{overflow:hidden !important;}
.wrap{/*display:flex;flex-direction:column;*/min-width:320px;min-height:100%;/*height:100%;*/}
.container{}
.section{padding:30px 0 0 0;}
#contents > .section:first-child,
.fullCont > .section:first-child{padding-top:0;}
.section ~ .section{position:relative;margin-top:30px;padding-top:33px;}
.section ~ .section:before{content:'';display:block;position:absolute;top:0;left:0;right:-16px;height:3px;background-color:#218fe5;}

#contents{position:relative;padding:30px 16px 112px;}/* 하단버튼이 있다는 전제 padding-bottom:112px; 없을 경우 padding-bottom:62px */
#header{position:sticky;top:0;left:0;z-index:99;-webkit-transform:translateZ(0);width:100%;height:62px;padding:0 16px 3px 16px;background:#fff;}
#header:after{content:'';display:block;width:calc(100% + 16px);height:3px;background:url('../images/bg_header.png') no-repeat top left / 100% 3px;}
#header h1{display:flex;align-items:center;height:59px;font-size:19px;font-weight:500;color:#000;}
#header h1 img{width:auto;height:20px;}
#header .right{position:absolute;top:50%;transform:translateY(-50%);right:16px;margin-top:-2px;}
#header .right a{display:inline-block;vertical-align:top;text-indent:-9999em;}
#header .right a + a{margin-left:20px;}
#header .right a{width:31px;height:31px;}
#header .right a.home{background:url('../images/btn_head_home.png') no-repeat top left / 100%;}
#header .right a.menu{background:url('../images/btn_head_menu.png') no-repeat top left / 100%;}

/* 전체메뉴 */
.layerAllmenu{display:block;position:fixed;top:0;left:0;right:0;bottom:0;z-index:1000;min-width:320px;background:#fff;transform:translateX(100%);-webkit-transform:translateX(100%);transition:transform 700ms cubic-bezier(0.645, 0.045, 0.355, 1);-webkit-transition:transform 700ms cubic-bezier(0.645, 0.045, 0.355, 1)}
.layerAllmenuBg{opacity:0;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0, 0, 0, 0.8);z-index:110}
.layerAllmenu.open{transform:translateX(0%);-webkit-transform:translateX(0%)}
.layerAllmenu .layerAllmenuArea{overflow:hidden;position:relative;width:100%;height:100%;padding-bottom:52px;-webkit-overflow-scrolling:touch;}
.layerAllmenu .allmenuTop{position:absolute;left:0;top:0;width:100%;height:97px;padding:24px 16px;}
.layerAllmenu .allmenuTop .myInfo{display:inline-block;padding-left:44px;background:url('../images/bg_profile.png') center left no-repeat;background-size:36px auto;}
.layerAllmenu .allmenuTop .myInfo dt{font-weight:400;color:#218fe5;}
.layerAllmenu .allmenuTop .myInfo dd{font-weight:400;}
.layerAllmenu .allmenuTop .btnSet{position:absolute;top:30px;right:16px;width:31px;height:31px;background:url('../images/btn_set_menu.png') center no-repeat;background-size:31px auto;font-size:0;text-indent:-9999em;}
.layerAllmenu .allmenuCont{display:flex;width:100%;height:100%;padding-top:90px;}
.layerAllmenu .allmenuCont .allmenuList{overflow:hidden;flex-shrink:0;position:relative;z-index:1;width:147px;padding-left:16px;}
.layerAllmenu .allmenuCont .allmenuList:before{content:'';position:absolute;top:7px;right:1px;bottom:0;z-index:0;width:2px;height:100%;background:#218fe5;}
.layerAllmenu .allmenuCont .allmenuList a{display:flex;align-items:center;height:44px;padding:7px 16px 7px 20px;font-weight:400;}
.layerAllmenu .allmenuCont .allmenuList li{height:auto !important;max-height:auto !important;}
.layerAllmenu .allmenuCont .allmenuList li.on{position:relative;height:48px;margin:7px 0;border:2px solid #218fe5;border-right:0;border-radius:10px 0 0 10px;}
.layerAllmenu .allmenuCont .allmenuList li.on a{background:#fff;font-weight:600;color:#218fe5;border-radius:10px 0 0 10px;}
.layerAllmenu .allmenuCont .allmenuList li.on:before{content:'';position:absolute;right:0;top:-15px;width:16px;height:16px;background:url('../images/bg_allmenu.jpg') no-repeat;background-size:100% auto;transform:rotate(90deg);}
.layerAllmenu .allmenuCont .allmenuList li.on:after{content:'';position:absolute;right:0;bottom:-15px;width:16px;height:16px;background:url('../images/bg_allmenu.jpg') no-repeat;background-size:100% auto;}
.layerAllmenu .allmenuCont .allmenuList li.on:first-child:before{display:none;}
.layerAllmenu .allmenuCont .allmenuList .btnb{position:absolute;left:16px;right:18px;bottom:20px;min-width:auto;}
.layerAllmenu .allmenuCont .allmenuSub{overflow-y:auto;flex:1;position:relative;z-index:0;height:100%;margin-top:7px;padding-left:30px;padding-bottom:7px;}
.layerAllmenu .allmenuCont .allmenuSub .depth.on{display:block;}
.layerAllmenu .allmenuCont .allmenuSub .depth .tit{font-weight:600 !important;font-size:20px;}
.layerAllmenu .allmenuCont .allmenuSub .depth > ul{margin-bottom:36px;padding-bottom:35px;border-bottom:1px solid #c8cacc;}
.layerAllmenu .allmenuCont .allmenuSub .depth li{margin-top:10px;padding-right:30px;}
.layerAllmenu .allmenuCont .allmenuSub .depth a{font-weight:400;}
.layerAllmenu .allmenuCont .allmenuSub .depth a.on{font-weight:600;color:#218fe5;}
.layerAllmenu .allmenuCont .allmenuSub .depth:last-child{height:100%;}
.layerAllmenu .allmenuCont .allmenuSub .depth:last-child > ul{margin-bottom:0;padding-bottom:0;border-bottom:0;}
.layerAllmenu .allmenuCont .allmenuSub .depth02 li{position:relative;padding:0 0 0 11px;}
.layerAllmenu .allmenuCont .allmenuSub .depth02 li:before{content:'';position:absolute;left:0;top:50%;width:3px;height:3px;margin-top:-1px;border-radius:50%;background:#999;}
.layerAllmenu .allmenuCont .allmenuSub .depth02 a{font-weight:300;}

/* 바로가기 메뉴설정 */
.menuSet .noticeBox{margin-top:0;}
.menuSet ul{font-size:0;}
.menuSet ul li{display:inline-block;width:50%;margin-top:10px;}
.menuSet ul li:nth-child(-n+2){margin-top:0;}
.menuSet ul li a{display:block;position:relative;font-size:16px;}
.menuSet ul li a:after{content:'';display:inline-block;position:absolute;top:50%;transform:translateY(-50%);right:0;width:10px;height:10px;background-color:#c8cacc;}
.menuSet ul li a:focus:after,
.menuSet ul li a.on:after{background-color:#218fe5;}
.menuSet h3{position:relative;font-size:16px;line-height:1.5;font-weight:600;}
.menuSet h3 span{position:absolute;top:3px;right:0;font-size:12px;}
.menuSet h3 span i{overflow:hidden;display:inline-block;width:12px;height:12px;margin-right:4px;background:url('../images/bg_menuset.png') no-repeat top right / auto 12px;text-indent:-9999em;vertical-align:text-top;}

.menuSet .chk{overflow:hidden;position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;clip:rect(0, 0, 0, 0);}
.menuSet .chk + label{position:relative;display:inline-block;font-size:16px;line-height:1.5;color:#000;font-weight:400;vertical-align:top;}
.menuSet .chk + label:after{content:'';display:inline-block;width:18px;height:18px;margin-left:10px;background:url('../images/bg_menuset.png') no-repeat top left / auto 18px;vertical-align:text-top;}
.menuSet .chk:checked + label:after{background-position:-18px 0;}
.menuSet .chk.fix + label{color:#218fe5;}
.menuSet .chk.fix + label:after{background-position:-36px 0;}

/* floating Button */
.floatingBtn{position:fixed;right:16px;bottom:72px;z-index:100;width:49px;height:49px;}
.floatingBtn .btnOpen{width:49px;height:49px;border:1px solid #17d0bc;border-radius:50%;background:#fff url('../images/bg_floating_open.png') no-repeat center / 15px;text-indent:-9999em;box-shadow:2px 6px 10px rgba(0,0,0,.2);transform:rotate(0);transition:transform 0.2s ease-in-out;opacity:1;}
.floatingBtn .menu{overflow:hidden;position:absolute;bottom:0;right:0;width:210px;padding:2px;background-color:#fff;border:1px solid transparent;border-radius:20px;background-image: linear-gradient(#fff, #fff), linear-gradient(to right, #17d0bc, #1caed2, #218fe5);background-origin:border-box;background-clip:content-box, border-box;text-align:right;opacity:0;transform: translateY(3%);visibility:hidden;transition:opacity 0.3s ease-in-out;transition-delay:0.3s;}
.floatingBtn .menu ul{padding-top:23px;}
.floatingBtn .menu ul li a{display:block;padding:7px 16px 7px 10px;font-weight:400;line-height:1.3;}
.floatingBtn .menu ul li.disabled{pointer-events:none;}
.floatingBtn .menu ul li.disabled a{color:#c8cacc;}
.floatingBtn .menu .btnClose{display:inline-block;width:49px;height:49px;margin-right:-2px;margin-bottom:-2px;background:url('../images/bg_floating_close.png') no-repeat center center;background-size:11px auto;font-size:0;text-indent:-9999em;}
.floatingBtn .dim{opacity:0;visibility:hidden;position:fixed;top:0;left:0;right:0;bottom:0;z-index:100;background:rgba(0, 0, 0, 0.8);transition:all 0.3s ease-in-out;z-index:100;}

.floatingBtn.on .btnOpen{position:relative;z-index:100;transform:rotate(45deg);opacity:0;}
.floatingBtn.on .menu{opacity:1;z-index:101;transform: translateY(0%);visibility:visible;transition:all 0.3s ease-in-out;transition-delay:0.1s, 0.1s;}
.floatingBtn.on .dim{opacity:1;visibility:visible;}

/* 플로팅버튼만, 버튼두줄만, 버튼두줄+플로팅버튼 */
.multiBtn,
.hasFloating{padding-bottom:142px !important;}
.hasFloating.multiBtn{padding-bottom:192px !important;}
.hasFloating.multiBtn + .floatingBtn{bottom:124px;}

/* fullPage */
.fullPage{overflow-y:auto;display:none;position:fixed;top:0;left:0;right:0;bottom:0;z-index:1000;min-width:320px;background:#fff;-webkit-overflow-scrolling:touch;}
.fullPage.open{display:block;}
.fullPage .fullheader{position:sticky;top:0;left:0;z-index:99;width:100%;height:62px;padding:0 16px 3px 16px;background:#fff;}
.fullPage .fullheader:after{content:'';display:block;width:calc(100% + 16px);height:3px;background:url('../images/bg_header.png') no-repeat top left;background-size:100% 3px;}
.fullPage .fullheader h2{margin:0;font-size:19px;font-weight:500;line-height:59px;color:#000;text-align:center;}

.fullPage .fullBody{}
.fullPage .fullCont{position:relative;padding:30px 16px 112px;}/* #contents 와 동일 */

/* popup */
.layerPop{display:none;overflow-y:auto;position:fixed;left:0;top:0;bottom:0;width:100%;min-width:320px;z-index:99999;background:rgba(0, 0, 0, 0.8);text-align:center;}
.layerPop.open{display:inline-flex !important;justify-content:center;flex-direction:column;}

.layerPop .layerPopArea{position:relative;display:inline-block;width:calc(100% - 32px);margin:0 auto;padding:0 16px;background:#fff;border-radius:15px;text-align:center;}
.layerPop .popHeader{height:51px;border-bottom:1px solid #c8cacc;}
.layerPop .popHeader h2{font-weight:600;font-size:18px;line-height:50px;text-align:center;}

.layerPop .popBody{width:100%;height:auto;padding:32px 0;text-align:center;}
.layerPop .popCont{word-break:break-word;}
.layerPop .popCont ul + p,
.layerPop .popCont p + p{margin-top:20px;}

/* 개발대응 */
.layerPop .popCont p.pMsg span{display:block;}
.layerPop .popCont p.pMsg span.listDot{position:relative;margin-top:0;font-weight:500;color:#000;}
.layerPop .popCont p.pMsg span.listDot:before{content:'';display:inline-block;width:3px;height:3px;margin:-2px 7px 0 0;background:#919599;border-radius:50%;vertical-align:middle;}

.layerPop.bottom{display:block !important;top:auto;right:0;background:none;transform:translateY(100%) !important;}
.layerPop.bottom.open{transform:translateY(0) !important;transition:transform 0.3s;}
.layerPop.bottom .layerPopArea{width:100%;border-radius:15px 15px 0 0;}
.layerPop.bottom.open .layerPopArea{z-index:101;}
.layerPop.bottom + .layerBottomBg{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background: rgba(0, 0, 0, 0.8);z-index: 100;}
.layerPop.bottom.open + .layerBottomBg{display:block;}

/* Heading */
h2,
.h2{/*margin-bottom:24px;*/margin-bottom:18px;font-size:20px;line-height:27px;font-weight:600;color:#000;}
h2 + p,
.h2 + p{margin-top:-15px;}
h2.btm,
.h2.btm{margin-bottom:9px;}
h3,
.h3{/*margin-top:30px;margin-bottom:12px;*/margin-top:26px;margin-bottom:8px;font-size:18px;line-height:25px;font-weight:500;color:#000;}
h3 + p,
.h3 + p{margin-top:-4px;margin-bottom:8px;}
h3.top,
.h3.top{margin-top:0;}
h4,
.h4{margin-bottom:4px;font-size:16px;line-height:1.5;font-weight:600;color:#000;}

h3.cnt{margin-bottom:12px;font-size:14px;color:#666;font-weight:500;line-height:1;color:#000;}

.titArea{position:relative;margin-top:26px;}
.titArea h3{margin-top:0;}
.titArea .info{position:absolute;top:50%;transform:translateY(-50%);right:0;font-size:14px;color:#666;line-height:1;text-align:right;}/* 우측 단위만 있는 경우 */
.titArea.right{margin-bottom:8px;text-align:right;}
.titArea.right .info{position:relative;}
.titArea.top{margin-top:0;}

/* form list */
em.required{display:inline-block;position:relative;margin:4px 0 0 4px;width:4px;height:4px;vertical-align:top;text-indent:-9999em;}
em.required:after{content:'';display:inline-block;position:absolute;top:0;left:0;width:4px;height:4px;background:#ff2a00;border-radius:50%;}

.formItem{font-size:0;}
.formItem > .tit{display:block;position:relative;margin-bottom:8px;font-size:13px;line-height:1;font-weight:500;vertical-align:top;text-align:left;}
.formItem > .tit + .inputChkBox{padding:4px 0;}
.formItem > .tit .inputChk{position:absolute;right:0;top:-9px;}
.formItem > .selectBox + .selectBox{margin-top:8px;}
.formItem .bar{display:flex;align-items:center;padding:0 4px;font-size:15px;font-weight:400;}
.formItem .memo{margin-top:4px;font-size:13px;line-height:1;font-weight:400;text-align:right;}
.formItem .readNum{margin-top:6px;font-size:14px;font-weight:400;color:#218fe5;text-align:right;}
.formItem .listDot{margin-top:6px;}

.formItem p.searchResult,
td p.searchResult{margin-top:8px;font-size:14px;font-weight:400;line-height:1.4;}

.formItem .btnArea{margin-top:10px;}
.formItem .btnArea.right{margin-top:16px;}
.formItem .inputBtn .btnSearch{width:34px;height:32px;margin-left:5px;border:1px solid #949799;border-radius:5px;background:url('../images/btn_search.png') no-repeat center / 15px;text-indent:-9999em;}
.formItem .btn{min-width:70px;padding:0 10px;border-radius:5px;}/* input + 버튼으로 많이 사용 */
.formItem .btnArea .btnm{width:100%;border-radius:5px;}
.formItem .btnArea .btnm + .btnm{margin-left:5px;}

.formItem.half{display:flex;}
.formItem.half > .formItem{flex:1;width:50%;}
.formItem.half > .formItem + .formItem{margin-left:5px;}

.formItem.join{width:240px;margin:0 auto;}
.formItem.join > .tit{margin-bottom:20px;font-size:16px;font-weight:400;text-align:center;}

h3 + .formList,
.h3 + .formList{margin-top:20px;}
.insuTit + .formList{margin-top:30px;}
.formList > .formItem + .formItem{margin-top:20px;}

.formSection > .section:first-child{padding-top:0;}
.formSection .section ~ .section{padding-top:30px;border-top:1px solid #c8cacc;}
.formSection .section:before{display:none;}
.formSection .section .h4{margin:0 0 14px 0;line-height:1;}

.formDate{display:flex;}
.formDate .inputBox{width:100%;}
.formDate .inputBox input.txt{padding-right:0;}
.formDate .inputBox .unit{padding-right:0;}
.formDate .inputChkBox{display:flex;align-items:center;margin-top:0;}
.formDate .inputBox + .inputChkBox,
.formDate .inputChkBox + .inputBox{margin-left:14px;}
.formDate.fix .inputBox{width:165px;}

.formAge{display:flex;}
.formAge .bar{/*padding:0 2px;*/}
.formAge .inputBox{width:100%;}

.formTime{display:flex;}
.formTime .unit{padding:0 6px;}
.formTime .selectBox{flex:1;}
.inputBox + .formTime{margin-top:8px;}

.formCard{display:flex;margin-top:10px;}
.formCard .inputBox{width:47%;}
.formCard .inputBox input{padding:0;text-align:center;}
.formCard .inputBox input[type="password"]{padding-left:6px;}
.formCard .inputBox + .inputBox{margin:0 0 0 10px;}
.formCard .inputBox.iptCard{width:100%;}
.formCard .inputBox.iptCard{}

/* 검색영역 */
.searchResult{margin-top:30px;}
.h3 + .searchResult{margin-top:0;}
.searchResult > .flagWrap{margin-top:-18px;text-align:right;}

.searchBox{position:relative;border:1px solid #c8cacc;border-top:1px solid #7d7e80;border-bottom:0;}
.searchBox .formItem{padding:15px 0 12px;border-bottom:1px solid #c8cacc;}
.searchBox .formItem .tit{padding:0 14px;}
.searchBox .inputBox{width:100%;height:26px;border:0;}
.searchBox .selectBox{height:26px;}
.searchBox .selectBox .select{height:26px;border:0;}
.searchBox .selectStyle > .selectResult{height:26px;border:0;line-height:26px;}
.searchBox .inputWrap .selectBox + .selectBox{margin-left:0;}
.searchBox .inputBox.cnt{padding-right:14px;}/* 중도인출 신청기간 */
.searchBox .inputBox.cnt input.txt{padding-right:8px;}
.searchBox .formDate .bar,
.searchBox .formAge .bar{padding:0;}
.searchBox .formItem .inputChkBox{padding:4px 15px;}

.searchBox .formCount{display:flex;margin:10px 14px 0;padding-top:8px;border-top:1px solid #c8cacc;}
.searchBox .formCount .inputBox + .inputBox{margin-left:24px;}
.searchBox .formCount .inputBox input.txt{padding:0 8px;}/* 삭제버튼 없는 조건 */
.searchBox .formCount .inputBox .unit{padding-right:0;}
.searchBox .unit input.txt{display:inline-block !important;width:28px !important;padding:0 !important;}

.searchBox .formList{border-bottom:1px solid #c8cacc;}
.searchBox .formList .formItem{position:relative;margin:0;padding:15px 0 10px;border:0;}
.searchBox .formList .formItem:after{content:'';display:block;position:absolute;left:14px;right:14px;bottom:0;height:1px;background-color:#c8cacc;}
.searchBox .formList .formItem:last-child:after{display:none;}

.searchBox .formItem.half{padding:0;}
.searchBox .formItem.half .formItem{margin:0;border-bottom:0;}
.searchBox .formItem.half .formItem + .formItem{border-left:1px solid #c8cacc;}

.searchBox.more + .btnArea{margin-top:28px;}
.searchBox .moreCont{display:none;}
.searchBox .moreBtn{position:absolute;bottom:-16px;left:50%;margin-left:-16px;}
.searchBox .moreBtn .btn{position:relative;min-width:auto;width:32px;height:32px;padding:0;border-radius:50%;text-indent:-9999em;border:1px solid #c8cacc;background-color:#fff;box-shadow:4px 4px 8px rgba(0,0,0,0.12);}
.searchBox .moreBtn .btn:before{content:'';display:block;position:absolute;top:50%;left:9.5px;width:11px;height:6px;margin-top:-3px;background:url('../images/bg_more.png') no-repeat top left / 11px auto;}
.searchBox.open .moreBtn .btn{border-color:#218fe5;}
.searchBox.open .moreBtn .btn:before{background-position:bottom left;}

.searchBox .formCalc{display:flex;position:relative;border-bottom:1px solid #c8cacc;}
.searchBox .formCalc:after{content:'';display:inline-block;position:absolute;top:0;left:50%;width:16px;height:100%;margin-left:-8px;background:url('../images/bg_formcalc.png') no-repeat top left / 16px 100%;}
.searchBox .formCalc .formItem{flex:1;border:0;}
.searchBox .formCalc .formItem:nth-child(1){margin-right:34px;}
.searchBox .formCalc .formItem:nth-child(1) .inputBox{margin-left:14px;}
.searchBox .formCalc .formItem:nth-child(2) .tit{padding:0;}
.searchBox .formCalc .inputBox input.tar{padding-right:8px;}
.searchBox .formCalc .inputBox input.tar + .inputBtn{margin-left:6px;}

.searchBox .formAge .inputBox input.txt{padding-right:8px;}

/* 추가납입 · 중도인출 */
.calcWrap .calcBox{margin-top:30px;}
.calcWrap .calcBox:first-child{margin-top:0;}
.calcWrap strong.cnt{display:block;height:32px;font-size:18px;font-weight:500;}
.calcWrap .btnArea{display:flex;margin:30px 0 0;}
.calcWrap .btnArea button + button{margin-left:5px;}
.calcWrap .btnArea button:only-child{width:50%;margin:0 auto;}

.calcWrap.type02 .btnArea{display:block;text-align:center;}/* 의적 사전심사를 위한 주피보험자 사전고지입력 */
.calcWrap.type02 .btnArea button{width:calc(50% - 6px);margin:0 3px;}

.sortingBar{display:flex;justify-content:space-between;align-items:center;margin-top:40px;padding:5px 14px;border-top:1px solid #e1e3e5;border-bottom:1px solid #e1e3e5;background-color:#edeff2;}
.sortingBar .cust{display:inline-block;}
.sortingBar .cust strong{font-weight:600;}
.sortingBar .sort button.btns.on{border-color:#218fe5;color:#218fe5 !important;}
.sortingBar .selectBox{width:auto;}
.sortingBar .selectStyle > .selectResult{padding:0 26px 0 0;border-color:#edeff2;background:url('../images/bg_sort.png') no-repeat center right / auto 14px;font-size:14px;font-weight:500;}
.btnArea + .sortingBar{margin-top:30px;}

/* tab */
.tabGroup .tab{overflow:hidden;overflow-x:auto;margin-bottom:24px;margin-right:-16px;background:linear-gradient(to bottom, #fff 95%, #ededed 0%);font-size:0;white-space:nowrap;-webkit-overflow-scrolling:touch;}
.tabGroup .tab::-webkit-scrollbar{display:none;}/* 임시 스크롤바 숨기기 */
.tabGroup .tab > li{display:inline-block;padding:0 10px;vertical-align:top;}
.tabGroup .tab > li:first-child{padding-left:0;}
.tabGroup .tab > li:last-child{padding-right:16px;}
.tabGroup .tab a{display:block;height:32px;font-size:17px;line-height:1;font-weight:600;color:#adb0b2;}
.tabGroup .tab .on a{position:relative;color:#2154bd;font-weight:700;}
.tabGroup .tab .on a:after{content:'';display:block;position:absolute;bottom:0;left:0;right:0;height:4px;background:#2154bd;}

.tabGroup.subTab{margin-top:30px;}
.tabGroup.subTab .tab{background:none;margin-left:-16px;padding-left:16px;}
.tabGroup.subTab .tab > li{padding:0 4px;}
.tabGroup.subTab .tab > li:first-child{padding-left:0;}
.tabGroup.subTab .tab > li:last-child{padding-right:16px;}
.tabGroup.subTab .tab a{display:flex;align-items:center;height:38px;padding:0 14px;background:#fff;border-radius:19px;border:1px solid #c8cacc;font-size:16px;font-weight:500;text-align:center;}
.tabGroup.subTab .tab a span{display:block;width:100%;}
.tabGroup.subTab .tab a:after{display:none;}
.tabGroup.subTab .tab .on a{background:#2154bd;border:0;color:#fff;}

.tabGroup.subTab.half .tab{overflow-x:hidden;display:flex;margin-left:0;margin-right:0;padding-left:0;white-space:initial;}
.tabGroup.subTab.half .tab > li{flex:1;padding:0;}
.tabGroup.subTab.half .tab > li + li{margin-left:10px;}
.tabGroup.subTab.half .tab a{height:54px;border-radius:12px;line-height:1.2;}

.searchWrap + .tabGroup{margin-top:30px;}

.tabGroup .linkList{margin-top:24px;}

/* table */
.price{text-align:right !important;}
.price em{color:#ff2a00;}
table .formItem{margin:-4px -4px -4px 0;}
table .formItem .selectBox{height:32px;}
table .formItem .selectBox .select{padding-left:10px;font-size:14px;}
table .formItem .selectBox .selectStyle > .selectResult{height:32px;padding-left:10px;font-size:14px;line-height:30px;}
table .formItem .inputBox{height:32px;}
table .formItem input.txt{padding:0 10px;font-size:14px;}
table .formItem .inputChk .rdo + label,
table .formItem .inputChk .chk + label{font-size:14px;}
table .formItem .formTime .unit{font-size:14px;}
table p + p,
table p + ul{margin-top:6px !important;}

.dataTable + .dataTable{margin-top:30px;}
.dataTable table{border-top:1px solid #003c7f;border-bottom:1px solid #c8cacc;}
.dataTable table.sub{margin:-1px 0 0;}
.dataTable table + table{margin-top:20px;}

.dataTable th,
.dataTable td{height:45px;padding:10px 14px;font-size:14px;line-height:1.5;font-weight:500;color:#1a3666;text-align:left;word-break:break-all;}
.dataTable .thg,
.dataTable tr.thg th{background-color:#f2fffb;}
.dataTable .thb,
.dataTable tr.thb th{background-color:#fef7ff;}
.dataTable th{border-left:1px solid #c8cacc;}
.dataTable th:first-child{border-left:0;}
.dataTable th em.required{margin-top:8px;}
.dataTable td{font-weight:400;color:#000;}
.dataTable th .moreBtn{overflow:hidden;display:inline-block;width:22px;height:22px;margin:-1px 0 0 8px;background:url('../images/btn_more.png') no-repeat 0 0;background-size:100%;border-radius:50%;font-size:0;text-indent:-9999em;vertical-align:top;}
.dataTable th.thg strong{font-weight:600 !important;}
.dataTable .thw{background:#fafcfc;}

.dataTable thead th{padding:3px;background:#fafcff;border-left:1px solid #c8cacc;border-top:1px solid #c8cacc;text-align:center;}
.dataTable thead th.tal{padding-left:14px;}
.dataTable thead tr:first-child th{border-top:0;}
.dataTable thead tr th:first-child{border-left:0;}
.dataTable thead th.ths{height:37px;}
.dataTable tbody th{border-top:1px solid #c8cacc;background:#fafcff;}
.dataTable tbody td{border-top:1px solid #c8cacc;border-left:1px solid #c8cacc;}
.dataTable tbody tr:first-child th,
.dataTable tbody tr:first-child td{border-top:0;}
.dataTable tbody tr > td:first-child{border-left:0;}
.dataTable tbody td a.link{vertical-align:top;}
.dataTable th.bl,
.dataTable td.bl{border-left:1px solid #c8cacc !important;}

.dataTable.col tbody th{background:#f7f7f7;font-weight:400;color:#000;}
.dataTable.col tbody tr:first-child th,
.dataTable.col tbody tr:first-child td{border-top:1px solid #afb1b3;}
.dataTable.col tbody td{padding:10px;text-align:center;}
.dataTable.col.tal tbody td{text-align:left;}
.dataTable.col table .formItem{margin:-4px -4px -4px -4px;}

.dataTable.thin td:not(.price){padding-left:4px;padding-right:4px;}
.dataTable.chkLs td{text-align:center;}
.dataTable.chkLs td:first-child{border-left:0;}

.dataTable tr.selected th,
.dataTable tr.selected td{background-color:#f7faff;}
.dataTable tr.line th,
.dataTable tr.line td{border-top:1px solid #003c7f;}

.dataTable.total{margin-top:40px;}
.dataTable.total table{border-top-color:#4b4fc5;}
.dataTable.total th{background-color:#f5f5ff;}
.titArea + .dataTable.total{margin-top:0;}

.dataList + .dataList,
.dataTable + .dataList{margin-top:30px;}
.dataList.top{margin-bottom:26px;}
.dataList.top + .tabGroup{margin-top:56px;}
.dataList dl{display:flex;line-height:24px;}
.dataList dl + dl{margin-top:8px;}
.dataList dt{display:inline-flex;width:100px;font-size:13px;font-weight:500;}
.dataList dd{flex:1;width:100%;font-size:16px;font-weight:400;}

.dataList[class*="type"]{border-top:1px solid #003c7f;}
.dataList[class*="type"] dl{justify-content:space-between;line-height:21px;}
.dataList[class*="type"] dt{width:110px;padding-right:6px;font-size:14px;color:#1a3666;}
.dataList[class*="type"] dd{font-size:14px;text-align:right;}
.dataList[class*="type"] .list{overflow:hidden;position:relative;padding:14px;border-bottom:1px solid #c8cacc;}
.dataList[class*="type"] .list:nth-child(even){background-color:#fafcfc;}
.dataList[class*="type"] .noData{border-top:0;}

.dataList.type02 dl + dl{margin-top:4px;}
.dataList.type02 dt{align-items:center;}
.dataList.type02 dd{/*text-align:left;*/}

.dataList.type03{padding:16px 14px;background-color:#fafafa;border-bottom:1px solid #c8cacc;}
.dataList.type03 dl + dl{margin-top:4px;}
.dataList.type03 dl.dis dt,
.dataList.type03 dl.dis dd{color:#666;}

.dataList.typeTotal{background-color:#f5f5ff;border-top:1px solid #4b4fc5;}
.dataList.typeTotal dl:nth-child(4n+1){margin-top:12px;padding-top:12px;border-top:1px solid #e1e3e5;}
.dataList.typeTotal dl:first-child{margin-top:0;padding-top:0;border-top:0;}
.dataList.typeTotal dl + dl{margin-top:10px;}
.dataList.typeTotal dl + dl.btnLine{margin-top:5px;}
.dataList.typeTotal .list{}

.dataList.typeMore{}
.dataList.typeMore dl:nth-child(4n+1){margin-top:12px;padding-top:12px;border-top:1px solid #e1e3e5;}
.dataList.typeMore dl:first-child{margin-top:0;padding-top:0;border-top:0;}
.dataList.typeMore dl + dl{margin-top:10px;}
.dataList.typeMore dl + dl.btnLine{margin-top:5px;}
.dataList.typeMore dl.btnLine dt{align-items:center;}
.dataList.typeMore .list{padding-bottom:42px;}
.dataList.typeMore .list .moreBtn{position:absolute;left:0;bottom:0;width:100%;height:36px;background:#fff;font-size:0;}
.dataList.typeMore .list:nth-child(even) .moreBtn{background-color:#fafcfc;}
.dataList.typeMore .list .moreBtn:before{content:'';display:block;position:absolute;left:50%;bottom:19px;width:15px;height:8px;margin-left:-4px;background:url('../images/ico_accordion.png') no-repeat right top;background-size:45px 8px;}
.dataList.typeMore .list.on .moreBtn:before{background-position:left top;}

.dataListArea{border-top:1px solid #003c7f;}
.dataListArea .top{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;}
.dataListArea .top span{font-size:16px;font-weight:500;color:#1a3666;}
.dataListArea .top strong{font-size:20px;font-weight:600 !important;}
.dataListArea .dataList{margin-top:0 !important;padding:14px 14px;border-bottom:1px solid #c8cacc;}
.dataListArea .dataList dl{justify-content:space-between;margin-top:0;}
.dataListArea .dataList dt{flex:none;width:auto;padding-right:5px;font-size:14px;color:#666;}
.dataListArea .dataList dd{font-size:14px;font-weight:500;text-align:right;}
.dataListArea .dataList dd strong{font-size:20px;font-weight:600 !important;}

.noData{padding:28px 0;border-top:1px solid #003c7f;border-bottom:1px solid #c8cacc;text-align:center;}
.noData:before{content:'';display:block;width:29px;height:29px;margin:0 auto 10px;background:url('../images/bg_result.png') no-repeat top left / 100%;}
.noData p{}
.noData.before{margin-top:30px;padding:40px 0;}/* 검색 전 */
/*.noData.box{border-top:1px solid #003c7f;border-bottom:1px solid #c8cacc;} [수정] 기본으로 선언 */
table .noData{border:0;}

.typeBoxList li + li{margin-top:30px;}
.typeBoxList .dataTable{margin-top:10px;}

.typeBox{line-height:1;}
.typeBox > span{display:inline-block;position:relative;font-size:14px;font-weight:400;}
.typeBox > span + span{margin-left:10px;padding:0 0 0 11px;}
.typeBox > span + span:before{content:'';display:inline-block;position:absolute;left:0;top:50%;width:1px;height:12px;margin-top:-6px;background:#d9d9d9;}
.typeBox > span.name{display:block;margin-bottom:8px;}
.typeBox > span.name + span{margin-left:0;padding-left:0;}
.typeBox > span.name + span:before{display:none;}

.chkList{border-top:1px solid #003c7f;}
.chkList .noData{border-top:0;border-bottom:1px solid #c8cacc;}
.chkList ul{}
.chkList li{border-bottom:1px solid #c8cacc;}
.chkList li .inputChk{display:block;}
.chkList li .inputChk .rdo + label{display:block;padding:16px 14px 16px 48px;font-size:14px;color:#000;}
.chkList li .inputChk .rdo + label:before{top:16px;left:14px;}
.chkList li .inputChk span{display:block;}
.chkList li .grade{margin-bottom:2px;}
.chkList li .grade em{position:relative;}
.chkList li .grade em + em{margin-left:10px;padding-left:11px;vertical-align:top;}
.chkList li .grade em + em:before{content:'';position:absolute;top:50%;transform:translateY(-50%);left:0;width:1px;height:12px;background:#d9d9d9;}

.chkList.typeData{margin-top:20px;}
.chkList.typeData li{padding:18px 14px 16px;}
.chkList.typeData li .inputChk label{padding-left:34px;font-size:14px;}
.chkList.typeData li .inputChk .chk + label:before{top:0;}
.chkList.typeData li .inputChk .chk + label:after{top:5.5px;}
.chkList.typeData li .detail{margin-top:10px;padding-left:34px;}
.chkList.typeData li .detail dl{display:flex;justify-content:space-between;line-height:21px;}
.chkList.typeData li .detail dl + dl{margin-top:4px;}
.chkList.typeData li .detail dt{width:110px;padding-right:6px;font-size:14px;font-weight:500;color:#1a3666;}
.chkList.typeData li .detail dd{flex:1;width:100%;font-size:14px;font-weight:400;text-align:right;}
.btnArea.right + .chkList.typeData{margin-top:12px;}

.chkList02{margin-top:30px;}
.chkList02 li + li{margin-top:26px;}
.chkList02 > .tit,
.chkList02 li > .tit{font-weight:500;}/* 체크박스 없는 상품명 */
.chkList02 li > .top{position:relative;}
.chkList02 li > .top .btns{position:absolute;top:-6px;right:0;}
.chkList02.top{margin-top:0;}
.chkList02 .dataTable{margin-top:8px;}

.chkList03{}
.chkList03 li + li{margin-top:15px;}
.chkList03:first-child{margin-top:0;}

/* Flag */
i[class^="flag"]{overflow:hidden;display:inline-block;height:26px;padding:0 10px;border:1px solid #e5e5e5;border-radius:13px;background:#e5e5e5;color:#e5e5e5;font-weight:600;font-size:13px;line-height:24px;vertical-align:middle;}
i.flagFc{border-color:#4b4fc5;background:#fff;color:#4b4fc5;}
i.flagCust{border-color:#17d0bc;background:#17d0bc;color:#fff;}
i.flag01{border-color:#91c8f2;background:#fff;color:#218fe5;}
i.flag02{border-color:#dff1ff;background:#dff1ff;color:#218fe5;}
.flagWrap{}/* div, span 모두 가능 */
.flagWrap > span{display:block;margin-top:2px;}
.flagWrap + .titArea{margin-top:12px;}

.insuTit{padding:10px 14px;background-color:#ebf6ff;border-radius:10px;font-weight:400;color:#218fe5;}
.insuTit + .moreWrap{margin-top:30px;}

.insuSelList{border-top:1px solid #003c7f;}
.insuSelList li{padding:15px 14px 0;border-bottom:1px solid #003c7f;transition:background 0.3s;}
.insuSelList li.on{padding-bottom:20px;background-color:#f7faff;}
.insuSelList li .inputChk{width:100%;}
.insuSelList li .inputChk .chk + label{display:block;padding:0 40px 0 0;color:#000;}
.insuSelList li .inputChk .chk + label:before{display:none;}
.insuSelList li .inputChk .chk + label:after{top:4px;left:auto;right:0;width:20px;height:13px;border:0;background:url('../images/bg_chk_off.png') no-repeat top left / 100%;transform:rotate(0);-webkit-transform:rotate(0);}
.insuSelList li .inputChk .chk:checked + label{color:#218fe5;font-weight:500;}
.insuSelList li .inputChk .chk:checked + label:after{background-image:url('../images/bg_chk_on.png');}
.insuSelList li dl{display:none;margin-top:8px;justify-content:space-between;align-items:center;}
.insuSelList li .total{padding:25px 0;}
.insuSelList li .total dl{display:flex;height:24px;}
.insuSelList li .total dl:first-child{margin-top:0;}
.insuSelList li .total dd{color:#c8cacc;}
.insuSelList li .total dd.bld{color:#666;}
.insuSelList li .total + dl{margin-top:14px;}
.insuSelList li dt{font-size:14px;font-weight:500;color:#1a3666;}
.insuSelList li dd{font-weight:500;}
.insuSelList li dd .inputBox{width:155px;height:32px;}
.insuSelList li dd .inputBox .unit{font-size:14px;}
.insuSelList li dd .inputBox input.txt{font-size:14px;}
.insuSelList li dd .inputBox input.txt:disabled{color:#999;-webkit-text-fill-color:#999;}
.insuSelList li dd .inputBox input.txt:disabled + .unit{background-color:#f4f4f4;color:#999;}
.insuSelList li.on .total{border-bottom:1px solid #c8cacc;}
.insuSelList li.on dl{display:flex;}
.insuSelList li.dis{background:#f2f2f2;}
.insuSelList li.dis .inputChk .chk:disabled + label{color:#c8cacc;}
.insuSelList li.dis dl *{color:#c8cacc;}

.moreWrap{position:relative;}
.moreWrap .moreCont{display:none;}
.moreWrap .moreCont .dataTable.rest table{border-top:0;}
.moreWrap .moreBtn{position:absolute;bottom:-16px;left:50%;margin-left:-16px;}
.moreWrap .moreBtn .btn{position:relative;min-width:auto;width:32px;height:32px;padding:0;border-radius:50%;text-indent:-9999em;border:1px solid #c8cacc;background-color:#fff;box-shadow:4px 4px 8px rgba(0,0,0,0.12);}
.moreWrap .moreBtn .btn:before{content:'';display:block;position:absolute;top:50%;left:9.5px;width:11px;height:6px;margin-top:-3px;background:url('../images/bg_more.png') no-repeat top left / 11px auto;}
.moreWrap.open .moreBtn .btn{border-color:#218fe5;}
.moreWrap.open .moreBtn .btn:before{background-position:bottom left;}
.moreWrap + .btnArea{margin-top:36px;}
.moreWrap .dataTable.main th,
.moreWrap .dataTable.main td,
.moreWrap.open .dataTable.join tbody tr:last-child th,
.moreWrap.open .dataTable.join tbody tr:last-child td{padding-bottom:24px;}
.moreWrap.open .dataTable.main th,
.moreWrap.open .dataTable.main td{padding-bottom:10px;}

.juminInfo .dataList.top{margin:0;padding-bottom:24px;border-bottom:1px solid #afb1b3;}
.juminInfo .dataList.btm{margin-top:30px;padding:26px 0 30px;border-top:1px solid #afb1b3;border-bottom:1px solid #afb1b3;}
.juminInfo .dataList dd em{display:block;font-size:14px;}
.juminInfo .dataList .state{position:relative;}
.juminInfo .dataList .state em{position:absolute;right:0;top:0;}
.juminInfo .flagWrap{margin-top:4px;margin-bottom:6px;}
.juminInfo .flagWrap i{min-width:106px;text-align:center;}
.juminInfo .section{padding-top:26px;}
.juminInfo .section ~ .section{margin-top:24px;}

/* list */
.listDotSp > li, p.listDotSp{position:relative;padding-left:11px;}/* 본문 */
.listDotSp > li:before, p.listDotSp:before{content:'';position:absolute;left:0;top:10px;width:3px;height:3px;background:#919599;border-radius:50%;}
.listDotSp + .dataTable{margin-top:18px;}

.listDot{margin-top:8px;}/* 하단설명 */
.listDot.top{margin-top:0;}
.listDot > li, p.listDot{position:relative;padding-left:11px;font-size:14px;font-weight:400;color:#666;}
.listDot > li:before, p.listDot:before{content:'';position:absolute;left:0;top:8px;width:3px;height:3px;background:#919599;border-radius:50%;}
.listDot > li + li{margin-top:4px;}

.listDot.cont{margin-top:0;}/* 테이블내의 본문 */
.listDot.cont > li, p.listDot.cont{color:#000;}

.listNum > li, p.listNum{display:flex;position:relative;font-weight:400;}
.listNum > li + li{margin-top:4px;}
.listNum em{flex:1;padding-right:3px;}
.listNum p{width:100%;}

.listBox{border-top:1px solid #003c7f;}
.listBox li{padding:16px 14px 14px;border-bottom:1px solid #c8cacc;}

.linkList{}
.linkList li ~ li{margin-top:8px;}

.linkChk{display:flex;position:relative;}
.linkChk .typeBox{margin-left:8px;font-size:16px;line-height:24px;vertical-align:top;}
.linkChk .typeBox .box{display:inline-block;position:relative;font-size:16px;font-weight:400;vertical-align:top;}
.linkChk .typeBox .box + .box{margin-left:10px;padding-left:11px;}
.linkChk .typeBox .box + .box:before{content:'';display:inline-block;position:absolute;left:0;top:50%;width:1px;height:12px;margin-top:-6px;background:#d9d9d9;}
.linkChk .typeBox .box a{font-size:16px;font-weight:400;vertical-align:top;}
.linkChk label .typeBox{margin-left:0;}
.linkChk > .selectBox{position:absolute;top:-5px;right:0;width:auto;height:32px;}
.linkChk .selectStyle > .selectResult{height:32px;font-size:14px;line-height:30px;}

/* contents */
.signWrap strong{display:block;margin-bottom:8px;font-size:13px;}
.signWrap .signBox{margin-top:30px;}
.signWrap .signBox:first-child{margin-top:0;}
.signWrap .signBox .top{position:relative;}
.signWrap .signBox .btnRe{overflow:hidden;position:absolute;right:0;top:-4px;width:58px;height:21px;padding:0;background:url('../images/btn_re.png') no-repeat top left / 100%;text-indent:-999em;}
.signWrap .sign{overflow:hidden;position:relative;height:102px;border:1px solid #d3dde5;background-color:#ebf6ff;}
.signWrap .sign canvas{position:relative;z-index:20;width:100%;height:100%;}
.signWrap .sign .txt{position:absolute;top:0;left:0;width:100%;height:100%;padding:18px 0;font-size:42px;font-weight:600;color:#d3dde5;text-align:center;}

.insuNoti{margin-top:24px;padding:24px 14px 0;border:1px solid #c8cacc;text-align:center;}
.insuNoti .insu{display:block;padding:0 30px;word-wrap:break-word;}
.insuNoti .cust{height:59px;margin-top:28px;border-top:1px solid #e1e3e5;font-size:13px;font-weight:500;line-height:59px;}
.insuNoti .cust em{display:inline-block;margin-left:10px;font-size:16px;font-weight:300;}

.btmMsg{margin-top:30px;}
.btmMsg p{font-weight:500;text-decoration:underline;text-align:center;}

.confMsg{margin-top:26px;margin-bottom:20px;}
.confMsg p + p{margin-top:10px;}
.confMsg p .em{font-weight:600;text-decoration:underline;}

.valBtn{display:flex;}
.valBtn .val{display:flex;flex:1;align-items:center;width:100%;padding-right:10px;word-break:break-all;line-height:1.1;}
.valBtn .btn{display:flex;}
table .valBtn{margin:-4px -4px -4px 0;}

/* 이미지영역 */
.imgBox{text-align:center;}
.imgBox.ex img{max-width:500px;}

/* 그래프영역 */
.graphArea{margin-top:12px;}

.agreeBox{margin-top:26px;}
.agreeBox p{font-weight:500;word-break:keep-all;}
.agreeBox .inputChkAgree{margin-top:20px;}

/* 아코디언 */
.accordionGroup .accordion .btnAcc{overflow:hidden;display:flex;align-items:center;position:relative;width:100%;height:46px;padding:14px 46px 14px 14px;border-bottom:1px solid #afb1b3;}
.accordionGroup .accordion .btnAcc:after{content:'';display:block;position:absolute;right:14px;width:15px;height:8px;background:url('../images/ico_accordion.png') no-repeat right top;background-size:auto 100%;}
.accordionGroup .accordion:first-child .btnAcc{border-top:1px solid #afb1b3;}
.accordionGroup .accordion.on .btnAcc{border-bottom:1px solid #218fe5;}
.accordionGroup .accordion.on .btnAcc:after{background-position:left top;}
.accordionGroup .accordion .btnAcc .tit{font-size:16px;font-weight:400;color:#000;}
.accordionGroup .accordion.on .btnAcc .tit{font-weight:500;}
.accordionGroup .accordion .hideTxt{display:none;}
.accordionGroup .accordion .accCont{display:none;padding:12px 0 20px;border-bottom:1px solid #afb1b3;}
.accordionGroup .accordion .chkList03{margin-top:23px;padding-bottom:10px;}
.accordionGroup .accordion.last .accCont{padding-bottom:0;border-bottom:0;}

/* 하단안내 */
.btmNoti{margin:30px -16px 0;border-top:10px solid #f2f5f7;}
.btmNoti .accordionGroup{padding:0 16px;}
.btmNoti .accordionGroup .accordion .btnAcc{height:60px;padding-left:0;border-top:0;}
.btmNoti .accordionGroup .accordion.on .btnAcc{border-color:#afb1b3;}
.btmNoti .accordionGroup .accordion.on .btnAcc:after{background-position:right top;transform:rotate(180deg);}
.btmNoti .accordionGroup .accordion .btnAcc .tit{position:relative;padding-left:28px;font-weight:600;}
.btmNoti .accordionGroup .accordion .btnAcc .tit:before{content:'';position:absolute;left:0;top:2px;width:20px;height:19px;background:url('../images/ico_question.png') no-repeat 0 0;background-size:100% 100%;}
.btmNoti .accordionGroup .accordion .accCont{padding:20px 0 55px;border-bottom:0;}

.noticeBox{position:relative;margin-top:30px;padding:11px 30px 12px 50px;background:#fff2f2;border-radius:10px;font-size:14px;font-weight:500;color:#ff2a00;line-height:1.4;}
.noticeBox:before{content:'';position:absolute;left:16px;top:50%;width:20px;height:20px;margin-top:-10px;background:url('../images/ico_notice.png') no-repeat 0 0;background-size:100% 100%;}

/* 문제풀이 */
.quizWrap.swiper{overflow:hidden;position:relative;margin:55px -16px 0;padding-top:32px;}
.quizWrap.swiper .quizList{display:flex;position:relative;z-index:1;width:100%;height:100%;transition-property:transform;box-sizing:content-box;}
.quizWrap.swiper .quizList p{font-size:20px;font-weight:500;line-height:1.4;word-break:keep-all;}
.quizWrap.swiper .quizList .quiz{flex-shrink:0;padding:0 16px;overflow:hidden;}
.quizWrap.swiper .inputChkOX{display:flex;margin-top:35px;}
.quizWrap.swiper .inputChkOX .inputChk{flex:1;margin:0;}
.quizWrap.swiper .inputChkOX .inputChk + .inputChk{margin-left:10px;}
.quizWrap.swiper .inputChkOX .rdo + label{display:flex;align-items:center;justify-content:center;height:52px;padding:4px 14px;border:1px solid #c8cacc;border-radius:5px;font-size:16px;font-weight:400;color:#666;text-align:center;}
.quizWrap.swiper .inputChkOX .rdo + label:before,
.quizWrap.swiper .inputChkOX .rdo + label:after{display:none;}
.quizWrap.swiper .inputChkOX .rdo:checked + label{border-color:#218fe5;font-weight:500;color:#218fe5;}
.quizWrap.swiper .swiper-pagination{position:absolute;top:0;left:16px;bottom:auto;font-size:0;line-height:0;text-align:left;}
.quizWrap.swiper .swiper-pagination span{display:inline-block;width:6px;height:6px;background:#dfe2e6;border-radius:3px;text-indent:-9999em;transition:width 0.3s ease-in;opacity:1;}
.quizWrap.swiper .swiper-pagination span + span{margin-left:8px;}
.quizWrap.swiper .swiper-pagination span.swiper-pagination-bullet-active{width:24px;background:#218fe5;border-radius:3px;}

.quizResult{display:block;position:relative;min-width:50px;margin-bottom:2px;padding-top:64px;font-size:20px;font-weight:600;}
.quizResult:before{content:'';position:absolute;left:50%;top:0;width:50px;height:50px;margin-left:-25px;background:no-repeat left top;background-size:100% auto;}
.quizResult.fail:before{background-image:url('../images/ico_quiz.png');}
.quizResult.pass:before{background-image:url('../images/ico_quiz.png');background-position:left bottom;}

/* 서약서작성 */
.h2 + .surveyWrap{margin-top:30px;}
.surveyWrap{}
.surveyWrap li + li{margin-top:25px;padding-top:25px;border-top:1px solid #c8cacc;}
.surveyWrap li .cont{margin-top:16px;}
.surveyWrap li .question{word-break:keep-all;}
.surveyWrap li .question em.required{width:auto;height:auto;margin:0;padding-right:3px;font-size:16px;font-weight:500;color:#ff2a00;vertical-align:top;text-indent:0;}
.surveyWrap li .question em.required:after{display:none;}
.surveyWrap li .inputChkBox.full .inputChk{display:block;margin:0;}
.surveyWrap li .inputChkBox.full .inputChk + .inputChk{margin-top:14px;}
.surveyWrap li .write{display:flex;align-items:center;justify-content:center;height:54px;background:#ebf6ff;border:1px solid #d3dde6;}
.surveyWrap li .write .txt{position:relative;font-size:18px;font-weight:500;}
.surveyWrap li .write p{color:#8fa1b2;}
.surveyWrap li .write input{position:absolute;left:0;top:0;width:100%;margin:0;padding:0;border:0;background:transparent;font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;letter-spacing:inherit;outline:none;}
.surveyWrap .agreeBox{padding-top:26px;border-top:1px solid #c8cacc;}
.surveyWrap .listDot{margin-top:8px;}

.investTypeBox{position:relative;margin-top:40px;padding:20px 28px 20px;font-weight:400;background:#fafcff;border:1px solid #218fe5;border-radius:10px;}
.investTypeBox:before{content:'';display:block;position:absolute;left:28px;top:-10px;width:26px;height:19px;background:#218fe5 url('../images/ico_invest_type.png') no-repeat center;background-size:2px 9px;border-radius:10px;}
.investTypeBox strong{padding-right:3px;font-weight:600;}
.investTypeBox .type{font-size:20px;font-weight:600;text-decoration:underline;}
.investTypeBox .type.type01{color:#218fe5;}
.investTypeBox .type.type02{color:#ff2a00;}

.scpProcessBox{padding-top:27px;}
.scpProcessBox .process{display:flex;align-items:center;justify-content:center;position:relative;}
.scpProcessBox .process + .process{border-top:1px dashed #6d5c00;}
.scpProcessBox .process .tit{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;position:relative;width:63px;height:67px;margin:0 20px;border-radius:20px;border:2px solid;font-size:15px;font-weight:600 !important;}
.scpProcessBox .process .tit:before{content:'';position:absolute;right:-7px;top:50%;width:7px;height:10px;margin-top:-5px;background:url('../images/ico_tail.png') no-repeat left top;background-size:7px 20px;}
.scpProcessBox .process .list{position:relative;min-width:180px;padding:32px 0 25px 25px;}
.scpProcessBox .process .list:before{content:'';display:block;position:absolute;left:0;top:0;width:28px;height:100%;}
.scpProcessBox .process .list li{position:relative;padding-left:21px;font-size:16px;font-weight:600;}
.scpProcessBox .process .list li + li{margin-top:13px;}
.scpProcessBox .process .list li:before{content:'';position:absolute;left:0;top:50%;width:6px;height:6px;margin-top:-3px;background:#fff;border:2px solid;border-radius:50%;}

.scpProcessBox .process.fc .tit{border-color:#4b4fc5;color:#4b4fc5;}
.scpProcessBox .process.fc .list:before{background:#4b4fc5;border-radius:5px 5px 0 0;}
.scpProcessBox .process.fc .list{padding-top:25px;}
.scpProcessBox .process.fc .list li{color:#4b4fc5;}
.scpProcessBox .process.fc .list li:before{border-color:#4b4fc5;}
.scpProcessBox .process.guest .tit{border-color:#534705;color:#534705;}
.scpProcessBox .process.guest .tit:before{background-position:left bottom;}
.scpProcessBox .process.guest .list:before{background:#ffdc19;}
.scpProcessBox .process.guest .list:after{content:'';position:absolute;left:-5px;bottom:-24px;width:37px;height:25px;background:url('../images/ico_process_tail.png') no-repeat;background-size:100% 100%;}
.scpProcessBox .process.guest .list li{color:#534705;}
.scpProcessBox .process.guest .list li:before{border-color:#ffdc19;}

.priceBox{padding:16px 28px 18px;background:#ebeeff;border-radius:10px;}
.priceBox dt{text-align:right;}
.priceBox dd{font-size:20px;font-weight:600;line-height:1.2;text-align:right;}
.priceBox dd em{font-size:28px;color:#4b4fc5;}

.completeWrap{margin-top:50px;padding-top:68px;text-align:center;background:url('../images/ico_complete.png') no-repeat center top;background-size:50px 50px;}
.completeWrap strong{font-size:20px;font-weight:600 !important;line-height:1.3;}
.completeWrap p{margin-top:3px;}

.copyright{width:100%;font-size:12px;color:#b2b2b2;font-weight:400;text-align:center;}

/* 설치안내 */
.setWrap{position:relative;padding:40px 16px 40px;}
.setWrap .copyright{margin-top:auto;padding:20px 0 0;}
.setInfo .tit{text-align:center;}
.setInfo .tit em{display:inline-block;width:149px;height:39px;margin:-4px 4px 0 0;background:url('../images/logo_set.png') no-repeat top left / 100%;font-size:0;vertical-align:middle;}
.setInfo p.sp{margin-top:12px;font-weight:500;}
.setInfo .tit + p{margin-top:-5px;font-weight:300;}
.setInfo dl{margin-top:15px;border-bottom:1px solid #c8cacc;}
.setInfo dt{display:flex;align-items:center;justify-content:center;position:relative;height:60px;border-top:1px solid #003c7f;border-bottom:1px solid #c8cacc;background-color:#fafcff;text-align:center;}
.setInfo dt i{display:inline-block;margin-left:20px;text-indent:-9999em;vertical-align:middle;}
.setInfo dt i.tablet{width:120px;height:32px;background:url('../images/logo_set.png') no-repeat top left / 100%;}
.setInfo dt i.smartphone{width:84px;height:44px;background:url('../images/logo_set_mini.png') no-repeat top right / 100%;}
.setInfo dt span{position:absolute;right:16px;font-size:20px;font-weight:600;color:#000;}
.setInfo dd{padding:14px 0 6px 0;text-align:center;}
.setInfo dd a{display:inline-block;width:240px;margin:0 3px 8px;}

.tempPw dt{font-weight:500;line-height:1;}
.tempPw dd strong{display:block;padding:20px 0;font-size:27px;font-weight:600 !important;line-height:1;}

.errorWrap{display:flex;flex-direction:column;justify-content:center;padding:40px 16px 95px;}
.errorWrap .error{position:relative;text-align:center;}
.errorWrap .error:before{content:'';display:block;width:106px;height:106px;margin:0 auto 14px;background:url('../images/ico_error.png') no-repeat;background-size:100% 100%;}
.errorWrap strong{font-size:20px;font-weight:600 !important;}
.errorWrap p{margin-top:2px;line-height:1.45;}

.infoBox{padding:16px 14px 14px;background:#f2f4f5;border-radius:10px;}
.infoBox .listDotSp{margin-top:0;}
.infoBox .listDotSp dl{display:flex;}
.infoBox .listDotSp dt{margin-right:14px;font-weight:500;}

.flowBox{display:flex;margin-top:7px;}
.flowBox .box{flex:1;padding:14px;background:#fef0f0;border-radius:10px;}
.flowBox .box + .box{margin-left:10px;}
.flowBox .box.before{position:relative;background:#e3f3ff;}
.flowBox .box.before:after{content:'';position:absolute;top:50%;right:-20px;width:30px;height:27px;margin-top:-13px;background:#b6babf url('../images/ico_arr.png') no-repeat center center;background-size:6px auto;border-radius:13px;}
.flowBox .box .tit{font-size:14px;}
.flowBox .box ul{margin-top:6px;padding-top:14px;border-top:1px solid #c8cacc;}
.flowBox .box li{text-align:right;}
.flowBox .box li strong{padding-right:3px;font-weight:600 !important;line-height:1.4;}

/* main */
.mainWrap{height:100%;background-color:#f0f6fc;}
.mainWrap #header{height:59px;background-color:#f0f6fc;}
.mainWrap #header .right{margin-top:-1px;}
.mainWrap #header:after{display:none;}
.mainWrap .container{height:calc(100% - 59px);}
.mainWrap #contents{display:flex;flex-flow:column;height:100%;padding:0;}

.mainBox{flex:1 1 auto;margin-top:auto;padding-left:16px;padding-right:16px;}
.mainBox .box{display:flex;align-items:center;padding:0 16px 22px;background-color:#fff;border-radius:10px;box-shadow:1px 1px 5px rgba(0,0,0,0.05);}
.mainBox h2{display:flex;align-items:center;position:absolute;top:0;left:16px;right:16px;height:40px;margin:0;padding:0 16px;border-radius:10px 10px 0 0;font-size:14px;font-weight:500;line-height:42px;}
.mainBox ul{width:100%;font-size:0;}
.mainBox ul li{display:inline-block;vertical-align:top;text-align:center;}
.mainBox ul li a{font-size:14px;line-height:18px;font-weight:500;color:#333;vertical-align:top;}
.mainBox ul li a span{display:block;}

.mainBox.top{margin-top:0;background:url('../images/img_main.png') no-repeat top right;background-size:200px auto;}
.mainBox.top .box{position:relative;height:234px;border-radius:10px;}
.mainBox.top p{display:flex;align-items:center;height:110px;padding:10px 0 0 16px;font-weight:400;line-height:1.3;}
.mainBox.top p > span{display:block;}
.mainBox.top p strong{display:block;}
.mainBox.top ul li{width:25%;margin-top:12px;}
.mainBox.top ul li:nth-child(-n+4){margin-top:0;}
.mainBox.top ul li a:before{content:'';display:inline-block;width:48px;height:40px;margin-bottom:7px;vertical-align:top;}

.mainBox.top a.add{color:#999;}
.mainBox.top a.add:before{background:url('../images/btn_addmenu.png') no-repeat top center;background-size:40px;}
.mainBox.top a.link{position:absolute;bottom:8px;right:16px;}

/* 고객 */
.mainBox.top a[class*="cu"]:before{background:url('../images/ico_menu_cu.png') no-repeat;background-size:240px auto;}
.mainBox.top a.cu1:before{background-position:0 0;}
.mainBox.top a.cu2:before{background-position:-46px 0;}
.mainBox.top a.cu3:before{background-position:-94px 0;}
.mainBox.top a.cu4:before{background-position:-143px 0;}
.mainBox.top a.cu5:before{background-position:-191px 0;}

/* 가입설계 */
.mainBox.top a[class*="jo"]:before{background:url('../images/ico_menu_jo.png') no-repeat;background-size:336px auto;}
.mainBox.top a.jo1:before{background-position:2px 0;}
.mainBox.top a.jo2:before{background-position:-47px 0;}
.mainBox.top a.jo3:before{background-position:-95px 0;}
.mainBox.top a.jo4:before{background-position:-143px 0;}
.mainBox.top a.jo5:before{background-position:-191px 0;}
.mainBox.top a.jo6:before{background-position:-239px 0;}
.mainBox.top a.jo7:before{background-position:-287px 0;}

/* 청약 */
.mainBox.top a[class*="su"]:before{background:url('../images/ico_menu_su.png') no-repeat;background-size:480px auto;}
.mainBox.top a.su1:before{background-position:0 0;}
.mainBox.top a.su2:before{background-position:-47px 0;}
.mainBox.top a.su3:before{background-position:-95px 0;}
.mainBox.top a.su4:before{background-position:-143px 0;}
.mainBox.top a.su5:before{background-position:-191px 0;}
.mainBox.top a.su6:before{background-position:-239px 0;}
.mainBox.top a.su7:before{background-position:-287px 0;}
.mainBox.top a.su8:before{background-position:-335px 0;}
.mainBox.top a.su9:before{background-position:-383px 0;}
.mainBox.top a.su10:before{background-position:-432px 0;}

/* 보유계약 */
.mainBox.top a[class*="po"]:before{background:url('../images/ico_menu_po.png') no-repeat;background-size:96px auto;}
.mainBox.top a.po1:before{background-position:2px 0;}
.mainBox.top a.po2:before{background-position:-48px 0;}

/* 보장분석 */
.mainBox.top a[class*="gu"]:before{background:url('../images/ico_menu_gu.png') no-repeat;background-size:48px auto;}
.mainBox.top a.gu1:before{background-position:1px 0;}

/* 업적수수료 */
.mainBox.top a[class*="pe"]:before{background:url('../images/ico_menu_pe.png') no-repeat;background-size:144px auto;}
.mainBox.top a.pe1:before{background-position:1px 0;}
.mainBox.top a.pe2:before{background-position:-47px 0;}
.mainBox.top a.pe3:before{background-position:-95px 0;}

.mainBox.days{position:relative;}
.mainBox.days .box{height:94px;padding:40px 0 0;}
.mainBox.days h2{background-color:#7377e5;}
.mainBox.days h2 a{position:relative;display:block;width:100%;color:#fff;}
.mainBox.days h2 a:after{content:'';display:inline-block;position:absolute;top:50%;transform:translateY(-50%);right:0;width:6px;height:10px;background:url('../images/blt_linkw.png') no-repeat top left / 100%;}
.mainBox.days h2 i{position:relative;display:inline-block;min-width:26px;height:23px;margin-top:-2px;margin-left:12px;padding:0 7px;border-radius:8px;background-color:#fff;font-size:13px;font-weight:600;line-height:23px;color:#4b4fc5;vertical-align:middle;text-align:center;}
.mainBox.days h2 i:before{content:'';position:absolute;top:50%;left:-4px;display:inline-block;width:4px;height:6px;margin-top:-3px;background:url('../images/bg_dayscnt.png') no-repeat top left;background-size:100%;}

.mainBox.days ul{display:flex;align-items:center;justify-content:center;}
.mainBox.days ul li{position:relative;flex:1;}
.mainBox.days ul li:before{content:'';position:absolute;top:50%;left:0;display:inline-block;width:1px;height:13px;margin-top:-6.5px;background-color:#ccc;}
.mainBox.days ul li:first-child:before{display:none;}
.mainBox.days ul li a{line-height:1.2;}
.mainBox.days ul li a.new{position:relative;}
.mainBox.days ul li a.new:after{content:'';position:absolute;top:-7px;right:-14px;display:inline-block;width:14px;height:14px;background:url('../images/ico_new.png') no-repeat top left / 100%;}

.mainBox.alarm{position:relative;}
.mainBox.alarm .box{height:124px;padding:40px 0 0;}
.mainBox.alarm h2{background-color:#fae84b;}
.mainBox.alarm h2 a{position:relative;display:block;width:100%;padding-left:28px;color:#000;}
.mainBox.alarm h2 a:before{content:'';position:absolute;top:11px;left:0;width:23px;height:21px;background:url('../images/ico_kakao.png') no-repeat top left / 100%;}
.mainBox.alarm h2 a:after{content:'';position:absolute;top:50%;transform:translateY(-50%);right:0;width:6px;height:10px;background:url('../images/blt_link.png') no-repeat top left / 100%;}
.mainBox.alarm ul li{width:25%;}
.mainBox.alarm ul li a:before{content:'';display:inline-block;width:22px;height:22px;margin-bottom:6px;background:url('../images/ico_menu2.png') no-repeat;background-size:88px auto;vertical-align:top;}
.mainBox.alarm a.m1:before{background-position:0 0;}
.mainBox.alarm a.m2:before{background-position:-22px 0;}
.mainBox.alarm a.m3:before{background-position:-44px 0;}
.mainBox.alarm a.m4:before{background-position:-66px 0;}

/* innerHeight:589(iPhone SE) 이하 대응 */
.viewH .mainWrap{overflow-y:auto;}
.viewH .mainWrap .mainBox ul li a{line-height:16px;}
.viewH .mainWrap .mainBox h2{height:34px;}

.viewH .mainBox.top,
.viewH .mainBox.days,
.viewH .mainBox.alarm{padding-bottom:6px;}

.viewH .mainBox.top p{height:105px;}
.viewH .mainBox.top .box{height:210px;}
.viewH .mainBox.top ul li{margin-top:10px;}
.viewH .mainBox.top ul li:nth-child(-n+4){margin-top:0;}
.viewH .mainBox.top ul li a:before{margin-bottom:6px;}

.viewH .mainBox.days .box{height:86px;padding:34px 0 0;}

.viewH .mainBox.alarm .box{height:105px;padding:34px 0 0;}
.viewH .mainBox.alarm ul li a:before{margin-bottom:4px;}

.fixCont{position:fixed;left:0;right:0;bottom:52px;z-index:20;padding:0 16px 10px;background:#fff;}

.mainGuideWrap{display:none;position:fixed;z-index:100;top:0;left:0;right:0;bottom:0;height:100%;}
.mainGuideWrap.open{display:block;}
.mainGuideWrap:before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-color:#000;opacity:0.7;}
.mainGuideWrap .mainGuideClose{position:absolute;top:0;z-index:102;background-color:#fff;}
.mainGuideWrap .mainGuide{display:flex;flex-flow:column;position:relative;top:59px;z-index:101;height:calc(100% - 59px);}
.mainGuideWrap .mainGuideClose{position:absolute;top:20px;left:20px;width:24px;height:24px;background:url('../images/btn_guideclose.png') no-repeat top left;background-size:24px;text-indent:-999em;}

.mainGuideWrap mark{position:absolute;background-color:transparent;}
.mainGuideWrap mark.markMenu{top:-2px;right:0;}
.mainGuideWrap mark.markMenu img{width:304px;}
.mainGuideWrap mark.mark1{top:-59px;left:50%;margin-left:-33px;}
.mainGuideWrap mark.mark1 img{width:232px;}
.mainGuideWrap mark.mark2{top:-56px;left:82px;z-index:1;}
.mainGuideWrap mark.mark2 img{width:247px;}
.mainGuideWrap mark.mark3{top:-11px;left:50%;margin-left:5px;}
.mainGuideWrap mark.mark3 img{width:272px;}
.mainGuideWrap .ga mark.mark3{top:-2px;margin-left:11px;}
.mainGuideWrap mark.mark4{top:-18px;left:10px;}
.mainGuideWrap mark.mark4 img{width:317px;}

.mainGuideWrap .mainBox .inner{position:relative;}
.mainGuideWrap .mainBox .inner .box ul li{position:relative;}

.mainGuideWrap .mainBox.top{background:transparent;}
.mainGuideWrap .mainBox.top .inner{height:344px;padding-top:110px;}
.mainGuideWrap .mainBox.top .inner .box{display:flex;align-items:center;padding:0 16px 22px;background:none;}
.mainGuideWrap .mainBox.top .inner .box ul li{height:83px;}
.mainGuideWrap .mainBox.days{}
.mainGuideWrap .mainBox.days .inner{height:94px;padding-top:40px;}
.mainGuideWrap .mainBox.days ul li:before{display:none;}
.mainGuideWrap .mainBox.alarm{}
.mainGuideWrap .mainBox.alarm .inner{height:124px;border:1px dashed #7b7d7f;border-radius:10px;}

.viewH .mainGuideWrap .mainBox.top .inner{height:315px;padding-top:105px;}
.viewH .mainGuideWrap .mainBox.days .inner{height:86px;}
.viewH .mainGuideWrap .mainBox.alarm .inner{height:105px;}

.viewH .mainGuideWrap mark.mark1{}
.viewH .mainGuideWrap mark.mark2{top:-60px;}
.viewH .mainGuideWrap mark.mark3{top:-17px;}
.viewH .mainGuideWrap .ga mark.mark3{top:-9px;}
.viewH .mainGuideWrap mark.mark4{top:-22px;}

/* 필요자금 목표조정 */
.planStep{margin-bottom:30px;}
.planStep .plan{display:flex;margin-bottom:8px;}
.planStep .plan li{flex:1;display:inline-block;position:relative;}
.planStep .plan li:after{content:'';position:absolute;left:50%;bottom:-4px;width:8px;height:4px;margin-left:-4px;background:url('../images/bg_plan.png') left top no-repeat;background-size:16px auto;}
.planStep .plan li.on:after{background-position:right top;}
.planStep .plan li + li{margin-left:4px;}
.planStep .plan a{display:flex;align-items:center;justify-content:center;height:40px;padding:0 12px;background:#f2f4f5;border-radius:10px;font-size:17px;font-weight:600;color:#adb0b2;transition:background 0.3s ease-in-out;}
.planStep .plan li.on a{background:#e3f3ff;color:#218fe5;transition:background 0.3s ease-in-out;}
.planStep .planCont{padding:16px 14px;background:#f2f4f5;border-radius:10px;color:#666;transition:background 0.3s ease-in-out;}
.planStep .planCont + .planCont{margin-top:10px;}
.planStep .planCont.on{background:#e3f3ff;color:#218fe5;transition:background 0.3s ease-in-out;}
.planStep .planCont dl{display:flex;justify-content:space-between;position:relative;padding-left:12px;}
.planStep .planCont dl:before{content:'';position:absolute;left:0;top:9px;width:3px;height:3px;background:#666;border-radius:50%;}
.planStep .planCont dl em{font-weight:500;}
.planStep .planCont dd{text-align:right;}
.planStep .planCont.on dl{font-weight:500;}
.planStep .planCont.on dl:before{background:#218fe5;}

.guideArea .titImg{display:inline-block;width:25px;margin:0 6px;vertical-align:top;}
.guideArea .titImg.ty02{width:30px;margin-top:-3px;}
.guideArea .guideImg{margin:20px -16px 0;text-align:center;}
.guideArea .guideImg.top{margin-top:0;}
.guideArea .guideImg img{max-width:400px;}
.guideArea .h3{margin-top:16px;}
.guideArea .h3:first-child{margin-top:0;}
.guideArea .h4{margin-top:16px;font-weight:500;}

.guideDetail .box{position:relative;margin-right:-16px;padding:30px 30px 26px 90px;}
.guideDetail .box:first-child{padding-top:0;}
.guideDetail .box:before{content:'';position:absolute;top:30px;left:25px;width:43px;height:43px;background:url('../images/ico_guide.png') no-repeat;background-size:258px auto;}
.guideDetail .box.guide1:before{top:0;background-position:0 0;}
.guideDetail .box.guide2:before{background-position:-43px 0;}
.guideDetail .box.guide3:before{background-position:-86px 0;}
.guideDetail .box.guide4:before{background-position:-129px 0;}
.guideDetail .box.guide5:before{background-position:-172px 0;}
.guideDetail .box.guide6:before{background-position:-215px 0;}
.guideDetail .box + .box{border-top:1px solid #c8cacc;}
.guideDetail .box .h3{margin:0 0 4px;}

/* login */
.loginWrap{display:flex;flex-direction:column;justify-content:center;padding-top:30px;padding-bottom:65px;}
.loginWrap .copyright{padding-top:20px;}
.loginBox{flex:1;display:flex;flex-direction:column;justify-content:center;padding:0 0 0 32px;}
.loginBox .top{height:26vh;min-height:150px;max-height:205px;padding-right:32px;text-align:center;}
.loginBox h1{display:inline-block;width:205px;height:107px;background:url('../images/logo_login.png') no-repeat top left / 100%;font-size:0;vertical-align:top;}
.loginBox .inputBox{border:0;border-bottom:1px solid #c8cacc;}
.loginBox .inputBox input.txt{padding:0;}
.loginBox .inputChk{display:flex;align-items:center;flex:none;height:44px;padding-right:32px;border-bottom:1px solid #c8cacc;}
.loginBox .btnArea{margin-top:40px;text-align:left;line-height:1;}
.loginBox .formList > .formItem + .formItem{margin-top:40px;}
.loginBox .formItem > .tit{color:#666;}

.loadingWrap{display:none;position:fixed;left:0;right:0;top:0;bottom:0;background:rgba(0,0,0,0.6);z-index:9999;}
.loadingWrap.open{display:block;}
.loadingWrap .loading{display:flex;align-items:center;justify-content:center;flex-direction:column;position:absolute;top:50%;left:50%;right:0;width:254px;min-height:112px;margin:-56px 0 0 -127px;padding:23px 16px 20px;background:#fff;border-radius:5px;text-align:center;}
.loadingWrap .loading .imgBox{display:block;width:44px;height:auto;margin:0 auto;line-height:1;}
.loadingWrap .loading p{margin-top:13px;font-size:13px;font-weight:500;}

.iziModal.isFullscreen .iziModal-wrap,
.iziModal.isFullscreen .iziModal-content{height:100% !important;}

/* datepicker 수정 */
[id$="ui-datepicker-div"] *,
[id$="ui-monthpicker-div"] *{font-family:'Pretendard',AppleSDGothicNeo,sans-serif !important;}
[id$="ui-datepicker-div"],
[id$="ui-monthpicker-div"]{overflow:initial !important;position:fixed !important;top:50% !important;left:0 !important;z-index:999999;width:100% !important;}
[id$="ui-datepicker-div"]:before,
[id$="ui-monthpicker-div"]:before{content:'';display:none;position:fixed;top:0;left:0;right:0;bottom:0;background: rgba(0, 0, 0, 0.8);z-index:100;}/* 닫기기능이 안되므로 삭제 */

.ui-datepicker .ui-datepicker-header{position:relative;z-index:101;margin-bottom:15px;padding:6px 0;background:#218fe5;}
.ui-datepicker-header{border:0;border-radius:15px 15px 0 0;}
.ui-datepicker-header .ui-icon{overflow:hidden;width:20px;height:20px;background:#64b1ed;border-radius:50%;}
.ui-datepicker-header .ui-datepicker-title{margin:0 45px;font-size:0;line-height:0;}
.ui-datepicker-header select{width:107px !important;height:34px;margin:0 3px;padding:0 30px 0 10px !important;border:1px solid #90c7f2;background:#218fe5 url('../images/bg_selectw.png') no-repeat top 13px right 10px;background-size:12px auto;font-size:16px !important;color:#fff;vertical-align:top;}

.ui-datepicker .ui-datepicker-prev{left:0;}
.ui-datepicker .ui-datepicker-next{right:0;}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next{top:4px;width:40px;height:40px;}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span{position:relative;margin-left:-10px;margin-top:-10px;}
.ui-datepicker .ui-datepicker-prev span:before,
.ui-datepicker .ui-datepicker-next span:before{content:'';position:absolute;top:50%;width:8px;height:8px;margin-top:-4px;border-top:2px solid #218fe5;border-left:2px solid #218fe5;}
.ui-datepicker .ui-datepicker-prev span:before{transform:rotate(315deg);left:50%;margin-left:-3px;}
.ui-datepicker .ui-datepicker-next span:before{transform:rotate(135deg);right:50%;margin-right:-3px;}

.ui-datepicker table{position:relative;z-index:101;width:calc(100% - 32px);margin:0 auto;background:#fff;font-size:15px !important;}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active{border:0 !important;background:none;color:#222;}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover{border:0 !important;background:#218fe5 !important;color:#fff !important;}

/* 달력 */
[id$="ui-datepicker-div"]{margin-top:-160px;padding:0 16px !important;border:0 !important;background:transparent !important;}
[id$="ui-datepicker-div"]:after{content:'';display:block;position:absolute;top:0;left:16px;right:16px;bottom:-16px;z-index:100;background-color:#fff;border-radius:30px 30px 15px 15px;box-shadow:2px 3px 15px rgba(0,0,0,0.25);}

.ui-datepicker-calendar th{padding:0 0 10px;font-size:16px;line-height:1;}
.ui-datepicker-calendar td{padding:0 !important;border:0 !important;font-size:16px;line-height:1;}
.ui-datepicker-calendar td span,
.ui-datepicker-calendar td a{padding:12px 0;text-align:center;}
.ui-datepicker-calendar .ui-state-default{border:0;background:#fff;}
.ui-state-disabled{}
.ui-state-highlight{background-color:#ebf6ff !important;}
.ui-datepicker-calendar>tbody td:first-child a{color:#ff2a00;}
.ui-datepicker-calendar>tbody td:last-child a{color:#218fe5;}

/* 월달력 */
[id$="ui-monthpicker-div"]{min-width:300px;margin-top:-130px;padding:0 30px !important;border:0 !important;background:transparent !important;}
[id$="ui-monthpicker-div"]:after{content:'';display:block;position:absolute;top:0;left:30px;right:30px;bottom:-16px;z-index:100;background-color:#fff;border-radius:30px 30px 15px 15px;box-shadow:2px 3px 15px rgba(0,0,0,0.25);}
.mtz-monthpicker td{padding:15px 0 !important;font-size:16px;line-height:1;text-align:center !important;}

/* izModal 해제 */
.iziModal ::-webkit-scrollbar{
	overflow:auto !important;
	width:0 !important;
	height:0 !important;
}

@media (max-width:397px) {
	#header h1.tight,
	.fullPage .fullheader h2.tight{font-size:17px;}

	.menuSet ul li.long{width:100%;}
}

@media (max-width:360px) {
	#header h1.tight,
	.fullPage .fullheader h2.tight{font-size:15px;}
}