@charset "utf-8";

:root{
	--color-main01: #020079;
	--color-main02: #1833DB;
	--color-main03: #020079;
	--color-main04: #ff6a00;

	--color-gray100: #F8F9FB;
	--color-gray200: #EEF1F4;
	--color-gray300: #E2E6EB;
	--color-gray400: #D0D7E7;
	--color-gray500: #B6C0CE;
	--color-gray600: #A3A9B3;
	--color-gray700: #787F85;

	--color-red: #f44336;

	--height-input: 3rem;
	--border-color-input: #A3A9B3;
	--width-form-tit:9rem;
}

html{scroll-behavior: smooth; overflow-x:hidden;}

br.br640{display:none;}
br.br480{display:none;}

.w1600{width:1600px; margin:0 auto;}
.w1440{width:1440px; margin:0 auto;}
.w1280{width:1280px; margin:0 auto;}


/***** text align *****/
.T_center{text-align:center !important;}
.T_left{text-align:left !important;}
.T_right{text-align:right !important;}

/* font color */
.esse{color:#f44336;}
.color01{color:var(--color-main01);}
.color02{color:var(--color-main02);}
.color03{color:var(--color-main03);}
.color04{color:var(--color-main04);}
.color05{color:var(--color-main05);}

.inf-error{position:relative; padding-left:1.5rem; margin-top:0.8rem; letter-spacing:0.3px; line-height:1.5; color:#f44336; animation:shakeX 1s;}
.inf-error:before{content:'!'; display:block; background:#fff; width:18px; height:18px; text-align:center; background:#f44336; font-size:14px; color:#fff; line-height:18px; top:3px; border-radius:50%; font-weight:bold; position:absolute; left:0;}

/* margin */
.mt0d5{margin-top:0.5rem !important;}
.mt1{margin-top:1rem !important;}
.mt125{margin-top:1.25rem !important;}
.mt2{margin-top:2rem !important;}
.mt3{margin-top:3rem !important;}
.mt4{margin-top:4rem !important;}

/***** input *****/
input{width:100%; height:var(--height-input); line-height:var(--height-input); color:#000; border:1px solid var(--border-color-input); font-size:1rem; padding:0 0.5rem; font-family:"NanumNeo_R",sans-serif; border-radius: 0.5rem;}
input.full{width:100%;}
input:focus{border:2px solid #333;}
input::placeholder{font-family:'NanumNeo_R',sans-serif; color:#aaa;}
input:disabled,
input:read-only{background:#eee; cursor:default;}
input:disabled:active,input:disabled:focus,
input:read-only:active,input:read-only:focus{border:1px solid var(--border-color-input);}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
	-webkit-text-fill-color: #000;
    -webkit-box-shadow: 0 0 0px 1000px #fff inset;
    box-shadow: 0 0 0px 1000px #fff inset;
    transition: background-color 5000s ease-in-out 0s;
}
input:autofill,
input:autofill:hover,
input:autofill:focus,
input:autofill:active {
	-webkit-text-fill-color: #000;
    -webkit-box-shadow: 0 0 0px 1000px #fff inset;
    box-shadow: 0 0 0px 1000px #fff inset;
    transition: background-color 5000s ease-in-out 0s;
}
input[type="checkbox"],
input[type="radio"]{width:1rem; height:1rem; vertical-align:middle; margin:0; line-height:initial; padding:0; border:inherit; border-radius:inherit; font-size:inherit;}

/* checkbox,radio */
label.c-input{position:relative; display:inline-block; padding:1.25rem; padding-left:1.8rem; cursor:pointer; font-size:1rem; }
label.c-input input{position:absolute; z-index:-1; opacity:0; width:0; height:0; padding:0;}
label.c-input div.ci-show{position:absolute; top:50%; left:0; transform:translateY(-50%); height:1.25rem; width:1.25rem; background:#fff; border:1px solid var(--border-color-input); border-radius: 4px;}
label.c-input div.ci-show:after{content:""; position:absolute;}
label.c-input:hover input ~ div.ci-show,
label.c-input input:focus ~ div.ci-show{border-color:#333;}
label.c-input input:checked ~ div.ci-show{background:var(--color-main01); border-color:var(--color-main01);}
label.c-input:hover input:not([disabled]):checked ~ div.ci-show{background:var(--color-main01);}
label.c-input input:checked:focus ~ div.ci-show{background:var(--color-main01);}
label.c-input input:disabled ~ div.ci-show{background:#e6e6e6; opacity:0.6; pointer-events:none;}
label.c-input input:checked ~ div.ci-show:after{display:block;}

label.c-input.ci-check div.ci-show:after{width:3.25px; height:7px; left:50%; top:45%; border:solid #ddd; border-width:0 2px 2px 0; transform:translate(-50%, -50%) rotate(45deg);}
label.c-input.ci-check:hover input ~ div.ci-show:after,
label.c-input.ci-check input:focus ~ div.ci-show:after{border-color:var(--border-color-input);}
label.c-input.ci-check input:checked ~ div.ci-show:after{border-color:#fff;}

label.c-input.ci-radio div.ci-show{border-radius:50%;}
label.c-input.ci-radio div.ci-show:after{left:50%; top:50%; transform:translate(-50%, -50%); height:6px; width:6px; border-radius:50%; background:#fff;}
label.c-input.ci-radio input:disabled ~ div.ci-show:after{background:#7b7b7b;}

label.c-input.square{display:inline-block; margin:0; padding:0; margin:0.25rem;}
label.c-input.square div.ci-show{width:auto; padding:0 1rem; border-radius: 0.5rem; border:2px solid var(--color-gray500); font-family:'NanumNeo_B',sans-serif; background:#fff; height:var(--height-input); line-height:calc(var(--height-input) - 4px); position:static; transform:none;}
label.c-input.square div.ci-show:after{display:none !important;}
label.c-input.square:hover input ~ div.ci-show, 
label.c-input.square input:focus ~ div.ci-show{border-color:var(--color-main02);}
label.c-input.square input:not(:checked) ~ div.ci-show{border-color:var(--color-gray500);}
label.c-input.square:hover input:not([disabled]):checked ~ div.ci-show{background:var(--color-main02);}
label.c-input.square input:checked ~ div.ci-show{background:var(--color-main02); border-color:var(--color-main02); color:#fff; box-shadow:5px 8px 20px rgba(0,0,0,0.1);}
label.c-input.square input:checked:focus ~ div.ci-show{background:var(--color-main02); font-family:'NanumNeo_EB',sans-serif;}

/* select */
select{height:var(--height-input); border:1px solid var(--border-color-input); font-size:1rem; border-radius: 0.5rem; font-family:'NanumNeo_R',sans-serif; padding:0 3rem 0 0.8rem; background:#fff url("../img/ico_arrow_down.svg")right center/2.2rem 14px no-repeat;}
select:active,
select:focus{border:2px solid #333;}

/* textarea */
textarea{width:100%; font-size:0.95rem; color:#000; min-height:5rem; border:1px solid var(--border-color-input); padding:0.5rem; font-family:'NanumNeo_R',sans-serif; resize:none;}
textarea::placeholder{font-family:'NanumNeo_L',sans-serif; color:#aaa;}
textarea:focus,
textarea:active{border:2px solid #333;}

/* file */
input[type="file"]{background:#fff !important;}
div.c-file{margin-bottom:0.5rem;}
div.c-file input[type="file"]{display:none;}
div.c-file div.ci-show{width:100%; height:var(--height-input); line-height:var(--height-input); border:1px solid var(--border-color-input); position:relative; background:#fff; border-radius: 0.5rem;}
div.c-file div.ci-show a.file-attach{position:absolute; width:6rem; height:2.25rem; border-radius: 4px; line-height:2.25rem; text-align:center; display:block; font-family:'NanumNeo_B',sans-serif; font-size:0.9rem; background:#828181; color:#fff; top:50%; left:0.5rem; transform:translateY(-50%);}
div.c-file div.ci-show div.file-name{color:#777; padding-left:7.25rem; padding-right:13rem; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
div.c-file div.ci-show div.attach-after{display:none; position:absolute; top:50%; right:0.5rem; transform:translateY(-50%); align-items:center; gap:0.25rem;}
div.c-file div.ci-show div.attach-after a[class^="btn-"]{display:block; padding:0 0.5rem; height:2.25rem; line-height:2.25rem; background:#fff; font-size:0.9rem; position:relative; padding-left:1.5rem;}
div.c-file div.ci-show div.attach-after a[class^="btn-"]:before{content:''; display:block; width:1rem; height:1rem; position:absolute; top:50%; left:0.25rem; transform:translateY(-50%);}
div.c-file div.ci-show div.attach-after a.btn-preview:before{background:url("../img/ico_download.svg")center/93% auto no-repeat;}
div.c-file div.ci-show div.attach-after a.btn-delete:before{background:url("../img/ico_plus.svg")center/100% auto no-repeat; transform:translateY(-50%) rotate(45deg);}
div.c-file.attached div.ci-show div.file-name{color:#000;}
div.c-file.attached div.ci-show div.attach-after{display:flex;}

/* password eyes */
div.pw{position:relative; width:100%;}
div.pw input.pw-input{padding-right:2rem;}
div.pw a.pw-eyes{width:1.5rem; height:1.5rem; position:absolute; top:50%; right:0.8rem; transform:translateY(-50%); opacity:.4;}
div.pw a.pw-eyes:hover{opacity:.8;}
div.pw a.pw-eyes.hide{background:url("../img/ic_pw_show.svg")center/100% auto no-repeat;}
div.pw a.pw-eyes.show{background:url("../img/ic_pw_hide.svg")center/100% auto no-repeat;}
ul.pwd-chk{}
ul.pwd-chk li{font-size:0.9rem; color:#9f9f9f; position:relative; padding-left:1.5em; margin-top:0.5rem;}
ul.pwd-chk li:before{content:''; display:block; width:1em; height:1em; position:absolute; top:1px; left:0; background:url("../img/ico_check.svg")center/100% auto no-repeat; opacity: .2;}
ul.pwd-chk li.on{color:#0ec715;}
ul.pwd-chk li.on:before{background-image:url("../img/ico_check_green.svg"); opacity: 1;}
p.error-msg{position:relative; padding-left:1.5em; font-size:0.9rem; color:#f44336;}
p.error-msg:before{content:''; display:block; width:1em; height:1em; background:url("../img/ico_error.svg")center/80% auto no-repeat; position:absolute; top:1.6px; left:0;}


/* edit style */
#edit-style-reset a{color:blue;}
#edit-style-reset a:hover{text-decoration:underline;}
#edit-style-reset img{display:inline-block; max-width:100%;}
#edit-style-reset table{max-width:100%;}
#edit-style-reset table th{border:1px solid #ccc; padding:5px; font-weight:bold;}
#edit-style-reset table td{border:1px solid #ccc; padding:5px;}
#edit-style-reset ul,
#edit-style-reset ol,
#edit-style-reset dl{list-style:revert;}
#edit-style-reset video,
#edit-style-reset iframe{max-width:100%;}
.edit-style-reset a{color:blue;}
.edit-style-reset a:hover{text-decoration:underline;}
.edit-style-reset img{display:inline-block; max-width:100%;}
.edit-style-reset table{max-width:100%;}
.edit-style-reset table th{border:1px solid #ccc; padding:5px; font-weight:bold;}
.edit-style-reset table td{border:1px solid #ccc; padding:5px;}
.edit-style-reset ul,
.edit-style-reset ol,
.edit-style-reset dl{list-style:revert;}
.edit-style-reset video,
.edit-style-reset iframe{max-width:100%;}


/* button */
.btn-center-wrap{margin-top:4rem; display:flex; gap:0.5rem; align-items:center; justify-content:center; flex-wrap:wrap;}
.c-btn{display:inline-block; font-family:'NanumNeo_B',sans-serif; min-width:6rem; font-size:1rem; word-break:keep-all; text-align:center; border-radius: 0.5rem; padding:0.8rem 1.2rem; border:2px solid #333; transition:0.3s;}
.c-btn[class*="--sm"]{font-size:0.9rem; padding:0.4rem 0.8rem; min-width:fit-content;}
.c-btn[class*="--lg"]{font-size:1.25rem; padding:1rem 2.5rem; min-width:fit-content; margin: 0 0.25rem;}

.c-btn.fill01{background:var(--color-main01); color:#fff; border-color:var(--color-main01);}
.c-btn.fill02{background:var(--color-main02); color:#fff; border-color:var(--color-main02);}
.c-btn.fill03{background:var(--color-main03); color:#fff; border-color:var(--color-main03);}
.c-btn.fill04{background:var(--color-main04); color:#fff; border-color:var(--color-main04);}

.c-btn.delete{background:var(--color-red); color:#fff; border-color:var(--color-red);}
.c-btn.write{background:var(--color-main01); color:#fff; border-color:var(--color-main01);}
.c-btn.reply{background:var(--color-main04); color:#fff; border-color:var(--color-main04);}
.c-btn.confirm{background:#333; color:#fff; border-color:#333;}
.c-btn.cancel{background:#fff; border:2px solid #ccc;}
.c-btn.underline{font-family:'NanumNeo_B',sans-serif; text-align: left; text-decoration:underline; text-underline-offset:5px; padding:0 !important; background:transparent !important; border:0 !important; box-shadow: none; transform: unset; font-size: inherit;}
.c-btn.link{background:var(--color-main01); color:#fff; border-color:var(--color-main01); padding-right:4rem; position:relative;}
.c-btn.link:after{content:''; display:block; width:1.25rem; height:1.25rem; background:url("../img/arrow_link_wh.svg")center/100% auto no-repeat; position:absolute; top:50%; right:1rem; transform:translateY(-50%);}
.c-btn.link[class*="--sm"]{padding-right:2.5rem;}
.c-btn.link[class*="--sm"]:after{right:1rem; width:0.8rem; height:0.8rem;}
.c-btn.arrow{position:relative; padding-left:1.5rem; padding-right:3rem;}
.c-btn.arrow:after{content:''; display:block; width:1em; height:1em; background:url("../img/ico_arrow.svg")center/80% auto no-repeat; position:absolute; top:50%; right:1rem; transform:translateY(-50%);}
.c-btn.arrow[class*="fill"]:after{background-image:url("../img/ico_arrow_wh.svg");}
.c-btn.arrow.confirm:after{background-image:url("../img/ico_arrow_wh.svg");}
.c-btn.download{position:relative; padding-right:1.5rem; padding-left:3rem;}
.c-btn.download:after{content:''; display:block; width:1.25rem; height:1.25rem; background:url("../img/ico_download.svg")center/100% auto no-repeat; position:absolute; top:50%; left:1.125rem; transform:translateY(-50%);}
.c-btn.download[class*="fill"]:after{background-image:url("../img/ico_download_wh.svg");}
.c-btn.download.confirm{background: var(--color-main02); border-color: var(--color-main02);}
.c-btn.download.confirm:after{background-image:url("../img/ico_download_wh.svg");}
.c-btn:hover{box-shadow:0 12px 28px rgba(0, 0, 0, 0.18); transform: translateY(-5px);}
.c-btn.underline:hover{box-shadow:none; transform: unset;}
.c-btn:active{box-shadow:0 12px 28px rgba(0, 0, 0, 0.18); transform: translateY(-5px);}
.c-btn.expend{position: relative; padding-left: 3rem;}
.c-btn.expend::after{content: ''; position: absolute; width: 1.25rem; height: 1.25rem; left: 1.2rem; top: 50%; transform: translateY(-50%); background: url('../img/ico_expended.svg') center/100% no-repeat;}


/* form */
div.form{}
div.form div.form-item{display:flex; gap:1rem; padding:1.5rem 0; border-bottom:1px dashed #ddd;}
div.form div.form-item div.tit{width:9rem; margin-top:1rem; font-family:'NanumNeo_EB','NotoKr_B',sans-serif; text-align:center;}
div.form div.form-item div.con{width:calc(100% - 10rem);}
div.form div.form-item div.con > div.row{display:flex;align-items:center;}
div.form div.form-item div.con a.form-btn{height:3rem; line-height:calc(3rem - 2px); text-wrap:nowrap; border:2px solid #323232; background:#fff; font-family:'NanumNeo_B','NotoKr_M',sans-serif; box-shadow:0 6px 16px rgba(0,0,0,0.1); padding:0 1rem; margin-left:0.5rem; border-radius:0.5rem; transition:0.3s; -webkit-transition:0.3s;}
div.form div.form-item div.con a.form-btn:hover{transform:translateY(-2px); box-shadow:0 8px 18px rgba(0,0,0,0.15);}
div.form div.form-item div.con ul.inf{font-size:0.9rem; margin-top:0.5rem;}
div.form div.form-item div.con ul.inf li{padding-left:1.3rem; position:relative; margin-bottom: 0.5rem;}
div.form div.form-item div.con ul.inf li:last-child{margin-bottom: 0;}
div.form div.form-item div.con ul.inf li:before{content:'!'; display:block; width:16px; height:16px; line-height:16px; text-align:center; font-size:11px; color:#fff; font-family:'Montserrat_B', 'NanumNeo_B','NotoKr_B',sans-serif; background:var(--color-main02); border-radius:50%; position:absolute; top:-1px; left:0;}
div.form div.form-item div.con span.bar{display:inline-block; margin:0 0.5rem;}
div.form div.form-item div.con p.fix{height:3rem; line-height:3rem;}

/* 국적 */
div.form div.form-item.nationality div.con > select{width: 100%;} 

/* birth */
div.form div.form-item.birth{}
div.form div.form-item.birth div.con{}
div.form div.form-item.birth div.con div.row{}
div.form div.form-item.birth div.con div.row input[type="text"]{width:5rem;}

/***** modal *****/
div.modal-wrap{position:fixed; width:100%; height:100%; top:0; left:0; z-index:200; display: none;}
div.modal-wrap div.bg{position:absolute; width:100%; height:100%; top:0; left:0; background:rgba(0,0,0,0.3);}
div.modal-wrap div.modal{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); box-shadow:0 10px 20px rgba(0,0,0,0.2); min-width:640px; background:#fff; border-radius: 1.5rem;}
div.modal-wrap div.modal div.m-head{background:var(--color-main03); color:#fff; height:4rem; width:100%; display:flex; align-items:center; justify-content:space-between;}
div.modal-wrap div.modal div.m-head p.tit{padding-left:2rem; font-family:'NanumNeo_B',sans-serif; font-size:1.3rem;}
div.modal-wrap div.modal div.m-head p.tit span.sub-tit{font-size:1.125rem; font-family:'NanumNeo_L',sans-serif; margin-left:0.5rem;}
div.modal-wrap div.modal div.m-head a.modal-close{display:block; width:4rem; height:4rem; background:rgba(0,0,0,0.2) url("../img/ico_close_wh.svg")center/60% auto no-repeat;}
div.modal-wrap div.modal div.inner{padding:2rem;}
div.modal-wrap div.modal div.inner p.tit{text-align:center; word-break:keep-all; font-size:1.8rem; font-family:'NanumNeo_EB',sans-serif; margin-bottom:0.5rem;}
div.modal-wrap div.modal div.inner p.txt{text-align:center; line-height:1.5; color:#777; margin-top:1rem; background:#f5f5f5; padding:1rem;}
div.modal-wrap div.modal div.inner p.txt02{text-align:center; line-height:1.5; margin-top:0.25rem; word-break:keep-all; color:#6F6F6F;}
div.modal-wrap div.modal div.inner div.inp-wrap{width:100%; background:#f5f5f5; padding:2rem; margin-top:2rem; border-radius:1rem;}
div.modal-wrap div.modal div.inner div.inp-wrap input[type="text"]{width:100%; background:transparent; border-radius:0; border:0; border-bottom:1px solid #333; padding:0; height:auto; line-height:initial; padding:0.5rem 0;}
div.modal-wrap div.modal div.inner div.inp-wrap input[type="password"]{width:100%; background:transparent; border-radius:0; border:0; border-bottom:1px solid #333; padding:0; height:auto; line-height:initial; padding:0.5rem 0;}
div.modal-wrap div.modal div.inner div.inp-wrap div.pw{width:100%;}
div.modal-wrap div.modal div.inner div.btn-wrap{margin-top:2rem; text-align:center;}
div.modal-wrap div.modal div.inner div.btn-wrap a.c-btn{margin:0 0.25rem;}

/* modal (정보수정) */
div.modal-wrap.pw-modal div.modal div.inner div.ico{width:2.5rem; height:2.5rem; margin:0 auto 1rem auto;}
div.modal-wrap.pw-modal div.modal div.inner div.ico img{width:100%; height:100%; object-fit:contain;}
div.modal-wrap.pw-modal div.modal div.inner div.pw{margin-top:2rem; margin-bottom:3rem;}

/* modal (비밀글) */
div.modal-wrap.secret-modal div.modal div.inner div.ico{width:2.5rem; height:2.5rem; margin:0 auto 1rem auto;}
div.modal-wrap.secret-modal div.modal div.inner div.ico img{width:100%; height:100%; object-fit:contain;}
div.modal-wrap.secret-modal div.modal div.inner div.pw{margin-top:2rem; margin-bottom:3rem;}

/* modal (글삭제) */
div.modal-wrap.bbs-delete div.modal div.inner div.ico{width:2.5rem; height:2.5rem; margin:0 auto 1rem auto;}
div.modal-wrap.bbs-delete div.modal div.inner div.ico img{width:100%; height:100%; object-fit:contain;}

/***** term *****/
div.term div.term-box div.set{}
div.term div.term-box p.tit01{font-family:'NanumNeo_EB','NotoKr_B',sans-serif; text-align:center; font-size:1.35em; margin:2rem 0;}
div.term div.term-box p.tit02{font-family:'NanumNeo_B','NotoKr_B',sans-serif; font-size:1.05em; margin:2rem 0 0.5rem 0;}
div.term div.term-box p.txt01{margin-bottom:0.5rem;}
div.term div.term-box ul.num{}
div.term div.term-box ul.num > li{position:relative; padding-left:1rem; margin:0.32rem 0; color:#000;}
div.term div.term-box ul.num > li:before{content:'0.'; display:block; font-size:1em; position:absolute; top:0; left:0;}
div.term div.term-box ul.num > li:nth-child(1):before{content:'1.';}
div.term div.term-box ul.num > li:nth-child(2):before{content:'2.';}
div.term div.term-box ul.num > li:nth-child(3):before{content:'3.';}
div.term div.term-box ul.num > li:nth-child(4):before{content:'4.';}
div.term div.term-box ul.num > li:nth-child(5):before{content:'5.';}
div.term div.term-box ul.num > li:nth-child(6):before{content:'6.';}
div.term div.term-box ul.num > li:nth-child(7):before{content:'7.';}
div.term div.term-box ul.num > li:nth-child(8):before{content:'8.';}
div.term div.term-box ul.num > li:nth-child(9):before{content:'9.';}
div.term div.term-box ul.bar{}
div.term div.term-box ul.bar > li{position:relative; padding-left:0.65rem; margin:0.4rem 0; color:#5f5f5f; text-align:left;}
div.term div.term-box ul.bar > li:before{content:'-'; display:block; color:#5f5f5f; font-size:1em; position:absolute; top:0; left:0;}
div.term div.term-box > table{font-size:0.95em; text-align:center;}
div.term div.term-box > table th{padding:0.25rem; border:1px solid #ddd; background:#eee;}
div.term div.term-box > table td{padding:0.25rem; border:1px solid #ddd;}
div.term ul.term-inf{border:1px solid #ddd; padding:1rem; margin:0.5rem 0;}
div.term ul.term-inf li{font-size:0.95rem; margin-bottom:0.5rem; position:relative; padding-left:0.8rem;}
div.term ul.term-inf li:last-child{margin-bottom:0;}
div.term ul.term-inf li:before{content:''; display:block; width:5px; height:1px; background:#777; position:absolute; top:0.5rem; left:0;}
div.term div.term-chk{background:#f5f5f5; padding:0.5rem; display:flex; align-items:center; justify-content:center; gap:2rem; margin-top:0.5rem;}
div.term div.term-chk div.lab{font-family:'NanumNeo_B','NotoKr_B',sans-serif;}

/* table */
div.table-wrap.round{border-radius:1rem 1rem 0 0; overflow:hidden;} 
table{width:100%; font-size:1rem; background:#fff; word-break: keep-all;}
table th, table td{border: 0; padding: 1rem;}
table th{font-weight:unset; font-family:'NanumNeo_EB','NotoKr_B',sans-serif; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd;}
table th:last-child{border-right: 0;}
table td{font-weight:unset; font-family:"NanumNeo_R","NotoKr_R",sans-serif; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; line-height: 1.5;}
table td:last-child{border-right: 0;}
table.table01{border-top: 2px solid #000; border-bottom: 1px #000; font-size: 1.125rem;} 
table.table01 thead th{border-bottom:1px solid #000; background-color: var(--color-gray200);}
table.table01 tr.bold td{font-family:'NanumNeo_B','NotoKr_B',sans-serif; }
table.table02{border-bottom: 2px solid var(--color-main01); font-size: 1.125rem;}
table.table02 thead{}
table.table02 thead th{background: var(--color-main01); color: #fff; border-right: 0; position: relative;}
table.table02 thead th::after{content: ''; display: block; width: 1px; height: 50%; background: rgba(255, 255, 255, 0.8); position: absolute; top: 50%; right: 0; transform: translateY(-50%);}
table.table02 thead th.last::after{display: none;}
/* table.table02 .bg{background:#F3F4F9;} */
table .bg{background:var(--color-gray200);}
table .bg02{background:#F2F9FF;}
.BR{border-right:1px solid #ddd !important;}
.BL{border-left:1px solid #ddd !important;}
.BB{border-bottom:1px solid var(--color-main04) !important;}

/* 최대 넓이가 500px인 테이블, 내용이 긴 경우 */
div.table-wrap.min500{overflow-x: auto;}
div.table-wrap.min500 > table{min-width: 500px;}
p.table-mob-scroll{display: none; position: relative; padding-left: 2rem; font-size: 1rem; margin-bottom: 0.8rem; letter-spacing: -0.5px; font-size: 1rem;}
p.table-mob-scroll:before{content: ''; width: 1.25rem; height: 1.25rem; background: url("../img/ico_scroll-x.svg")left center/100% no-repeat; display: block; position: absolute; animation:tableScroll 1s infinite;}

@-webkit-keyframes tableScroll{
	0%{left:0;}
	50%{left:0.6rem;}
	100%{left:0;}
}
@keyframes tableScroll{
	0%{left:0;}
	50%{left:0.6rem;}
	100%{left:0;}
}

@media screen and (max-width:1600px){
	.w1600{width:90%;}
}

@media screen and (max-width:1440px){
	.w1440{width:90%;}
}

@media screen and (max-width:1280px){
	html{font-size:15px;}

	.w1280{width:90%;}
}

@media screen and (max-width:768px){
	/* table */
	table th, table td{padding:0.65rem;}

	/* modal */
	div.modal-wrap div.modal{min-width:80%;}
}

@media screen and (max-width:680px){
	/* form */
	div.form div.form-item div.tit{width:7rem;}

	/* file */
	div.c-file div.ci-show div.file-name{padding-right:4rem;}
}

@media screen and (max-width:640px){
	p.table-mob-scroll{display: block;}
}

@media screen and (max-width:480px){
	html{font-size:14px;}

	.inf-error{font-size: 1rem;}
	.inf-error:before{width: 1rem; height: 1rem; line-height: 1rem; font-size: 0.8rem;}

	/* form */
	div.form div.form-item{display:block;}
	div.form div.form-item div.tit{width:100%; margin-top:0; margin-bottom:0.5rem; text-align:left; font-size:1rem;}
	div.form div.form-item div.con{width:100%;}

	/* button */
	.btn-center-wrap{margin-top:3rem;}
	.c-btn{padding:0.6rem 0.8rem;}
	.c-btn[class*="--lg"]{font-size:1.1rem; padding:0.8rem 2rem;}

	/* modal */
	div.modal-wrap div.modal{min-width:90%;}
	div.modal-wrap div.modal div.inner p.tit{font-size:1.8rem;}
}

@media screen and (max-width:400px){
	.w1600{width:92%;}
	.w1440{width:92%;}
	.w1280{width:92%;}

	/* form */
	div.form div.form-item.birth div.con div.row input[type="text"]{width:4rem;}

	/* checkbox,radio */
	label.c-input{padding:0.5rem; padding-left:1.8rem;}

	/* table */
	table th, table td{padding:0.5rem; font-size:1rem;}
}

@media screen and (max-width:320px){
	html{font-size:13px;}
}