@charset "utf-8";

:root {
    /*color*/
    --color-1: #161616;
    --color-2: #ffffff;
    --color-gray-bg1: #2C2C36;
    --color-gray-bg2: #62626E;
    --color-gray-bg3: #838384;

    --color-primary0: #26A7CF;
    --color-primary1: #0B8EB7;
    --color-primary2: #1C9AC2;
    --color-primary3: #51C3E7;
    --color-primary4: #95DDF3;
    --color-primary5: #B6EEFF;

    --color-secondary0: #0CA17B;
    --color-secondary1: #0C4537;
    --color-secondary2: #006048;
    --color-secondary3: #008564;
    --color-secondary4: #33AF91;
    --color-secondary5: #ACE3D6;

    --color-ect1: #F08BB8;
    --color-ect1: #FDB13F;
    --color-ect1: #B0B73F;

    --gradient-primary0: linear-gradient(70.69deg, #76E4CA -4.45%, #0CA17B 37.34%, #E8BE2B 106.98%);
    --gradient-primary1: linear-gradient(68.44deg, #FF1B6B 0%, #D14790 18.54%, #A273B5 41.98%, #749EDA 66.98%, #45CAFF 100%);
    --gradient-primary2: linear-gradient(134.65deg, #FFDDC6 8.22%, #D0D5FF 100%);
  }

/*margin, padding*/
.m-0 {margin: 0 !important;}
.m-1 {margin: 0.25rem !important;}
.m-2 {margin: 0.5rem !important;}
.m-3 {margin: 0.75rem !important;}
.m-4 {margin: 1rem !important;}
.m-5 {margin: 1.25rem !important;}
.m-6 {margin: 2rem !important;}

.mt-0 {margin-top: 0 !important;}
.mt-1 {margin-top: 0.25rem !important;}
.mt-2 {margin-top: 0.5rem !important;}
.mt-3 {margin-top: 0.75rem !important;}
.mt-4 {margin-top: 1rem !important;}
.mt-5 {margin-top: 1.25rem !important;}
.mt-6 {margin-top: 2rem !important;}

.mr-0 {margin-right: 0 !important;}
.mr-1 {margin-right: 0.25rem !important;}
.mr-2 {margin-right: 0.5rem !important;}
.mr-3 {margin-right: 0.75rem !important;}
.mr-4 {margin-right: 1rem !important;}
.mr-5 {margin-right: 1.25rem !important;}
.mr-6 {margin-right: 2rem !important;}

.mb-0 {margin-bottom: 0 !important;}
.mb-1 {margin-bottom: 0.25rem !important;}
.mb-2 {margin-bottom: 0.5rem !important;}
.mb-3 {margin-bottom: 0.75rem !important;}
.mb-4 {margin-bottom: 1rem !important;}
.mb-5 {margin-bottom: 1.25rem !important;}
.mb-6 {margin-bottom: 2rem !important;}
/*float _bottom 버튼 여백 필요 시 사용*/
.mb-10 {margin-bottom: 6.5rem !important;}

.ml-0 {margin-left: 0 !important;}
.ml-1 {margin-left: 0.25rem !important;}
.ml-2 {margin-left: 0.5rem !important;}
.ml-3 {margin-left: 0.75rem !important;}
.ml-4 {margin-left: 1rem !important;}
.ml-5 {margin-left: 1.25rem !important;}
.ml-6 {margin-left: 2rem !important;}

.mx-0 {margin-left: 0 !important; margin-right: 0 !important;}
.mx-1 {margin-left: 0.25rem !important; margin-right: 0.25rem !important;}
.mx-2 {margin-left: 0.5rem !important; margin-right: 0.5rem !important;}
.mx-3 {margin-left: 0.75rem !important; margin-right: 0.75rem !important;}
.mx-4 {margin-left: 1rem !important; margin-right: 1rem !important;}
.mx-5 {margin-left: 1.25rem !important; margin-right: 1.25rem !important;}
.mx-6 {margin-left: 2rem !important; margin-right: 2rem !important;}

.my-0 {margin-top: 0 !important; margin-bottom: 0 !important;}
.my-1 {margin-top: 0.25rem !important; margin-bottom: 0.25rem !important;}
.my-2 {margin-top: 0.5rem !important; margin-bottom: 0.5rem !important;}
.my-3 {margin-top: 0.75rem !important; margin-bottom: 0.75rem !important;}
.my-4 {margin-top: 1rem !important; margin-bottom: 1rem !important;}
.my-5 {margin-top: 1.25rem !important; margin-bottom: 1.25rem !important;}
.my-6 {margin-top: 2rem !important; margin-bottom: 2rem !important;}

.p-0 {padding: 0 !important;}
.p-1 {padding: 0.25rem !important;}
.p-2 {padding: 0.5rem !important;}
.p-3 {padding: 0.75rem !important;}
.p-4 {padding: 1rem !important;}
.p-5 {padding: 1.25rem !important;}
.p-6 {padding: 2rem !important;}

.pt-0 {padding-top: 0 !important;}
.pt-1 {padding-top: 0.25rem !important;}
.pt-2 {padding-top: 0.5rem !important;}
.pt-3 {padding-top: 0.75rem !important;}
.pt-4 {padding-top: 1rem !important;}
.pt-5 {padding-top: 1.25rem !important;}
.pt-6 {padding-top: 2rem !important;}

.pr-0 {padding-right: 0 !important;}
.pr-1 {padding-right: 0.25rem !important;}
.pr-2 {padding-right: 0.5rem !important;}
.pr-3 {padding-right: 0.75rem !important;}
.pr-4 {padding-right: 1rem !important;}
.pr-5 {padding-right: 1.25rem !important;}
.pr-6 {padding-right: 2rem !important;}

.pb-0 {padding-bottom: 0 !important;}
.pb-1 {padding-bottom: 0.25rem !important;}
.pb-2 {padding-bottom: 0.5rem !important;}
.pb-3 {padding-bottom: 0.75rem !important;}
.pb-4 {padding-bottom: 1rem !important;}
.pb-5 {padding-bottom: 1.25rem !important;}
.pb-6 {padding-bottom: 2rem !important;}

.pl-0 {padding-left: 0 !important;}
.pl-1 {padding-left: 0.25rem !important;}
.pl-2 {padding-left: 0.5rem !important;}
.pl-3 {padding-left: 0.75rem !important;}
.pl-4 {padding-left: 1rem !important;}
.pl-5 {padding-left: 1.25rem !important;}
.pl-6 {padding-left: 2rem !important;}

.px-0 {padding-left: 0 !important; padding-right: 0 !important;}
.px-1 {padding-left: 0.25rem !important; padding-right: 0.25rem !important;}
.px-2 {padding-left: 0.5rem !important; padding-right: 0.5rem !important;}
.px-3 {padding-left: 0.75rem !important; padding-right: 0.75rem !important;}
.px-4 {padding-left: 1rem !important; padding-right: 1rem !important;}
.px-5 {padding-left: 1.25rem !important; padding-right: 1.25rem !important;}
.px-6 {padding-left: 2rem !important; padding-right: 2rem !important;}

.py-0 {padding-top: 0 !important; padding-bottom: 0 !important;}
.py-1 {padding-top: 0.25rem !important; padding-bottom: 0.25rem !important;}
.py-2 {padding-top: 0.5rem !important; padding-bottom: 0.5rem !important;}
.py-3 {padding-top: 0.75rem !important; padding-bottom: 0.75rem !important;}
.py-4 {padding-top: 1rem !important; padding-bottom: 1rem !important;}
.py-5 {padding-top: 1.25rem !important; padding-bottom: 1.25rem !important;}
.py-6 {padding-top: 2rem !important; padding-bottom: 2rem !important;}

/*box style*/
.w-100 {width: 100% !important;}
.w-75 {width: 75% !important;}
.w-50 {width: 50% !important;}
.w-25 {width: 25% !important;}
.w-30 {width: 30% !important;}
.w-auto {width: auto !important;}

.h-100 {height: 100% !important;}
.h-75 {height: 75% !important;}
.h-50 {height: 50% !important;}
.h-25 {height: 25% !important;}
.h-auto {height: auto !important;}

.position_rel {position: relative !important;}
.position_ab {position: absolute !important;}

/*display style*/
.over_visible {overflow: visible !important;}
.over_hidden {overflow: hidden !important;}
.overY_hidden {overflow-y: hidden !important;}
.overX_hidden {overflow-x: hidden !important;}
.overY_scroll {overflow-y: auto !important;}
.overX_scroll {overflow-x: auto !important;}
.d_block {display: block;}
.d_inline_block {display: inline-block;}
.flex {
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    align-items:stretch;
}

.flex-1 {flex: 1;}
.flex-2 {flex: 2;}
.flex-3 {flex: 3;}
.flex-4 {flex: 4;}
.flex-5 {flex: 5;}

.flex.col {flex-direction:column !important;}
.v_center {align-items: center !important;}
.r_center {justify-content: center !important;}
.flex.end {justify-content: flex-end !important;}
.space_between {justify-content:space-between !important;}
.space-evenly {justify-content:space-evenly !important;}

.v_self_center {align-self: center;}
.v_self_end {align-self: flex-end;}

.flex_nowrap {flex-wrap: nowrap;}
.flex_wrap {flex-wrap: wrap;}

.flex_shrink {flex-shrink: 0 !important;}
.flex_grow {flex-grow: 0 !important;}

.gap-1 {gap: 0.25rem;}
.gap-2 {gap: 0.5rem;}
.gap-3 {gap: 0.75rem;}
.gap-4 {gap: 1rem;}
.gap-5 {gap: 1.25rem;}
.gap-6 {gap: 1.5rem;}

/*text style*/
.fw-1 {font-weight: 100 !important;}
.fw-2 {font-weight: 200 !important;}
.fw-3 {font-weight: 300 !important;}
.fw-4 {font-weight: 400 !important;}
.fw-5 {font-weight: 500 !important;}
.fw-6 {font-weight: 600 !important;}
.fw-7 {font-weight: 700 !important;}
.fw-8 {font-weight: 800 !important;}

.fs-1 {font-size: 0.25rem !important;}
.fs-2 {font-size: 0.5rem !important;}
.fs-3 {font-size: 0.75rem !important;}
.fs-3_1 {font-size: 0.875rem !important;}
.fs-4 {font-size: 1rem !important;}
.fs-4_1 {font-size: 1.125rem !important;}
.fs-5 {font-size: 1.25rem !important;}
.fs-6 {font-size: 1.5rem !important;}
.fs-7 {font-size: 1.75rem !important;}
.fs-8 {font-size: 2rem !important;}

.text-italic{font-style: italic;}

.text-start {text-align: start;}
.text-center {text-align: center;}
.text-end {text-align: end;}

.sub_text-0 {color: #666666!important;}
.sub_text-1 {color: #999999!important;}
.sub_text-2 {color: #ffffff!important;}
.point_text_green {color: var(--color-secondary0)!important;}
.point_text_green-1 {color: #289D72 !important;}
.point_text_yellow {color: #FF9900 !important;}
.point_text_red {color: #ed6262 !important;}
.point_text_purple {color: #A479FF !important;}

.under_line_sub { border-bottom: 1px solid #666666; padding-bottom: 1.5px;}
.under_line_green { border-bottom: 1px solid  var(--color-secondary0); padding-bottom: 1.5px;}
.under_line_purple { border-bottom: 1px solid  #6376E6; padding-bottom: 1.5px;}
.under_line_white { border-bottom: 1px solid #ffffff; padding-bottom: 1.5px;}
.line_through {text-decoration: line-through;}

.line_height-1 {line-height: 100% !important;}
.line_height-2 {line-height: 120% !important;}/*기본값*/
.line_height-3 {line-height: 130% !important;}
.line_height-4 {line-height: 140% !important;}
.line_height-5 {line-height: 150% !important;}



/*말 줄임 처리*/
.line1{display:block; overflow:hidden;text-overflow:ellipsis;white-space:nowrap} /* 말줄임 */
.line2{display:-webkit-box;-webkit-line-clamp:2;overflow:hidden;white-space:normal !important;text-overflow:ellipsis;-webkit-box-orient:vertical; word-wrap: break-word;}
.line3{display:-webkit-box;-webkit-line-clamp:3;overflow:hidden;white-space:normal !important;text-overflow:ellipsis;-webkit-box-orient:vertical; word-wrap: break-word;}
.line4{display:-webkit-box;-webkit-line-clamp:4;overflow:hidden;white-space:normal !important;text-overflow:ellipsis;-webkit-box-orient:vertical; word-wrap: break-word;}
.line5{display:-webkit-box;-webkit-line-clamp:5;overflow:hidden;white-space:normal !important;text-overflow:ellipsis;-webkit-box-orient:vertical; word-wrap: break-word;}

/*box style*/
.bg_none {background: none !important;}
.bg_white {background: #ffffff !important;}
.bg_gray {background: #F9F9F9 !important;}
.bg_gray_1 {background: #E6E6E6 !important;}
.bg_deep_gray {background: #D6D6D6 !important;}
.bg_green {background-color: #EAF6F1 !important;}
.bg_yellow {background-color: #FFF8EC !important;}
.bg_red {background-color: #fdeeee !important;}
.bg_purple {background-color: #F8F0FF !important;}

.b-0 {border: none !important;}
.b-1 {border: 1px solid #E6E6E6;}
.b-2 {border: 2px solid #E6E6E6;}
.b-3 {border: 3px solid #E6E6E6;}

.bt-0 {border-top: none !important;}
.bt-1 {border-top: 1px solid #E6E6E6;}
.bt-2 {border-top: 2px solid #E6E6E6;}
.bt-3 {border-top: 3px solid #E6E6E6;}

.br-0 {border-right: none !important;}
.br-1 {border-right: 1px solid #E6E6E6;}
.br-2 {border-right: 2px solid #E6E6E6;}
.br-3 {border-right: 3px solid #E6E6E6;}

.bb-0 {border-bottom: none !important;}
.bb-1 {border-bottom: 1px solid #E6E6E6;}
.bb-2 {border-bottom: 2px solid #E6E6E6;}
.bb-3 {border-bottom: 3px solid #E6E6E6;}

.bl-0 {border-left: none !important;}
.bl-1 {border-left: 1px solid #E6E6E6;}
.bl-2 {border-left: 2px solid #E6E6E6;}
.bl-3 {border-left: 3px solid #E6E6E6;}

.b-1.green, .b-2.green, .b-3.green,
.bt-1.green, .bt-2.green, .bt-3.green,
.br-1.green, .br-2.green, .br-3.green,
.bb-1.green, .bb-2.green, .bb-3.green,
.bl-1.green, .bl-2.green, .bl-3.green
{border-color: #289D72;}

.b-1.red, .b-2.red, .b-3.red,
.bt-1.red, .bt-2.red, .bt-3.red,
.br-1.red, .br-2.red, .br-3.red,
.bb-1.red, .bb-2.red, .bb-3.red,
.bl-1.red, .bl-2.red, .bl-3.red
{border-color: #E92D2D;}

.b-1.black, .b-2.black, .b-3.black,
.bt-1.black, .bt-2.black, .bt-3.black,
.br-1.black, .br-2.black, .br-3.black,
.bb-1.black, .bb-2.black, .bb-3.black,
.bl-1.black, .bl-2.black, .bl-3.black
{border-color: #000000;}

.round-0 {border-radius: 0 !important;}
.round-1 {border-radius: 0.25rem !important;}
.round-2 {border-radius: 0.5rem !important;}
.round-3 {border-radius: 1rem !important;}
.round-10 {border-radius: 10rem !important;}
.round-100 {border-radius: 100% !important;}
.round-top-0 {border-top-right-radius: 0 !important; border-top-left-radius: 0 !important;}
.round-bottom-0 {border-bottom-right-radius: 0 !important; border-bottom-left-radius: 0 !important;}

.round-top-3 {border-top-right-radius: 1rem !important; border-top-left-radius: 1rem !important;}
.round-bottom-3 {border-bottom-right-radius: 1rem !important; border-bottom-left-radius: 1rem !important;}

.shadow-0 {box-shadow: none;}
.shadow-1 {box-shadow: 0 0 0.25rem rgba(22, 22, 22, 0.12);}
.shadow-2 {box-shadow: 0 0 0.5rem rgba(22, 22, 22, 0.12);}
.shadow-3 {box-shadow: 0 0 1rem rgba(22, 22, 22, 0.12);}

/*button style*/
.btn_area {
    width:100%;
    padding: 0 1rem 1.5rem;
    position: relative;
    top: 0;
    left:0;
}
.btn_area.half {
    display: flex;
    justify-content: space-between;
    gap: 0.5rem;
}
.btn_area.bottom {
    position:fixed;
    top:auto;
    bottom:0;
    left:0;
    z-index:10;
    padding: 1rem;
    background-color: #ffffff;
}
.btn_area.bottom_full {
    padding:0;
    position:fixed;
    top:auto;
    bottom:0;
    left:0;
    z-index:10;
}

.btn_area.bottom button,
.btn_area.bottom_full button {
    height: 60px;
    font-size: 1.25rem;
}

.btn {
    display:flex;
    align-items:center;
    justify-content:center;
    height:48px;
    color:#fff;
    border:none;
    border-radius:10px;
}
.btn_square {
    display:flex;
    align-items:center;
    justify-content:center;
    height:48px;
    color:#fff;
    border-radius:none;
}
.btn_round {
    display:flex;
    align-items:center;
    justify-content:center;
    height:48px;
    color:#fff;
    border-radius:150px;
}

.btn.medium,.btn_squar.medium,.btn_round.medium {height:40px;}
.btn.small,.btn_squar.small,.btn_round.small {height:32px;}
.btn.disabled,.btn_square.disabled, .btn_round.disabled {background:#D6D6D6!important; color: #ffffff !important;}

.btn_basic {
    width:100%;
    font-weight:bold;
    background:#289D72;
}
.btn_basic.gray {
    background:#666666;
}
.btn_line {
    width:100%;
    font-weight:bold;
    color:#289D72;
    border:1px solid #289D72;
}
.btn_line.gray {
    color:#666666;
    border:1px solid #D6D6D6
}
.btn_basic:disabled {
    color: #fff !important;
    border: 1px solid #D6D6D6!important;
    background:#D9D9D9!important;
}
.btn_area.float_btn_area {
    background: none;
}
.btn_area.float_btn_area>button {
    width: 60px;
    height: 60px;
    border-radius: 100%;
    margin-left: auto;
}

/*badge style*/
.badge {
    display: inline-block;
    padding: 0.25rem 0.5rem;
    /*padding: calc(0.25em + 1px) 0.5rem 0.5em 0.5rem; 한글일경우 상단 쏠림 현상으로 수정*/
    font-size: 0.75rem;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 50px;
}
.badge.gray {
    background: #999999;
    color: #ffffff;
}
.badge.gray.line{
    background: #ffffff;
    border: 1px solid #999999;
    color: #999999;
}
.badge.gray1.line{
    background: #ffffff;
    border: 1px solid #999999;
    color: #000000;;
} 

.badge.green{
    background: #289D72;
    color: #ffffff;
}
.badge.green.line{
    background: #ffffff;
    border: 1px solid #289D72;
    color: #289D72;
}

.badge.deep_green{
    background: #387667;
    color: #ffffff;
}
.badge.deep_green.line{
    background: #ffffff;
    border: 1px solid #387667;
    color: #387667;
}

.badge.light_green{
    background: #97DD48;
    color: #ffffff;
}
.badge.light_green.line{
    background: #ffffff;
    border: 1px solid #97DD48;
    color: #97DD48;
}

.badge.orange{
    background: #FDB13F;
    color: #ffffff;
}
.badge.orange.line{
    background: #ffffff;
    border: 1px solid #FDB13F;
    color: #FDB13F;
}

.badge.red{
    background: #EB4F4F;
    color: #ffffff;
}
.badge.red.line{
    background: #ffffff;
    border: 1px solid #EB4F4F;
    color: #EB4F4F;
}
/*tooltip style*/
.tooltip_box {
    position: relative;
}
.tooltip_box .tooltip_text {
    display: none;
    width: 170px;
    padding: 0.75rem 0.5rem;
    position: absolute;
    bottom: calc(100% + 5px);
    left: 50%;
    background: rgba(40, 42, 50, 0.9);
    border-radius: 0.5rem 0.5rem 0.5rem 0;
    text-align: center;
    color: #ffffff;
    font-size: 0.75rem;
    line-height: 1.2;
}
.tooltip_box .tooltip_btn.active + .tooltip_text {
    display: inline-block;
}
/*toast message style*/
.toast_message {
    display: none;
    position: absolute;
    top: 40%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 60%;
    background: rgba(40, 42, 50, 0.9);
    border-radius: 100px;
    color: #ffffff;
    font-size: 0.875rem;
    text-align: center;
    padding: 1rem 0.5rem;
}


/*control box style*/
.box_control{
    position:relative;
    width: 100%;
}
.box_control .control_btn {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 32px;
    height: 32px;
    background: #FFFFFF;
    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.08);
    border-radius: 100%;
}
.box_control .control_btn.minus {
    left:0.75rem;
    top: 50%;
    transform: translateY(-50%);
}
.box_control .control_btn.plus {
    right:0.75rem;
    top: 50%;
    transform: translateY(-50%);
}
.box_control .control_btn>i::before {
    width: 12px;
    height: 12px;
}
.box_control .control_input {
    height: 48px;
    background: #ECF4F4;
    border-radius: 150px;
    border: none;
    padding: 0.75rem;
    text-align: center;
    font-size: 1.375rem;
    font-weight: 700;
    line-height: 1;
}



/*input style*/
.from_box {
    font-size: 1.125rem;
    padding: 0.75rem 0;
    position: relative;
}

.from_box .from_box_icon {
    position: absolute;
    right: 1rem;
    top: 50%;
    transform: translateY(-50%);
}

.from_box.tab{
    padding: 0;
}

.from_box .form_title {
    display: block;
    padding-bottom: 0.625rem;
    font-size: 0.875rem
}
.from_box .form_title .vital {
    margin-right: 0.25rem; 
    font-weight: 700;
    color: #289D72;
}

.from_box .form_title .title_sub {
    display: block;
    padding-top: 0.25rem;
    margin-left: 0.6rem;
    color: #565656;
    font-weight: 400;
    font-size: 0.85rem;
}

.from_box .notice p {
    padding-top: 0.5rem;
    font-weight: 400;
    font-size: 0.813rem;
    color: #EB4F4F;
}
textarea {
    width: 100%;
    line-height: 120%;
    color: #020202;
    font-size: 0.938rem;
    font-weight: 400;
    border: 1px solid #E6E6E6;
    background-color: #FFFFFF;
    border-radius: 4px;
    padding: 1rem;
    outline: none;
    resize: none;
}

input[type=text], input[type=password], input[type=email], input[type=number] , input[type=tel]{
    width: 100%;
    height: 52px;
    line-height: 1;
    color: #020202;
    font-size: 0.938rem;
    font-weight: 400;
    border: 1px solid #E6E6E6;
    background-color: #FFFFFF;
    border-radius: 4px;
    padding: 1rem;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}

input[type=text]:disabled, input[type=password]:disabled, input[type=email]:disabled,input[type=number]:disabled,
input.gray {
    background: #F4F4F4;
}
input[type=password]::-webkit-input-placeholder,
input[type=number]::-webkit-input-placeholder,
input[type=text]::-webkit-input-placeholder { /* Edge */
    color: #A6A6A6;
    font-family: inherit;
    font-size:0.938rem;
    font-weight:400;
}
input[type=password]::placeholder,
input[type=number]::placeholder,
input[type=text]::placeholder,
textarea::placeholder {
    color: #A6A6A6;
    font-family: inherit;
    font-size:0.938rem;
    font-weight:400;
}

/*check box style*/
.box_checkbox  {
    display:flex;
    align-items: center;
    position:relative;
}
.box_checkbox input[type=checkbox] {
    opacity:0;
    width:20px;
    height:20px;
    vertical-align: middle;
    margin-right:9px;
}
.box_checkbox .icon_check {
    display:block;
    width:20px;
    height:20px;
    background:url('../image/icon/icon_checkbox_basic.svg') no-repeat;
    background-size:contain;
    position:absolute;
    top:0;
    left:0;
}
.box_checkbox input[type=checkbox]:checked ~ .icon_check {
    background:url('../image/icon/icon_checkbox_basic_on.svg') no-repeat;
}

.box_checkbox input[type=checkbox]:disabled ~ .icon_check {
    filter: contrast(0.9);
}

/*radio button style*/
.box_radioBtn {
    display:flex;
    align-items: center;
    position:relative;
}
.box_radioBtn input[type=radio] {
    opacity:0;
    width:24px;
    height:24px;
    margin-right:8px;
}
.box_radioBtn .icon_check {
    width:24px;
    height:24px;
    background: url('../image/icon/icon_radio_basic.svg') no-repeat;
    background-size:contain;
    position:absolute;
    top:1px;
    left:0;
}
.box_radioBtn input[type=radio]:checked ~ .icon_check {
    background: url('../image/icon/icon_radio_basic_on.svg') no-repeat;
    background-size:contain;
}
.box_radioBtn input[type=radio]:disabled ~ .icon_check {
    filter: contrast(0.9);
    border-radius: 50%;
}

/*toggle button style*/
.box_toggle {
  width: 54px;
  height: 28px;
  display: block;
  position: relative;
  border-radius: 30px;
  background: #D6D6D6;
  cursor: pointer;
}
.box_toggle .icon_check {
  width: 20px;
  height: 20px;
  position: absolute;
  top: 50%;
  left: 4px;
  transform: translateY(-50%);
  border-radius: 50%;
  background: #fff;
}
.box_toggle .toggle:checked ~ .icon_check {
  left: calc(100% - 24px);
  background: #fff;
}
.box_toggle .toggle:checked ~ .toggle_bg {
    width: 54px;
    height: 28px;
    display: block;
    position: relative;
    border-radius: 30px;
    background: #289D72;
    cursor: pointer;
}
.box_toggle .toggle:disabled ~ .icon_check {
    background: #ebebeb;
}
.box_toggle, .box_toggle .icon_check {
  transition: all 0.2s ease-in;
}

/*select box style*/
.cont_select {
    position: relative;
    width: 100%;
}
.cont_select i {
    position: absolute;
    right: 1rem;
    top: 50%;
    transform: translatey(-50%);
}
.btn_select {
    width: 100%;
    height: 52px;
    color: #A6A6A6;
    font-size: 0.938rem;
    font-weight: 400;
    border: 1px solid #E6E6E6;
    background: #ffffff;
    border-radius: 4px;
    padding: 1rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.btn_select:disabled {
    background: #F4F4F4;  
}
.select_list {
    display: none;
    position: absolute;
    width: 100%;
    top: calc(100% - 2px);
    left: 0;
    border: 1px solid #E6E6E6;
    background: #ffffff;
    font-size: 1rem;
    border-radius: 0 0 4px 4px;
    z-index: 1;
    max-height: 200px;
    overflow-y: scroll;
}
.btn_select.on+.select_list {
    display: block;
}
.btn_select.on i {
    transform: rotate(180deg) translatey(50%);
}

.btn_select.on.round_select {
    border-bottom-right-radius: 0 !important; border-bottom-left-radius: 0 !important;
}

.select_list li {
    width: 100%;
    height: 40px;
    padding: 5px 8px;
    box-sizing: border-box;
}
.select_list li button {
    width: 100%;
    padding: 7px 10px;
    border: none;
    background: #fff;
    border-radius: 8px;
    cursor: pointer;
    text-align: left;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.date_select {
    display: flex;
    align-items: center;
    gap: 0.25rem;
}
.date_select>.date_input{
    position: relative;
}
.date_select>.date_input input {
    height: 40px;
    padding: 0.25rem 2rem 0.25rem 0.5rem;
    font-weight: 400;
    font-size: 1rem;
    color: #565656;
    line-height: 1;
}  
.date_select>.date_input .icon_calendar {
    position: absolute;
    top: 50%;
    right: 0.5rem;
    transform: translateY(-50%);
}

/*tab style*/
.cont_tab {
    position: relative;
    width: 100%;
}
.cont_tab>ul {
    width: 100%;
    display: flex;
    justify-content: space-between;
    background-color: #ffffff;
}
.cont_tab ul.line {
    border-bottom: 1px solid #E6E6E6;
}
.cont_tab .tab_gap {
    display: block;
    background-color: #F1F1F1;
    height: 0.5rem;
}
.cont_tab ul .tab_list{
    flex: 1;
    display: block;
    padding: 1rem 0.5rem;
    color: #666666;
    font-weight: 400;
    font-size: 0.93rem;
    text-align: center;
}
.cont_tab ul .tab_list .new_alarm {
	position: absolute;
    right: calc(37.5% - 5px - 35px);
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 100%;
    background: #EB4F4F;
}
.cont_tab ul .tab_list.active{
    color: #289D72;
    font-weight: 700;
    border-bottom: 3px solid #289D72;
    padding: calc(1rem + 1px) 0.5rem;
}
.cont_tab .tab_content.active {
    display: block;
}
.cont_tab .tab_content {
    display: none;
    width: 100%;
}

.cont_tab.fix_tab>ul {/*상단 고정탭일 경우*/
    position: fixed;
    background-color: #ffffff;
    top: 50px;
    z-index: 10;
}
.cont_tab.fix_tab.gap>ul {
    border-bottom: 8px solid #F1F1F1;
}

.cont_tab.fix_tab .tab_content {
    padding-top: 50px;
}

/*tab_type toggle button style*/
.box_toggle.tab_type {
    width: 110px;
    height: 36px;
}
.box_toggle.tab_type .icon_check {
    width: 50px;
    height: 30px;
    border-radius: 30px;
}
.box_toggle.tab_type .toggle:checked ~ .icon_check {
    left: calc(100% - 54px);
    background: #fff;
}

.box_toggle.tab_type.full {/*full ver*/
    width: 100%;
    height: 58px;
}
.box_toggle.tab_type.full .icon_check {
    width: calc(50% - 2px);
    border-radius: 30px;
    height: 50px;
}
.box_toggle.tab_type.full .toggle:checked ~ .icon_check {
    left: calc(100% - 50% - 2px);
    background: #189B78;
}
.box_toggle.tab_type.full .icon_check {
    background: #189B78;
}

/*accordion style*/
.cont_accordion {
    position: relative;
    width: 100%;
}
.cont_accordion ul {
    width: 100%;
    display: flex;
    flex-direction: column;
    background-color: #ffffff;
}
.cont_accordion ul .accordion_list{
    flex: 1;
    display: flex;
    justify-content: space-between;
    padding: 1.25rem 1rem;
    color: #666666;
    border-bottom: 1px solid #E6E6E6;
    font-size: 0.938rem;
}
.cont_accordion ul .accordion_list i {
    height: 20px;
}
.cont_accordion ul .accordion_list.active{
    border-bottom: none;
}
.cont_accordion ul .accordion_list.active i.icon_arrow_top::before {
    transform: rotate(90deg);
}
.cont_accordion .accordion_content {
    display: none;
    width: 100%;
    background: #F9F9F9;
    padding: 1rem;
}
.cont_accordion .accordion_content.active {
    display: block;
}











.cont_accordion2 {
    position: relative;
    width: 100%;
}
.cont_accordion2 ul {
    width: 100%;
    display: flex;
    flex-direction: column;

}
.cont_accordion2 ul .accordion_list2{
    flex: 1;
    display: flex;
    justify-content: space-between;
    padding: 1.25rem 1rem;
   
}
.cont_accordion2 ul .accordion_list2 i {
    height: 20px;
}
.cont_accordion2 ul .accordion_list2.active{
    border-bottom: none;
}
.cont_accordion2 ul .accordion_list2.active i.icon_arrow_top::before {
    transform: rotate(90deg);
}
.cont_accordion2 .accordion_content2{
    display: none;
    width: 100%;
    background: #F9F9F9;
    padding: 1rem;
    font-size: 0.938rem;
    border-top: 1px solid #E6E6E6;
}
.cont_accordion2 .accordion_content2.active {
    display: block;
}




/*========reset css========*/
* {
    color: var(--color-1);
    font:inherit;
    font-family: 'Spoqa Han Sans', 'Noto Sans KR', sans-serif;
    font-weight:500;
    letter-spacing:-0.45px;
    line-height: 120%;
    word-break:keep-all;
    word-wrap:break-word;
    overflow-wrap:break-word;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    vertical-align:baseline;
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
    margin:0;
    padding:0;
}
body {
    line-height: 1;
    overflow: hidden;
}
::-webkit-scrollbar {
    display: none; /* Chrome, Safari, Opera*/
    -webkit-appearance: none;
}
::-webkit-scrollbar-thumb{
    background-color:#E3E3E3;
}
::-webkit-scrollbar-track  {
 	width: 5px; 
 	height: 5px;
    background-color: #aaa;
    -webkit-box-shadow: inset 0 0 9px rgba(0, 0, 0, .4)
  }
::-webkit-scrollbar:vertical {
    width: 5px;
}
::-webkit-scrollbar:horizontal {
    height: 5px !important;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display:block;
}
ol, ul {list-style:none;}
a {color:inherit;text-decoration:none;}
button, input {-webkit-border-radius:0; border-radius:0; border:0}
img {outline:none; border:none;}
table {border-collapse:collapse;border-spacing:0;}
strong {font-weight:500;}
button {border:none;background:none;}
h1, h2, h3, h4, h5, h6 {font-size:inherit;}

/*input box 우측 화살표 컨트롤러 hidden 처리*/
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {/* Chrome, Safari, Edge, Opera */
  -webkit-appearance: none;
  margin: 0;
}
input[type=number] {/* Firefox */
  -moz-appearance: textfield;
}

/*========page layout style========*/

/* 오버레이 가능하게 */
.page_content {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	background-color: white;
    z-index: 11;
}
.wrap {/*페이지 전체 묶음 단위(header 포함)*/
	position: relative;	/* 화면 다시 relative로 */
    width: 100%;
    height: 100vh;
    overflow-y: hidden;
}
.container{/*컨텐츠 영역 묶음 단위(header 제외, header영역과 겹치치 않도록 상단 여백 역할)*/
    height: 100%;
    overflow: hidden;
    position: relative;
    padding-top: 50px;
}
.content {/*실 컨텐츠 영역*/
    width: 100%;
    height: 100%;
    overflow-y: auto;
}
.content.bg_gray {
    background-color: #F1F1F1;
}

.page_gap {/*컨텐츠 사이 간격(배경 회색)*/
    display: block;
    background-color: #F1F1F1;
    height: 0.5rem;
    width: 100%;
}
.box {/*컨텐츠 묶음 단위(좌우 padding / 하단 여백)*/
    width: 100%;
    padding: 0 1rem;
    margin-bottom: 1.25rem;
    /*overflow-x: hidden;*/
}
.box.none_content {/*컨텐츠 영역 비어있을 때*/
    padding-top:1.25rem;
    display: flex;
    gap: 1rem;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.box.none_content.full_page {
    height: 100%;
    margin: 0;
    padding: 0;
}
.box.none_content i::before {
    width: 56px;
    height: 56px;
}
.box.none_content span{
    color: #999999;
    font-weight: 400;
}
.box.fixed_top { /*상단 탭,필터등 고정 영역 있을때 box에 적용*/
    position: fixed;
    top: 50px;
    z-index: 1;
}
.box.fixed_top_content {
    padding-top: 80px;    
}

.box div.shadow {
    padding: 1.25rem;
    background: #FFFFFF;
    box-shadow: 0px 0px 24px rgba(22, 22, 22, 0.12);
    border-radius: 16px;
}
.box .txt_title{
    font-size: 1.125rem;
    padding: 1rem 0.5rem;
    display: flex;
    justify-content: space-between;
}

.box.banner{ /*슬라이드 컨텐츠 overflow 숨김처리*/
    overflow: hidden;
}

header.page {/*페이지 헤더 스타일*/
    position: fixed;
    top: 0;
    z-index: 10;
    width: 100%;
    height: 50px;
    background-color: #ffffff;
    border-bottom: 1px solid #E7EBEF;
}
header.page h1 {
    font-size: 1.188rem;
    color: #000000;
    text-align: center;
    line-height: 50px;
}
header.page .btn_left {
    width: 32px;
    height: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 50%;
    left: 4px;
    transform: translateY(-50%);
}
header.page .btn_right {
    width: 32px;
    height: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
}
/*========page obj style========*/
.img_area {
    line-height: 0.8;
}
.img_area img {
    width: 100%;
}

.sort{
    padding: 0 1rem;
    display: flex;
    gap: 0.5rem;
    overflow-x: auto;
    
}
.sort li {
    display: inline-block;
    color: #ffffff;
    font-weight: 700;
    padding: 0.625rem 1rem;
    background-color: #D6D6D6;
    border-radius: 10px;
}
.sort li.active {
    background-color: rgba(40, 157, 114, 0.8);
    border: 1px solid #289D72;
}
.sort.tab_type li{
    display: block;
    background-color: #FFFFFF;
    padding: 1rem 0.5rem;
    color: #666666;
    font-weight: 400;
    font-size: 0.93rem;
    text-align: center;
    border-radius: 0;
    white-space:nowrap;
}
.sort.tab_type li.active{
    color: #289D72;
    font-weight: 700;
    border: none;
    border-bottom: 3px solid #289D72;
    padding: calc(1rem + 1px) 0.5rem;
}
.box .list_wrap {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.box .list_wrap .list {
    position: relative;
    width: 100%;
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.25rem 1rem;
}

.box .list_wrap .list.select_list {
    position: relative;
    width: 100%;
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.25rem 1rem;
    border: 2px solid #161616;
}


.box .list_wrap .list .fix_thumbnail {
    width: 60px;
    height: 60px;
    flex-shrink: 0;
}

.box .list_wrap .round_box{
    border: 1px solid #e6e6e6;
    border-radius: 10px;
}

ul.has_marker {
    list-style-type: "-  ";
    padding-inline-start: 0.75rem;
}

ul.has_marker.disc {
    list-style-type: disc;
    padding-inline-start: 1.75rem;
}

ul.has_marker li {
    color: inherit;
    font-size: inherit;
}



/*========footer css========*/
footer {
    width: 100%;
    background: #F5F5F5;
    padding: 1.8rem 1rem;
    margin-top: 3rem;
    font-size: 0.75rem;
    text-align: center;
}
footer>* {
    color: #999999;
    font-weight: 400;
    font-size: 0.75rem;
    letter-spacing: -0.03rem;
    margin-bottom: 1rem;
}
footer .policy ul {
    display: flex;
    justify-content: center;
    align-items: center;
}
footer .policy ul li{
    color: #999999;
    font-weight: 700;
    font-size: 0.813rem;
    padding: 0 0.5rem;
    border-right: 1px solid #DDDDDD;
}
footer .policy ul li:last-child{
    border-right: none;
}

footer .company_info ul li {
    color: #999999;
    font-weight: 400;
    font-size: 0.75rem;
    padding-bottom: 0.5rem;
}

/*========modal popup style========*/
.modal_area {
    display:none;
}
.modal_area.active {
    display: block;
}
.modal_area .bg_shadow {
    display: block;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, .6);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 11;
}
.modal_area .pop_wrap {
    width: 90%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 11;
    border-radius: 0 0 12px 12px;
    overflow: hidden;
}
.modal_area .pop_wrap .content_area{
    border-radius: 12px;
    background: #FFFFFF;
    overflow: hidden;
}


.modal_area .pop_wrap .content_area .btn_area {
    padding-bottom: 0.5rem;
}

/*full_img: 이미지 팝업 일 경우*/
.modal_area .pop_wrap .content_area.full_img {
    border-radius: 12px;
    background: transparent;
    overflow: hidden;
    position: relative;
    isolation: isolate;
    max-height: 85vh;
}
.modal_area .pop_wrap .content_area.full_img img{
    display: block;
    width: 100%;
    border-radius: 12px;
}
/*text: 텍스트 팝업 일 경우*/
.modal_area .pop_wrap .content_area.text,
.modal_area .pop_wrap .content_area.text .text_area {
    padding: 1rem;
}
.modal_area.alert .pop_wrap .content_area.text .text_area .popup_title {
    color: #161616;
    display: block;
    padding-bottom: 1rem;
    font-weight: 700;
    text-align: center;
    font-size: 1.188rem;
}
.modal_area.alert .pop_wrap .content_area.text .text_area p {
    font-weight: 400;
    text-align: center;
    line-height: 140%;
    color:#333333;
}
.modal_area.alert .pop_wrap .content_area.text .text_area .sub {
    margin-top: 0.5rem;
    color: #289D72;
}
.modal_area.alert .pop_wrap .content_area.text .alert_close_btn {
    position: absolute;
    top: 10px;
    right: 10px;
}
/*bottom: 하단에서 올라오는 팝업 일 경우*/
.modal_area.bottom .pop_wrap {
    width: 100%;
    max-width: 100%;
    border-radius: 24px 24px 0 0;
    background-color: #ffffff;
    top: auto;
    bottom: 0;
    left: 0;
    transform: none;
}
.modal_area.bottom .pop_wrap .content_area.full_img img{
    margin-bottom: 53px;
}

/*========Swiper css========*/
.box .swiper-container {
    position: relative;
}
.box .swiper-horizontal>.swiper-pagination-bullets {
    bottom: calc(100% - 25px);
    left: 0;
    padding-right: 20px;
    text-align: right;
    width: 100%
}
.box .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.box .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active {
    background: #ffffff;
}
.modal_area.box_pop .swiper-horizontal>.swiper-pagination-bullets {
    bottom: 50px;
}
.modal_area.box_pop .swiper-pagination-bullet-active {
    background: #289D72;
}


/*========calendar css========*/
.calendarSwiper {
    width: 100%;
    text-align: center;
}
.calendarSwiper .calendar_title {
    font-weight: 700;
    font-size: 1.375rem;
    margin-bottom: 2.5rem;
    margin-top: 1rem;
}

.calendarSwiper .calendar_title_m0 {
    font-weight: 700;
    font-size: 1.375rem;
    margin-top: 0.75rem ;
    padding-bottom: 0.5rem;
}

.calendarSwiper .calendar_body>table{
    width: 100%;
    table-layout: fixed;
}
.calendarSwiper .calendar_body>table th{
    padding-bottom: 2rem;
}
.calendarSwiper .calendar_body>table td {
    padding-top: 0.5rem;
    height: 55px;
    color: #565656;
    font-weight: 400;
    font-size: 0.875rem;
}

.calendarSwiper .calendar_body>table .day .schedule,
.calendarSwiper .calendar_body>table .day .income {
    display: block;
    padding-top: 0.25rem;
    font-size: 0.688rem;
    font-weight: 500;
}

.calendarSwiper .calendar_body>table .day .income.plus{
    color:#289D72;
}
.calendarSwiper .calendar_body>table .day .income.plus::before {
    content: "+";
}
.calendarSwiper .calendar_body>table .day .income.minus{
    color:#999999;
}
.calendarSwiper .calendar_body>table .day .income.minus::before {
    content: "-";
}
.calendarSwiper .calendar_body>table .day .schedule.green {
    color:#289D72;
}
.calendarSwiper .calendar_body>table .day .schedule.yellow {
    color:#FF9900;
}
.calendarSwiper .calendar_body>table .day .schedule.red {
    color:#EB4F4F;
}
.calendarSwiper .calendar_body>table .day .schedule.purple {
    color:#A479FF;
}
.calendarSwiper .calendar_body>table .day .schedule.green::before{
    background-color: #289D72;
}
.calendarSwiper .calendar_body>table .day .schedule.yellow::before{
    background-color: #FF9900;;
}
.calendarSwiper .calendar_body>table .day .schedule.red::before{
    background-color: #EB4F4F;;
}
.calendarSwiper .calendar_body>table .day .schedule.purple::before{
    background-color: #A479FF;;
}
.calendarSwiper .calendar_body>table .day .schedule::before {
    content: "";
    display: inline-block;
    width: 4px;
    height: 4px;
    border-radius: 100%;
    margin-right: 0.25rem;
    margin-bottom: calc(0.25rem - 2.5px);
}
.calendarSwiper .calendar_body>table .day td.today {
    color: #289D72;
    font-weight: 700;
    position: relative;
}
.calendarSwiper .calendar_body>table .day td.today::before {
    content: "";
    position: absolute;
    top: 4px;
    left: 50%;
    transform: translateX(-50%);
    display: inline-block;
    width: 25px;
    height: 25px;
    background: #289D72;
    opacity: 0.1;
    border-radius: 100%;
}
.calendarSwiper .calendar_body>table .day td.close {
    color: #EB4F4F;
    font-weight: 700;
    position: relative;
}
.calendarSwiper .calendar_body>table .day td.close::before{
    content: "";
    position: absolute;
    top: 4px;
    left: 50%;
    transform: translateX(-50%);
    display: inline-block;
    width: 25px;
    height: 25px;
    background: #EB4F4F;
    opacity: 0.1;
    border-radius: 100%;
}
.calendarSwiper .calendar_body>table .day td.close::after{
    content: "휴무";
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    color: #EB4F4F;
    font-size: 0.688rem;
    font-weight: 500;
}
.swiper.calendarSwiper .swiper-button-next, .swiper.calendarSwiper .swiper-button-prev{
    width: 32px;
    height: 32px;
    background-color: #ffffff;
    box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.12);
    border-radius: 100%;
    top: 2rem;
}
.swiper.calendarSwiper.calendar_date_select td>button {
    height: 36px;
    width: 36px;
}
.swiper.calendarSwiper.calendar_date_select td>button.active {
    font-weight: 700;
    color: #ffffff;
    background-color: #289D72;
    border-radius: 100%;
    position: relative;
}
.swiper.calendarSwiper.calendar_date_select td>button.active.start::after {
    content: "";
    position: absolute;
    top:50%;
    left: 50%;
    transform: translateY(-50%);
    height: 36px;
    width: 100%;
    background-color: #D6ECE4;
    z-index: -1;
}
.swiper.calendarSwiper.calendar_date_select td>button.active.end::after {
    content: "";
    position: absolute;
    top:50%;
    right: 50%;
    transform: translateY(-50%);
    height: 36px;
    width: 100%;
    background-color: #D6ECE4;
    z-index: -1;
}

.swiper.calendarSwiper.calendar_date_select td>button.active_side {
    height: 36px;
    width: 100%;
    font-weight: 400;
    color: #289D72;
    background-color: #D6ECE4;
}
.swiper.calendarSwiper.calendar_date_select td:last-child>button.active_side {
    border-radius: 0 40px 40px 0;
}
.swiper.calendarSwiper.calendar_date_select td:first-child>button.active_side {
    border-radius: 40px 0 0 40px;
}
/*날짜-시간 선택 툴*/
.timeSelect_tool{
    padding: 0 0.5rem;
}
.timeSelect_tool .swiper-wrapper {
    height: 150px;
}
.timeSelect_tool .swiper-wrapper .swiper-slide {
    color: #999999;
    text-align: center;
    line-height: 56.66px;
}
.timeSelect_tool .swiper-wrapper .swiper-slide-active{
    color: #161616
}
.timeSelect_tool .line {
    position: absolute;
    height: 56.66px;
    width: 100%;
    background-color: transparent;
    border-top: 2px solid #868686;
    border-bottom: 2px solid #868686;
    left: 0; 
    top: 50%;
    transform: translateY(-50%);
}

/*이용약관 공통 스타일*/
.policy_fullPage .policy_content{
    background: #F9F9F9;
    border-radius: 8px;
    height: 100%;
    padding: 1rem;
}
.policy_fullPage .policy_content * {
    color: #868686;
    font-weight: 400;
    font-size: 0.875rem;
    line-height: 143%;
}

.policy_fullPage .policy_content h1 {/*항목 제목일 경우*/
    margin-top: 1rem;
    margin-bottom: 0.25rem;
    font-weight: 500;
    color: #767676;
    font-size: 1rem;
}

.policy_fullPage .policy_content ul {
    list-style-type: "-  ";
    padding-inline-start: 0.75rem;
}


.policy_fullPage .policy_content ol  {
    list-style-type: decimal;
    padding-inline-start: 0.75rem;
}


.policy_fullPage .policy_content  table{
    width: 100%;
    border: 1px solid #838384;
    margin: 0.25rem 0 0.75rem 0; 
}

.policy_fullPage .policy_content table th{
    padding: 0.25rem;
    text-align:center;
    background: #eeeeee;
    border: 1px solid #838384;
}
.policy_fullPage .policy_content table td {
    padding: 0.25rem;    
    font-weight: 400;
    font-size: 0.875rem;
    border: 1px solid #838384;
    background: #ffffff;
    vertical-align: middle;
}




/*슬라이드 display 조정*/
.swiper-backface-hidden .swiper-slide>a {
    display: flex;
}

/*가이드 팝업*/
.modal_area.guide_popup .pop_wrap {
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    top: 0 !important;
    left: 0;
    transform: none;
    border-radius: none;
}
.modal_area.guide_popup .pop_wrap .content_area {
    border-radius: none;
    background: none;
    height: 100%;
}
.modal_area.guide_popup .pop_wrap .content_area .guide_popup_today_close {
    position: absolute;
    bottom: 2rem;
    left: 50%;
    transform: translate(-50%, 0);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 150px;
    color: #ffffff;
    border: 1px solid #ffffff;
    padding: 0.7rem 1.5rem;
}

.modal_area.guide_popup .pop_wrap .content_area .alert_close_btn {
    filter: brightness(150);
    position: absolute;
    top: calc(25px - 15px);
    right: calc(25px - 15px);
}

.modal_area.guide_popup .pop_wrap .content_area .guide_popup_img_area {
    padding-top: 50px;
}


/*20230411*/
.max-w-full{
	max-width: 100%;
}
.w-full{
	width: 100%;
}
.h-full{
	height: 100%;
}
.ios-radius{
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-webkit-transform: translate3d(0,0,0);
	-moz-transform: translate3d(0,0,0);
}