@charset "utf-8";

:root{
	--color-main01: #0065b3;
	--color-main02: #cd3abe;
	--color-main03: #f1891a;
	--color-main04: #33bb8e;

	--color-main01-20: #cce0f0;
	--color-main02-20: #f5d8f2;
	--color-main03-20: #fce7d1;
	--color-main04-20: #d6f1e8;

	--color-main01-10: #e5eff7;
	--color-main02-10: #faebf8;
	--color-main03-10: #fef3e8;
	--color-main04-10: #eaf8f3;

	--color-main01-5: #f2f7fb;
	--color-main02-5: #fcf5fc;
	--color-main03-5: #fef9f3;
	--color-main04-5: #f5fcf9;

	--color-red:#f20f3b; /* error, secret, delete */
	--color-red-10:#f20f3b1a;
	--color-red-5:#f20f3b0d;
	--color-blue:#2e71f6; /* link, tag */ 

	--color-border-input:#c9c9c9;
	--height-input:3rem;
}

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

/* 전체스크롤바 숨김 */
body.scrollHidden{-ms-overflow-style: none;}
body.scrollHidden::-webkit-scrollbar{display: none;}

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

.mt0d5{margin-top:0.5rem;}
.mt1{margin-top:1rem;}


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

/* font color */
.colorRed{color:var(--color-red) !important;}
.colorBlue{color:var(--color-blue) !important;}
.color01{color:var(--color-main01);}
.color02{color:var(--color-main02);}
.color03{color:var(--color-main03);}

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


/***** input *****/
input{max-width:100%; width:auto; height:var(--height-input); line-height:var(--height-input); color:#000; border:1px solid var(--color-border-input); border-radius:0.5rem; font-size:1rem; padding:0 1rem; font-family:'NanumNeo_R',"Pretendard-Regular",sans-serif;}
input.full{width:100%;}
input:focus{border:2px solid #333;}
input::placeholder{font-family:'NanumNeo_R','Pretendard-Regular',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(--color-border-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;}

/* password eyes */
div.pw{position:relative; width:fit-content;}
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("/fro_end/img/input_showpw.svg")center/100% auto no-repeat;}
div.pw a.pw-eyes.show{background:url("/fro_end/img/input_hidepw.svg")center/100% auto no-repeat;}

/* checkbox,radio */
label.c-input{position:relative; display:inline-block; padding-left:1.8rem; cursor:pointer; font-size:1rem; margin:0.5rem;}
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(--color-border-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 var(--color-border-input); 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(--color-border-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; width:47%; margin:0 1%;}
label.c-input.square div.ci-show{display:inline-block; width:100%; text-align:center; padding:0 1rem; border:2px solid #ddd; background:#f9f9f9; color:#777; border-radius:0.5rem; height:var(--height-input); line-height:var(--height-input); 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:#ccc; background:#f5f5f5;}
label.c-input.square:hover input:not([disabled]):checked ~ div.ci-show{background:#fff;}
label.c-input.square input:checked ~ div.ci-show{background:#fff; border-color:#333; color:#333; font-family:'NanumNeo_EB',sans-serif;}
label.c-input.square input:checked:focus ~ div.ci-show{background:#fff;}

/* select */
select{max-width:100%; height:var(--height-input); border:1px solid var(--color-border-input); font-size:1rem; font-family:'NanumNeo_R',sans-serif; border-radius:0.5rem; padding:0 3rem 0 0.8rem; background:#fff url("/fro_end/img/ico_arrow_down.svg")right center/2rem 12px 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(--color-border-input); border-radius:0.5rem; padding:0.5rem; font-family:'NanumNeo_R','Pretendrad-Regular',sans-serif; resize:none;}
textarea::placeholder{font-family:'NanumNeo_L','Pretendard-Light',sans-serif; color:#aaa;}
textarea:focus,
textarea:active{border:2px solid #333;}

/* file */
input[type="file"]{background:#fff !important; padding:0 0.5rem;}
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(--color-border-input); border-radius:0.5rem; position:relative; background:#fff;}
div.c-file div.ci-show a.file-attach{position:absolute; width:6rem; height:2rem; line-height:2rem; text-align:center; display:block; font-family:'NanumNeo_B',sans-serif; font-size:0.9rem; border-radius:50px; 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:7rem; 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; border-radius:5px; font-size:0.9rem; position:relative; padding-left:2rem;}
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.5rem; transform:translateY(-50%);}
div.c-file div.ci-show div.attach-after a.btn-delete:before{background:url("/fro_end/img/ico_plus.svg")center/90% 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;}
@media(hover:hover){
	div.c-file div.ci-show a.file-attach:hover{background:#333;}
	div.c-file div.ci-show div.attach-after a[class^="btn-"]:hover{background:var(--color-red-5);}
}


/***** button *****/
.btn-center-wrap{margin-top:4rem; display:flex; gap:1rem; align-items:center; justify-content:center; flex-wrap:wrap;}
.c-btn{display:inline-block; font-family:'NanumNeo_B',sans-serif; font-size:1rem; padding:0.8rem 2rem; border-radius:0.5rem; border:2px solid #333;}
.c-btn[class*="--sm"]{font-size:0.9rem; padding:0.4rem 0.8rem; border-radius:0.3rem;}
.c-btn[class*="--lg"]{font-size:1.25rem; padding:1rem 2.25rem; border-radius:0.6rem;}

.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.confirm{background:var(--color-main01); border-color:var(--color-main01); color:#fff;}
.c-btn.cancel{background:#bbb; border-color:#bbb; color:#fff;}
.c-btn.write{background:var(--color-main02); color:#fff; border-color:var(--color-main02);}
.c-btn.reply{background:var(--color-main03); color:#fff; border-color:var(--color-main03);}
.c-btn.underline{text-decoration:underline; text-underline-offset:5px; padding:0 !important; border-radius:0 !important; background:transparent !important; border:0 !important;}
.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:1rem; height:1rem; background:url("/fro_end/img/ico_link_wh.svg")center/100% auto no-repeat; position:absolute; top:50%; right:2rem; 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("/fro_end/img/ico_arrow.svg")center/80% auto no-repeat; position:absolute; top:50%; right:1rem; transform:translateY(-50%);}


/* term */
div.term{}
div.term div.term-con{padding:0 0.2rem 0.5rem 0.2rem; font-size:0.9rem; max-height:12rem; overflow-y:auto;}
div.term div.term-con div.set{}
div.term div.term-con p.tit01{font-family:'NanumNeo_EB',sans-serif; text-align:center; font-size:1.4em; margin:3rem 0;}
div.term div.term-con p.tit02{font-size:1.2em; font-family:'NanumNeo_EB',sans-serif; margin:2rem 0 0.5rem 0;}
div.term div.term-con p.txt01{line-height:1.5; margin:0.8rem 0;}
div.term div.term-con p.txt02{font-family:'NanumNeo_EB',sans-serif; line-height:1.5; margin-top:0.8rem;}
div.term div.term-con ul.num{}
div.term div.term-con ul.num > li{position:relative; padding-left:1rem; margin:0.32rem 0; text-align:left;}
div.term div.term-con ul.num > li:before{content:'0.'; display:block; font-size:1em; position:absolute; top:0; left:0;}
div.term div.term-con ul.num > li:nth-child(1):before{content:'1.';}
div.term div.term-con ul.num > li:nth-child(2):before{content:'2.';}
div.term div.term-con ul.num > li:nth-child(3):before{content:'3.';}
div.term div.term-con ul.num > li:nth-child(4):before{content:'4.';}
div.term div.term-con ul.num > li:nth-child(5):before{content:'5.';}
div.term div.term-con ul.num > li:nth-child(6):before{content:'6.';}
div.term div.term-con ul.num > li:nth-child(7):before{content:'7.';}
div.term div.term-con ul.num > li:nth-child(8):before{content:'8.';}
div.term div.term-con ul.num > li:nth-child(9):before{content:'9.';}
div.term div.term-con ul.bar{}
div.term div.term-con ul.bar > li{position:relative; padding-left:0.8rem; margin:0.32rem 0; text-align:left;}
div.term div.term-con ul.bar > li:before{content:''; display:block; width:5px; height:1px; background:#777; position:absolute; top:0.5rem; left:0;}
div.term div.term-con ul.star{}
div.term div.term-con ul.star > li{position:relative; padding-left:1rem; margin-top:0.5rem;}
div.term div.term-con ul.star > li:before{content:'※'; display:block; position:absolute; top:-1px; left:0; font-family:sans-serif;}
div.term div.term-con table{font-size:0.95em; text-align:center;}
div.term div.term-con table th{padding:0.3rem; border:1px solid #ddd; background:#eee;}
div.term div.term-con table td{padding:0.3rem; border:1px solid #ddd;}
div.term div.term-con .underline{text-decoration:underline; text-underline-offset:3px;}
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:#f1f1f1; padding:0.8rem; font-family:'NanumNeo_B',sans-serif; text-align:center; margin-top:0.5rem; border-radius:5px;}
div.term div.term-box{font-size:1.2rem; line-height:1.6;  font-family:'NanumNeo_B',sans-serif; text-align:center; padding:2rem; border:2px solid #ccc; margin: 0.5rem 0;background:#f9f9f9; }

/* 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:0.65rem; font-family:'NanumNeo_EB',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; flex-wrap:wrap; gap:5px 0;}
div.form div.form-item div.con a.form-btn{height:var(--height-input); line-height:calc(var(--height-input) - 2px); text-wrap:nowrap; border:2px solid #323232; background:#fff; font-family:'NanumNeo_B',sans-serif; 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{box-shadow:0 8px 20px rgba(0,0,0,0.15);}
div.form div.form-item div.con ul.inf{font-size:0.9rem; color:#777; margin-top:0.5rem;}
div.form div.form-item div.con ul.inf li{padding-left:1.3rem; position:relative;}
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_EB',sans-serif; background:#9f9f9f; border-radius:50%; position:absolute; top:1px; left:0;}
div.form div.form-item div.con ul.inf.error li{color:var(--color-red);}
div.form div.form-item div.con ul.inf.error li:before{content:'\00D7'; font-size:17px; background:var(--color-red);}
div.form div.form-item div.con span.bar{display:inline-block; margin:0 0.5rem; text-wrap:nowrap;}
div.form div.form-item div.con p.fix{height:var(--height-input); line-height:var(--height-input);}
div.form div.form-item div.con ul.option-list{display:flex; flex-wrap:wrap; gap:0.5rem;}
div.form div.form-item div.con ul.option-list li{min-width:24%;}
div.form div.form-item.form-row{flex-wrap:wrap; gap:0;}
div.form div.form-item.form-row div.tit{width:100%; text-align:left; margin-top:0; margin-bottom:0.5rem;}
div.form div.form-item.form-row div.con{width:100%;}


/* 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:2rem;}
div.modal-wrap div.modal div.inner{padding:3rem;}
div.modal-wrap div.modal div.inner p.tit{text-align:center; word-break:keep-all; font-size:2rem; font-family:'NanumNeo_EB',sans-serif;}
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; border-radius:0.5rem;}
div.modal-wrap div.modal div.inner p.txt02{text-align:center; line-height:1.5; margin-top:0.25rem; word-break:keep-all;}
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;}

/*	
	** table 
	** 반응형 전용 테이블은 클래스명 responsive 추가 필요
*/
table{width:100%; font-size:1rem;}
table th{font-family:'NanumNeo_EB',sans-serif;}
table td{font-family:'NanumNeo_R',sans-serif;}
table.table01{text-align:center; border-top:3px solid #333;}
table.table01 tr{border-bottom:1px solid #ddd;}
table.table01 th{padding:1rem 0.5rem;}
table.table01 td{padding:1rem 0.5rem;}
table.table01 thead tr{border-bottom:1px solid #333;}
table.table01 tbody .tit{font-family:'NanumNeo_EB',sans-serif; text-align:left;}
table.table01 tbody a.t-btn{font-family:'NanumNeo_B',sans-serif; border:1px solid var(--color-main01); font-size:0.925rem; color:var(--color-main01); border-radius:5px; display:inline-block; padding:0.3rem 0.8rem; text-wrap:nowrap; background:#fff; box-shadow:0 10px 20px rgba(0,0,0,0.1); transition:0.3s; -webkit-transition:0.3s;}
table.table01 tbody a.t-label{box-shadow:none; cursor:default; background:#eee; color:#777; border-color:#eee; font-size:0.925rem; border-radius:5px; display:inline-block; padding:0.3rem 0.8rem; text-wrap:nowrap;}
table.table01 tbody a.t-label.blue{background:var(--color-main01-10); color:var(--color-main01); border-color:var(--color-main01-10);}
table.table01 tbody a.t-label.red{background:var(--color-red-10); color:var(--color-red); border-color:vaR(--color-red-10);}
table.table01 .bg{background:#f5f5f5;}
@media(hover:hover){
	table.table01 tbody tr:hover{background:#f9f9f9;}
	table.table01 tbody a.t-btn:not(.t-label):hover{background:var(--color-main01); color:#fff;}
}


/* 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%;}



/* ----- 반응형 ----- */
@media screen and (max-width:1600px){
	.w1600{width:90%;}
}

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

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

	/* table */
	table.table01 tbody a.t-btn{font-size:0.9rem; padding:0.3rem 0.6rem; box-shadow:0 5px 8px rgba(0,0,0,0.1);}
}

@media screen and (max-width:1024px){
	
	/* input */
	div.c-file div.ci-show a.file-attach{width:5rem;}
	div.c-file div.ci-show div.file-name{padding-right:5rem; padding-left:6rem;}

}

@media screen and (max-width:800px){
	
	/* table */
	table.table01.responsive{display:block; border-top:0;}
	table.table01.responsive thead{display:none;}
	table.table01.responsive tbody{display:block;}
	table.table01.responsive tr{display:block;}
	table.table01.responsive th{display:block;}
	table.table01.responsive td{display:block;}
	table.table01.responsive tbody tr{border:2px solid #333; border-radius:1.5rem; margin-bottom:3rem; overflow:hidden;}
	table.table01.responsive tbody td{text-align:right; position:relative; padding:1rem; padding-left:30%; border-bottom:1px solid #ddd; min-height:3.5rem;}
	table.table01.responsive tbody td:last-child{border-bottom:none;}
	table.table01.responsive tbody td:before{content:attr(data-th); width:30%; display:block; position:absolute; left:1rem; font-family:'NanumNeo_EB',sans-serif; text-align:left;}
	table.table01.responsive tbody td.tit{text-align:center; font-size:1.25rem; color:#fff; background:#333; padding:1rem 0.5rem;}
	table.table01.responsive tbody td.tit:before{display:none;}

}

@media screen and (max-width:640px){
	
	br.br640{display:block;}

	/* form */
	div.form div.form-item div.tit{width:7rem; margin-top:0.5rem;}
	div.form div.form-item div.con{width:calc(100% - 8rem);}

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

	/* table */
	table.table01.responsive tbody td.tit{font-size:1.125rem;}
	table.table01.responsive tbody td{padding-left:35%;}
	table.table01.responsive tbody td:before{width:35%; font-size:0.95rem; line-height:1.3;}

}

@media screen and (max-width:480px){
	:root{
		--height-input: 3rem;
	}

	br.br480{display:block;}

	/* button */
	.btn-center-wrap{margin-top:3rem;}
	.c-btn{padding:0.6rem 1.5rem;}
	.c-btn[class*="--lg"]{font-size:1.1rem; padding:0.8rem 2rem;}
	
	/* input */
	input{padding:0 0.6rem;}
	label.c-input.ci-check div.ci-show:after{top:43%;}

	/* form */
	div.form div.form-item{display:block;}
	div.form div.form-item div.tit{width:100%; margin-top:0; text-align:left; margin-bottom:0.5rem;}
	div.form div.form-item div.con{width:100%;}
	div.form div.form-item div.con ul.option-list li{width:30%;}

}

@media screen and (max-width:400px){
	
	.w1600{width:92%;}
	.w1440{width:92%;}
	.w1280{width:92%;}
	
	/* button */
	.btn-center-wrap{gap:0.5rem;}

	/* modal */
	div.modal-wrap div.modal div.inner{padding:2rem;}
	div.modal-wrap div.modal div.inner p.tit{font-size:1.65rem;}

	/* form */
	div.form div.form-item div.con span.bar{margin:0 4px;}
	div.form div.form-item div.con ul.option-list li{width:45%;}

}

@media screen and (max-width:320px){}