@charset "utf-8";

@font-face {
	font-family: 'NanumGothic';
	font-style: normal;
	font-weight:400;
	src: local('NanumGothic Regular'), local('NanumGothic-Regular'), local('NanumGothic Regular');
	src: url(../font/NanumGothic.eot);
	src: url(../font/NanumGothic.eot?#iefix) format('embedded-opentype'),
	url(../font/NanumGothic.woff) format('woff'),
	url(../font/NanumGothic.ttf) format('truetype');
}

@font-face {
	font-family: 'NanumGothic';
	font-style: normal;
	font-weight:700;
	src: local('NanumGothicBold Regular'), local('NanumGothicBold-Regular'), local('NanumGothicBold Regular');
	src: url(../font/NanumGothicBold.eot);
	src: url(../font/NanumGothicBold.eot?#iefix) format('embedded-opentype'),
	url(../font/NanumGothicBold.woff) format('woff'),
	url(../font/NanumGothicBold.ttf) format('truetype');
}

@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 100;
    src: local('Noto Sans Light'), local('NotoSans-Light'),
    url(../font/notokr-light.eot),
    url(../font/notokr-light.eot?#iefix) format('embedded-opentype'),
    url(../font/notokr-light.woff) format('woff'),
    url(../font/notokr-light.ttf) format('opentype');
}

@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 150;
    src: local('Noto Sans DemiLight'), local('NotoSans-DemiLight'),
    url(../font/notokr-demiLight.eot),
    url(../font/notokr-demiLight.eot?#iefix) format('embedded-opentype'),
    url(../font/notokr-demiLight.woff) format('woff'),
    url(../font/notokr-demiLight.ttf) format('opentype');
}

@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 400;
    src: local('Noto Sans Regular'), local('NotoSans-Regular'),
    url(../font/notokr-regular.eot),
    url(../font/notokr-regular.eot?#iefix) format('embedded-opentype'),
    url(../font/notokr-regular.woff) format('woff'),
    url(../font/notokr-regular.ttf) format('truetype');
}

@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 500;
    src: local('Noto Sans Medium'), local('NotoSans-Medium'),
    url(../font/notokr-medium.eot),
    url(../font/notokr-medium.eot?#iefix) format('embedded-opentype'),
    url(../font/notokr-medium.woff) format('woff'),
    url(../font/notokr-medium.ttf) format('truetype');
}

@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 700;
    src: local('Noto Sans Bold'), local('NotoSans-Bold'),
    url(../font/notokr-bold.eot),
    url(../font/notokr-bold.eot?#iefix) format('embedded-opentype'),
    url(../font/notokr-bold.woff) format('woff'),
    url(../font/notokr-bold.ttf) format('truetype');
}

/* reset */
html, body {position:relative; -webkit-font-smoothing:antialiased;height:100%;touch-action:auto;}
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, a, button, address, em, img, small, strong, sub, sup, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td, hr {margin:0; padding:0;box-sizing:border-box;}
html {-webkit-touch-callout:none;-webkit-user-select:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);}
body {padding:0; background:#f0f0f0; font-family:'NanumGothic', sans-serif;font-size:13px;font-weight:400;color:#000;box-sizing:border-box;min-width:320px;overflow-x:hidden;}
h1, h2, h3, h4, h5, h6 {font-weight:normal}
ol, ul, li {list-style:none}
table {width:100%; border-collapse:separate; border-spacing:0}
form, fieldset, iframe {display:block; border:0}
img, button {border:0 none; vertical-align:middle}
hr {height:0; display:none}
i, em, address {font-style:normal}
label, button {cursor:pointer}
caption, legend {width:0; height:0; margin:0; padding:0; text-indent:-9999em; overflow:hidden; font-size:0;}
.blind {position:absolute !important; left:-9999em; width:0; height:0; margin:0; padding:0; text-indent:-9999em; overflow:hidden; font-size:0; line-height:0;}
header, footer, section, article, aside, nav, hgroup, details, menu, figure, figcaption {display:block;box-sizing:border-box;}
input, textarea, select {margin:0; padding:0; font-family:'NanumGothic', sans-serif;font-size:13px;font-weight:400;color:#000; vertical-align:middle;border-radius:0;box-shadow:none;box-sizing:border-box;}
select{appearance:none;-webkit-appearance:none;-moz-appearance:none;}
select::-ms-expand {display:none}
textarea {border: 1px solid #000; resize:none; overflow-y:auto;-webkit-overflow-scrolling: touch;}
button {overflow:visible; margin:0; padding:0; border:0 none; background:none; font-size:0; font-family:'NanumGothic', sans-serif;font-weight:400;vertical-align:top; cursor:pointer;}
button::-moz-focus-inner {border:0; padding:0;}
.ellipsis {display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
a {color:#000; text-decoration:none; word-break:break-all;}
a:link, a:visited, a:hover, a:active, a:focus {text-decoration:none;}
input:-webkit-autofill{-webkit-box-shadow:0 0 0px 1000px white inset;}

::-webkit-input-placeholder{color:#aaa}
::-moz-placeholder{color:#aaa}
:-ms-input-placeholder{color:#aaa}
:-moz-placeholder{color:#aaa}

/* Interval */
.mt0{margin-top:0px !important}
.mt5{margin-top:5px !important}
.mt6{margin-top:6px !important}
.mt8{margin-top:8px !important}
.mt10{margin-top:10px !important}
.mt15{margin-top:15px !important}
.mt20{margin-top:20px !important}
.mt25{margin-top:25px !important}
.mt27{margin-top:27px !important}
.mt30{margin-top:30px !important}
.mt35{margin-top:35px !important}
.mt40{margin-top:40px !important}
.mt50{margin-top:50px !important}
.mt60{margin-top:60px !important}
.mt70{margin-top:70px !important}
.mt80{margin-top:80px !important}
.mt90{margin-top:90px !important}
.mt100{margin-top:100px !important}

.mb0{margin-bottom:0px !important}
.mb6{margin-bottom:6px !important}
.mb10{margin-bottom:10px !important}
.mb15{margin-bottom:15px !important}
.mb20{margin-bottom:20px !important}
.mb30{margin-bottom:30px !important}
.mb40{margin-bottom:40px !important}
.mb50{margin-bottom:50px !important}
.mb60{margin-bottom:60px !important}
.mb70{margin-bottom:70px !important}
.mb80{margin-bottom:80px !important}
.mb90{margin-bottom:90px !important}
.mb100{margin-bottom:100px !important}

.ml0{margin-left:0px !important}
.ml10{margin-left:10px !important}
.ml15{margin-left:15px !important}
.ml20{margin-left:20px !important}
.ml30{margin-left:30px !important}
.ml40{margin-left:40px !important}
.ml50{margin-left:50px !important}
.ml60{margin-left:60px !important}
.ml70{margin-left:70px !important}
.ml80{margin-left:80px !important}
.ml90{margin-left:90px !important}
.ml100{margin-left:100px !important}

.mr0{margin-right:0px !important}
.mr10{margin-right:10px !important}
.mr20{margin-right:20px !important}
.mr30{margin-right:30px !important}
.mr40{margin-right:40px !important}
.mr50{margin-right:50px !important}
.mr60{margin-right:60px !important}
.mr70{margin-right:70px !important}
.mr80{margin-right:80px !important}
.mr90{margin-right:90px !important}
.mr100{margin-right:100px !important}

.pt0{padding-top:0 !important}
.pt10{padding-top:10px !important}
.pt20{padding-top:20px !important}
.pt30{padding-top:30px !important}
.pt35{padding-top:35px !important}
.pt40{padding-top:40px !important}
.pt50{padding-top:50px !important}
.pt60{padding-top:60px !important}
.pt70{padding-top:70px !important}
.pt80{padding-top:80px !important}
.pt90{padding-top:90px !important}
.pt100{padding-top:100px !important}

.pb0{padding-bottom:0 !important}

.pr10{padding-right:10px !important}

.pl5{padding-left:5px !important}

/* width */
.w5p{width:5% !important}
.w10p{width:10% !important}
.w15p{width:15% !important}
.w19p{width:19% !important}
.w20p{width:20% !important}
.w25p{width:25% !important}
.w27p{width:27% !important}
.w28p{width:28% !important}
.w30p{width:30% !important}
.w40p{width:40% !important}
.w45p{width:45% !important}
.w50p{width:50% !important}
.w55p{width:55% !important}
.w60p{width:60% !important}
.w70p{width:70% !important}
.w80p{width:80% !important}
.w90p{width:90% !important}
.w100p{width:100% !important}
.w200p{width:200% !important}

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

/* Anchor */
.anchorTy{display:block;height:70px;margin-top:-70px}

/* Align 박연우 추가[2020-12-08]*/
.tal, .tal + span.textbox input {text-align:left !important}
.tac, .tac + span.textbox input {text-align:center !important}
.tar, .tar + span.textbox input {text-align:right !important}
.aTop{vertical-align:top !important}
.aMid{vertical-align:middle !important}
.aBtm{vertical-align:bottom !important}
/* Focus Form*/
:focus + label:before{outline:1px dotted;outline:auto 5px -webkit-focus-ring-color;}

/* input[text] */
.inpText{width:100%;height:37px;border:1px solid #c8c8c8;border-radius:0;padding:0 10px;font-size:12px;color:#000;background:#fff;box-shadow:none;-webkit-appearance: none;}
.inpText::-webkit-input-placeholder{color:rgba(40, 39, 40, 0.34)}
.inpText::-moz-placeholder{color:rgba(40, 39, 40, 0.34)}
.inpText:-ms-input-placeholder{color:rgba(40, 39, 40, 0.34)}
.inpText:-moz-placeholder{color:rgba(40, 39, 40, 0.34)}
.inpText[disabled]{background:#f0f0f0;}

/* input[date] */
.dateCalWarp{position:relative;}
.dateCalWarp input[type='date']:after{content:"";position:absolute;top:0;right:0;width:37px;height:35px;border:1px solid #006666;background:url(../../images/mobile/common/ico_cal.png) no-repeat 50% 50%;background-size:15px auto;}
.dateCalWarp input[type='date']::-webkit-inner-spin-button{display:none;}
.dateCalWarp input[type='date']::-webkit-clear-button{display:none;}
.dateCalWarp input[type='date']::-webkit-calendar-picker-indicator{position:absolute;width:37px;height:35px;top:0;right:0;z-index:5;opacity:0;}

/* input[checkbox] */
.inputCheckbox {display:inline-block; position:relative;}
.inputCheckbox input {position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(1px, 1px, 1px, 1px);}
.inputCheckbox input+label:before {display:inline-block; position:absolute; top:0; right:0; width:24px; height:24px;background:url(../../images/mobile/common/bg_chk_default.png) left top no-repeat;background-size:24px;content:'';}
.inputCheckbox input:checked+label:before {background-image:url(../../images/mobile/common/bg_chk_checked.png)}
.inputCheckbox label {display:inline-block; padding:3px 32px 3px 0; color:#282728; font-size:12px;vertical-align:middle;}
.inputCheckbox.all label{font-weight:700}

.inputCheckbox.solo{width:24px}
.inputCheckbox.solo label{text-indent:-9999em;padding-right:0}

/* input[radio] */
.radioWrap > span{margin-left:13px}
.radioWrap > span:first-child{margin-left:0}
.inputRadio {display:inline-block; position:relative;}
.inputRadio input {position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(1px, 1px, 1px, 1px);}
.inputRadio input+label:before {display:inline-block; position:absolute; top:0; left:0; width:17px; height:17px; background:url(../../images/mobile/common/bg_rdo_default.png) left top no-repeat; background-size:17px; content:'';}
.inputRadio input:checked+label:before {background-image:url(../../images/mobile/common/bg_rdo_checked.png)}
.inputRadio label {display:inline-block; padding:1px 0 1px 23px; color:#282728; font-size:12px; vertical-align:middle;}

/* select */
.selectBoxWrap{display:inline-block; position:relative; width:100%;}
.selectBoxWrap:after {display:block; position:absolute; top:50%; right:10px; width:13px; height:7px; background:url(../../images/mobile/common/arr_select.png) no-repeat; background-size:13px; content:''; margin-top:-3px}
.selectBoxWrap .selectBox {display:inline-block; width:100%; height:37px; padding-left:10px;padding-right:10px;border:1px solid #c8c8c8; border-radius:0; background:#fff; color:#000; font-size:12px;}
.selectBoxWrap .selectBox:disabled{background:#f0f0f0}

/* TextArea */
textarea{width:100%;min-width:70px;height:100px;border:1px solid #e4e4e4;resize:none;padding:10px;line-height:18px;overflow-y:auto;-webkit-overflow-scrolling: touch;font-size:12px}
textarea:disabled{border:1px solid #ddd;color:#999;}

/* Text */
.txtBrown{color:#ae8670 !important}
.txtBlue{color:#006666 !important;}
.txtRed{color:#ff0000 !important;}
.txtOrange{color:#f3b100 !important;}
.txtGreen{color:#a7c52d !important;}
.txtGreen02{color:#008995 !important;}
.txtNavy{color:#515f7a !important;}
.txtGray{color:#999 !important;}

a.linkText{color:#000;text-decoration:underline;font-weight:700}
a.linkText.link{text-decoration:none;padding-right:12px;position:relative;color:#0373f9;}
a.linkText.link:after{display:block;content:'';width:7px;height:10px;background:url(../../images/mobile/common/ico_link_link.png) no-repeat;background-size:6px;position:absolute;top:50%;right:0;transform:translateY(-50%)}

/* Button */
.btnArea{display:flex;position:relative;text-align:center;font-size:0;margin-top:13px}
.btnArea.space{padding:15px 15px 23px 15px;margin-top:0}
.btnArea:after{display:block;clear:both;content:''}
.btnArea.left{text-align:left}
.btnArea.right{text-align:right}
.btnArea .btns{margin-left:10px;}
.btnArea .btns:first-child{margin-left:0}
.btnArea > .left{float:left;}
.btnArea > .right{float:right;}

.btnArea.block{display:block}
.btnArea.block .btns{display:flex;margin-left:0;margin-top:10px}
.btnArea.block .btns span{font-size:16px}

.btns{position:relative;display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;text-align:center;height:37px;width:100%;}
.btns span{font-size:13px;font-weight:700;line-height:1;}
.btns.small{height:36px}
.btns.small span{font-size:13px;font-weight:500}
.btns.small02{height:25px;padding:0 10px}
.btns.small02 span{font-size:13px;font-weight:500}

.btns.btnCol01{background:#006666;}
.btns.btnCol01 span{color:#fff}
.btns.btnCol02{background:#0373f9;}
.btns.btnCol02 span{color:#fff}
.btns.btnCol03{background:#272627;}
.btns.btnCol03 span{color:#fff}

.btns.btnLine01{background:#fff;border:1px solid #006666;}
.btns.btnLine01 span{color:#006666}
.btns.btnLine02{background:#fff;border:1px solid #c8c8c8;}
.btns.btnLine02 span{color:#282728}
.btns.btnLine03{background:#fff;border:1px solid #0373f9;}
.btns.btnLine03 span{color:#0373f9}

.btns.question:before{position:relative;top:-1px;display:inline-block;vertical-align:top;content:'';width:11px;height:11px;background:url(../../images/mobile/common/ico_btn_question.png) no-repeat;background-size:11px;margin-right:5px}
.btns.link{justify-content:left;padding-left:16px}
.btns.link:after{display:block;content:'';width:7px;height:13px;background:url(../../images/mobile/common/ico_btn_link.png) no-repeat;background-size:7px;position:absolute;top:50%;right:9px;transform:translateY(-50%)}
.btns.plus{background-image:url(../../images/mobile/common/ico_btn_plus_white.png);background-repeat:no-repeat;background-position:right 10px top 50%;background-size:12px;}
.btns.plus[class*="btnLine"]{background-image:url(../../images/mobile/common/ico_btn_plus.png);}

/* listStyle */
.listStyle01 > li{position:relative;padding-left:7px;font-size:12px;font-weight:100;line-height:17px;word-break: keep-all;}
.listStyle01 > li:before{display:block;content:'';width:2px;height:2px;border-radius:50%;background:#000 ;position:absolute;top:7px;left:0;}
.listStyle01 > li strong{font-weight:700}
.listStyle01 > li .vital{vertical-align:middle}
.listStyle01 > li a{color:#0373f9}

.listStyle02 > li{position:relative;padding-left:10px;font-size:inherit;line-height:inherit}
.listStyle02 > li:before{display:block;content:'';width:5px;height:1px;border-radius:50%;background:#000 ;position:absolute;top:8px;left:0;}
.listStyle02 > li strong{font-weight:700}
.listStyle02 > li .vital{vertical-align:middle}

.listStyle03 > li{position:relative;padding-left:9px;font-size:inherit;line-height:inherit}
.listStyle03 > li:before{display:block;content:'';width:2px;height:2px;border-radius:50%;background:#000;position:absolute;top:7px;left:2px;}
.listStyle03 > li strong{font-weight:700}
.listStyle03 > li .vital{vertical-align:middle}

.listStyleStar > li{position:relative;font-size:12px;padding-left:10px;line-height:18px}
.listStyleStar > li:before{display:block;content:'*';color:#000;position:absolute;top:0;left:0}

.vital{position:relative;display:inline-block;vertical-align:top;padding-right:10px}
.vital:after{display:block;content:'*';font-size:13px;color:#ff0000;position:absolute;top:50%;right:0;margin-top:-3px}

/* boxShow */
.boxShow{position:relative;background:#fff;padding:30px 15px;border-top:1px solid #c8c8c8;border-bottom:1px solid #c8c8c8;margin-top:9px}
.boxShow.first{border-top:0}
.boxShow.ver2{padding-bottom:15px}
.boxShow.bgCol01{background:#eef6ff}
.boxShow.search{margin-top:-3px;padding-top:0;padding-bottom:15px;}
.boxShow.search .boxHorizental > span:nth-child(n+2){margin-left:13px;}
.boxShow:last-child{border-bottom:0}
.boxShow .subTitHead{position:relative;border-bottom:1px solid #c8c8c8;margin:-15px -15px 15px -15px;padding:0 15px 15px 15px;}
.boxShow .subTitHead.noBd{border-bottom:0;padding-bottom:0}
.boxShow .subTitHead .subTit{font-size:13px;font-weight:700;color:#282728;line-height:1}
.boxShow .subTitHead .rightPos{position:absolute;top:2px;right:16px}
.boxShow .subTitHead .rightPos .btnSetup{position:relative;display:inline-block;vertical-align:top;font-size:12px;font-weight:700;color:#282728;padding-left:19px;line-height:1;}
.boxShow .subTitHead .rightPos .btnSetup:before{display:block;content:'';width:14px;height:14px;background:url(../../images/mobile/common/bg_btn_setup.png) no-repeat;background-size:14px;position:absolute;top:0;left:0}
.boxShow .subTitHead .rightPos .inputCheckbox{top:-6px}
.boxShow .subTitHead .rightPos .inputRadio{top:-6px}

.boxShow.form{margin-bottom:2px}
.boxShow.form:after{display:block;content:'';position:absolute;left:0;right:0;bottom:-3px;height:2px;background:#ddd}
.boxShow.form .bnrPwdLink{position:relative;display:block;margin-top:20px;background:#19ae8c;padding:13px 50px 13px 56px;}
.boxShow.form .bnrPwdLink:before{display:block;content:'';width:23px;height:23px;background:url(../../images/mobile/common/bg_pwd_link.png) no-repeat;background-size:23px;position:absolute;top:50%;left:17px;transform:translateY(-50%)}
.boxShow.form .bnrPwdLink:after{display:block;content:'';width:8px;height:13px;background:url(../../images/mobile/common/arr_pwd_link.png) no-repeat;background-size:8px;position:absolute;top:50%;right:17px;transform:translateY(-50%)}
.boxShow.form .bnrPwdLink dt{font-size:12px;font-weight:700;color:#fff;line-height:1}
.boxShow.form .bnrPwdLink dd{font-size:11px;font-weight:150;color:#fff;line-height:1;margin-top:4px}
.boxShow.form .agreeBox{border:1px solid #b2b2b2;height:121px;overflow-y:auto;-webkit-overflow-scrolling: touch;padding:10px}
.boxShow.form .agreeBox dl{margin-top:15px}
.boxShow.form .agreeBox dl:first-child{margin-top:0}
.boxShow.form .agreeBox dt{font-size:12px;color:#282728;margin-bottom:5px;line-height:18px}
.boxShow.form .agreeBox dd{font-size:12px;color:#282728;line-height:18px}
.boxShow.form .agreeBox + .attachList{margin-top:20px}

.boxShow.accodian{padding-bottom:0}
.boxShow.accodian .subTitHead{margin-bottom:0}
.boxShow.accodian .accodianCont{display:none}
.boxShow.accodian .btnAccodian{display:block;text-indent:-9999em;width:16px;height:16px;background:url(../../images/mobile/common/btn_accodian_plus.png) no-repeat;background-size:16px}

.boxShow.accodian.open{padding-bottom:30px}
.boxShow.accodian.ver2.open{padding-bottom:15px}
.boxShow.accodian.open .subTitHead{margin-bottom:15px}
.boxShow.accodian.open .accodianCont{display:block}
.boxShow.accodian.open .btnAccodian{background-image:url(../../images/mobile/common/btn_accodian_minus.png)}

/* formList */
.formList dt{position:relative;margin:15px 0 9px 0;font-size:13px;color:#282728;line-height:1;font-weight:700;}
.formList dd{overflow:hidden;}
.formList dd + dd{margin-top:10px}
.formList.first dt{margin-top:0}
.formList .selectedArea{background:#f0f0f0;margin-top:10px;padding:7px 15px;font-size:0}
.formList .selectedArea .item{position:relative;display:inline-block;vertical-align:top;margin-left:13px;padding-left:20px}
.formList .selectedArea .item:first-child{margin-left:0}
.formList .selectedArea .item:before{display:block;content:'';width:16px;height:11px;background:url(../../images/mobile/common/bg_selected_item.png) no-repeat;background-size:16px;position:absolute;top:50%;left:0;margin-top:-5px}
.formList .selectedArea .item span{display:block;font-size:11px;color:#282728;line-height:1}
.formList .selectedArea .item .clearBtn{display:none}
.formList.caption{position:relative;}
.formList.caption .caption{font-size:12px;color:#282728;line-height:1;position:absolute;top:0;right:0}

.formList.sameLine{display:flex;width:100%;margin-top:15px}
.formList.sameLine dt{display:inline-flex;width:100%;align-items:center;margin:0}
.formList.sameLine dd{display:inline-flex;width:100%;align-items:center;justify-content:flex-end}

/* boxHorizental */
.boxHorizental{display:flex; align-items:center;width:100%;margin-top:10px}
.boxHorizental:first-child,
.boxHorizental.first{margin-top:0}
.boxHorizental > span{margin-left:8px; flex:1;}
.boxHorizental > span.addBtn .btns{height:37px;padding:0 14px}
.boxHorizental > span.addBtn .btns span{display:flex;width:100%;height:100%;align-items:center;justify-content: center;font-size:13px;font-weight:400}
.boxHorizental > span .inpText{font-size:12px}
.boxHorizental > span:first-child{margin-left:0}
.boxHorizental > .addBtn{display:inline-flex;align-items:center;height:37px;min-width:72px}
.boxHorizental > .addText{font-size:12px}
.boxHorizental > .dash{text-align:center;display:inline-block;margin:0 -8px 0 4px;line-height:37px;font-size:12px;color:#282728}
.boxHorizental > .radioWrap{flex:none;}

/* tblData */
.tblData{width:100%;border-left:1px solid #b2b2b2;border-top:1px solid #b2b2b2;}
.tblData + .tblData {margin-top:10px;}
.tblData table{width:100%;}
.tblData table th{background:#eaffff;text-align:center;font-size:12px;font-weight:700;color:#282728;padding:5px 9px;height:30px;border-right:1px solid #b2b2b2;border-bottom:1px solid #b2b2b2;}
.tblData table th.gray{background:#f0f0f0;}
.tblData table thead + tbody th{background:#f0f0f0;font-weight:300;}
.tblData table tbody td{font-size:12px;background:#fff;color:#282728;line-height:15px;padding:7px 9px;height:30px;border-bottom:1px solid #b2b2b2;border-right:1px solid #b2b2b2;text-align:center;}
.tblData table tbody .innerData td{background:#f0f0f0;}
.tblData table tbody .innerData td .tit{position:relative;display:block;padding-left:11px}
.tblData table tbody .innerData td .tit:before{display:block;content:'';width:8px;height:8px;background:url(../../images/mobile/common/bg_innerData_td.png) no-repeat;background-size:8px;position:absolute;top:1px;left:0}
.tblData table tfoot td{font-size:12px;color:#282728;line-height:15px;padding:7px 9px;height:30px;border-bottom:1px solid #b2b2b2;border-right:1px solid #b2b2b2;text-align:center;}
.tblData table tfoot td{background:#f3ffff;font-weight:700;}
.tblData table tbody .stxt{font-weight:700}
.tblData table tbody .ntxt{font-weight:400}
.tblData table tbody .smtxt{font-size:10px}
.tblData table tbody th.step01{font-weight:700;text-align:left}
.tblData table tbody th.step02{font-weight:700;padding-left:15px;text-align:left}
.tblData table tbody th.step03{font-weight:400;padding-left:20px;text-align:left}
.tblData table tbody th.step04{font-weight:400;padding-left:25px;text-align:left}
.tblData .total th {font-weight:700;}
.tblData .total td {background:#f3ffff;font-weight:700;}
.tblData td.total {background:#f3ffff;font-weight:700;}
.tblData + ul[class*="listStyle"] {margin-top:5px;}

/* tabMenu */
.tabMenu{display:flex;width:100%;margin-top:7px;border-top:1px solid #c8c8c8}
.tabMenu > a{position:relative;display:inline-flex;vertical-align:top;width:100%;height:60px;align-items:center;justify-content:center;text-align:center;border-left:1px solid #c8c8c8;border-bottom:1px solid #c8c8c8;background:#f0f0f0}
.tabMenu > a:first-child{border-left:0}
.tabMenu > a span{font-size:12px;line-height:16px;color:#000}
.tabMenu > a.on{background:#fff;border-top:2px solid #0373f9;border-bottom:0}
.tabMenu > a.on{background:#fff;border-top:2px solid #0373f9;border-bottom:0}
.tabMenu > a.on + a:before{display:block;content:'';width:10px;height:100%;background:url(../../images/mobile/common/bg_tabmenu_shadow.png) no-repeat;background-size:10px;position:absolute;left:0;bottom:0}

.tabGroup .tab{display:flex;width:100%;border-left:1px solid #c8c8c8;}
.tabGroup .tab li{display:inline-flex;vertical-align:top;width:100%;height:37px;text-align:center;border-top:1px solid #c8c8c8;border-right:1px solid #c8c8c8;border-bottom:1px solid #c8c8c8;}
.tabGroup .tab li a{display:flex;font-size:12px;color:#000;background:#fff;width:100%;height:100%;align-items:center;justify-content:center;}
.tabGroup .tab li.on a{background:#006666;color:#fff}

.tabGroup .tab.wrap{flex-wrap:wrap;position:relative;border-left:1px solid #c8c8c8;border-top:1px solid #c8c8c8;}
.tabGroup .tab.wrap:after{content:"";width:calc(100% - 2px);height:calc(100% - 2px);border:1px solid #c8c8c8;position:absolute;left:0;bottom:0;background:#f0f0f0;}
.tabGroup .tab.wrap li{width:50%;border-top:none;z-index:1;}
.tabGroup + .topTitle{margin-top:15px;}

/* guideBox */
.guideBox{background:#f5f5f5;border:1px solid #c8c8c8;padding:12px 10px}

.boxInfo {display:block;border-left:1px solid #c8c8c8;border-right:1px solid #c8c8c8;border-bottom:1px solid #c8c8c8;}
.boxInfo .item {display:block;border-top:1px solid #c8c8c8;padding:10px 10px;background:#fff;}
.boxInfo .item p {font-size:12px;line-height:1.5;padding-top:4px;}
.boxInfo .item p:first-child {padding-top:0;}
.boxInfo .item p strong {font-size:13px;}

/* commList */
.commList .item{margin-top:-1px;}
.commList .item .itemHead{display:flex;width:100%;border:1px solid #c8c8c8;background:#fff;height:46px;}
.commList .item:first-child .itemHead{border-top:1px solid #c8c8c8}
.commList .item .itemHead .col{position:relative;display:inline-flex;align-items:center;height:100%;flex:1;border-left:1px solid #b2b2b2;min-width:0;font-size:12px;}
.commList .item .itemHead .col:first-child{border-left:0}
.commList .item .itemHead .col.small{min-width:42px;padding:0 3px;justify-content:center;flex:none;}
.commList .item .itemHead .col .colMid > span{display:block;text-align:center;line-height:1;}
.commList .item .itemHead .col .colMid > span.num{font-size:12px;color:#282728}
.commList .item .itemHead .col .colMid > span.stype{font-size:10px;color:#929292;margin-top:4px}
.commList .item .itemHead .col .subject{position:relative;display:block;font-size:12px;color:#282728;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;padding:14px 45px 14px 10px;width:100%}
.commList .item .itemHead .col .subject.wrap{white-space: normal;text-overflow: unset;overflow: visible;padding:14px 45px 14px 10px;font-size:0;}
.commList .item .itemHead .col .obj {position:relative;display:inline-block;font-size:12px;padding-left:9px;padding-right:7px;}
.commList .item .itemHead .col .obj:before {content:"|";position:absolute;left:0;top:50%;margin-top:-7px;color:#9b9a9b;}
.commList .item .itemHead .col .obj:first-child {padding-left:0;}
.commList .item .itemHead .col .obj:last-child {padding-right:0;}
.commList .item .itemHead .col .obj:first-child:before {display:none;}
.commList .item .itemCont{display:none;background:#fff;border-left:1px solid #c8c8c8;border-right:1px solid #c8c8c8;border-bottom:1px solid #c8c8c8;padding:10px;font-size:12px;color:#282728;line-height:18px}

.commList.accodian .item .itemHead .col .subject:after{display:block;content:'';width:13px;height:7px;background:url(../../images/mobile/common/btn_list_accodia_down.png) no-repeat;background-size:13px;position:absolute;top:50%;right:11px;margin-top:-3.5px;}
.commList.accodian .item.open .itemHead{border:1px solid #282728;position:relative;}
.commList.accodian .item.open .itemHead:after{content:'';position:absolute;left:0;right:0;bottom:-4px;height:3px;background:#ddd;}
.commList.accodian .item.open .itemHead .col .subject:after{transform:rotate(180deg)}
.commList.accodian .item.open .itemCont{display:block;margin-bottom:10px;}
.commList.accodian .item.open .itemCont .btnArea{margin:10px -11px -11px -11px;}
.commList.accodian .item.open .itemCont .btnArea .btns{margin:0;}
.commList.accodian .item.open:last-child .itemCont {margin-bottom:0;}

.commList.tblList .item .itemHead {position:relative;padding-right:34px;min-height:40px;height:auto;}
.commList.tblList .item .itemHead .col {padding:5px 10px;flex:none;height:auto;}
.commList.tblList .item .itemHead .col.arrow {padding:0;position:absolute;right:0;top:0;height:100%;}
.commList.tblList .item .itemHead .col.tac {justify-content:center}
.commList.tblList .item .itemHead .col.tar {justify-content:flex-end}
.commList.tblList .item .itemHead .col .subject {padding:0;min-width:34px;min-height:40px;height:auto;}
.commList.tblList .item.thead .itemHead {background:#eaffff;min-height:30px;}
.commList.tblList .item.thead .itemHead .col{justify-content: center;font-weight:700;padding:8px 10px;}
.commList.tblList .item.thead .itemHead .col:last-child{border-right:1px solid #b2b2b2;}

/* paging */
.paging{display:table;width:100%;font-size:0;text-align:center;margin-top:15px}
.paging .btnPage{display:inline-block;vertical-align:top;width:22px;height:22px;line-height:20px;border:1px solid #dbdbdb;background:#fff;background-repeat:no-repeat;background-position:50%;text-align:center;margin:0 2.5px;font-size:11px;font-weight:700;color:#d3d3d3;}
.paging .btnPage.current{border-color:#5c5c5c;color:#282728}
.paging .btnPage.first{text-indent:-9999em;background-image:url(../../images/mobile/common/btn_page_first.png);background-size:12px;}
.paging .btnPage.prev{text-indent:-9999em;background-image:url(../../images/mobile/common/btn_page_prev.png);background-size:7.5px;}
.paging .btnPage.next{text-indent:-9999em;background-image:url(../../images/mobile/common/btn_page_next.png);background-size:7.5px;}
.paging .btnPage.last{text-indent:-9999em;background-image:url(../../images/mobile/common/btn_page_last.png);background-size:11px;}

.paging table{float:none;width:auto;height:auto;margin:0 auto;}
.paging .l-btn {border-radius:0;border:1px solid #d3d3d3;min-width:22px;margin:0 2.5px;padding:0;color:#d3d3d3;background:#fff}
.paging .l-btn .l-btn-text {min-width:22px;line-height:22px;font-size:11px;font-weight:700;color:inherit;padding:0}
.paging .l-btn-left .l-btn-empty {margin:0;width:22px;height:22px;}
.paging .l-btn-left .l-btn-icon {width:22px;height:22px;top:0;left:0;margin-top:0;background-repeat:no-repeat;background-position:50%}
.paging .pagination-links .l-btn {border-color:#d3d3d3;}
.paging .pagination-first {background-image:url(../../images/mobile/common/btn_page_first.png);background-size:12px;}
.paging .pagination-prev {background-image:url(../../images/mobile/common/btn_page_prev.png);background-size:7.5px;}
.paging .pagination-next {background-image:url(../../images/mobile/common/btn_page_next.png);background-size:7.5px;}
.paging .pagination-last {background-image:url(../../images/mobile/common/btn_page_last.png);background-size:11px;}
.paging .l-btn-disabled,
.paging .l-btn-disabled:hover {opacity:1}
.paging .l-btn-focus{outline:0}
.paging .pagination-links .l-btn-plain-selected{background:#fff;border-color:#5c5c5c;color:#282828}

/* 유효성체크 툴팁 */
.formError{margin-left:2px;box-shadow:6px 6px 0px rgba(0, 0, 0, 0.2);margin-top:-10px !important}
.formError .formErrorArrow{width:12px;height:12px;background:url(../../images/mobile/common/arr_form_error.png) no-repeat;background-size:12px;position:absolute;bottom:-11px;left:0;margin:0;border-left:1px solid #006666}
.formError .formErrorArrow.formErrorArrowBottom{bottom:auto;top:-11px;transform: rotateX(180deg);}
.formError .formErrorArrow > div{display:none}
.formError .formErrorContent{border:1px solid #006666;border-radius:0;background:#e5f6f6;font-size:12px;color:#282728;padding:8px 20px;box-shadow:none}
.formError .formErrorContent b{position:relative;display:block;padding-left:20px;font-weight:400}
.formError .formErrorContent b:before{display:block;content:'';width:13px;height:13px;background:url(../../images/mobile/common/ico_form_error.png) no-repeat;background-size:13px;position:absolute;left:0;top:2px;}



/* agreeBox */
.agreeBox .msg{font-size:12px;color:#282728;line-height:18px;margin-bottom:15px}
.agreeBox dl{margin-top:18px}
.agreeBox dl:first-child{margin-top:0}
.agreeBox dt{font-size:13px;font-weight:700;color:#282728;margin-bottom:4px;line-height:18px}
.agreeBox dd{font-size:12px;color:#282728;line-height:18px;}