@charset "UTF-8";


/*--------------------------------------------------------- 리더기전용 ---------------------------*/
.sr-only{position:absolute; left:-10000px; top:auto; width:1px; height:1px; overflow:hidden;}



/*--------------------------------------------------------- FORM COMMON ---------------------------*/
/*---- 공통 ----*/
input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
input[type="url"],
input[type="date"],
input[type="datetime-local"],
input[type="time"],
select,
.txt-box,
.attach__btn{width:100%; border-radius:2px; border:1px solid #e5e5e5; font-size:15px;}

input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
input[type="url"],
input[type="date"],
input[type="datetime-local"],
input[type="time"],
input + button,
select{max-width:400px; height:45px; padding:0 12px;}

textarea{display:block; padding:6px 3px 6px 9px; width:100%; min-height:100px; resize:none; line-height:1.5; font-size:inherit;}
textarea::-webkit-scrollbar{width:6px; height:6px;}
textarea::-webkit-scrollbar-thumb{background:#a7a7a7;}


/*---- 분리된 input ----*/
.input-sep{display:flex; align-items:center;}
.input-sep .input-hyphen{width:28px; height:28px; padding:0 6px; text-align:center;}

    /* input + button */
    .input-btn{display:flex; align-items:center;}
    .input-btn input + button{margin-left:8px;}
    .input-btn input[disabled="disabled"].attach__tit{color:#000 !important;}


/*---- row ----*/
.input-row:not(:last-child){margin-bottom:10px;}


/*---- email ----*/
.input-email input[type="text"].input-email__id{max-width:150px;}
.input-email input[type="text"].input-email__add,
.input-email input[type="text"].input-email__add + select{max-width:180px;}
.input-email input[type="text"].input-email__add + select{margin-left:8px;}


/*---- tel ----*/
.input-sep.input-tel select,
.input-sep.input-tel input{max-width:117px;}


/*---- select-required::첫번째 옵션 숨기기 ----*/
.select-required > select > option[value=""][disabled]{display:none;}
.select-required > select:required:invalid{color:#a2a2a2;}
.select-required > select > option{color:#000;}


/*---- date ----*/
input[type="date"]{max-width:180px;}
input[type="datetime-local"]{max-width:260px;}


/*---- datepick ----*/
.datepick input{max-width:180px;}


/*---- dateTime ----*/
.date-time input{max-width:260px;}


/*---- time ----*/
input[type="time"],
.input-time input{max-width:180px;}


/*---- textbox ----*/
.txt-box{position:relative; padding-bottom:26px;}
.txt-box__count{position:absolute; bottom:6px; right:9px; font-size:13px;}


/*---- 파일첨부 ----*/
.attach__btn{position:relative; width:80px; font-size:15px; border:none;}
.attach__input{position:absolute; top:0; right:0; height:100%; cursor:pointer; opacity:0; filter:alpha(opacity=0); -ms-filter:"alpha(opacity=0)"; -moz-opacity:0;}


/*---- 주소 ----*/
.address__post,
.address__detail input:not(:last-child){margin-bottom:10px;}
.address__post input{max-width:180px;}



/*--------------------------------------------------------------------- 체크박스 & 라디오 --------------------------*/
/*-- 공통 --*/
input[type="checkbox"],
input[type="radio"]{display:none;}

input[type="checkbox"] + label,
input[type="radio"] + label{display:flex; align-items:center; font-size:15px;}

input[type="checkbox"] + label::before,
input[type="radio"] + label::before{content:''; border:1px solid #000; margin-right:6px; box-sizing:border-box;}

input[type="checkbox"]:checked + label::before,
input[type="radio"]:checked + label::before{content:''; background:url(../../images/ico_check.svg) no-repeat 50%;}


/*-- CHECK BOX --*/
input[type="checkbox"] + label{color:#000;}
input[type="checkbox"] + label::before{width:20px; height:20px;}
input[type="checkbox"]:checked + label::before{background-size:0.75em;}

    /* type */
    .checkbox-02 input[type="checkbox"]:checked + label,
    .radio-02 input[type="radio"]:checked + label{position:relative;}
    .checkbox-02 input[type="checkbox"]:checked + label::before,
    .radio-02 input[type="radio"]:checked + label::before{background:none;}
    .checkbox-02 input[type="checkbox"]:checked + label::after,
    .radio-02 input[type="radio"]:checked + label::after{content:""; position:absolute; top:50%; transform:translateY(-50%); background:#000;}

    .checkbox-02 input[type="checkbox"]:checked + label::after{left:3px; width:14px; height:14px;}
    .checkbox-03 input[type="checkbox"] + label::before{border-radius:4px;}
    .checkbox-04 input[type="checkbox"] + label::before{border-radius:4px;}
    .checkbox-04 input[type="checkbox"]:checked + label::before{background-color:#000; background-image:url(../../images/ico_check_w.svg);}
    .checkbox-05 input[type="checkbox"] + label{color:#a2a2a2;}


/*-- RADIO --*/
input[type="radio"] + label{color:#000;}
input[type="radio"] + label::before{width:20px; height:20px; border-radius:50%;}
input[type="radio"]:checked + label::before{background-size:0.4375rem;}

    /* type */
    .radio-02 input[type="radio"]:checked + label::after{left:4px; width:12px; height:12px; border-radius:50%;}



/*--------------------------------------------------------------------- BUTTON --------------------------*/
/*-- 개수 --*/
.btn-2ea{display:flex;}
.btn-2ea .btn{width:50%;}
.btn-2ea .btn:not(:last-child){margin-right:10px;}


/*-- SIZE --*/
.btn{display:inline-block; vertical-align:middle; text-align:center; min-width:60px;}
.btn.small{width:60px; height:30px; line-height:30px; font-size:14px;}
.btn.medium{width:150px; height:50px; line-height:50px;}
.btn.large{width:230px; height:70px; line-height:70px;}

.btn.small.btn-line{line-height:calc(30px - 1px);}
.btn.medium.btn-line{line-height:calc(50px - 1px);}
.btn.large.btn-line{line-height:calc(70px - 1px);}


/*-- COLOR --*/
/* bg */
.btn.black{background:#000; color:#fff;}
.btn.gray01{background:#d0d0d0; color:#fff;}
.btn.gray02{background:#bababa; color:#fff;}
.btn.gray03{background:#888; color:#fff;}
.btn.gray04{background:#666; color:#fff;}
.btn.gray05{background:#505050; color:#fff;}
.btn.gray06{background:#404040; color:#fff;}
.btn.gray07{background:#333; color:#fff;}
.btn.gray08{background:#232323; color:#fff;}


/* line */
.btn.blackLine{border:1px solid #000;}



/*--------------------------------------------------------------------- ICON --------------------------*/
/*-- RESET --*/
.btn.ico{line-height:1;}


/*-- COMMON --*/
.ico{display:inline-flex; align-items:center; justify-content:center;}

.ico-center{flex-direction:column;}
.ico-center i{margin-bottom:3px;}
.ico-left i{margin-right:5px;}
.ico-right i{margin-left:5px;}

.ico-txt{font-size:inherit; color:inherit; letter-spacing:inherit;}


/*-- IMAGE --*/
.ico__naver{width:15px; height:15px; background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='13.608' height='12.469' viewBox='0 0 13.608 12.469'%3e%3cpath fill='%23fff' transform='translate(-883.095 -565.375)' d='M892.062,565.375v6.291l-4.31-6.291H883.1v12.469h4.642v-6.292l4.31,6.292H896.7V565.375Z'/%3e%3c/svg%3e");}
.ico__search{width:19px; height:19px; background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='19' height='19.005' viewBox='0 0 19 19.005'%3e%3cpath fill='%23fff' transform='translate(-4.5 -4.493)' d='M23.277,22.122l-5.284-5.334a7.531,7.531,0,1,0-1.143,1.158l5.25,5.3a.813.813,0,0,0,1.148.03A.819.819,0,0,0,23.277,22.122Zm-11.2-4.112a5.946,5.946,0,1,1,4.206-1.742A5.91,5.91,0,0,1,12.075,18.011Z' /%3e%3c/svg%3e") no-repeat 50%;}



/*--------------------------------------------------------------------- 검색바 --------------------------*/
.search select{max-width:fit-content; margin-right:8px;}
.search button{width:85px;}
.search button span + i{margin-left:8px;}

.search-01 button{min-width:initial; width:45px; margin-left:0 !important;}



/*--------------------------------------------------------------------- timepicker --------------------------*/
.input-time .ti_tx,
.input-time .mi_tx,
.input-time .mer_tx{width:100%; text-align:center; margin:10px 0;}

.input-time .time,
.input-time .mins,
.input-time .meridian{width:42px; float:left; margin:0 10px;}

.input-time .prev,
.input-time .next{cursor:pointer; padding:18px; border:1px solid #ccc; background:url(../../images/img_time_arr_02.png) no-repeat; border-radius:5px;}
.input-time .next{background-position:50% 150%;}
.input-time .prev{background-position:50% -50%;}

.input-time .prev:hover,
.input-time .next:hover{background-color:#ccc;}

.input-time .time_pick{position:relative;}
.input-time .timepicker_wrap{display:none; position:absolute; padding:10px; border-radius:5px; z-index:998; box-shadow:2px 2px 5px 0 rgba(50,50,50,0.35); background:#f6f6f6; border:1px solid #ccc;}

.input-time .arrow_top{position:absolute; top:-10px; left:20px; background:url(../../images/img_time_arr.png) no-repeat; width:18px; height:10px;}
.input-time .timepicki-input{border:1px solid #ccc; border-radius:5px;}



/*--------------------------------------------------------------------- modal --------------------------*/
.blocker,
.alert{position:fixed; top:0; left:0; display:flex; align-items:center; justify-content:center; width:100%; height:100%; z-index:9999; background:rgba(0,0,0,0.75); text-align:center;}
.modal,
.alert__cont{width:100%; max-width:500px; background:#fff; padding:20px 30px; border-radius:8px; box-shadow:0 0 10px #000;}
.modal-txt{margin-bottom:40px;}
.modal-txt__tit,
.alert-txt__tit{font-size:18px; font-weight:700; margin-bottom:10px;}
.modal-txt__cont,
.alert-txt__cont{color:#535353; word-break:keep-all;}
.modal__btn .btn{width:100%; height:55px; line-height:55px; border-radius:10px;}


    /*-- alert --*/
    .alert{display:none;}
    .alert.show{display:flex;}
    .alert__close{float:right;}
    .alert__close > img{width:15px; height:15px;}
    .alert__cont{clear:both; min-height:140px;}