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



/*--------------------------------------------------------- FLEX ---------------------------*/
.flex { display:flex; } 
.flex-c-all { display:flex; align-items:center; justify-content:center; } 
.flex-c-space { display:flex; align-items:center; justify-content:space-between; } 

.flex-h-c { display:flex; align-items:center; } 
.flex-space { display:flex; justify-content:space-between; } 

.flex-txt-c a { display:flex; align-items:center; justify-content:center; } 

.flex-end {align-items: flex-end;    justify-content: flex-end;}

.flex-col-2{}
.flex-col-2 > div{}


/***********************************************************************************
mediaquery | mobile ~ 767 | tablet 768 ~ 1280 ~ 1659 | pc 1660px ~  
************************************************************************************/
@media screen and (min-width: 768px) { /***** TABLET **************************************************************************(min-width: 768px)*/

    .flex-col-2{}
    .flex-col-2 > div{}
}
@media screen and (min-width: 1280px) { /***** TABLET *************************************************************************(min-width: 1280px)*/
    .flex-col-2{
    display: flex;
    gap: 20px;
}
    .flex-col-2 > div{
    width: 100%;
}
}
@media screen and (min-width: 1660px) { /***** PC *****************************************************************************(min-width: 1660px)*/




}

/*--------------------------------------------------------- TEXT-ALIGN ---------------------------*/
.text-center{text-align:center}
.text-right{text-align:right}
.text-left{text-align:left}

/*--------------------------------------------------------- COLOR ---------------------------*/
.success {color: #002568;}
.failure {color: #D50000;}

/*--------------------------------------------------------- REACTIVE : MO-ONLY, TA-ONLY, PC-ONLY  ---------------------------*/
.mo-only{display: block;}
.ta-only{display: none;}
.pc-only{display: none;}
.mo-only.ta-only{display: block;}
.ta-only.pc-only{display: none;}
.mo-only.pc-only{display: block;}

/***********************************************************************************
mediaquery | mobile ~ 767 | tablet 768 ~ 1280 ~ 1659 | pc 1660px ~  
************************************************************************************/
@media screen and (min-width: 768px) { /***** TABLET **************************************************************************(min-width: 768px)*/

    .mo-only{display: none;}
    .ta-only{display: block;}
    .pc-only{display: none;}
    .mo-only.ta-only{display: block;}
    .ta-only.pc-only{display: block;}
    .mo-only.pc-only{display: none;}

}
@media screen and (min-width: 1280px) { /***** TABLET *************************************************************************(min-width: 1280px)*/
    .mo-only{display: none;}
    .ta-only{display: none;}
    .pc-only{display: block;}
    .mo-only.ta-only{display: none;}
    .ta-only.pc-only{display: block;}
    .mo-only.pc-only{display: block;}
}
@media screen and (min-width: 1660px) { /***** PC *****************************************************************************(min-width: 1660px)*/
    
    .mo-only{display: none;}
    .ta-only{display: none;}
    .pc-only{display: block;}
    .mo-only.ta-only{display: none;}
    .ta-only.pc-only{display: block;}
    .mo-only.pc-only{display: block;}

}


/*--------------------------------------------------------- MOVE-GRADATE-BAR ---------------------------*/
.mv-gradate-bar{
    width: 100%;
    height: 10px; 
    /* 그라데이션 */
    background: linear-gradient(90deg, #36B7D9 0%, #293088 100%);
    /* 애니메이션용: 배경을 2배로 키워 위치를 이동 */
    background-size: 300% 100%;
    animation: grad-slide 1.5s linear infinite alternate;
    /* 시각 보정 */
    box-shadow: 0 6px 18px rgba(41,48,136,.25);
}

@keyframes grad-slide{
    0%   { background-position:   0% 50%; }
    100% { background-position: 100% 50%; }
}

/* 모션 최소화 설정 존중 */
@media (prefers-reduced-motion: reduce){
    .mv-gradate-bar{ animation: none; background-size: 100% 100%; }
}


/*--------------------------------------------------------- TAB - TAB-CONTENT  ---------------------------*/

.tab{
    display: flex;
}
.tab > li {cursor: pointer;}
.tab > li.active {
}
.tab-cont > li {display: none;}
.tab-cont > li.active {display: block;}



/*--------------------------------------------------------- FORM COMMON ---------------------------*/
/*---- 공통 ----*/
input:not([type=checkbox],[type=radio],[type=range]){height: 60px;padding: 0 20px;width:100%;border-radius: 10px;border: 1px solid #E5E5E5;font-size: 1rem;font-weight: 500;color: #000000;background-color: #ffffff;font-family: Pretendard;} 

input:not([type=checkbox],[type=radio],[type=range]):focus {
    outline-width: 0 !important;
    border-color: #2A3188;
}

select{height: 60px;font-size: 1rem;font-weight: 400;border-radius: 10px;}

textarea {display:block;padding: 15px;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; } 


/*---- INPUT-ROW ----*/
.input-row {
    width: 100%;
}
.input-label {
    font-family: Pretendard;
    font-size: 0.875rem;
    font-weight: 500;
    margin-bottom: 9px;
}
.input-row  + .input-label{
    margin-top: 25px;
}
.input-label.required {}
.input-label.required:after {content: ' *';color: #36B7D9;}
.input-row + .input-row {margin-top: 10px;} 
/* .input-row input:not(:last-child) { margin-bottom:10px; } */
.input-row.input-row__dot {
    position: relative;
}
.input-row.input-row__dot:before {content:'';position: absolute;background-color: #A7268F;width: 8px;height: 8px;border-radius: 100%;left: -8px;top: 50%;transform: translateY(-50%);}
.input-row.input-row__btn-wrap {
    position: relative;
}


.input-row.input-row__btn-wrap input:not([type=checkbox],[type=radio],[type=range]){
    padding-right: 99px;
}

.input-row.input-row__btn-wrap .btn {
    position: absolute;
    width: auto;
    min-width: 79px;
    height: 40px;
    font-size: 1rem;
    font-weight: 700;
    color: #ffffff;
    background-color: #36B7D9;
    display: flex;
    justify-content: center;
    align-items: center;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    /* border: 1px solid #C9CDD2; */
    border-radius: 5px;
    padding: 0 12px;
    font-family: Pretendard;
}

.input-row input:not([type=checkbox],[type=radio],[type=range]) + input:not([type=checkbox],[type=radio],[type=range]){margin-top: 10px;}
.input-row.flex {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 30px;
}
.flex>.input-row{
    flex: 1 1 50%;
}
.flex>.input-row:not(:first-child){
    margin-left: 32px;
}

.info-txt {
    font-size: 14px;
    font-weight: 500;
    color: #A7268F;
    margin-bottom: 14px;
}

/*---- 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 > option[value=""][disabled] { display:none; } 
select:required:invalid { color:#9EA4AA; } 
select > option {color:#26282B;background-color: #ffffff;}


/*---- select:disabled ----*/
select:disabled {background-color: #f7f7f8;color:#888;}




/*---- 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-BOX --------------------------*/
.input-box {
    display: flex;
    background-color: #F7F7F7;
    border-radius: 15px;
    padding: 20px 30px;
    margin-top: 10px;
    margin-bottom: 30px;
}
.select-date-type {
    width: 100%;
}
.select-btns {
    background-color: #ffffff;
    border-radius: 10px;
    padding: 10px;
    display: flex;
    gap: 14px;
    width: 100%;
}
.select-btns > button.active {
    background-color: #002568;
    color: #ffffff;
}
.select-btns > button {
    width: 100%;
    font-size: 1rem;
    font-weight: 500;
    color: #AEAEAE;
    background-color: transparent;
    border: 1px solid #E5E9F0;
    border-radius: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 34px;
}
.select-date {
    margin-top: 15px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    line-height: 30px;
    font-family: Pretendard;
    font-size: 1.125rem;
    font-weight: 700;
}
.select-date > input.datepicker {
    height: 54px;
    background: url(/assets/images/cmn/ico-cal.svg) no-repeat right 17px top 16px / auto;
    background-color: #ffffff;
}
.select-date > input.datepicker:disabled{
    background-color: #DDDDDD !important;
    color: #AEAEAE !important;
}
.input-file {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.input-file-drop {
    display: flex;
    width: 100%;
    height: 120px;
    justify-content: center;
    align-items: center;
    font-family: Pretendard;
    font-size: 1rem;
    font-weight: 500;
    border-radius: 10px;
    border: 1px dashed #888888;
    background-color: #ffffff;
    color: #888888;
}
.input-file-label {
    background-color: #292929;
    width: 100%;
    height: 30px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.input-box-label {
    display: flex;
    background-color: #F7F7F7;
    border-radius: 15px;
    padding: 20px 30px;
    margin-top: 10px;
    margin-bottom: 30px;
}

.input-box-label .label-txt {
    width: 141px;
    display: flex;
    align-items: flex-end;
    margin-left: 10px;
    font-size: 20px;
}

.input-box-label .label-txt .label-hint {
    align-items: center;
    margin-left: 10px;
    font-size: 15px;
    color: #868686;
    padding-bottom: 3px;
}



@media screen and (min-width: 768px) { /***** TABLET **************************************************************************(min-width: 768px)*/

.input-box {
    padding: 30px;
    margin-top: 20px;
    margin-bottom: 40px;
}
    .select-date-type {
}
    .select-btns {
    gap: 20px;
}
    .select-btns > button.active {}
    .select-btns > button {}
    .select-date {
    flex-direction: row;
    line-height: normal;
    gap: 8px;
}
    .select-date > input.datepicker {}
    .input-file {
    flex-direction: row;
    gap: 30px;
}
    .input-file-drop {font-size: 1.125rem;}
.input-file-label {
    height: 120px;
    min-width: 82px;
    width: 82px;
}

   .input-file-label i.ico-plus-w{
    width: 40px;
    height: 40px;
}
.input-box-label {
    padding: 30px;
    margin-top: 20px;
    margin-bottom: 40px;
}
}
@media screen and (min-width: 1280px) { /***** TABLET *************************************************************************(min-width: 1280px)*/

    .input-box {
    flex-direction: row;
    margin-bottom: 80px;
}
    .select-date-type {
    display: flex;
    gap: 50px;
}
    .select-btns {
    max-width: 369px;
}
    .select-btns > button.active {}
    .select-btns > button {}
    .select-date {
    margin: 0;
    width: 100%;
    gap: 20px;
}
    .select-date > input.datepicker {}
    .input-file {}
    .input-file-drop {
    border-radius: 15px;
}
    .input-file-label {
    border-radius: 15px;
}
    .input-box-label {
    flex-direction: row;
    margin-bottom: 80px;
}
}
@media screen and (min-width: 1660px) { /***** PC *****************************************************************************(min-width: 1660px)*/




}


/*--------------------------------------------------------------------- 체크박스 & 라디오 --------------------------*/
/*-- 공통 --*/
input[type="checkbox"],
input[type="radio"] {
    position: absolute;
    width: 0;
    height: 0;
    padding: 0;
    margin: 0;
    border: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
} 


input[type="checkbox"] + label,
input[type="radio"] + label {display:flex;align-items: center;font-size: 1rem;font-weight: 400;color: #000000;cursor: pointer;font-family: Pretendard;} 

input[type="checkbox"] + label::before,
input[type="radio"] + label::before {content:'';margin-right: 10px;width: 25px;height: 25px;background-image: url(/assets/images/cmn/ico-chk.svg);border-radius: 0;background-size: contain;background-position: center;background-repeat: no-repeat;} 

input[type="checkbox"]:checked + label::before,
input[type="radio"]:checked + label::before {
    background-image: url(/assets/images/cmn/ico-chk-checked.svg);
} 


/*-- CHECK BOX --*/
input[type="checkbox"] + label {}
input[type="checkbox"] + label::before {} 
input[type="checkbox"]:checked + label::before{}

/* type */
.chkbox-red {}
input[type="checkbox"].chkbox-red+label,
input[type="radio"].chkbox-red+label{
    color: #A7268F;
}
input[type="checkbox"].chkbox-red + label::before,
input[type="radio"].chkbox-red + label::before{
    border: 1px solid #A7268F;
}
input[type="checkbox"].chkbox-red:checked + label::before, 
input[type="radio"].chkbox-red:checked + label::before {
    /* background: url(../../images/cmn/ico-chk-red.svg) no-repeat 50%; */
    border: 1px solid #A7268F;
}

.chkbox-s {}
input[type="checkbox"].chkbox-s+label,
input[type="radio"].chkbox-s+label{
    font-size: 16px;
    font-weight: 500;
    color: #6D7278;
}
input[type="checkbox"].chkbox-s + label::before,
input[type="radio"].chkbox-s + label::before{
    width: 16px;
    height: 16px;
    margin-right: 12px;
}
input[type="checkbox"].chkbox-s:checked + label::before, 
input[type="radio"].chkbox-s:checked + label::before {
    /* background: url(../../images/cmn/ico-chk-s.svg) no-repeat 50%; */
}

.chkbox-reverse {}
input[type="checkbox"].chkbox-reverse + label, 
input[type="radio"].chkbox-reverse + label {
    flex-direction: row-reverse;
    font-size: 16px;
    font-weight: 500;
    color: #26282B;
    margin-left: 10px;
}

input[type="checkbox"].chkbox-reverse + label::before, 
input[type="radio"].chkbox-reverse + label::before {
    margin-right: 0;
    margin-left: 4px;
}

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

/* 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:20px; } 


/*-- SIZE --*/
.btn {display: flex;align-items: center;justify-content: center;text-align:center;min-width:60px;background-color: #ffffff;height: 65px;font-size: 1.125rem;font-weight: 500;border: 1px solid transparent;border-radius: 10px;width: 100%;padding: 0 10px;gap: 4px;} 
.btn.sm { min-width:60px; height:30px;  font-size: 0.75rem;} 
.btn.md {width: 230px;height:40px;font-size: 1rem;} 
.btn.lg { min-width:230px; height:70px; font-size: 1rem;} 

.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.black02 { background:#292929; color:#D0FD5C; } 
.btn.black03 { background:#292929; 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; } 
.btn.gray09 { background:#F7F7F7; color:#757575; } 
.btn.red { background:#f00; color:#fff; } 
.btn.blue { background:#0004ff; color:#fff; } 
.btn.green { background:#28ff00; color:#fff; } 
.btn.yellow { background:#f4ff00; color:#fff; }
.btn.sky { border-color:#E5E9F0; color:#000000; }
.btn.battery { color:#ffffff; background:#002568; }

.btn-download-area {display: flex; margin-top: 10px; flex-direction: row; justify-content: flex-start; gap: 20px;}

.btn.c-naver { background: #24C730; border: 1px solid #1EAC28; color: #fff !important; } 
.btn.c-kakao { background: #ffe400; border: 1px solid #E2CB2D; color: #3C1E1E !important; } 
.btn.c-google { border: 1px solid #e4e4e4; background: #fff; } 

.btn.unlink{background: #f7f7f7; color: #888 !important;}

.btn.primary{
    background-color: #002568;
    border-color: #002568;
    color: #ffffff;
}
.btn.secondary{
    background-color: #ffffff;
    border-color: #002568;
    color: #002568;
}

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

/*--------------------------------------------------------------------- FIXED-BTNS --------------------------*/
.fixed-btns {position: fixed;left: 0;bottom: 0;width: 100%;z-index: 99;}
.fixed-btns .inner{display: flex;}
.fixed-btns .btn {
    white-space: nowrap;
    border-radius: 0;
    font-size: 1.250rem;
    font-weight: 700;
    height: 60px;
    gap: 0;
}
.fixed-btns .btn:first-child {
    border-top-left-radius: 10px;
    min-width: 116px;
    max-width: 116px;
}
.fixed-btns .btn:last-child {
    border-top-right-radius: 10px;
}
.fixed-btns .btn.max {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 100% !important;
}

/***********************************************************************************
mediaquery | mobile ~ 767 | tablet 768 ~ 1024 ~ 1659 | pc 1660px ~  
************************************************************************************/
@media screen and (min-width: 768px) { /***** TABLET **************************************************************************(min-width: 768px)*/
    
    /*-- SIZE --*/
    .btn{font-size:1.375rem}

    .fixed-btns {}
    .fixed-btns .btn {
        font-size: 1.375rem;
    }
    .fixed-btns .btn:first-child {
        min-width: 280px;
        max-width: 280px;
    }

}
@media screen and (min-width: 1280px) { /***** PC *****************************************************************************(min-width: 1660px)*/

    /*-- SIZE --*/
    .btn{}

    .fixed-btns .btn:first-child {
        min-width: 394px;
        max-width: 294px;
    }
     .fixed-btns .btn i.ico-download{
    margin-left: -2px;
}
}



/*--------------------------------------------------------------------- ICON --------------------------*/
/*-- COMMON --*/
i{display:inline-flex;}
i[class^=ico]{ background-repeat: no-repeat; background-position: center; background-size: contain;}


/*-- IMAGE --*/
i.ico-pic {
    background-image: url(/assets/images/cmn/ico-pic.svg);
    width: 30px;
    height: 30px;
}
i.ico-download {
    background-image: url(/assets/images/cmn/ico-download.svg);
    width: 33px;
    height: 30px;
}
i.ico-download-w {
    background-image: url(/assets/images/cmn/ico-download-w.svg);
    width: 20px;
    height: 20px;
}
i.ico-plus{
    background-image: url(/assets/images/cmn/ico-plus.svg);
    width: 40px;
    height: 40px;
}
i.ico-plus-w{
    background-image: url(/assets/images/cmn/ico-plus-w.svg);
    width: 20px;
    height: 20px;
}
i.ico-link-w{
    background-image: url(/assets/images/cmn/ico-link-w.svg);
    width: 30px;
    height: 30px;
}
i.ico-map-marker{
    background-image: url(/assets/images/cmn/ico-map-marker.svg);
    width: 39px;
    height: 39px;
}
i.ico-tel{
    background-image: url(/assets/images/cmn/ico-tel.svg);
    width: 39px;
    height: 39px;
}
i.ico-bus{
    background-image: url(/assets/images/cmn/ico-bus.svg);
    width: 39px;
    height: 39px;
}
i.ico-beaker{
    background-image: url(/assets/images/cmn/ico-beaker.svg);
    width: 83px;
    height: 140px;
}
i.ico-molecule{
    background-image: url(/assets/images/cmn/ico-molecule.svg);
    width: 125px;
    height: 128px;
}
i.ico-heater{
    background-image: url(/assets/images/cmn/ico-heater.svg);
    width: 120px;
    height: 118px;
}
i.ico-magnifying{
    background-image: url(/assets/images/cmn/ico-magnifying.svg);
    width: 130px;
    height: 130px;
}

/* .ico-document {width: 62px;height: 62px;background-image:url(../../images/cmn/ico-document.svg);} 
.ico-search {width: 62px;height: 62px;background-image:url(../../images/cmn/ico-search.svg);} 
.ico-print {width: 62px;height: 62px;background-image:url(../../images/cmn/ico-print.svg);} 
.ico-confirm {width: 62px;height: 62px;background-image:url(../../images/cmn/ico-confirm.svg);} 

.ico-more {width: 24px;height: 24px;background-image:url(../../images/cmn/ico-more.svg);} 
.ico-more2 {width: 10px;height: 10px;background-image:url(../../images/cmn/ico-more2.svg);} 
.ico-new {width: 16px;height: 16px;background-image:url(../../images/cmn/ico-new.svg);} 
.ico-right {width: 24px;height: 24px;background-image:url(../../images/cmn/ico-right.svg);} 
.ico-arr-right {width: 24px;height: 24px;background-image:url(../../images/cmn/ico-arr-right.svg);} 
.ico-arr-toggle {width: 24px;height: 24px;background-image:url(../../images/cmn/ico-arr-toggle.svg);} 
.ico-modal-close {width: 24px;height: 24px;background-image:url(../../images/cmn/ico-modal-close.svg);} 
.ico-check {width: 16px;height: 16px;background-image:url(../../images/cmn/ico-check.svg);} 
.ico-check-red {width: 80px;height: 80px;background-image:url(../../images/cmn/ico-check-red.svg);} 
.ico-q {width: 20px;height: 20px;background-image:url(../../images/cmn/ico-q.svg);} 
.ico-a {width: 20px;height: 20px;background-image:url(../../images/cmn/ico-a.svg);} 
.ico-profile {width: 24px;height: 24px;background-image:url(../../images/cmn/ico-profile-b.svg);} 
.ico-arr-toggle {width: 24px;height: 24px;background-image:url(../../images/cmn/ico-arr-toggle.svg);} 
body.main .ico-profile {width: 24px;height: 24px;background-image:url(../../images/cmn/ico-profile.svg);} 
body.main .ico-arr-toggle {width: 24px;height: 24px;background-image:url(../../images/cmn/ico-arr-toggle-w.svg);} 


.ico__calendar { width:15px; height:15px; background-image:url(../../images/cmn/ico_calendar.svg); } 
.ico__coupon { width:15px; height:15px; background-image:url(../../images/cmn/ico_coupon.svg); } 
.ico__heart { width:15px; height:15px; background-image:url(../../images/cmn/ico_heart.svg); }  */







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

.search-fix { position:relative; } 
.search-fix button { position:absolute; top:0; right:0; min-width:initial; } 



/*--------------------------------------------------------------------- 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/cmn/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/cmn/img_time_arr.png) no-repeat; width:18px; height:10px; }  */
.input-time .timepicki-input { border:1px solid #ccc; border-radius:5px; } 

/*--------------------------------------------------------------------- text-box --------------------------*/
.text-box {
    padding: 20px;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-size: 1.250rem;
    font-weight: 500;
    font-family: Pretendard;
    line-height: 1;
}
.text-box.text-box__bg-blue {
    background-color: #E5E9F0;
    color: #002568;
}
.text-box.text-box__bg-white {
    background-color: #FFFFFF;
    color: #000000;
}
.text-box + .text-box{margin-top: 10px;} 
.text-box-title {
    color: #002568;
    font-size: 1.250rem;
    font-weight: 700;
    text-align: center;
    line-height: 3.750rem;
}
.text-box ul li{position: relative;padding-left: 30px;line-height: 1.5;}
.text-box ul li:before{content:'';width: 4px;height: 4px;position: absolute;border-radius: 100%;left: 15px;top: 12px;background-color: #000000;}


/***********************************************************************************
mediaquery | mobile ~ 767 | tablet 768 ~ 1280 ~ 1659 | pc 1660px ~  
************************************************************************************/
@media screen and (min-width: 768px) { /***** TABLET **************************************************************************(min-width: 768px)*/

    .text-box {}
    .text-box-title {
    font-size: 1.500rem;
}

}
@media screen and (min-width: 1280px) { /***** TABLET *************************************************************************(min-width: 1280px)*/
    .text-box {}
    .text-box-title {}

}
@media screen and (min-width: 1660px) { /***** PC *****************************************************************************(min-width: 1660px)*/




}





/*--------------------------------------------------------------------- modal --------------------------*/
.modal{
    display: none;
}
.modal.open { 
    display: block;
}
body.body--modal-open { overflow: hidden; }

.modal-bg {position:fixed;width:100%;height:100%;top: 0;left:0;background:rgba(0,0,0,0.7);z-index: 99999;} 
.modal-wrap{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999999;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 30px 0;
}
.modal-content{
    background-color: #ffffff;
    width: 480px;
    border-radius: 10px;
    padding: 30px;
    min-height: 400px;
}
.modal-title {
    font-size: 1.500rem;
    font-weight: 700;
    text-align: center;
    color: #002568;
    margin-bottom: 20px;
}
.modal .text-box {
    padding: 10px;
    margin-bottom: 30px;
}
.modal .agree-chk{
    margin-top: 30px;
}
.modal input[type="checkbox"] + label, 
.modal input[type="radio"] + label {
    font-weight: 600;
    font-size: 1.125rem;
}
.modal-msg {
    font-size: 1.750rem;
    font-weight: 700;
    color: #002568;
    text-align: center;
    min-height: 145px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.modal-tab {}
.modal-tab > li{
    color: #C3C3C3;
    font-size: 1.438rem;
    font-weight: 700;
    width: 100%;
    padding-top: 3px;
    padding-bottom: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}
.modal-tab > li.active {
    color: #002568;
}
.modal-tab > li.active:after {content:'';position: absolute;width: 100%;height: 3px;background-color: #002568;bottom: 0;left: 0;}
.modal-cont {
    padding-top: 30px;
}
.modal-cont.active {}
.modal-form{}
.modal-form .input-row + .input-label{
    margin-top: 20px;
}
.modal-btns {
    margin-top: 30px;
    display: flex;
    gap: 20px;
}
.modal-btns > .btn{
    width: 100%;
}
.modal .text-box ul {}
.modal .text-box ul li{
    font-size: 0.875rem;
    font-family: Pretendard;
    line-height: 1.785;
    padding-left: 22px;
    position: relative;
    color: #000000;
}
.modal .text-box ul li:before{content:'';width: 3px;height: 3px;border-radius: 100%;position: absolute;left: 11px;top: 50%;transform: translateY(-50%);background-color: #000000;}

.modal-content.modal-content__wide {
    width: 700px;
    height: 100%;
    max-height: 900px;
}

.modal-title.border-b {
    padding-bottom: 20px;
    margin-bottom: 0;
    border-bottom: 1px solid #C9C9C9;
}

.modal-scroll-box {overflow-y: auto;/* min-height: 300px; */height: 100%;max-height: calc(100% - 37px - 30px - 65px);padding: 30px 0;}
.modal-scroll-box::-webkit-scrollbar{	width:4px;	height:4px;	background-color:transparent;    padding-right:4px;    }
.modal-scroll-box::-webkit-scrollbar-thumb{	background:#737373;    border-radius:4px;}

h5.modal-subj {
    font-family: Pretendard;
    font-size: 1.125rem;
    font-weight: 900;
    color: #002568;
    line-height: 1.563rem;
    margin-bottom: 5px;
}
p.modal-text {
    font-family: Pretendard;
    font-size: 1rem;
    font-weight: 400;
    color: #000000;
    margin-bottom: 20px;
    margin-left: 10px;
}

ul.modal-list {
    margin-left: 10px;
    margin-bottom: 20px;
}
ul.modal-list > li{
    font-family: Pretendard;
    font-size: 1rem;
    font-weight: 400;
    color: #000000;
    line-height: 1.563rem;
}
ul.modal-list > li > ul {
    margin-left: 10px;
}
ul.modal-list > li > ul > li{}

table.modal-table {
    margin-top: 18px;
    margin-bottom: 20px;
}
table.modal-table th{}
table.modal-table td{
    font-size: 1rem;
    font-weight: 400;
    height: 40px;
}
table.modal-table thead th{
    height: 40px;
    font-size: 1rem;
    font-weight: 900;
    padding: 0 5px;
}

/*--------------------------------------------------------------------- TABLE --------------------------*/
/* common */
table{font-family: Pretendard;display: table;table-layout: fixed;width: 100%;border-top: 2px solid #002568;border-bottom: 2px solid #002568;}
table thead th{
    border-top: 1px solid #454C53;
    font-size: 1.250rem;
    font-weight: 700;
    color: #002568;
    background-color: #F0F0F0;
    height: 60px;
    padding: 0 35px;
}
table th{
    font-size: 1.250rem;
    font-weight: 700;
    color: #000000;
}
table td{
    font-size: 1.250rem;
    font-weight: 500;
    color: #000000;
}
table tbody th {
    border-top: 1px solid #454C53;
    font-size: 1.250rem;
    font-weight: 500;
    color: #002568;
    background-color: #F0F0F0;
    height: 60px;
}
table tbody td {/* height: 40px; */}
table th,
table td {padding:5px;border: 1px solid #C9C9C9;border-left: 0;border-right: 0;height: 70px;text-align: center;} 

table th:first-child,
table td:first-child{
    border-left: 0;
}
table th:last-child,
table td:last-child{
    border-right: 0;
}
table td[rowspan='2'] {
    /* height: 136px; */
}
table td[rowspan='3'] {
    /* height: 96px; */
}
table td ul {}
table td ul li{position: relative;padding-left: 30px;line-height: 1.5;}
table td ul li:before{content:'';width: 4px;height: 4px;position: absolute;border-radius: 100%;left: 15px;top: 12px;background-color: #000000;}
table td img{
    width: 100%;
    height: auto;
}
table td .btn{
    margin: 0 auto;
}
/*--------------------------------------------------------------------- HORIZON-SCROLL --------------------------*/
.h-scroll-table {
    position: relative;
    margin-bottom: 60px;
}
.h-scroll-table:before {content:'';position: absolute;width: 50px;height: 40px;background-image: url(/assets/images/cmn/ico-scrollable.svg);background-position: center;background-repeat: no-repeat;background-size: contain;right: 0;top: 10px;}
.h-scroll-table .table-wrap {
    position: relative;
}
.h-scroll-table h3 + .table-wrap{
    margin-top: 10px;
}
.h-scroll-table .table-wrap-inner {
    overflow-x: auto;
    padding-bottom: 25px;
}
.h-scroll-table .table-wrap-inner::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 40px;         /* 흐림 영역 폭 */
  height: 100%;
  pointer-events: none; /* 💡 클릭/스크롤 통과! */
  background: linear-gradient(to left, rgba(255,255,255,1), rgba(255,255,255,0));
  z-index: 1;
}
.h-scroll-table .table-wrap-inner::-webkit-scrollbar{
	width:5px;
	height:5px;
	background-color:transparent;
}
.h-scroll-table .table-wrap-inner::-webkit-scrollbar-thumb{
	background:#C3C3C3;
}

.h-scroll-table table {
    width: var(--w-inner);
}


/*--------------------------------------------------------------------- --------------------------*/
.h-scroll-area {
    position: relative;
    margin-bottom: 60px;
}
.h-scroll-area:before {content:'';position: absolute;width: 50px;height: 40px;background-image: url(/assets/images/cmn/ico-scrollable.svg);background-position: center;background-repeat: no-repeat;background-size: contain;right: 0;top: 10px;}
.h-scroll-area .area-wrap {
    position: relative;
}
.h-scroll-area h3 + .area-wrap{
    margin-top: 10px;
}
.h-scroll-area .area-wrap-inner {
    overflow-x: auto;
    padding-bottom: 25px;
}
.h-scroll-area .area-wrap-inner::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 40px;         /* 흐림 영역 폭 */
  height: 100%;
  pointer-events: none; /* 💡 클릭/스크롤 통과! */
  background: linear-gradient(to left, rgba(255,255,255,1), rgba(255,255,255,0));
  z-index: 1;
}
.h-scroll-area .area-wrap-inner::-webkit-scrollbar{
	width:5px;
	height:5px;
	background-color:transparent;
}
.h-scroll-area .area-wrap-inner::-webkit-scrollbar-thumb{
	background:#C3C3C3;
}

.h-scroll-area .area {
    width: var(--w-inner);
}
/*----options------*/
.h-scroll-table.left-icon:before,
.h-scroll-area.left-icon:before{
    right: auto;
    left: 0;
}
.h-scroll-table.no-icon:before,
.h-scroll-area.no-icon:before {
    display: none;
}

.h-scroll-table.empty-header,
.h-scroll-area.empty-header  {
    padding-top: 70px;
}

/***********************************************************************************
mediaquery | mobile ~ 767 | tablet 768 ~ 1279  | pc 1280 ~ 1660 ~  
************************************************************************************/
@media screen and (min-width: 768px) { /***** TABLET **************************************************************************(min-width: 768px)*/
    /*--------------------------------------------------------------------- HORIZON-SCROLL --------------------------*/
    .h-scroll-table h3 + .table-wrap{
        margin-top: 12px;
    }
    .h-scroll-area h3 + .area-wrap{
        margin-top: 12px;
    }
}
@media screen and (min-width: 1280px) { /***** PC *****************************************************************************(min-width: 1280px)*/
    /*--------------------------------------------------------------------- HORIZON-SCROLL --------------------------*/
    .h-scroll-table:before {display:none}
    .h-scroll-table .table-wrap-inner::after{display:none}
    .h-scroll-table h3 + .table-wrap{
        margin-top: 22px;
    }
    .h-scroll-area:before {display:none}
    .h-scroll-area .area-wrap-inner::after{display:none}
    .h-scroll-area h3 + .area-wrap{
        margin-top: 22px;
    }
}
@media screen and (min-width: 1660px) { /***** PC(HEADER) **********************************************************************(min-width: 1660px)*/
}

/*--------------------------------------------------------------------- CAPTCHA --------------------------*/
.captcha-row {
    margin-top: 25px;
    display: flex;
    gap: 10px;
}
.captcha-row .captcha-img {
    width: 106px;
    min-width: 106px;
    max-width: 106px;
    height: 60px;
    border: 10px;
    object-fit: contain;
    object-position: center;
}
.captcha-row input:not([type=checkbox],[type=radio],[type=range]) {}


/*--------------------------------------------------------------------- CAPTCHA --------------------------*/
.contact-info{
    margin-top: 60px;
    border-radius: 10px;
    border: 1px solid #C9C9C9;
    display: flex;
    font-family: Pretendard;
    font-size: 0.875rem;
    min-height: 92px;
}
.contact-title {
    background-color: #E5E9F0;
    color: #002568;
    min-width: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    font-weight: 700;
}
.contact-title:after {content:'';width: 17px;height: 20px;border-left: 17px solid #E5E9F0;border-top: 10px solid transparent;border-bottom: 10px solid transparent;position: absolute;left: 100%;}
.contact-cont {
    display: flex;
    width: 100%;
    align-items: center;
    padding: 10px 10px 10px 25px;
    font-weight: 500;
    line-height: 1.428;
}
.contact-cont ul {}
.contact-cont ul li {}
.contact-label {}
.contact-txt {}

/***********************************************************************************
mediaquery | mobile ~ 767 | tablet 768 ~ 1024 ~ 1659 | pc 1660px ~  
************************************************************************************/
@media screen and (min-width: 768px) { /***** TABLET **************************************************************************(min-width: 768px)*/
    .contact-info{
    min-height: 60px;
    font-size: 1rem;
}
    .contact-title {}
    .contact-cont {
    padding-left: 35px;
}
    .contact-cont ul {}
    .contact-cont ul li {
    display: flex;
    gap: 35px;
}
    .contact-label {}
    .contact-txt {
    position: relative;
}
    .contact-txt:before {content:'';position: absolute;width: 1px;height: 18px;left: -17.5px;top: 50%;transform: translateY(-50%);background-color: #E4E4E4;}
}
@media screen and (min-width: 1660px) { /***** PC *****************************************************************************(min-width: 1660px)*/

    .contact-info{
    margin-top: 80px;
    min-height: 70px;
}
    .contact-title {
    min-width: 166px;
}
    .contact-cont {
    padding-left: 47px;
}
    .contact-cont ul {}
    .contact-cont ul li {}
    .contact-label {}
    .contact-txt {}

}

/*--------------------------------------------------------------------- BORDER --------------------------*/
.border-box {border:1px solid #E5E9F0; border-radius: 10px;}
/*--------------------------------------------------------------------- skip --------------------------*/
.skip a {z-index:100000;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden}
.skip a:focus, .skip a:active {width:100%;height:75px;background:#21272e;color:#fff;font-size:2em;font-weight:bold;text-align:center;text-decoration:none;line-height:75px}

.pointer {
    cursor: pointer;
}

/*--------------------------------------------------------------------- DATEPICKER --------------------------*/

.ui-datepicker.ui-widget.ui-widget-content {
    width: 22.5rem;
    padding: 20px;
    font-family: Pretendard;
}
@media screen and (max-width: 767px) { /***** MOBILE **************************************************************************(min-width: 768px)*/


    .ui-datepicker.ui-widget.ui-widget-content {
        left: 50% !important;
        transform: translateX(-50%);
    }
}

.dp-inline-header {
    height: 60px;
    font-family: Pretendard;
    font-size: 1.125rem;
    font-weight: 700;
    color: #000000;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #F7F7F7;
    border-radius: 10px;
    margin-bottom: 20px;
}

.ui-datepicker .ui-state-default, 
.ui-datepicker.ui-widget-content .ui-state-default, 
.ui-datepicker .ui-widget-header .ui-state-default, 
.ui-datepicker .ui-button, 
html .ui-datepicker .ui-button.ui-state-disabled:hover, 
html .ui-datepicker .ui-button.ui-state-disabled:active {
    border: 1px solid transparent;
    background-color: transparent;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 42px;
    height: 42px;
    position: relative;
}


/* 주말 색 */
.ui-datepicker td.is-sun .ui-state-default { color: #BC3A28; } /* 일 */
.ui-datepicker td.is-sat .ui-state-default {color: #002568;} /* 토 */
.ui-datepicker table.ui-datepicker-calendar th.ui-datepicker-week-end:first-child {color: #BC3A28;}
.ui-datepicker table.ui-datepicker-calendar th.ui-datepicker-week-end:last-child {color: #002568;}



/* 오늘: 얇은 언더라인 */
.ui-datepicker .ui-datepicker-today .ui-state-default:after {
  content:'';
  position: absolute;
  width: 19px;
  height: 5px;
  border-radius: 11px;
  background-color: #002568;
  bottom: 6px;
}

/* HOVER*/
.ui-datepicker .ui-state-default.ui-state-hover, 
.ui-datepicker.ui-widget-content .ui-state-default.ui-state-hover, 
.ui-datepicker .ui-widget-header .ui-state-default.ui-state-hover, 
.ui-datepicker .ui-state-focus, 
.ui-datepicker.ui-widget-content .ui-state-focus, 
.ui-datepicker .ui-widget-header .ui-state-focus, 
.ui-datepicker .ui-button:hover, .ui-datepicker .ui-button:focus{
    border-radius: 10px;
  border: 1px solid #D0D0D0;
}


/* 선택일: 남색 배경 원형/라운드 */
.ui-datepicker .ui-state-default.ui-state-active, 
.ui-datepicker.ui-widget-content .ui-state-default.ui-state-active, 
.ui-datepicker .ui-widget-header .ui-state-default.ui-state-active, 
.ui-datepicker a.ui-button:active, 
.ui-datepicker .ui-button:active, 
.ui-datepicker .ui-button.ui-state-default.ui-state-active:hover{
  background-color: #0a2a66;
  color: #ffffff;
  border-radius: 10px;
}

/* 다른 달 날짜 흐리게 */
.ui-datepicker .ui-datepicker-other-month  {
  opacity:0.25;
}

/* 버튼패널 '오늘' 버튼 pill 스타일(선택) */
.ui-datepicker .ui-datepicker-buttonpane {
  display: flex; justify-content: center; gap: 8px;
  border: 0; padding-top: 10px;
}
.ui-datepicker .ui-datepicker-current {
  padding: 6px 12px;
  border-radius: 10px;
  border: 1px solid #e5e7eb;
  background: #fff;
  color: #1f2a44;
}
.ui-datepicker .ui-datepicker-close { display: none; } /* 닫기 숨기고 싶으면 */

/* 헤더를 좌:제목 / 우:컨트롤 배치 */
.ui-datepicker.ui-widget.ui-widget-content .ui-datepicker-header{
  border: 0;
  background: transparent;
  padding: 0;
  margin-bottom: 20px;
}
.ui-datepicker .dp-head{
  /* display: grid; */
  grid-template-columns: 1fr auto; /* 왼쪽 제목, 오른쪽 컨트롤 */
  align-items: center;
  gap: 8px;
  display: flex;
  justify-content: space-between;
}
.ui-datepicker .dp-head .ui-datepicker-title{
  font-weight: 700;
  color: #000000;
   /* 왼쪽 */
  margin: 0;
  font-size: 1.250rem;
}

/* 기본 prev/next는 pill 버튼처럼 */
.ui-datepicker .dp-head__ctrls .ui-datepicker-prev,
.ui-datepicker .dp-head__ctrls .ui-datepicker-next{
  position: static; /* 기본 absolute 해제 */
  width: 37px;
  height: 37px;
  border: 1px solid #EEF0F3;
  background: #fff;
  border-radius: 10px;
  padding: 6px 10px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0;
}
.ui-datepicker .dp-head__ctrls .ui-datepicker-prev span,
.ui-datepicker .dp-head__ctrls .ui-datepicker-next span{ display:none; }
.ui-datepicker .ui-datepicker-prev::after{
  content: '';
  width: 8px;
  height: 8px;
  border-left: 2px solid #000000;
  border-top: 2px solid #000000;
  transform: rotate(-45deg);
}
.ui-datepicker .ui-datepicker-next::after{
  content: ''; width: 8px; height: 8px;
  border-right: 2px solid #374151; border-top: 2px solid #374151;
  transform: rotate(45deg);
}

/* 컨트롤 묶음 우측 정렬 + 간격 */
.ui-datepicker .dp-head__ctrls{
  display: inline-flex;
  gap: 10px;
  align-items: center;
  justify-content: flex-end;
}

/* “오늘” 버튼을 동일 톤의 pill로 */
.ui-datepicker .dp-btn-today{
  border: 1px solid #EEF0F3;
  background: #fff;
  color: #111827;
  /* padding: 6px 12px; */
  border-radius: 10px;
  line-height: 1;
  cursor: pointer;
  width: 48px;
  height: 37px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.125rem;
  color: #757575;
}

/* 필요하면 호버 스타일 */
.ui-datepicker .dp-btn-today:hover,
.ui-datepicker .ui-datepicker-prev:hover,
.ui-datepicker .ui-datepicker-next:hover{
  background: #f9fafb;
}

.ui-datepicker table.ui-datepicker-calendar{
    font-family: Pretendard;
    border: 0;
    font-size: 1rem;
    font-weight: 700;
}
.ui-datepicker table.ui-datepicker-calendar th,
.ui-datepicker table.ui-datepicker-calendar td{
    background-color: transparent;
}
.ui-datepicker table.ui-datepicker-calendar th{
    padding-top: 0;
    padding-bottom: 7.5px;
    height: 35.5px;
    font-size: 1rem;
    font-weight: 700;
    color: #757575;
}
.ui-datepicker table.ui-datepicker-calendar td{
    height: 57px;
    padding: 0;
}




/*--------------------------------------------------------------------- COLUMNS --------------------------*/
/***********************************************************************************
mediaquery | mobile ~ 767 | tablet 768 ~ 1280 ~ 1659 | pc 1660px ~  
************************************************************************************/
@media screen and (min-width: 768px) { /***** TABLET **************************************************************************(min-width: 768px)*/
    .columns {
        text-align: center;
    }

    .columns ul {
        display: inline-block;
        text-align: left;
        margin: 0;
        columns: 2;
        column-gap: 0px;
        column-fill : balance;
    }

    .columns ul li {
        break-inside: avoid;
        -webkit-column-break-inside: avoid;
    }

}
@media screen and (min-width: 1280px) { /***** TABLET *************************************************************************(min-width: 1280px)*/
}
@media screen and (min-width: 1660px) { /***** PC *****************************************************************************(min-width: 1660px)*/




}

/*--------------------------------------------------------------------- SAMPLE --------------------------*/


/***********************************************************************************
mediaquery | mobile ~ 767 | tablet 768 ~ 1280 ~ 1659 | pc 1660px ~  
************************************************************************************/
@media screen and (min-width: 768px) { /***** TABLET **************************************************************************(min-width: 768px)*/


}
@media screen and (min-width: 1280px) { /***** TABLET *************************************************************************(min-width: 1280px)*/
}
@media screen and (min-width: 1660px) { /***** PC *****************************************************************************(min-width: 1660px)*/




}