@charset "UTF-8";

/* search input */
.search-type01 {display: flex;  margin: 0 auto; align-items: center; justify-content: center; gap: 8px;}
.search-type01 input::placeholder {color: #999; font-size: 2.0rem;}
input.search-inpt {padding: 32px 0px 32px 40px; color: #1A1A1A; font-size: 2.0rem; background: #fff; border-top-left-radius:47px; border-bottom-left-radius: 47px;}

/*size*/
.size147{max-width:147px; width: 100%;}
.size180{max-width:180px; width: 100%;}
.size190{max-width:190px; width: 100%;}
.size240{max-width:240px; width: 100%;}
.size260{max-width:260px; width: 100%;}
.size300{max-width:300px; width: 100%;}
.size510{max-width:510px; width: 100%;}
.size640{max-width:640px; width: 100%;}
.size960{max-width:960px; width: 100%;}
.sFull{width:100%}

/*btn*/
.btn-area{display: flex; justify-content: center; margin-top:8rem;}
.btn {display: inline-block;vertical-align: middle; text-align: center; background: none; border: 0; font-family: 'S-CoreDream'; box-sizing: border-box;}
.btn-search-type {font-size:2.0rem; padding:31px 37px; color: #fff; font-weight: 500; background: #2C3E50; border-top-right-radius:47px; border-bottom-right-radius: 47px; }
.btn-type1 {font-size: 1.6rem; padding: 17px 0; font-weight: 500; border-radius: 39px;}
.btn-type2 {font-size: 1.4rem; padding: 12px 24px; font-weight: 500; border-radius: 39px;}
.btn-type3 {font-size: 1.6rem; padding: 17px 58px; font-weight: 500; border-radius: 39px}
.btn-box {text-align: center;}
.btn-box.typ01 {margin-top: 100px;}
.btn-box.typ02 {margin-top: 100px;}
.btn-box.typ03 {margin-top: 30px;}
.btn-box.typ04 {margin-top: 60px;}
.btn-box.typ05 {margin-top: 40px;}
/*버튼 color*/
.btn-col-type1 {background: #1A1A1A; color: #fff;}
.btn-col-type2 {background: #2C3E50; color: #fff;}
.btn-col-type3 {background: #A0A0A0; color: #fff;}
.btn-col-type4 {background: #F6F6F6; color: #555;}

/* category-text-color */
.category-typ02 {display: inline-block; padding: 3px 11px; font-size: 1.4rem; font-weight: 300;  border-radius: 5px;}
.category-txt01 {color: #E31E18;  border: 1px solid #F4A5A3; background: #FCE8E8;}
.category-txt02 {color: #FF7F00;  border: 1px solid #FFC78E; background: #FFEEDD;}
.category-txt03 {color: #9240C9;  border: 1px solid #E0B1FF; background: #FAF1FF;}
.category-txt04 {color: #3064E8;  border: 1px solid #8EAEFF; background: #DDE5FF;}
.category-txt05 {color: #1E90FF;  border: 1px solid #8EC7FF; background: #DDEEFF;}
.category-txt06 {color: #CFA006;  border: 1px solid #FDE080; background: #FEF6D9;}
.category-txt07 {color: #2BCCE9;  border: 1px solid #95E6F4; background: #DFF7FC;}
.category-txt08 {color: #4D6277;  border: 1px solid #99B5CF; background: #D9E3ED;}
.category-txt09 {color: #1ABC9C;  border: 1px solid #1ABC9C; background: #fff;}
.category-txt010 {color: #F27B3C;  border: 1px solid #F27B3C; background: #fff;}
.category-txt011 {color: #808080;  border: 1px solid #808080; background: #fff;}
.category-txt012 {color: #808080;  border: 1px solid #808080; background: #fff;}

.col-typ04 {color: #EA1F1F;}
.col-typ05 {color: #00A584 !important;}
.col-typ06 {color: #F27B3C !important;}
.col-typ07 {color: #F92525 !important;}
.col-typ08 {color: #258FF6;}
.col-typ09 {color: #555 !important;}

.label01 {display: inline-flex; padding: 10px 47px; border-radius: 20px; background: #1ABC9C; color: #fff; font-size: 1.4rem; font-weight: 400; }
.label02 {display: inline-flex; padding: 10px 47px; border-radius: 20px; background: #F27B3C; color: #fff; font-size: 1.4rem; font-weight: 400; }
.label03 {display: inline-flex; padding: 10px 47px; border-radius: 20px; background: #808080; color: #fff; font-size: 1.4rem; font-weight: 400; }

/*input*/
.inpt-type1{display: inline-block; padding: 19px 20px; box-sizing: border-box;background: #F5F6F8; border-radius: 6px !important; font-weight: 400;}
.inpt-type2 {display: inline-block; padding: 19px 20px; box-sizing: border-box;border: 1px solid #dbdbdb; border-radius: 6px !important;  font-size: 1.8rem;  font-family: 'S-CoreDream'; font-weight: 400;}
input::placeholder {color: #999; font-size: 1.6rem;}
input:focus {outline:none;}
input[type="password"] {border: none; outline: none; }
.select-type1{padding: 19px 20px; font-size: 1.5rem; color: #555; font-weight: 500; background: #F5F6F8 url(/common/images/user/ico/ico_arrow.png) no-repeat 90%; background-size: 14px 9px; border-radius:6px ; -webkit-appearance: none; -moz-appearance: none; appearance: none;font-family: 'S-CoreDream';}
.select-type2{padding: 19px 20px; font-size: 1.8rem; color: #555; font-weight: 400; border: 1px solid #dbdbdb; background: url(/common/images/user/ico/ico_arrow.png) no-repeat 95%; background-size: 14px 9px; border-radius:6px ; -webkit-appearance: none; -moz-appearance: none; appearance: none;font-family: 'S-CoreDream';}


/* checkbox */
.checkbox {display: inline-block; position: relative;  font-size: 0; vertical-align: middle;}
.checkbox input[type="checkbox"], .checkbox input[type="radio"] {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; box-sizing: border-box;}
.checkbox label{ display: inline-block; position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; vertical-align: middle;line-height:1;}
.check-list1 label .check-image{display:inline-block; width:20px;height:20px; background-image: url(/common/images/user/btn/btn_uncheck_03.png); background-repeat: no-repeat; cursor: pointer; vertical-align:middle; background-size:20px;margin-right: 1rem; }
.check-list1 label span{word-break: break-all; vertical-align: middle; color:#666; font-size:1.4rem; line-height:20px; font-weight: 400;}
.check-list1 input[type="checkbox"]:checked ~ label i {background-image: url(/common/images/user/btn/btn_checked_03.png);}

input[type="file"] {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0;}

/*input list*/
.inpt-list1 > li{margin-bottom:2.8rem}
.inpt-list1 > li:last-child{margin-bottom:0}
.inpt-list1 li strong{display:block; margin-bottom:2rem; line-height:1; font-style: normal;font-weight: 500; color:#1a1a1a; }
.inpt-list1 .check{padding:1rem 0 0 2rem; color:#EA1F1F; font-size: 1.4rem;}

.inpt-list1.line-inpt > li{padding:3rem 0; margin:0; border-bottom:1px solid #E1E1E1}

/* 태블릿 */
@media all and (max-width:991px){
.btn-box.typ01 {margin-top: 80px;}
.btn-box.typ01 a {width: 100%; max-width: 100%;}
.btn-box.typ02 {margin-top: 50px;}

}




/* 모바일 */
@media all and (max-width:767px){
/*input list*/
.inpt-list1 li strong{font-size: 1.5rem; margin-bottom:1.5rem}
.inpt-list1 .check{padding:1rem 0; font-size: 1.3rem;}
.inpt-type2 {font-size: 1.6rem;}
input::placeholder{font-size: 1.4rem; }
/*check box*/
.check-list1 label span{font-size: 1.3rem; line-height: 1.6;}
.check-list1 label .check-image{width:16px;height:16px; background-size:16px}
/*btn*/
.btn-type1{font-size:1.4rem; padding: 15px 0;}
.btn-type3{font-size: 1.4rem; padding:14px 58px}
.btn-area{margin-top:6rem}
.btn-box.typ05 {margin-top: 20px;}

/* search-input */
.search-wrap .search-inner .search-box {padding-top: 84px;}
input.search-inpt {padding: 14px 0 14px 20px; font-size: 1.5rem;}
input.search-inpt::placeholder {font-size: 1.5rem;}
.btn-search-type {font-size: 1.5rem; padding: 13px 28px;}

/* category-text-color */
.category-typ02 {font-size: 1.2rem;}

/* label */
.label01 {padding: 6px 30px; font-size: 1.3rem;}
.label02 {padding: 6px 30px; font-size: 1.3rem;}
.label03 {padding: 6px 30px; font-size: 1.3rem;}
}