@charset "utf-8";





/*-------------------------------------------------------------------
    Button
-------------------------------------------------------------------*/
/* Default */
button {overflow:visible;color:#787878; border-radius: 0.3rem; display:flex; align-items: center;  justify-content: center; padding:0px; border:0px;  font-weight:normal; cursor:pointer; outline:none; background-color:transparent;}
button::-moz-focus-inner {border:0px; padding:0px;}
button span { font-size:1.4rem; display:flex; align-items: center; line-height:1.4rem;}
button span:lang(en){font-size:1.2rem;}
.btn-wrap {position:relative; display:block;}
.btn-wrap.btn-group {display:flex;justify-content: space-between;}
.btn-wrap.btn-group .btn-default {width:50%;display: flex;white-space: inherit;display: flex;align-items: center;justify-content: center;}


.btn-wrap.btn-group .btn-default span{display:flex; align-items:center; line-height:initial;     letter-spacing: -0.05rem;}
.btn-wrap.btn-group .btn-default span:lang(en){display:flex; align-items:center; line-height:initial;}
.btn-wrap.btn-group .btn-default + .btn-default {margin-left:0.5rem;}
.btn-wrap .btn-left {display:inline-block; float:left;}
.btn-wrap .btn-right {display:inline-block; float:right;}
.btn:lang(en){white-space: initial; display:flex; align-items: center;    justify-content: center;}
.order-mody-m .btn:lang(en){display:block;}
.btn span {display:inline-flex; position:relative; height:100%;     align-items: center;}
.btn span:lang(en){display:flex; align-items:center; line-height:1em;   justify-content: center;}
.m-toggle span{display:none !important;}

.btn-default {width:100%; height:3.6rem; padding:0 0.5rem; font-size:1.4rem; line-height:1.4rem; border-radius:0.3rem;}
.btn-default:lang(en){font-size:1.4rem; line-height:1.4em;}
.btn-mid {width:100%; height:3.6rem; padding:0 1.2rem; font-size:1.4rem; line-height:3.6rem;}
.btn-mid:lang(en)  {line-height:1.2rem;}
.btn-mid.non-space{white-space: inherit; }
.btn-line{    border: 1px solid #ccc;    padding: 0.5rem 1rem;    border-radius: 0.3rem;}
.btn-line-orange{    border: 1px solid #ff7d0d;  color:#ff7d0d;  padding: 0.5rem 1rem;    border-radius: 0.3rem;}
.btn-line-orange span{letter-spacing:-0.07rem;}
.btn-orange {background-color:#ff7d0d !important; color:#fff; border-color:#ff7d0d !important;}
.btn-gray {background-color:#999 !important; color:#fff; }
.dark-btn {background-color:#555 !important; color:#fff  !important;}

button:disabled,
button[disabled]{border: solid 1px #dcdcdc !important; color:#f0f2f4 !important; background-color:#dcdcdc !important; } 
.btn-white {background-color:#fff !important; color:#787878!important;  border: 1px solid #787878 !important; }

.btn-darkgray {background-color:#505050 !important; color:#fff; text-align:center;justify-content: center;}
.btn-flex-box{display:flex; padding:1rem 1rem}
.btn-flex-box button + button{margin-left:1rem;}


input::-ms-clear,
input::-ms-reveal {display: none; width : 0; height: 0;}
input::-webkit-search-decoration,
input::-webkit-search-cancel-button,
input::-webkit-search-results-button,
input::-webkit-search-results-decoration { display: none; }
button.datetime-reset-button,
button#reset-button.datetime-reset-button{
	display:none !important;
}


/* design */
.btn-login {width:100%; height:2.5rem; background-color:#555; line-height:2.5rem;}
.btn-login span {font-family:"NotoSans-Medium"; font-size:0.8rem; color:#fff;}
.btn-lang span {position:relative; font-family:"NotoSans-Medium"; font-size:1.2rem; color:#fff;}
.btn-lang:after {display:block;width:0.6rem; height:1rem;background:url('/images/responsive-img/f-licon2.svg') no-repeat; background-size:100%; content:"";}
.btn-excel {width:auto; height:1.75rem; padding:0 1rem; border:0.1rem solid #999; font-size:0.7rem; color:#999; line-height:1.55rem;}
.btn-zipcode {width:5.2rem; height:3.6rem; padding:0 0.5rem; line-height:3.6rem;}
.btn-zipcode span {font-size:0.7rem;}
.btn-circle {width:1.95rem; height:1.95rem; text-indent:-9999px;}
.btn-circle + .btn-circle {margin-left:0.5rem;}
.btn-circle.btn-up {background:url('/images/mobile/common/btn_circle_up.png') no-repeat; background-size:100%;}
.btn-circle.btn-up:disabled {background:url('/images/mobile/common/btn_circle_up_off.png') no-repeat; background-size:100%;}
.btn-circle.btn-down {background:url('/images/mobile/common/btn_circle_down.png') no-repeat; background-size:100%;}
.btn-circle.btn-down:disabled {background:url('/images/mobile/common/btn_circle_down_off.png') no-repeat; background-size:100%;}
.btn-circle.btn-del {background:url('/images/mobile/common/btn_circle_del.png') no-repeat; background-size:100%;}

/* Check */
.form-check {display:inline-block;  position:relative; margin:0; vertical-align:top;    }
.form-check label  {display:flex; min-height:1.82rem;}
.form-check .form-inner-div label > span {display:inline-block; position:relative; padding: 0 0rem 0 2rem; font-size:1.4rem;  color:#333; line-height: 1.8rem; min-width: 12.5rem;}
.form-check label > span {display:inline-block; position:relative; padding: 0 0rem 0 2rem; font-size:1.4rem;  color:#333; line-height: 1.8rem; word-break: break-all;}
.form-check label > span.simple {width: 1.8rem;    height: 1.8rem; padding:0; text-indent:-999em; text-align:left;}
.form-check label > span:before, .form-check label > span:after {content:""; position:absolute; left:0; top:0;}
.form-check label > span:before {top:0; width:1.8rem; height:1.8rem; border:0.1rem solid #a1a1a1; background:#fff; border-radius: 0.4rem;}
.form-check label > input {position:absolute; left:0; top:0; width: 1.8rem;    height: 1.8rem; opacity:0;}
.form-check label > input:checked + span:before {border-color:#f68c30;}
.form-check label > input:checked + span:after {left:0.26rem; top:0.21rem;}

.form-check +.form-check{
	margin-left:1rem;
}




/* 증상확인으로 삭제
.on .form-check label > input[type="checkbox"]:checked + span:before,
.on .form-check label > input:checked + span:before{background-color:#dcdcdc;}
.on .form-check label > input:checked + span:before{border-color:#dcdcdc;}
*/





.form-check label > input[type="checkbox"]:checked + span:after {width:1.2rem; height:0.8rem; background:none; border-left:0.07rem solid #fff; border-bottom:0.07rem solid #fff; -webkit-transform:rotate(-45deg); transform:rotate(-45deg);}
.form-check label > input[type="checkbox"]:checked + span:before {background-color:#ff8a00;}
.form-check label > input[type="checkbox"]:disabled:checked + span:before,
.form-check label > input[type="checkbox"]:disabled:not(:checked) + span:before  {border-color:#ccc; background:#eee;}

.form-check label > input[type="radio"] + span:before {border-radius:50%;}
.form-check label > input[type="radio"]:checked + span:before {background-color:#fff;}
.form-check label > input[type="radio"]:checked + span:after {top:0.37rem; left:0.37rem; width:1.05rem; height:1.05rem; border-radius:50%; background:#f68c30;}

.form-check label > input[type="radio"]:disabled + span:before {border-color:#ccc; background:#eee;}
.form-check label > input[type="radio"]:disabled:checked + span:after {background:#ccc;}

.form-check.sm label > input{width:1.8rem; height:1.8rem;}
.form-check.sm label > span {font-size:1.2rem; padding:0 0.3rem 0 1.8rem;  display:flex; align-items: flex-start;}
.form-check.sm label > span:lang(ja) {font-size:1.3rem !important; }
.form-check.sm label > span em{display:block; width:fit-content; /*margin-top:0.5rem;*/  margin-left:0.5rem; font-size:1.4rem; line-height: 1.8rem; word-break: break-all; text-align: left;}
.form-check.sm label > span:before {width:1.8rem; height:1.8rem;}
.form-check.sm label > input[type="checkbox"]:checked + span:after {width:1rem; height:0.5rem;}
.form-check.sm label > input:checked + span:after {top:0.35rem; left:0.35rem;}

.confirm-ch .form-check.sm label > span em{font-size:1.2rem; line-height:1.8rem; margin-top:-0.5rem;}




/* Check */
.week-wrap {display:flex;}
.week-check {display:inline-block; position:relative; margin:0; vertical-align:top; flex:1;}
.week-check + .week-check {margin-left:0.05rem;}
.week-check label  {display:block;}
.week-check label > span {display:inline-block; width:100%; position:relative;  font-size:1.4rem; line-height:1.25rem; color:#555; text-align:center;}
.week-check label > span.holiday {color:#e40d0d;}
.week-check label > input {position:absolute; left:0; top:0;  width:100%; height:100%; opacity:0;}
.week-check label > input:checked + span:before {display:block; position:absolute; bottom:0; left:0.25rem; width:calc(100% - 0.5rem); height:0.1rem; background-color:#f68c30; content:"";}
.week-check label > input:disabled + span {background:#eee;}

/* radio-group */
.radio-group {display:flex; margin:0rem 0 0 -1.5rem;}
.radio-group .form-check {margin:1.4rem 0 0 1.45rem ;}
.radio-group .form-check label > span {padding-right:0;}

#pop-achievement-rate .radio-group{margin-left:0;} 








/* input */
.inp-wrap {display:block; width:100%;}
.inp-wrap .inp,
.inp-wrap input[type="text"] {width:100%; height:3.6rem; padding:0 1rem;  border:1px solid #dcdcdc; background-color:transparent; font-size:1.4rem; color:#333; line-height:2.15rem;    border-radius: 0.3rem;}
.inp-wrap input[type="text"]:lang(de){min-width:auto;}
.inp-wrap .inp.point,
.inp-wrap input.point[type="text"] {color:#ff8a00;}
.inp-wrap .inp-flex input{border:0; padding:0 1.25rem; width:80% ;/* margin-right:1.2rem;*/}
.inp-wrap .inp.inp-date{min-width:13rem;}
.inp-wrap.flex-box{
    display:flex; 
}



.inp-wrap .inp:focus,
.inp-wrap input[type="text"]:focus{border-color:#787878;outline:none; border-radius:0.3rem; }
.inp-wrap .inp:lang(en) {font-size:1.4rem;}
.inp-wrap.ok .inp {padding-right:3.6rem; /*background:url('/images/mobile/common/ico_input_ok.png') #fff no-repeat calc(100% - 0.6rem) center;*/ background-size:1.1rem 1.1rem;}
.inp-wrap.error .inp {padding-right:3.6rem; border-color:#f7554d;/* background:url('/images/mobile/common/ico_input_err.png') #fff no-repeat calc(100% - 0.6rem) center;*/ background-size:1.1rem 1.1rem;}
.inp-wrap .inp:read-only {background:#eee; color:#b2b2b2; border:1px solid #dcdcdc;}
.inp-wrap .text-inp.readonly{background:#eee; color:#b2b2b2;}
.inp-wrap .text-inp.readonly input{background-color:transparent;}
.inp-wrap .text-inp.readonly input:read-only{background-color:transparent; border:none;}
.inp-wrap.has-unit {display:flex;}
.inp-wrap.date-wrap {display:flex;}
.inp-wrap.date-wrap .txt {display:inline-block; padding:0 0.5rem; line-height:3.6rem; font-size:1.4rem;}
.inp-wrap.tel-wrap {display:flex;}
.inp-wrap.tel-wrap select,
.inp-wrap.tel-wrap input {width:33.33%;}
.inp-wrap.tel-wrap .txt {display:inline-block; padding:0 0.12rem; line-height:3.6rem;}
.inp-wrap.addr-wrap .zipcode {display:flex;}
.inp-wrap.addr-wrap .zipcode .inp {width:calc(100% - 5.7rem); margin-right:0.5rem;}
.inp-wrap.addr-wrap .item + .item {margin-top:0.5rem;}
.inp-wrap.inp-two {display:flex; justify-content:space-between;}
.inp-wrap.inp-two .inp,
.inp-wrap.inp-two .select-default {width:calc(50% - 0.47rem);}
.inp-wrap.has-btn {display:flex;/* justify-content:space-between;*/gap: .5rem;}
/*.inp-wrap.has-btn button + button{margin-left:1.4rem ;}*/
.inp-wrap.has-btn > div{display:flex}
/*.inp-wrap.has-btn.jutify-box > div{display:block;}*/
.inp-wrap.has-btn div button + button{margin-left:0.5rem}
.inp-wrap.has-btn .inp,
.inp-wrap.has-btn .select-default {width:calc(100% - 5.22rem);}
.inp-wrap.has-btn .btn {padding:0 0.5rem;}
.inp-wrap.has-unit02 {display:flex;}
.inp-wrap.has-unit02 .inp {width:calc(100% - 1.75rem);}
.inp-wrap.has-unit02 .unit {display:block; width:1.75rem; padding-left:0.5rem; font-size:1.4rem; color:#333; line-height:3.6rem;letter-spacing:1.5px;}
.unit-self{display:flex; align-items: center; padding-left:0.5rem;  }

.textarea-wrap {height:8rem; padding:0.57rem 1.4rem; border:0.1rem solid #ccc; font-size:1.4rem; color:#333; line-height:2rem;}

/* input date*/
input[type="date"]::-webkit-clear-button{display: none;}
input[type="date"]::-webkit-calendar-picker-indicator {position:absolute; top:0; right:0; width:1.5rem; height:100%; color: rgba(0, 0, 0, 0); opacity:0; z-index:2;}
input[type="date"].inp{position:relative; }
input[type="date"]:after {display:block; position: absolute; top:.1rem; width:3rem; height:3rem; right:0.3rem; margin-top:0.1rem; background:url('/images/responsive-img/ico_cal.svg'); background-size:100%; content:"";  z-index:1;}
input[type="month"]:after {display:block; position: absolute; width:3rem; height:3rem; right:0.3rem; margin-top:0.1rem; background:url('/images/responsive-img/ico_cal.svg'); background-size:100%; content:"";  z-index:1;}
input[type="month"]::-webkit-clear-button {display: none;} 
input[type="month"]::-webkit-calendar-picker-indicator {position:absolute; top:0; right:0; width:1.5rem; height:100%; color: rgba(0, 0, 0, 0); opacity:0; z-index:2;}


/*시간 날자*/
input[type="datetime-local"]::-webkit-clear-button {display: none;}
input[type="datetime-local"]::-webkit-calendar-picker-indicator {position:absolute; top:0; right:0; width:1.5rem; height:100%; color: rgba(0, 0, 0, 0); opacity:0; z-index:2;}
input[type="datetime-local"].inp{position:relative; padding-left: 0.5rem;    max-width: 91%;}
input[type="datetime-local"]:after {-moz-appearance:none;}
input[type="datetime-local"]:after { display:block; position: absolute; width:3rem; height:3rem; right:0.3rem; margin-top:0.1rem; background:url('/images/responsive-img/ico_cal.svg'); background-size:100%; content:"";  z-index:1;}
@-moz-document url-prefix(){
	.ico_cal{position:relative; }
	.ico_cal:after  { display:block; position: absolute; width:3rem; height:3rem; right:0.3rem; margin-top:0.1rem; background:url('/images/responsive-img/ico_cal.svg'); background-size:100%;  z-index:1; content:""; top: 0; }
}





/* input time */
.timepicker-in{position:relative; width:100%; }
.timepicker-in input[type="text"]::-webkit-clear-button {display: none;}
.timepicker-in input[type="text"]::-webkit-calendar-picker-indicator {position:absolute; top:0; right:0; width:1.5rem; height:100%; color: rgba(0, 0, 0, 0); opacity:0; z-index:2;}
.timepicker-in input[type="text"].inp{position:relative; z-index:1; background-color:#f5f5f5; border-color:#dcdcdc;}
.timepicker-in p{position:relative; width:100%; }
.timepicker-in .time-ico{display:block; position:absolute; background-repeat: no-repeat; width:3rem; height:3rem; right:0.3rem; top:0.3rem; margin-top:0.1rem; background:url('/images/responsive-img/ic-time-off.svg'); background-size:100%;   z-index:5;}
.on .timepicker-in .time-ico{display:block; position:absolute; background-repeat: no-repeat; width:3rem; height:3rem; right:0.3rem; top:0.3rem; margin-top:0.1rem; background:url('/images/responsive-img/ic-time.svg'); background-size:100%;   z-index:5;}
.on .timepicker-in input[type="text"].inp{position:relative; z-index:1; background-color:#fff; border-color:#dcdcdc;} 
.ui-timepicker-standard{z-index:103 !important;}

li p.readonly .timepicker-in .time-ico{display:block; position:absolute; background-repeat: no-repeat; width:3rem; height:3rem; right:0.3rem; top:0.3rem; margin-top:0.1rem; background:url('/images/responsive-img/ic-time.svg'); background-size:100%;   z-index:5;}



.timepicker-in p.readonly .time-ico{display:block; position:absolute; background-repeat: no-repeat; width:3rem; height:3rem; right:0.3rem; top:0.3rem; margin-top:0.1rem; background:url('/images/responsive-img/ic-time-off.svg'); background-size:100%;   z-index:5;}
.timepicker-in p.readonly input[type="text"].inp{position:relative; z-index:1; background-color:#f5f5f5; border-color:#dcdcdc;} 

.timepicker-in p.on .time-ico{display:block; position:absolute; background-repeat: no-repeat; width:3rem; height:3rem; right:0.3rem; top:0.3rem; margin-top:0.1rem; background:url('/images/responsive-img/ic-time.svg'); background-size:100%;   z-index:5;}
.timepicker-in p.on input[type="text"].inp{position:relative; z-index:1; background-color:#fff; border-color:#dcdcdc;} 







/* input-grpWrap */
.input-grpWrap {display:block; position:relative; padding:1.25rem 0 1rem;}
.input-grpWrap + .input-grpWrap {margin-top:1rem;}


/* inp-group */
.inp-group {display:block; position:relative;}
.inp-group p.point{color:#ff7d0d; font-size:1.2rem;}

.inp-group em{font-size:1.2rem; color:#a0a0a0; /*margin-top:0.7rem; */display:block;}
.inp-group em:lang(en){margin-top:0;}
.form-check.sm label > span em:lang(en){margin-top:0;}
.form-check.sm label > span:lang(en){line-height:1.9rem;}
.inp-group + .inp-group {margin-top:0.5rem;}
.inp-group .tit-wrap {display:flex; margin-bottom:0.5rem; flex-wrap:wrap;}
.inp-group .tit-wrap .tit {display:inline-flex; align-items: flex-end; min-height:3.2rem; margin-right:0.5rem; font-size:1.4rem; color:#787878;   line-height: 1.2em; font-weight: 400;}
.inp-group .tit-wrap .tit strong{font-size:1.5rem; color:#292929; font-weight: 500;}
.inp-group .tit-wrap .tit.point,
.inp-group  .text-point{color:#ff8a00;}
.alt-border .inp-group .tit-wrap .tit{    align-items: center;}
.tserch-box .inp-group .tit-wrap .tit {display:inline-flex; align-items: flex-end; min-height:0.5rem; margin-right:0.5rem; font-size:1.4rem; color:#787878;   line-height: 1.2em;}
.comfirm-inner .inp-group .tit-wrap .tit{align-items: center;}
.comfirm-inner .inp-group .tit-wrap .tit.red{background-image: none; color:#fb2a20;}
.inp-group .tit-wrap .tit:lang(en){font-size:1.4rem; align-items: center;}
.inp-group .tit-wrap .tit em{font-size:0.4rem;}

.inp-group .radio-group {padding:0.4rem 0;}

.radio-group.flex-warp{margin:0;}
.radio-group.flex-warp .form-check label > span{    padding: 0 0.3rem 0 2.5rem;  }

/* inp-row */
.inp-group.inp-row  {display:flex;}
.inp-group.inp-row .group-item {width:calc(50% - 0.5rem);}
.inp-group.inp-row .group-item.noti-w100{width:100%; margin-top:1rem;}
.inp-group.inp-row .group-item.noti-w100 label.tit br{display:none}
.flex-box .inp-group.inp-row.tit-w .group-item {width:calc(50% - 0.5rem);}
.inp-group.inp-row .group-item.noti-w100 label.tit {width:20%;}
.inp-group.inp-row .group-item.noti-w100 label.tit.label-w100{width:100%;}
.inp-group.inp-row .group-item .inp {width:calc(100% - 1.8rem);}
.inp-group.inp-row .group-item .unit {display:inline-block; width:2.3rem; padding-left:0.5rem; font-size:0.7rem; color:#333; line-height:3.6rem; letter-spacing: 0;}
.inp-group.inp-row .group-item + .group-item {margin:0 0 0 1rem;}
.inp-group.inp-row.inp-short .group-item .inp {width:calc(100% - 2.1rem);}
.inp-group.inp-row.inp-short .group-item .unit {width:2.1rem;}

.inp-group.inp-row.type02 +.inp-group.inp-row.type02 {margin-top:1.4rem;}
.inp-group.inp-row .group-item.type02 {display:flex; width:calc(100% - 1.4rem);}
.inp-group.inp-row .group-item.type02 .tit-wrap {width:2.2rem; height:3.6rem; margin-bottom:0;}
.inp-group.inp-row .group-item.type02 .tit-wrap .tit {line-height:3.6rem; letter-spacing:-1.5px;}
.inp-group.inp-row .group-item.type02 .tit-wrap .tit.line-two {display:flex; line-height:1.2; align-items:center;}
.inp-group.inp-row .group-item.type02 .tit-wrap + .inp-wrap {width:calc(100% - 2.72rem); margin-left:0.55rem;}
.inp-group.inp-row .group-item.type02 .inp-wrap.has-unit .select-default {min-width:auto; width:calc(100% - 1.4rem);}
.inp-group.inp-row.inp-short .group-item.type02 .inp {width:calc(100% - 1.4rem);}
.inp-group.inp-row.inp-short .group-item.type02 .unit {width:1.02rem;}

.inp-wrap.has-btn.jutify-box > div.mt2{display:block; padding-right:1rem;}

.unit-size .inp-group.inp-row.inp-short .group-item.type02 .unit{width:2.1rem;}
.unit-size .inp-group.inp-row .group-item.type02{width:50%;}
.unit-size  .inp-group.inp-row.inp-short .group-item.type02 .inp{width: 100%;}
.unit-size  .inp-group.inp-row .group-item.type02 .tit-wrap{width:50%;}
.inp-group.inp-row .group-item.type02 .tit-wrap + .inp-wrap{margin-left:0;}



/* select */
.select-default {min-width:5.25rem; height:3.6rem; padding:0 2rem 1.25rem;   border-radius: 0.3rem; border:0.1rem solid #dcdcdc; font-size:1.4rem; color:#333; line-height:2.15rem; background:#fff url('/images/mobile/common/ico_select.svg') no-repeat calc(100% - 10px) 50%; background-size:1.2rem 1.2rem; }
.select-default.select-2{    border-left: 0;    border-right: 0;    border-radius: 0;    min-width: 9rem;    padding-right: 0rem;}
.select-default:disabled {background-color:#eee; color:#999;}
.W-22{min-width:1rem; width:1.5rem; }
.W-3{min-width:4.5rem; }
/* tab */
.tab-wrap {display:block; position:relative;}
.tab-wrap .tab-nav {display:flex; position:relative; overflow:hidden;}
.tab-wrap .tab-nav .item {display:block; position:relative; flex:1;}
.tab-wrap .tab-nav .item .btn {width:100%; height:2rem; border:0.1rem solid #ccc; border-bottom-color:#f68c30; background-color:#f0f0f0; font-size:0.7rem; color:#999; line-height:1.9rem;}
.tab-wrap .tab-nav .item + .item {margin-left:-0.05rem;}
.tab-wrap .tab-nav .item.active {z-index:1;}
.tab-wrap .tab-nav .item.active .btn {border-color:#f68c30; border-bottom:none; background-color:#fff; color:#333;}
.tab-contWrap {display:block; position:relative;}
.tab-contWrap .tab-cont {display:none; position:relative; padding-top:1.5rem;}
.tab-contWrap .tab-cont.active {display:block;}

.tab-wrap02 {display:block; position:relative;}
.tab-wrap02 .tab-nav {display:flex; position:relative; overflow:hidden;}
.tab-wrap02 .tab-nav .item {display:block; position:relative; flex:1;}
.tab-wrap02 .tab-nav .item .btn {width:100%; height:2rem; border:0.1rem solid #ccc; border-bottom-color:#f68c30; background-color:#f0f0f0; font-size:0.7rem; color:#999; line-height:1.9rem;}
.tab-wrap02 .tab-nav .item + .item {margin-left:-0.05rem;}
.tab-wrap02 .tab-nav .item.active {z-index:1;}
.tab-wrap02 .tab-nav .item.active .btn {border-color:#f68c30; border-bottom:none; background-color:#fff; color:#333;}
.tab-contWrap02 {display:block; position:relative;}
.tab-contWrap02 .tab-cont {display:none; position:relative;}
.tab-contWrap02 .tab-cont.active {display:block;}
.tab-contWrap03 {display:block; position:relative;}
.tab-contWrap03 .tab-cont {display:none; position:relative;}
.tab-contWrap03 .tab-cont.active {display:block;}



/* table */
.tbl-wrap {display:block; position:relative; width:100%;}
.tbl-result thead th {height:1.5rem; padding:0.37rem 0.25rem; border-bottom:0.07rem solid #f68c30; font-size:0.8rem; color:#555;}
.tbl-result thead th:lang(en){font-size:0.7rem;}
.tbl-result thead th span {display:block; margin-top:0.2rem; font-family: 'NotoSans-Light'; font-size:0.6rem; color:#555;}
.tbl-result thead th:first-child,
.tbl-result tbody th:first-child {border-right:0.5rem solid #fff;}
.tbl-result tbody th {height:2.5rem; border-bottom:0.07rem solid #f0f0f0; font-family: 'NotoSans-Medium'; font-size:0.8rem; color:#555; text-align:center;}
.tbl-result td {height:2.5rem; border-bottom:0.07rem solid #f0f0f0; font-family: 'NotoSans-Regular'; font-size:1rem; color:#555;  text-align:center;}

.black.tbl-wrap 
.black.tbl-wrap .on th,
.black.tbl-wrap .on td,
.black.tbl-wrap .on td a{color:#333;}
.black.tbl-wrap .on td  .form-check label > span:before{border-color:#333;}
.black.tbl-wrap td,
.black.tbl-wrap td a {color:#999;}
.black.tbl-wrap .form-check label > input[type="checkbox"]:checked + span:after{    border-left: 0.07rem solid #333;    border-bottom: 0.07rem solid #333;}
.black.tbl-wrap .form-check label > input:checked + span:before{border-color: #333;}

.tbl-wrap .on th,
.tbl-wrap .on td,
.tbl-wrap .on td a{color:#f68c30;}
.tbl-wrap .on td  .form-check label > span:before{border-color:#f68c30;}
.tbl-wrap .hid{
    
   overflow:hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
     
}

/* accodion */
.acc-wrap {display:block; position:relative;}
.acc-wrap .btn-acc {width:100%; height:3.6rem; padding:0 2rem 0 0.55rem; border:0.1rem solid #ccc; background:#fff; font-family: 'NotoSans-Medium'; font-size:1.4rem; color:#333; line-height:2.15rem; text-align:left;}
.acc-wrap .btn-acc:after {display:block; position:absolute; width:1.2rem; height:1.2rem; top:0.55rem; right:0.55rem; background:url('/images/mobile/common/btn_sel_off.png') no-repeat; content:""; background-size: 100%;}
.acc-wrap .btn-acc.active:after { background:url('/images/mobile/common/btn_sel_on.png') no-repeat; content:""; background-size: 100%;}
.acc-wrap .acc-body {display:none; position:relative; padding:1rem 0.55rem; border:0.1rem solid #ccc; border-top:none; background:#fff;}

/* board */
.board-wrap {display:block; position:relative;}
.board-wrap .board-header {display:block; overflow:hidden;}
.board-wrap .board-header .left-box {float:left;}
.board-wrap .board-header .right-box {float:right;}
.board-wrap .board-header + .board-list {margin-top:1rem;}

/* List Type */
.tbl-wrap {display:block; position:relative; width:100%;}
.tbl-list  th{padding:0.5rem 0.5rem; text-align:left; text-align:center;    line-height: 1.5em; }
.tbl-list  th:lang(en){line-height:1em;    word-break: break-word; }
.tbl-list td {padding:0.32rem 0.25rem; text-align:center; text-align:center;  font-size:1.4rem;}
.tbl-list thead th {letter-spacing: -0.06rem; height:3.6rem; background:#f0f0f0; font-family: 'NotoSans-Medium'; font-size:0.7rem; color:#333;}
.tbl-list td {height:40px; border-bottom:0.05rem solid #f4f4f4; }
.tbl-list thead + tbody tr:first-child td {border-top:0;}
.tbl-list td .link-subject {color:#666;}
.tbl-list td .link-subject:active,
.tbl-list td .link-subject:focus,
.tbl-list td .link-subject:hover {color:#333; text-decoration:underline;}
.tbl-list .fixed-data td {background-color:#fafafa;}
.tbl-list.t-left td,
.tbl-list.t-left th{text-align:left;}
.tbl-list.t-left td:nth-child(1),
.tbl-list.t-left th:nth-child(1){text-align:center;}

.tbl-list.all-c th,
.tbl-list.all-c td{text-align:center;}

.tbl-list.all-c td:nth-child(2){text-align:left; padding-left:5%;}


.tbl-list.last-c th{}
.tbl-list.last-c td:last-child,
.tbl-list.last-c th:last-child{text-align:center; }

.none-keep td,
.none-keep td a{word-break:initial ;}
.none-keep .all-l{text-align:left;}




/*테이블 그래프*/
.tbl-wrap .graph-area{margin-left:0.5rem; padding-top:0; position:relative;border-radius: 10px;}
.tbl-wrap .graph-area .graph{display:block;overflow: hidden; position:relative; width:100%; height:0.97rem; background:#e0e0e0;border-radius: 10px; }
.tbl-wrap .graph-area .graph .bar{display:flex; height:100%; background:#717171; font-size:0.6rem; color:#fff;border-radius: 10px 0 0 10px;  text-align:center; line-height:0.97rem;}
.tbl-wrap .graph-area .graph .bar em{display:block;position:absolute; left:0; width: 100%;}







@media all and (max-width:414px) { 
    .W-3{min-width:2.5rem;}
    .select-default.W-22{width:4.5rem;}
    .btn-flex button{ width: 2.7rem;padding:0;}
    .radio-group.flex-warp {flex-wrap: wrap; margin:0;}
    .radio-group.flex-warp .form-check{margin:0;     flex-grow: 1; margin-bottom:0.3rem;}
    .radio-group.flex-warp .form-check label > span{padding-left:2.5rem;}
    .form-check {display:inline-block;  position:relative; margin:0; vertical-align:top;    }
    .min-w15{min-width:100%;}
     .inp-wrap .inp.inp-date{min-width:38%;}
     .inp-wrap .inp.inp-date.w48p{min-width:48%; width:48%;}

    }
    


@media all and (max-width:375px) { 
    .btn-flex button{ width: 2.7rem;padding:0;}
    .W-3{min-width:2.5rem;}
    .select-default.W-22{width:4.5rem;}

}

@media all and (max-width:360px) { 
    .btn-flex button{ width: 2.7rem;padding:0;}
    .flex-box .inp-row .group-item{display:block;}


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

.tbl-list th,
.tbl-list td{padding:0.5rem 0rem;  line-height: 1.5em;}
.tbl-list colgroup col:nth-child(3){width:5rem;}
.shc-checkWrap.flex-box .form-check label>span{font-size:0.5rem;}
.btn-flex input.inp{width: calc(100% - 4.5rem);margin-right: 0.5rem;}
.btn-flex button{ width: 2.6rem;padding:0;}


.inner .inp-group.flex-box-unit .radio-group .form-check label > span{margin:0;     /*margin-right: 0.2rem;*/ padding-left:1rem;}
.inner .inp-group.flex-box-unit .radio-group .form-check:last-child{margin-right:0;}
.tbl-list.all-c td:nth-child(2){text-align:left; padding-left:0%;}
.inp-wrap .inp{padding:0.5rem;}
.flex-box .inp-row .group-item{flex-wrap:wrap;}
.tit br{display:none;}
.flex-box .inp-group .tit-wrap{margin-bottom:0.2rem;}

}

@media all and (min-width:501px) {
.inp-group .tit-wrap,
.product-info .tit-wrap {display:flex; margin-bottom:1rem; flex-wrap:wrap;}
.inp-group .tit-wrap:lang(en),
.product-info .tit-wrap:lang(en){margin-bottom:0;} 
.inp-group{ margin-bottom:0;}

.inp-group + .inp-group {margin-top:1rem;}
input[type="datetime-local"].inp{position:relative; padding-left: 0.5rem;    max-width: 100%;}

  .inp-wrap .inp.inp-date.w48p{min-width:13rem; width:inherit;}
  .tserch-box .inp-group .tit-wrap .tit:lang(de){min-height:3.5rem;}

}


@media all and (min-width:1024px) {
		.product-info .tit-wrap { margin-bottom:0rem;}
	
}

input[type="date"]::-webkit-calendar-picker-indicator,
input[type="datetime-local"]::-webkit-calendar-picker-indicator {
    background: #f00;
    bottom: 0;
    color: transparent;
    cursor: pointer;
    height: auto;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: auto;
}