@charset "utf-8";

/* display */
.hide{display:none !important;}
.show{display:block !important;}
.m-block{display:none;}

/* align */
.align-left{text-align:left !important;}
.align-right{text-align:right !important;}
.align-center{text-align:center !important;}
.valign-top{vertical-align:top;}
.valign-middle{vertical-align:middle;}
.valign-bottom{vertical-align:bottom;}

/* width */
.w10px{width:1rem;} .w20px{width:2rem;} .w30px{width:3rem;} .w40px{width:4rem;} .w50px{width:5rem;}
.w60px{width:6rem;} .w70px{width:7rem;} .w80px{width:8rem;} .w90px{width:9rem;} .w100px{width:10rem;}
.w110px{width:11rem;} .w120px{width:12rem;} .w130px{width:13rem;} .w140px{width:14rem;} .w150px{width:15rem;}
.w160px{width:16rem;} .w170px{width:17rem;} .w180px{width:18rem;} .w190px{width:19rem;} .w200px{width:20rem;}
.w210px{width:21rem;} .w220px{width:22rem;} .w230px{width:23rem;} .w240px{width:24rem;} .w250px{width:25rem;}
.w260px{width:26rem;} .w270px{width:27rem;} .w280px{width:28rem;} .w290px{width:29rem;} .w300px{width:30rem;}
.w310px{width:31rem;} .w320px{width:32rem;} .w330px{width:33rem;} .w340px{width:34rem;} .w350px{width:35rem;}
.w360px{width:36rem;} .w370px{width:37rem;} .w380px{width:38rem;} .w390px{width:39rem;} .w400px{width:40rem;}
.w410px{width:41rem;} .w420px{width:42rem;} .w430px{width:43rem;} .w440px{width:44rem;} .w450px{width:45rem;}
.w460px{width:46rem;} .w470px{width:47rem;} .w480px{width:48rem;} .w490px{width:49rem;} .w500px{width:50rem;}
.w510px{width:51rem;} .w520px{width:52rem;} .w530px{width:53rem;} .w540px{width:54rem;} .w550px{width:55rem;}
.w560px{width:56rem;} .w570px{width:57rem;} .w580px{width:58rem;} .w590px{width:59rem;} .w600px{width:60rem;}

.w1{width:1%}.w2{width:2%}.w3{width:3%}.w4{width:4%}.w5{width:5%}
.w6{width:6%}.w7{width:7%}.w8{width:8%}.w9{width:9%}.w10{width:10%}
.w11{width:11%}.w12{width:12%}.w13{width:13%}.w14{width:14%}.w15{width:15%}
.w16{width:16%}.w17{width:17%}.w18{width:18%}.w19{width:19%}.w20{width:20%}
.w21{width:21%}.w22{width:22%}.w23{width:23%}.w24{width:24%}.w25{width:25%}
.w26{width:26%}.w27{width:27%}.w28{width:28%}.w29{width:29%}.w30{width:30%}
.w31{width:31%}.w32{width:32%}.w33{width:33%}.w34{width:34%}.w35{width:35%}
.w36{width:36%}.w37{width:37%}.w38{width:38%}.w39{width:39%}.w40{width:40%}
.w41{width:41%}.w42{width:42%}.w43{width:43%}.w44{width:44%}.w45{width:45%}
.w46{width:46%}.w47{width:47%}.w48{width:48%}.w49{width:49%}.w50{width:50%}
.w51{width:51%}.w52{width:52%}.w53{width:53%}.w54{width:54%}.w55{width:55%}
.w56{width:56%}.w57{width:57%}.w58{width:58%}.w59{width:59%}.w60{width:60%}
.w61{width:61%}.w62{width:62%}.w63{width:63%}.w64{width:64%}.w65{width:65%}
.w66{width:66%}.w67{width:67%}.w68{width:68%}.w69{width:69%}.w70{width:70%}
.w71{width:71%}.w72{width:72%}.w73{width:73%}.w74{width:74%}.w75{width:75%}
.w76{width:76%}.w77{width:77%}.w78{width:78%}.w79{width:79%}.w80{width:80%}
.w81{width:81%}.w82{width:82%}.w83{width:83%}.w84{width:84%}.w85{width:85%}
.w86{width:86%}.w87{width:87%}.w88{width:88%}.w89{width:89%}.w90{width:90%}
.w91{width:91%}.w92{width:92%}.w93{width:93%}.w94{width:94%}.w95{width:95%}
.w96{width:96%}.w97{width:97%}.w98{width:98%}.w99{width:99%}.w100{width:100%}

/* button */
a.btn,
input.btn,
button.btn{height:4rem; padding:0.8rem 2rem; font-size:1.4rem; line-height:1em; box-sizing:border-box; vertical-align:middle;line-height:normal; font-weight:500; text-align:center; background-color:#fff;}
a.btn{display:inline-flex; align-items:center; justify-content:center; }

.btn.filled{background-color:var(--primary-40); color:#fff;}
.btn.filled.gray{background-color:var(--black-5); color:var(--black-7);}
.btn.lined{border:1px solid var(--black-13); color:var(--black-13);}
.btn.lined.gray{border:1px solid var(--black-5); color:var(--black-7);}

.btn.lined:hover{border:none; color:var(--black-1); background-color: var(--primary-40);}

.btn.small{height:3.6rem; font-size:1.4rem; padding:0 1.6rem;}
.btn.medium{height:4.6rem; font-size:1.4rem; padding:0 1.6rem; min-width:12rem;}
.btn.large{height:6rem; font-size:1.8rem; padding:0 2.4rem; min-width:20rem;}

.btn[class*="ic-"]{gap:0.8rem; padding-left:2.4rem;}
.btn[class*="ic-"]:after{display:block;content:'';width:2rem;height:2rem;}
.btn.ic-more:after{background:url(../img/common/ic_list_more.svg) center no-repeat;}

.btn.ic-more:hover:after{background-image:url(../img/common/ic_list_more_w.svg);}

.btns-wrap{display:flex; align-items: center; justify-content: center; margin:5rem 0; gap:10px;}
.btns-wrap.first{margin-top:0;}
.btns-wrap.last{margin-bottom:0;}

/* font */
.txt-primary{color:var(--primary-40) !important;}
.txt-gray{color:var(--black-6) !important;}

.txt-bold{font-weight:700;}
.txt-semiBold{font-weight:600;}
.txt-medium{font-weight:500;}
.txt-regular{font-weight:400;}

.txt-small{font-size:0.9em !important;}/* 부모의 상대적으로 작은 크기를 표시할 때*/

.txt-nowrap{white-space:nowrap;}

.txt-underline,
a.txt-underline{text-decoration:underline #888; text-underline-position: under;}

.g-txt{margin:0.4rem 0;}
.g-txt.first{margin-top:0;}
.g-txt.last{margin-bottom:0;}

/* bullet */
.txt-list{margin-top:0.4rem; margin-bottom:0.4rem;}
.txt-list .item-label{font-weight:500;}
.txt-list .item-head{font-weight:600; display:block; margin-bottom:0.6rem;}
.txt-list > li{position:relative;}
.txt-list > li + li{margin-top:0.4rem;}

.txt-list.gap{margin-top:1.2rem; margin-bottom:1.2rem;}
.txt-list.gap > li + li{margin-top:1.2rem;}

.txt-list.dot > li{padding-left:1.2rem;}
.txt-list.dot > li:before{display:block; content:''; width:0.3rem; height:0.3rem; border-radius:0.2rem; background-color:#555555; position:absolute; top:0.63em; left:0.2rem;}

.txt-list.dash > li{ padding-left:1.2rem;}
.txt-list.dash > li:before{display:block; content:''; width:0.4rem; height:0.1rem; position:absolute; top:0.66em; left:0.2rem; background-color:var(--font-color-base);}

/* scroll */
.scrollBox::-webkit-scrollbar {-webkit-appearance: none; width:0.6rem;}
.scrollBox::-webkit-scrollbar-thumb {background-color:#aaa; border-radius: 0.3rem; border:none;}
.scrollBox::-webkit-scrollbar-track {border-radius: 0.3rem; background-color: #eee;}

/* drop box */
.dropWrap .dropLabel *{pointer-events:none;}
.dropWrap .dropMenu{display:none;}
.dropWrap.active .dropMenu{display:block; z-index:10;}

.drop-box{position:relative; min-width:12rem; display:inline-block;}
.drop-box .dropLabel{width:100%; display:flex; align-items: center; height:3.2rem; font-size:1.5rem; position:relative; text-align:left;  padding:0 2rem 0 1rem; box-sizing:border-box; border:1px solid #ddd; overflow:hidden;}
.drop-box .dropLabel:hover{color:var(--gray-90);}
.drop-box .dropLabel .toggle{display:block; content:''; width:2rem; height:2rem; background:url(../img/common/arr_select.svg) center center no-repeat; position:absolute;right:0;top:50%; margin-top:-1rem; text-align:left;text-indent:-9999px;}
.drop-box .dropMenu{width:100%; background-color:#fff; padding:0.8rem; position:absolute; left:0; top:calc(100% - 0.1rem); box-shadow:0.4rem 0.4rem 1rem var(--alpha-black-10); box-sizing:border-box; border:0.1rem solid var(--line); border-radius:0.2rem;}
.drop-box .dropList button,
.drop-box .dropList a{font-size:1.4rem; display:block; box-sizing:border-box; padding:0.4rem; width:100%; text-align:left;}
.drop-box .dropList button:hover,
.drop-box .dropList a:hover{color:var(--gray-90); font-weight:600;}
.drop-box .dropMenu-bottom{margin-top:0.8rem; padding-top:0.8rem; border-top:0.1rem solid var(--line);}
.drop-box .dropMenu-bottom a,
.drop-box .dropMenu-bottom button{font-size:1.4rem; display:block; box-sizing:border-box; padding:0.4rem;}

.drop-box.active .dropLabel{color:var(--primary);}
.drop-box.active .dropLabel .toggle{transform:rotate(180deg);}

/* form */
input[type="text"],
input[type="password"],
input[type="file"],
input[type="date"],
input[type="month"]{border:0.1rem solid #C6C6C6; height:var(--input-height); padding:0 0.8rem; background-color:#fff; border-radius:var(--input-radius);}
input[type="password"]{cursor:pointer;}
input[type="file"]{line-height:var(--input-height); cursor:pointer; }
input[type="file"]::-webkit-file-upload-button{font-size:1.5rem; border:0.1rem solid var(--input-line); background-color:var(--bg-gray); height:calc(100% - 0.04rem); font-family:var(--font-base); cursor:pointer;}

input[type="radio"],
input[type="checkbox"]{ width:2rem; height:2rem; appearance: none; -webkit-appearance:none; position:relative; cursor:pointer; flex-shrink:0;}
input[type="radio"]:checked,
input[type="checkbox"]:checked{accent-color: var(--primary);}

input[type="checkbox"]{background:url(../img/common/input_checkbox.svg) center / cover no-repeat;}
input[type="checkbox"]:checked{background-image:url(../img/common/input_checkbox_checked.svg);}

input[type="radio"]:before{width:2rem; height:2rem; display:inline-block; content:''; background-color:var(--black-1); border:0.1rem solid var(--input-line);border-radius:50%; box-sizing:border-box; position:absolute; left:0; top:0;}
input[type="radio"]:checked:before{border:none; background-color:var(--primary-40);}
input[type="radio"]:checked:after{position:absolute; left:0.2rem; top:0.2rem; width:1.6rem; height:1.6rem; display:block; content:''; box-sizing:border-box; border:0.3rem solid var(--black-1); border-radius:50%;}

input[type="radio"]:disabled{opacity:0.6;}
input[type="radio"]:disabled + span{color:var(--black-6); opacity:0.6;}
input[type="radio"]:disabled:before{background-color:var(--bg-disabled);}
input[type="radio"]:disabled:checked:before{background-color:var(--black-6); opacity:0.6;}

select{box-sizing:border-box; appearance: none; -webkit-appearance:none; cursor:pointer; border:0.1rem solid var(--input-line); height:var(--input-height); background:var(--black-1) url(../img/common/arr_select.svg) right 0.8rem center no-repeat; padding:0 2.4rem 0 1rem; min-width:8rem; border-radius:var(--input-radius); max-width:100%;}
select::-ms-expand {display: none;}
option{font-size:1em;}

textarea{border:0.1rem solid var(--input-line); padding:1rem; border-radius:var(--input-radius); resize: none;}

textarea::placeholder,
input[type="text"]::placeholder,
input[type="password"]::placeholder {color:var(--black-6) !important; letter-spacing:0; font-weight:400;}
textarea:-ms-input-placeholder,
input[type="text"]:-ms-input-placeholder,
input[type="password"]:-ms-input-placeholder {color:var(--black-6) !important; letter-spacing:0; font-weight:400;}

.pointer{cursor:pointer;}

.input-text{max-width:100%;}
.input-textarea{width:100%;padding:3rem;}

/* check*/
.input-check{display:inline-flex; align-items: center; gap:0.4rem; min-height:4rem;}
.input-check > input{flex-shrink: 0;}
.input-check > input + span{text-overflow:ellipsis; white-space:nowrap; width:100%;}

.form-checkgroup{display:flex; flex-wrap:wrap; gap:20px;}

/* scroll event */
.scMotion{transition:all 0.8s; opacity:0; transform: translateY(20px);}
.scMotion.active{opacity:1; transform: translateY(0);}

/* badge */
.badge-category{display:inline-flex; align-items: center; height:30px;padding:0 12px; border:1px solid #3C3C3C;color:var(--black-11); border-radius:6px; font-size:18px;line-height:18px; flex-shrink: 0;}
.badge-category.type1{border-color:var(--purple);color:var(--purple);}
.badge-category.type2{border-color:var(--green);color:var(--green);}
.badge-category.type3{border-color:var(--red);color:var(--red);}
.badge-category.type4{border-color:var(--blue);color:var(--blue);}
.badge-category.type5{border-color:var(--black-7);color:var(--black-7);}


/* 반응형 ************************************************************************************ */

@media all and (max-width:1024px){
	img{max-width:100%;}
}
@media all and (max-width:640px){
	.m-block{display:block;}
}


/* screen만 적용 ********************************************************************************************* */
@media all and (max-width:768px){

	/* width */
	.m-w1{width:1%}.m-w2{width:2%}.m-w3{width:3%}.m-w4{width:4%}.m-w5{width:5%}.m-w6{width:6%}.m-w7{width:7%}.m-w8{width:8%}.m-w9{width:9%}.m-w10{width:10%}
	.m-w11{width:11%}.m-w12{width:12%}.m-w13{width:13%}.m-w14{width:14%}.m-w15{width:15%}.m-w16{width:16%}.m-w17{width:17%}.m-w18{width:18%}.m-w19{width:19%}.m-w20{width:20%}
	.m-w21{width:21%}.m-w22{width:22%}.m-w23{width:23%}.m-w24{width:24%}.m-w25{width:25%}.m-w26{width:26%}.m-w27{width:27%}.m-w28{width:28%}.m-w29{width:29%}.m-w30{width:30%}
	.m-w31{width:31%}.m-w32{width:32%}.m-w33{width:33%}.m-w34{width:34%}.m-w35{width:35%}.m-w36{width:36%}.m-w37{width:37%}.m-w38{width:38%}.m-w39{width:39%}.m-w40{width:40%}
	.m-w41{width:41%}.m-w42{width:42%}.m-w43{width:43%}.m-w44{width:44%}.m-w45{width:45%}.m-w46{width:46%}.m-w47{width:47%}.m-w48{width:48%}.m-w49{width:49%}.m-w50{width:50%}
	.m-w51{width:51%}.m-w52{width:52%}.m-w53{width:53%}.m-w54{width:54%}.m-w55{width:55%}.m-w56{width:56%}.m-w57{width:57%}.m-w58{width:58%}.m-w59{width:59%}.m-w60{width:60%}
	.m-w61{width:61%}.m-w62{width:62%}.m-w63{width:63%}.m-w64{width:64%}.m-w65{width:65%}.m-w66{width:66%}.m-w67{width:67%}.m-w68{width:68%}.m-w69{width:69%}.m-w70{width:70%}
	.m-w71{width:71%}.m-w72{width:72%}.m-w73{width:73%}.m-w74{width:74%}.m-w75{width:75%}.m-w76{width:76%}.m-w77{width:77%}.m-w78{width:78%}.m-w79{width:79%}.m-w80{width:80%}
	.m-w81{width:81%}.m-w82{width:82%}.m-w83{width:83%}.m-w84{width:84%}.m-w85{width:85%}.m-w86{width:86%}.m-w87{width:87%}.m-w88{width:88%}.m-w89{width:89%}.m-w90{width:90%}
	.m-w91{width:91%}.m-w92{width:92%}.m-w93{width:93%}.m-w94{width:94%}.m-w95{width:95%}.m-w96{width:96%}.m-w97{width:97%}.m-w98{width:98%}.m-w99{width:99%}.m-w100{width:100%}

}

/* print ********************************************************************************************* */

.print-page-after{page-break-after:always;}

@media print {
	body, input, textarea, select, table, button{font-size:1.2rem; color:#000;}
    @page{margin:1cm;}
}

/* 반응형 */