@charset "utf-8";
@import url("/theme/v1/resources/css/view/layout/layout.css");
@import url("/theme/v1/resources/css/view/layout/popup.css");

:root {
	--color-primary:#580c14;
	--color-secondary:#971218;
	--color-tertiary:#bf2b3a;
	--color-quaternary:#dca8ad;
	--color-pink:#ebd9d9;
	--color-ivory:#f7f4f3;
	--color-point:#a51e36;
	--color-black:#000000;
	--color-dark:#2a2b2b;
	--color-gray01:#6e6f6f;
	--color-gray02:#a2a1a1;
	--color-gray03:#d7d4d4;
	--color-gray04:#e9e9e9;
	--color-gray05:#f9f9f9;
	--color-hover:#f2edec;
	--color-white:#ffffff;
	--color-red:#f95e5e;
	--font-color-primary:#580c14;
	--font-color-secondary:#971218;
	--font-color-tertiary:#bf2b3a;
	--font-color-quaternary:#dca8ad;
	--font-color-pink:#ebd9d9;
	--font-color-ivory:#f7f4f3;
	--font-color-point:#a51e36;
	--font-color-black:#000000;
	--font-color-dark:#2a2b2b;
	--font-color-gray01:#6e6f6f;
	--font-color-gray02:#a2a1a1;
	--font-color-gray03:#d7d4d4;
	--font-color-gray04:#e9e9e9;
	--font-color-gray05:#f9f9f9;
	--font-color-hover:#f2edec;
	--font-color-white:#ffffff;
	--font-color-red:#f95e5e;
	--border-color-primary:#580c14;
	--border-color-secondary:#971218;
	--border-color-tertiary:#bf2b3a;
	--border-color-quaternary:#dca8ad;
	--border-color-pink:#ebd9d9;
	--border-color-ivory:#f7f4f3;
	--border-color-point:#a51e36;
	--border-color-black:#000000;
	--border-color-dark:#2a2b2b;
	--border-color-gray01:#6e6f6f;
	--border-color-gray02:#a2a1a1;
	--border-color-gray03:#d7d4d4;
	--border-color-gray04:#e9e9e9;
	--border-color-gray05:#f9f9f9;
	--border-color-hover:#f2edec;
	--border-color-white:#ffffff;
	--border-color-red:#f95e5e;
	--border-color-gray:#fff;
}

.blind {position:absolute; overflow:hidden; width:1px; height:1px; clip:rect(0 0 0 0);}
.lock {overflow-y:hidden; touch-action:none; -webkit-overflow-scrolling:none; overflow:hidden; overscroll-behavior:none;}
.dim {position:fixed; top:0; right:0; bottom:0; left:0; z-index:999; display:none; width:100%; height:100%; background-color:rgba(0,0,0,0.5);}
.dim.on {display:inline-block;}

/* margin */
.mt10 {margin-top:10px;}
.mt20 {margin-top:20px;}
.mt30 {margin-top:30px;}
.mt40 {margin-top:40px;}
.mt50 {margin-top:50px;}
.mt60 {margin-top:60px;}
.mt70 {margin-top:70px;}
.mt80 {margin-top:80px;}
.mt90 {margin-top:90px;}
.mt100 {margin-top:100px;}
.mr10 {margin-right:10px;}
.mr20 {margin-right:20px;}
.mr30 {margin-right:30px;}
.mr40 {margin-right:40px;}
.mr50 {margin-right:50px;}
.mr60 {margin-right:60px;} 
.mr70 {margin-right:70px;}
.mr80 {margin-right:80px;}
.mr90 {margin-right:90px;}
.mr100 {margin-left:100px;}
.mb10 {margin-bottom:10px;}
.mb20 {margin-bottom:20px;}
.mb30 {margin-bottom:30px;}
.mb40 {margin-bottom:40px;}
.mb50 {margin-bottom:50px;}
.mb60 {margin-bottom:60px;}
.mb70 {margin-bottom:70px;}
.mb80 {margin-bottom:80px;}
.mb90 {margin-bottom:90px;}
.mb100 {margin-bottom:100px;}
.ml10 {margin-left:10px;}
.ml20 {margin-left:20px;}
.ml30 {margin-left:30px;}
.ml40 {margin-left:40px;}
.ml50 {margin-left:50px;}
.ml60 {margin-left:60px;}
.ml70 {margin-left:70px;}
.ml80 {margin-left:80px;}
.ml90 {margin-left:90px;}
.ml100 {margin-left:100px;}

/* padding */
.pt10 {padding-top:10px;}
.pt20 {padding-top:20px;}
.pt30 {padding-top:30px;}
.pt40 {padding-top:40px;}
.pt50 {padding-top:50px;}
.pt60 {padding-top:60px;}
.pt70 {padding-top:70px;}
.pt80 {padding-top:80px;}
.pt90 {padding-top:90px;}
.pt100 {padding-top:100px;}
.pr10 {padding-right:10px;}
.pr20 {padding-right:20px;}
.pr30 {padding-right:30px;}
.pr40 {padding-right:40px;}
.pr50 {padding-right:50px;}
.pr60 {padding-right:60px;}
.pr70 {padding-right:70px;}
.pr80 {padding-right:80px;}
.pr90 {padding-right:90px;}
.pr100 {padding-right:100px;}
.pb10 {padding-bottom:10px;}
.pb20 {padding-bottom:20px;}
.pb30 {padding-bottom:30px;}
.pb40 {padding-bottom:40px;}
.pb50 {padding-bottom:50px;}
.pb60 {padding-bottom:60px;}
.pb70 {padding-bottom:70px;}
.pb80 {padding-bottom:80px;}
.pb90 {padding-bottom:90px;}
.pb100 {padding-bottom:100px;}
.pl10 {padding-left:10px;}
.pl20 {padding-left:20px;}
.pl30 {padding-left:30px;}
.pl40 {padding-left:40px;}
.pl50 {padding-left:50px;}
.pl60 {padding-left:60px;}
.pl70 {padding-left:70px;}
.pl80 {padding-left:80px;}
.pl90 {padding-left:90px;}
.pl100 {padding-left:100px;}

.txt10 {font-size:1rem!important;}
.txt12 {font-size:1.2rem!important;}
.txt14 {font-size:1.4rem!important;}
.txt16 {font-size:1.6rem!important;}
.txt18 {font-size:1.8rem!important;}
.txt20 {font-size:2rem!important;}
.txt22 {font-size:2.2rem!important;}
.txt24 {font-size:2.4rem!important;}
.txt26 {font-size:2.6rem!important;}
.txt28 {font-size:2.8rem!important;}
.txt30 {font-size:3rem!important;}
.txt42 {font-size:4.2rem!important;}
@media screen and (max-width:1279px){}

.font-pt {font-family:"Pretendard",sans-serif;}
.font-ts {font-family:"Tenor Sans",serif;}

/* text align */
.left {text-align:left!important;}
.center {text-align:center!important;}
.right {text-align:right!important;}

/* background color */
.bg-primary {background-color:var(--color-primary);}
.bg-secondary {background-color:var(--color-secondary);}
.bg-point {background-color:var(--color-point);}
.bg-black {background-color:var(--color-black);}
.bg-gray01 {background-color:var(--color-gray01);}
.bg-gray02 {background-color:var(--color-gray02);}
.bg-gray03 {background-color:var(--color-gray03);}
.bg-gray04 {background-color:var(--color-gray04);}
.bg-gray05 {background-color:var(--color-gray05);}
.bg-white {background-color:var(--color-white);}

/* text color */
.txt-primary {color:var(--font-color-primary);}
.txt-secondary {color:var(--font-color-secondary);}
.txt-point {color:var(--font-color-point);}
.txt-black {color:var(--font-color-black);}
.txt-gray01 {color:var(--font-color-gray01);}
.txt-gray02 {color:var(--font-color-gray02);}
.txt-gray03 {color:var(--font-color-gray03);}
.txt-gray04 {color:var(--font-color-gray04);}
.txt-gray05 {color:var(--font-color-gray05);}
.txt-white {color:var(--font-color-white);}

/* font weight */
.txt-th {font-weight:100;}
.txt-el {font-weight:200;}
.txt-l {font-weight:300;}
.txt-r {font-weight:400;}
.txt-m {font-weight:500;}
.txt-sb {font-weight:600;}
.txt-b {font-weight:700;}
.txt-eb {font-weight:800;}
.txt-bl {font-weight:900;}

/* input */
input:read-only {}
input:disabled {}
input:focus,
select:focus,
textarea:focus {outline:none;}
input[type="text"],
input[type="tel"], 
input[type="date"],
input[type="password"] {position:relative; display:block; padding:12px 20px; background-color:transparent; border:1px solid var(--border-color-gray03); font-size:1.6rem; transition:all 0.3s ease; -webkit-border-radius:0; -webkit-appearance:none;}
select {position:relative; display:block; width:100%; padding:12px 20px; background-color:transparent; border:1px solid var(--border-color-gray03); font-size:1.6rem; transition:all 0.3s ease; -webkit-border-radius:0; -webkit-appearance:none;}
textarea {position:relative; display:block; width:100%; height:286px; padding:12px 20px; background-color:transparent; border:1px solid var(--border-color-gray03); font-size:1.6rem; resize:none; transition:all 0.3s ease; -webkit-border-radius:0; -webkit-appearance:none;}
input[type="checkbox"],
input[type="radio"] {display:none;}
input::placeholder {color:var(--font-color-gray02);}
input[type="text"]:focus,
input[type="tel"]:focus, 
input[type="date"]:focus,
input[type="password"]:focus,
select:focus,
textarea:focus {border-color:var(--border-color-secondary); transition:all 0.25s ease;}
.form-area {position:relative;}
.form-area label {display:inline-block; width:100%; padding:5px 0; font-weight:bold;}
.form-area > div {position:relative; display:flex; flex-direction:row; justify-content:flex-start; align-items:center; width:100%; margin:10px 0;}
.form-area > div {position:relative; display:flex; flex-direction:row; justify-content:flex-start; align-items:center; width:100%; margin:10px 0;}
.form-area > div > label {width:15%;}
.form-area > div > input {width:50%;}
.form-area > div > button {position:absolute; top:50%; right:10px; transform:translate(0,-50%);}
.form-area.form-col-02 {width:50%; align-items:flex-start;}
.select-area .select-tit > a {display:flex; flex-direction:row; justify-content:flex-start; align-items:center; width:100%; min-height:50px; padding:10px 20px; border:1px solid var(--border-color-gray03); transition:all 0.3s ease;}
.select-area .select-tit > a img {display:inline-block; width:28px; height:28px; margin-right:10px; border-radius:50%; background-color:var(--color-gray03);}
.select-area .select-tit > a:focus {border-color:var(--border-color-secondary);}
.select-area .select-list {display:flex; display:none; flex-direction:column; justify-content:center; align-items:center; width:100%; border-left:1px solid var(--border-color-gray03); border-bottom:1px solid var(--border-color-gray03); border-right:1px solid var(--border-color-gray03);}
.select-area .select-list > li {width:100%;}
.select-area .select-list > li > a {display:flex; flex-direction:row; justify-content:flex-start; align-items:center; width:100%; padding:10px 20px;}
.select-area .select-list > li:not(:last-child) {border-bottom:1px solid var(--border-color-gray03);}
.select-area .select-list > li img {display:inline-block; width:28px; height:28px; margin-right:10px; border-radius:50%; background-color:var(--color-gray03);}
.chk-area {display:flex; flex-direction:column;}
.rdi-area {display:flex; flex-direction:row;}
.chk-area > li {display:flex; flex-direction:column; justify-content:space-between; min-width:120px; padding:5px 0;}
.rdi-area > li {display:flex; flex-direction:column; justify-content:space-between; min-width:120px; padding:15px 0;}
.chk-area > li label,
.rdi-area > li label {position:relative; display:inline-block; padding:0 10px 0 24px; font-weight:400; font-size:1.6rem; transition:all 0.25s ease; line-height:1.5;}
.rdi-area > li input[type="radio"] + label::before {content:""; position:absolute; top:50%; left:0; width:20px; height:20px; border-radius:50%; border:1px solid var(--border-color-gray04); background-color:transparent; transform:translate(0,-50%); transition:all 0.25s ease;}
.rdi-area > li input[type="radio"] + label::after {content:""; position:absolute; top:50%; left:4px; width:12px; height:12px; border-radius:50%; background-color:transparent; transform:translate(0,-50%); transition:all 0.25s ease;}
.rdi-area > li input[type="radio"]:checked + label::before {border-color:var(--border-color-gray01);}
.rdi-area > li input[type="radio"]:checked + label::after {background-color:var(--color-primary);}
.rdi-area > li input[type="radio"]:disabled + label {color:var(--font-color-gray05);}
.rdi-area > li input[type="radio"]:disabled + label::before {border-color:var(--border-color-gray05);}
.rdi-area > li input[type="radio"]:disabled + label::after {background-color:transparent;}
.rdi-area > li input[type="radio"]:disabled:checked + label::after {background-color:var(--border-color-gray05);}
.chk-area > li input[type="checkbox"] + label::before,
.chk-area > li input[type="checkbox"] + label::after {content:""; position:absolute; top:50%; left:0; width:14px; height:14px; background-color:transparent; transform:translateY(-50%); transition:all 0.3s ease;}
.chk-area > li input[type="checkbox"] + label::before {border:1px solid var(--border-color-gray03);}
.chk-area > li input[type="checkbox"] + label::after {background:center / 10px auto no-repeat; transition:all 0.3s ease;}
.chk-area > li input[type="checkbox"]:checked + label::before {border-color:var(--border-color-secondary);}
.chk-area > li input[type="checkbox"]:checked + label::after {background-image:url("/theme/v1/resources/images/common/ico_check_primary.svg");} /* // [D] 2026-01-27_추가2 : 수정 */
.chk-area > li input[type="checkbox"]:disabled + label {color:var(--font-color-gray05);}
.chk-area > li input[type="checkbox"]:disabled + label::before {border-color:var(--border-color-gray05);}
.chk-area > li input[type="checkbox"]:disabled + label::after {background:transparent;}
.chk-area > li input[type="checkbox"]:disabled:checked + label::after {background-color:var(--border-color-gray05);}
.chk-area > li input[type="checkbox"] + label > a {position:relative; display:inline-block; margin-left:9px; color:var(--font-color-secondary); font-size:1.4rem; vertical-align:top;}
.chk-area > li input[type="checkbox"] + label > a::before {content:""; position:absolute; bottom:1px; left:0; right:0; display:inline-block; width:100%; height:1px; background-color:var(--color-secondary);}
.chk-area > li label .sub {font-size:1.4rem; font-weight:200; border:1px solid red;}
.chk-area.chk-center {margin:0 auto;}
.chk-area.bg-white {min-height:60px; padding:10px 30px; background-color:rgba(255,255,255,0.1);}
.chk-area.bg-white > li:first-child,
.chk-area.bg-white > li:last-child {padding:10px 0;}
.chk-area.chk-radius {border-radius:20px;}
.chk-area.chk-btn {overflow:hidden; flex-direction:row; flex-wrap:wrap; justify-content:flex-start; margin-top:-20px;}
.chk-area.chk-btn > li {min-width:unset; padding:unset; margin-top:20px;}
.chk-area.chk-btn > li:first-child {padding:unset;}
.chk-area.chk-btn > li:last-child {padding:unset;}
.chk-area.chk-btn > li:not(:last-child) {border-bottom:0; margin-right:10px;}
.chk-area.chk-btn > li label {z-index:2; padding:14px 25px; cursor:pointer; transition:all 0.25s ease;}
.chk-area.chk-btn > li input[type="checkbox"] + label::before {top:0; left:0; z-index:-1; width:100%; height:100%; border:1px solid var(--border-color-white); border-radius:23px; transform:translate(0,0);}
.chk-area.chk-btn > li input[type="checkbox"]:checked + label {color:var(--font-color-black);}
.chk-area.chk-btn > li input[type="checkbox"]:checked + label::before {background-image:none; background-color:var(--color-white);}
.chk-area.chk-back > li label {padding:0 50px 0 0;}
.chk-area.chk-back > li input[type="checkbox"] + label::before {left:unset; right:20px;}
.chk-area.chk-back > li input[type="checkbox"] + label::after {left:unset; right:24px;}
.chk-area.chk-box-white > li {padding:13px 15px; margin-top:10px; border-radius:10px; background-color:var(--color-white);}
.chk-area.chk-box-white.chk-back > li input[type="checkbox"] + label::before,
.chk-area.chk-box-white.chk-back > li input[type="checkbox"] + label::after {top:50%; left:unset; right:20px; transform:translateY(-50%);}
.chk-area .price {display:flex; flex-direction:row; justify-content:flex-end; align-items:center;}
.chk-area .price .after {display:flex; flex-direction:row; align-items:baseline;}
.chk-area .price .after strong {color:var(--color-primary); font-size:1.6rem;}
.chk-area .price .after span {margin-left:1px; font-size:1.4rem;}
.chk-area .price .persent {padding:0 5px; margin-right:5px; border:1px solid var(--color-primary); border-radius:10px; background-color:var(--color-white); color:var(--color-primary); font-size:1.2rem; line-height:1.3;}
.chk-area .price .persent strong {font-weight:400;}
.chk-area .price .persent span {}
.chk-area .price .before {position:relative; margin-right:5px; color:#797979; font-size:1.2rem;}
.chk-area .price .before::after {content:""; position:absolute; top:50%; left:-1px; width:calc(100% + 2px); height:1px; background-color:#797979; transform:translateY(-50%);}
.chk-area .price .before strong {font-weight:400;}
.chk-area.chk-box-white .price {justify-content:flex-start; align-items:baseline; width:100%; margin-top:25px; line-height:1.3;}
.chk-area.chk-box-white .price .discount {position:relative; color:#e9e9e9; font-size:1.4rem; font-weight:500;}
.chk-area.chk-box-white .price .discount::before {content:""; position:absolute; top:50%; left:0; width:100%; height:1px; background-color:#e9e9e9; transform:translateY(-50%);}
.chk-area.chk-box-white .price .regular {margin-left:10px; font-size:1.6rem; font-weight:700;}
.chk-area.chk-box-white .happyhour {padding-left:40px; margin-top:10px; background:url("/theme/v1/resources/images/common/ico_calendar_navy.png") top 1px left / 25px auto no-repeat; color:var(--font-color-primary);}
.chk-area.chk-box-white .happyhour .date {font-size:1.6rem;}
.chk-area.chk-box-white .happyhour .time {font-size:1.4rem;}
.rdi-area.rdi-btn {overflow:hidden; flex-direction:row; flex-wrap:wrap; justify-content:flex-start; width:100%; margin-top:-10px;}
.rdi-area.rdi-btn > li {min-width:unset; padding:unset; margin-top:10px;}
.rdi-area.rdi-btn > li:first-child {padding:unset;}
.rdi-area.rdi-btn > li:last-child {padding:unset;}
.rdi-area.rdi-btn > li:not(:last-child) {border-bottom:0; margin-right:10px;}
.rdi-area.rdi-btn > li input[type="radio"] + label {min-width:120px; padding:8px 20px; font-size:1.6rem; text-align:center;}
.rdi-area.rdi-btn > li input[type="radio"] + label::after {display:none;}
.rdi-area.rdi-btn > li input[type="radio"] + label::before {width:100%; height:100%; border-radius:0; border:1px solid var(--border-color-gray03); background-color:transparent;}
.rdi-area.rdi-btn > li input[type="radio"]:checked + label {color:var(--font-color-secondary);}
.rdi-area.rdi-btn > li input[type="radio"]:checked + label::before {border-color:var(--border-color-secondary);}
.file-area {position:relative; display:flex; align-items:flex-end;}
.file-area .upload-name {position:relative; display:block; width:100%; max-height:44px; padding:12px 30px 12px 0; background-color:transparent; border-bottom:1px solid var(--border-color-white); font-size:1.6rem; transition:all 0.25s ease;}
.file-area .btn-clear {position:absolute; top:50%; right:145px; visibility:hidden; width:30px; height:30px; background:url("/theme/v1/resources/images/common/ico_input_delate_white.png") center / auto 15px no-repeat; transform:translateY(-50%);}
.file-area label {position:relative; display:inline-block; padding:12px 48px 12px 25px; margin-left:20px; border:1px solid var(--border-color-white); border-radius:23px; background-color:transparent; cursor:pointer;}
.file-area label::before {content:""; position:absolute; top:50%; right:22px; width:14px; height:14px; background:url("/theme/v1/resources/images/common/ico_upload_white.png") center / auto 100% no-repeat; cursor:pointer; transform:translateY(-50%);}
.file-area input[type="file"] {position:absolute; width:0; height:0; padding:0; overflow:hidden; border:0;}
.form-area.form-reserve {display:flex; flex-direction:row; justify-content:flex-start; align-items:flex-start; width:100%; height:auto;}
.form-area.form-reserve > .left-area {width:35%; height:100%; padding-right:95px;}
.form-area.form-reserve > .right-area {width:calc(65% - 40px); height:100%; margin-left:40px;}
.form-area.form-reserve .form-tit {position:relative; width:100%;}
.form-area.form-reserve .form-tit .num {position:absolute; top:-20px; left:-20px; z-index:1; font-family:"Tenor Sans"; color:var(--font-color-pink); font-size:4.2rem; line-height:42px;}
.form-area.form-reserve .form-tit .tit {position:relative; z-index:2; font-size:2rem; font-weight:700;}
.form-area.form-reserve .form-tit.form-req .tit::after {content:"*"; margin-left:2px; color:var(--color-secondary);}
.form-area.form-reserve .form-cont {width:100%;}
.form-area.form-reserve .form-cont > input {width:100%;}
.form-area.form-reserve .form-tit + .form-cont {margin-top:25px;}
.form-area.form-reserve .form-cont + .form-tit {margin-top:75px;}
.form-calendar {width:100%; padding:50px 40px; border:1px solid var(--border-color-gray03);}
.calendar-area {display:flex; flex-direction:row; justify-content:flex-start; align-items:flex-start; width:100%; height:100%;}
.calendar-area > .left-area {width:50%; max-width:350px; margin:0 auto;}
.calendar-area > .right-area {width:50%; margin:0 auto;}
.calendar-month {display:flex; flex-direction:row; justify-content:center; align-items:center; width:100%; margin-bottom:10px;}
.calendar-month .btn-area {width:30px; height:30px; line-height:0;}
.calendar-month .btn-area > a {position:relative; display:inline-block; width:100%; height:100%;}
.calendar-month .btn-area > a::before {content:""; position:absolute; top:50%; left:50%; width:8px; height:8px; border-top:1px solid var(--border-color-black); border-right:1px solid var(--border-color-black);}
.calendar-month .btn-area > a.btn-calendar-prev::before {transform:translate(-25%,-50%) rotate(-135deg);}
.calendar-month .btn-area > a.btn-calendar-next::before {transform:translate(-75%,-50%) rotate(45deg);}
.calendar-month .btn-area > a.disabled {cursor:default;}
.calendar-month .btn-area > a.disabled::before {opacity:22%;}
.calendar-month .txt {display:flex; flex-direction:row; justify-content:center; align-items:center; margin:0 15px; font-size:2rem; font-weight:500;}
.calendar-month .txt p {display:inline-block;}
.calendar-weeks {display:flex; flex-wrap:wrap; justify-content:center; align-items:flex-start; width:100%; margin:0 auto; border-radius:10px 10px 0 0; text-align:center;}
.calendar-weeks > p {width:40px; height:40px; font-size:1.6rem; font-weight:500; line-height:40px;}
.calendar-weeks > p:not(:last-child) {margin-right:5px;}
.calendar-weeks > p.sun {color:var(--font-color-secondary);}
.calendar-days {display:flex; flex-wrap:wrap; flex-direction:row; justify-content:center; align-items:flex-start; width:100%; margin:0 auto; font-size:1.6rem; text-align:center;}
.calendar-days > p {position:relative; z-index:2; width:40px; height:40px; margin-top:5px; margin-right:5px; line-height:40px; color:var(--font-color-black); cursor:pointer; transition:all 0.3s ease;}
.calendar-days > p:nth-child(7n) {margin-right:0;}
.calendar-days > p::before {content:""; position:absolute; top:50%; left:50%; z-index:-1; width:34px; height:34px; border-radius:50%; background-color:transparent; transform:translate(-50%,-50%); transition:all 0.3s ease;}
.calendar-days > p.disabled {cursor:default; opacity:22%;}
.calendar-days > p.on {color:var(--font-color-white);}
.calendar-days > p.on::before {content:""; position:absolute; top:50%; left:50%; z-index:-1; width:34px; height:34px; border-radius:50%; background-color:var(--color-secondary); transform:translate(-50%,-50%); transition:all 0.3s ease;}
.time-area {display:flex; flex-wrap:wrap; flex-direction:row; align-content:flex-start; justify-content:flex-start; align-items:center; flex-grow:1; gap:8px; width:100%; padding-left:35px; margin-top:40px; border-left:1px solid var(--border-color-gray03);}
.time-area > p {width:calc((100% /7) - 8px); min-width:70px; padding:2px; color:var(--color-dark); border-radius:15px; border:1px solid var(--color-gray03); text-align:center; transition:all 0.3s ease; cursor:pointer;}
.time-area > p.disabled {color:var(--color-gray03); cursor:default;}
.time-area > p.on {border-color:var(--border-color-secondary); color:var(--font-color-secondary);}
.time-area > p.full {border-color:var(--font-color-quaternary); color:var(--font-color-dark); background-color:var(--color-quaternary); cursor:default;}

/* [S] 2026-01-27_추가2 : 수정 */
.chk-product {display:flex; flex-wrap:wrap; flex-direction:row; justify-content:flex-start; align-items:stretch; width:100%; height:100%;}
.chk-product > li {justify-content:flex-start; width:calc((100% - 45px) /4); height:auto; padding:35px 10px 35px 30px; border:1px solid var(--border-color-gray03);}
.chk-product > li:not(:last-child) {margin-right:15px;}
.chk-product .chk-tit {margin-bottom:10px;}
.chk-product + textarea {margin-top:15px; min-height:100px; height:100px;}
/* // [E] 2026-01-27_추가2 : 수정 */

@media screen and (max-width:1279px){
	input[type="text"],
	input[type="tel"],
	input[type="date"],
	input[type="password"],
	select {max-height:42px; padding:12px; font-size:1.4rem;}
	textarea {height:200px; padding:18px 20px; font-size:1.4rem;}
	.form-area > div > label {width:25%; font-size:1.4rem;}
	.form-area > div > input {width:75%; font-size:1.4rem;}
	.form-area.form-reserve {flex-direction:column;}
	.form-area.form-reserve > .left-area {width:100%; height:unset; padding-right:unset;}
	.form-area.form-reserve > .right-area {width:100%; height:unset; margin-left:unset; margin-top:75px;}
	.form-area.form-reserve .form-tit {width:calc(100% - 30px); margin:0 15px;}
	.form-area.form-reserve .form-tit .num {top:-15px; left:-15px; font-size:3.2rem; line-height:32px;}
	.form-area.form-reserve .form-tit .tit {font-size:1.8rem;}
	.select-area .select-tit > a {min-height:42px; padding:6px 12px; font-size:1.4rem;}
	.select-area .select-list > li > a {padding:7px 12px;}
	.form-calendar {padding:25px 0;}
	.calendar-area {flex-direction:column;}
	.calendar-area > .left-area {width:100%; max-width:310px;}
	.calendar-area > .right-area {width:100%; max-width:304px;}
	.time-area {padding-left:unset; padding-top:30px; margin-top:20px; border-left:unset; border-top:1px solid var(--border-color-gray03);}
	.chk-area > li label,
	.rdi-area > li label {font-size:1.4rem;}
	.chk-area > li label .sub {font-size:1.2rem;}
	.chk-area.bg-white {min-height:50px; padding:9px 20px;}
	.chk-area.bg-white > li:first-child,
	.chk-area.bg-white > li:last-child {padding:9px 0;}
	.chk-area.chk-radius {border-radius:15px;}
	.chk-area.chk-btn {margin-top:-15px;}
	.chk-area.chk-btn > li {margin-top:15px;}
	.chk-area.chk-btn > li label {padding:10px 20px;}
	.chk-area.chk-box-white > li {padding:8px 8px; margin-top:5px; border-radius:5px;}
	.chk-area.chk-back > li label {padding-right:20px;}
	.chk-area.chk-back.chk-box-white > li input[type="checkbox"] + label::before,
	.chk-area.chk-back.chk-box-white > li input[type="checkbox"] + label::after {right:5px;}
	.chk-area.chk-box-white .price {margin-top:10px; line-height:1.3;}
	.chk-area.chk-box-white .price .discount {font-size:1rem;}
	.chk-area.chk-box-white .price .regular {font-size:1.2rem;}
	.chk-area.chk-box-white .happyhour {padding-left:20px; margin-top:0px; background-size:13px auto; line-height:1.3;}
	.chk-area.chk-box-white .happyhour .date {font-size:1rem;}
	.chk-area.chk-box-white .happyhour .time {font-size:1rem;}
	.rdi-area.rdi-btn > li {width:calc((100% - 10px) /2);}
	.rdi-area.rdi-btn > li input[type="radio"] + label {font-size:1.4rem;}
	.file-area .upload-name {max-height:34px; padding:8px 20px 8px 0; font-size:1.3rem;}
	.file-area .btn-clear {right:130px; width:20px; height:20px; background-image:url("/theme/v1/resources/images/common/ico_input_delate_white_mo.png"); background-size:auto 12px;}
	.file-area label {padding:8px 40px 8px 20px; font-size:1.4rem;}
		
	/* [S] 2026-01-27_추가2 : 수정 */
	.file-area label::before {right:20px; width:12px; height:12px;}
	.chk-product {font-size:1.4rem;}
	.chk-product > li {width:calc((100% - 15px) /2); padding:35px 10px 35px 30px;}
	.chk-product > li:not(:last-child) {margin-right:unset;}
	.chk-product > li:nth-child(2n) {margin-left:15px;}
	.chk-product > li:nth-child(n+3) {margin-top:15px;}
	/* // [E] 2026-01-27_추가2 : 수정 */
}

/* button */
div.btn-area {display:block; width:100%; line-height:0;}
div.btn-area > .btn {width:100%;}
div.btn-area > .btn + .btn {margin-top:10px;}
ul.btn-area.btn-list {display:flex; flex-wrap:wrap; flex-direction:row; justify-content:flex-start;}
ul.btn-area.btn-list > li {width:unset;}
ul.btn-area.btn-list > li:not(:last-child) {margin-right:20px;}
ul.btn-area.btn-list.btn-center {justify-content:center;}
ul.btn-area.btn-list.btn-right {justify-content:flex-end;}
ul.btn-area.btn-col {display:flex; flex-wrap:wrap; flex-direction:row; justify-content:flex-start; width:100%;}
ul.btn-area.btn-col > li {width:calc((100% - 10px) /2);}
ul.btn-area.btn-col > li:not(:nth-child(2n)) {margin-right:10px;}
ul.btn-area.btn-col > li:nth-child(n+3) {margin-top:10px;}
.btn {display:flex; flex-direction:row; justify-content:center; align-items:center; line-height:1.5; text-align:center; transition:all 0.2s ease;}
.btn-sm {padding:0 10px; font-size:1.4rem;}
.btn-md {padding:9px 15px; font-size:1.6rem;}
.btn-lg {min-width:200px; padding:10px 30px; font-size:1.8rem; font-weight:500;}
.btn-xl {padding:9px 50px; font-size:2rem;}
.btn-primary {background-color:var(--color-primary); border:1px solid var(--border-color-primary); color:var(--font-color-white);}
.btn-secondary {background-color:var(--color-secondary); border:1px solid var(--border-color-secondary); color:var(--font-color-white);}
.btn-tertiary {background-color:var(--color-tertiary); border:1px solid var(--border-color-tertiary); color:var(--font-color-white);}
.btn-success {background-color:var(--color-success); border:1px solid var(--border-color-success); color:var(--font-color-white);}
.btn-danger {background-color:var(--color-danger); border:1px solid var(--border-color-danger); color:var(--font-color-white);}
.btn-warning {background-color:var(--color-warning); border:1px solid var(--border-color-warning); color:var(--font-color-dark);}
.btn-info {background-color:var(--color-info); border:1px solid var(--border-color-info); color:var(--font-color-dark);}
.btn-dark {background-color:var(--color-dark); border:1px solid var(--border-color-dark); color:var(--font-color-white);}
.btn-light {background-color:var(--color-light); border:1px solid var(--border-color-light); color:var(--font-color-dark);}
.btn-white {background-color:var(--color-white); border:1px solid var(--border-color-white); color:var(--font-color-secondary);}
.btn-outline-primary {background-color:var(--color-white); border:1px solid var(--border-color-primary); color:var(--font-color-primary);}
.btn-outline-secondary {background-color:var(--color-white); border:1px solid var(--border-color-secondary); color:var(--font-color-secondary);}
.btn-outline-tertiary {background-color:var(--color-white); border:1px solid var(--border-color-tertiary); color:var(--font-color-tertiary);}
.btn-outline-success {background-color:var(--color-white); border:1px solid var(--border-color-success); color:var(--font-color-success);}
.btn-outline-danger {background-color:var(--color-white); border:1px solid var(--border-color-danger); color:var(--font-color-danger);}
.btn-outline-warning {background-color:var(--color-white); border:1px solid var(--border-color-warning); color:var(--font-color-warning);}
.btn-outline-info {background-color:var(--color-white); border:1px solid var(--border-color-info); color:var(--font-color-info);}
.btn-outline-dark {background-color:transparent; border:1px solid var(--border-color-dark); color:var(--font-color-dark);}
.btn-outline-gray03 {background-color:transparent; border:1px solid var(--border-color-gray03); color:var(--font-color-dark);}
.btn-outline-light {background-color:transparent; border:1px solid var(--border-color-light); color:var(--font-color-gray03);}
.btn-outline-white {background-color:transparent; border:1px solid var(--border-color-white); color:var(--font-color-white);}
.btn-outline-white:hover {border-color:var(--border-color-white); background-color:var(--color-white); color:var(--font-color-primary);}
.btn-radius {border-radius:5px;}
.btn-radius.btn-md {min-width:100px;}
.btn-round.btn-xs {border-radius:16px;}
.btn-round.btn-sm {border-radius:20px;}
.btn-round.btn-lg {border-radius:25px;}
.btn-round.btn-xl {border-radius:30px;}
.btn-arr {position:relative; padding-right:40px;}
.btn-arr::before {content:""; width:8px; height:1px; background-color:#333; transform:rotate(45deg); position:absolute; top:16px; right:20px; transition:all 0.3s ease;}
.btn-arr::after {content:""; width:8px; height:1px; background-color:#333; transform:rotate(135deg); position:absolute; top:21px; right:20px; transition:all 0.3s ease;}
.btn-arr.btn-sm {padding-right:20px;}
.btn-arr.btn-sm::before {width:6px; height:1px; top:8px; right:10px;}
.btn-arr.btn-sm::after {width:6px; height:1px; top:12px; right:10px;}
.btn-arr.btn-primary::before,
.btn-arr.btn-primary::after {background-color:var(--color-white);}
.btn-arr.btn-secondary::before,
.btn-arr.btn-secondary::after {background-color:var(--color-white);}
.btn-arr.btn-tertiary::before,
.btn-arr.btn-tertiary::after {background-color:var(--color-white);}
.btn-arr.btn-success::before,
.btn-arr.btn-success::after {background-color:var(--color-white);}
.btn-arr.btn-danger::before,
.btn-arr.btn-danger::after {background-color:var(--color-white);}
.btn-arr.btn-warning::before,
.btn-arr.btn-warning::after {background-color:var(--color-dark);}
.btn-arr.btn-info::before,
.btn-arr.btn-info::after {background-color:var(--color-dark);}
.btn-arr.btn-dark::before,
.btn-arr.btn-dark::after {background-color:var(--color-white);}
.btn-arr.btn-light::before,
.btn-arr.btn-light::after {background-color:var(--color-dark);}
.btn-arr.btn-outline-primary::before,
.btn-arr.btn-outline-primary::after {color:var(--font-color-primary);}
.btn-arr.btn-outline-secondary::before,
.btn-arr.btn-outline-secondary::after {color:var(--font-color-secondary);}
.btn-arr.btn-outline-tertiary::before,
.btn-arr.btn-outline-tertiary::after {color:var(--font-color-tertiary);}
.btn-arr.btn-outline-success::before,
.btn-arr.btn-outline-success::after {color:var(--font-color-success);}
.btn-arr.btn-outline-danger::before,
.btn-arr.btn-outline-danger::after {color:var(--font-color-danger);}
.btn-arr.btn-outline-warning::before,
.btn-arr.btn-outline-warning::after {color:var(--font-color-warning);}
.btn-arr.btn-outline-info::before,
.btn-arr.btn-outline-info::after {color:var(--font-color-info);}
.btn-arr.btn-outline-dark::before,
.btn-arr.btn-outline-dark::after {color:var(--font-color-dark);}
.btn-arr.btn-outline-light::before,
.btn-arr.btn-outline-light::after {color:var(--font-color-light);}
.btn-footer .btn {min-height:68px; padding:9px 58px; font-size:3rem; border-width:2px;}
.btn-footer .btn-outline-secondary {color:var(--font-color-dark);}
.btn-footer .btn-round {border-radius:35px;}
.btn-opacity.btn-white {background-color:rgba(255,255,255,0.2); border:unset; color:var(--font-color-white);}
.btn-opacity.btn-arr::before {background-color:var(--color-white);}
.btn-opacity.btn-arr::after {background-color:var(--color-white);}
.btn.btn-naver {min-width:150px; padding:8px 28px; background-color:#03cd5c; color:var(--color-white); font-weight:600;}
.btn.btn-kakao {min-width:150px; padding:8px 28px; background-color:#fae100; font-weight:600;}
.btn.btn-underline {padding:10px 20px; border-bottom:1px solid var(--border-color-dark);}
.btn-form {min-width:280px; padding:10px 20px; font-size:1.8rem; font-weight:500;}
.btn-form:disabled {border-color:var(--font-color-gray03); background-color:var(--color-gray03); color:var(--font-color-gray02);}
@media screen and (max-width:1279px){
	.btn-sm {padding:0 10px; font-size:1.3rem;}
	.btn-md {padding:10px 10px; font-size:1.4rem;}
	.btn-lg {min-width:auto; padding:5px 30px; font-size:1.4rem;}
	.btn-xl {min-width:140px; min-height:32px; padding:4px 15px; font-size:1.6rem;}
	.btn-lg.txt-22 {font-size:1.1rem!important;}
	.btn-radius {border-radius:5px;}
	.btn-radius.btn-md {min-width:90px;}
	.btn-arr {padding-right:30px;}
	.btn-arr::before {width:7px; top:11px; right:15px;}
	.btn-arr::after {width:7px; top:16px; right:15px;}
	.btn-arr.btn-sm {padding-right:22px;}
	.btn-arr.btn-sm::before {width:5px; top:8px;}
	.btn-arr.btn-sm::after {width:5px; top:11px;}
	.btn.btn-naver {width:100%; min-width:unset; padding:8px; font-size:1.3rem;}
	.btn.btn-kakao {width:100%; min-width:unset; padding:8px; font-size:1.3rem;}
	.btn.btn-underline {padding:10px; font-size:1.4rem;}
}

/* table */
.table-area {border-top:1px solid var(--border-color-dark); border-left:1px solid var(--border-color-gray03); border-right:1px solid var(--border-color-gray03); table-layout:fixed;}
.table-area table {width:100%; text-align:center; word-break:keep-all;}
.table-area th {padding:25px 30px; background-color:var(--color-tertiary); color:var(--font-color-dark); font-size:2rem; font-weight:600; text-align:center;}
.table-area td {padding:25px 30px; font-size:1.8rem; word-break:break-all;}
.table-area th.left, 
.table-area td.left {padding-left:30px; padding-right:0; text-align:left;}
.table-area th.center, 
.table-area td.center {padding-left:0; padding-right:0; text-align:center;}
.table-area td.right {padding-left:0; padding-right:30px; text-align:right;}
.table-row th,
.table-row td {border-bottom:solid 1px var(--border-color-gray03); border-right:solid 1px var(--border-color-gray03);}
.table-row td:last-child {border-right:0;}
.table-row tr.bor-right th, 
.table-row tr.bor-right td {border-right:solid 1px var(--border-color-gray04)!important;}
.table-col th, 
.table-col td {border-right:solid 1px var(--border-color-gray03); border-bottom:solid 1px var(--border-color-gray03);}
.table-col tr th:last-child, 
.table-col tr td:last-child {border-right:0!important;}
.table-col tr.bor-right th, 
.table-col tr.bor-right td {border-right:solid 1px var(--border-color-gray03)!important;}
/* @media screen and (max-width:1023px){
	.table-area th {padding:25px 20px;}
	.table-area td {padding:25px 20px;}
	.table-area th.left, 
	.table-area td.left {padding-left:20px;}
	.table-area td.right {padding-right:20px;}
} */
@media screen and (max-width:1279px){
	.table-area th {padding:12px 15px; font-size:1.4rem;}
	.table-area td {padding:12px 15px; font-size:1.4rem;}
	.table-area th.left, 
	.table-area td.left {padding-left:15px;}
	.table-area td.right {padding-right:15px;}
}

/* list bullet */
.bull-area > li:not(:last-child),
.bull-area > dd:not(:last-child) {margin-bottom:5px;}
.bull-dot > li,
.bull-dot > dd {position:relative; padding-left:13px;}
.bull-dot > li::before,
.bull-dot > dd::before {content:"·"; position:absolute; left:0; font-size:2.2rem; line-height:0.8;}
.bull-hypn > li,
.bull-hypn > dd {position:relative; padding-left:15px;}
.bull-hypn > li::before,
.bull-hypn > dd::before {content:"-"; position:absolute; left:0;}
.bull-refer > li,
.bull-refer > dd {position:relative; padding-left:20px;}
.bull-refer > li::before,
.bull-refer > dd::before {content:"※"; position:absolute; left:0;}
.bull-star > li,
.bull-star > dd {position:relative; padding-left:15px;}
.bull-star > li::before,
.bull-star > dd::before { content:"*"; position:absolute; left:0; top:65%; transform:translate(0, -50%);}
.bull-sqr > li,
.bull-sqr > dd {position:relative; padding-left:20px;}
.bull-sqr > li::before,
.bull-sqr > dd::before {content:"□"; position:absolute; left:0; top:50%; transform:translate(0, -50%); font-size:0.8rem;}
.bull-tri > li,
.bull-tri > dd {position:relative; padding-left:20px;}
.bull-tri > li::before,
.bull-tri > dd::before {content:"▶"; position:absolute; left:0; top:50%; transform:translate(0, -50%); font-size:0.8rem;}
.bull-lg > li,
.bull-lg > dd {font-size:1.8rem;}
.bull-lg.bull-dot > li,
.bull-lg.bull-dot > dd {padding-left:18px;}
.bull-lg.bull-dot > li:not(:last-child),
.bull-lg.bull-dot > dd:not(:last-child) {margin-bottom:12px;}
.bull-lg.bull-dot > li::before,
.bull-lg.bull-dot > dd::before {content:""; top:10px; left:0; width:5px; height:5px; border-radius:50%; background-color:var(--color-primary);}
.bull-primary.bull-dot > li::before,
.bull-primary.bull-dot > dd::before {background-color:var(--color-primary);}
.bull-gray.bull-dot > li::before,
.bull-gray.bull-dot > dd::before {color:var(--color-gray02);}
@media screen and (max-width:1279px){
	.bull-area > li:not(:last-child),
	.bull-area > dd:not(:last-child) {margin-bottom:2px;}
	.bull-dot > li,
	.bull-dot > dd {padding-left:10px; font-size:1.4rem;}
	.bull-hypn > li,
	.bull-hypn > dd {padding-left:12px; font-size:1.4rem;}
	.bull-refer > li,
	.bull-refer > dd {padding-left:15px; font-size:1.4rem;}
	.bull-star > li,
	.bull-star > dd {padding-left:10px; font-size:1.4rem;}
	.bull-sqr > li,
	.bull-sqr > dd {padding-left:15px; font-size:1.4rem;}
	.bull-tri > li,
	.bull-tri > dd {padding-left:15px; font-size:1.4rem;}
	.bull-lg > li,
	.bull-lg > dd {font-size:1.6rem;}
	.bull-lg.bull-dot > li,
	.bull-lg.bull-dot > dd {padding-left:12px;}
	.bull-lg.bull-dot > li:not(:last-child),
	.bull-lg.bull-dot > dd:not(:last-child) {margin-bottom:10px;}
	.bull-lg.bull-dot > li::before,
	.bull-lg.bull-dot > dd::before {top:7px; width:3px; height:3px;}
}

/* text decoration */
.deco-bar-top {position:relative; display:inline-block; padding-top:40px;}
.deco-bar-top::before {content:""; position:absolute; top:0; left:50%; display:inline-block; width:30px; height:3px; background-color:var(--color-primary); transform:translateX(-50%);}
.deco-bar-left {position:relative; display:inline-block; padding-left:15px;}
.deco-bar-left::before {content:""; position:absolute; top:50%; left:0; display:inline-block; width:5px; height:90%; background-color:var(--color-primary); transform:translateY(-50%);}
.deco-bar-right {position:relative; display:inline-block; padding-right:15px; text-align:right;}
.deco-bar-right::before {content:""; position:absolute; top:50%; right:0; display:inline-block; width:5px; height:90%; background-color:var(--color-primary); transform:translateY(-50%);}
.deco-dot-left {position:relative; display:inline-block; padding:2px 0 0 10px;}
.deco-dot-left::before {content:""; position:absolute; top:0; left:0; display:inline-block; width:6px; height:6px; border-radius:50%; background-color:var(--color-secondary);}
.deco-dot-right {position:relative; display:inline-block; padding:2px 10px 0 0; text-align:right;}
.deco-dot-right::before {content:""; position:absolute; top:0; right:0; display:inline-block; width:6px; height:6px; border-radius:50%; background-color:var(--color-secondary);}
.deco-dot-bottom {position:relative; display:inline-block; padding-right:10px;}
.deco-dot-bottom::before {content:""; position:absolute; bottom:5px; right:0; width:5px; height:5px; border-radius:50%; background-color:var(--color-primary);}
.deco-btw-hypn {display:flex; flex-direction:row; justify-content:center; width:100%;}
.deco-btw-hypn > p {font-family:"Belgiano Serif",serif; font-size:2.4rem; font-weight:200;}
.deco-btw-hypn > p.left {width:max-content; background:linear-gradient(to right,var(--font-color-primary),var(--font-color-secondary)); -webkit-background-clip:text; -webkit-text-fill-color:transparent; white-space:nowrap;}
.deco-btw-hypn > p.right {width:max-content; background:linear-gradient(to left,var(--font-color-primary),var(--font-color-secondary)); -webkit-background-clip:text; -webkit-text-fill-color:transparent; white-space:nowrap;}
.deco-btw-hypn > p.hypn {position:relative; width:100%; max-width:185px; margin:0 20px;}
.deco-btw-hypn > p.hypn::before {content:""; position:absolute; top:50%; left:0; width:100%; height:1px; background-color:rgba(255,255,255,0.2); transform:translateY(-50%);}
.deco-btw-hypn > p > strong {font-weight:700;}
.deco-prnth {position:relative; padding:0 22px 0 24px;}
.deco-prnth::before,
.deco-prnth::after {position:absolute; top:50%; width:15px; font-family:"Noto Serif KR",serif; font-weight:700; font-style:italic; background:linear-gradient(to bottom,rgba(128,128,128,1),rgba(128,128,128,0)); -webkit-background-clip:text; -webkit-text-fill-color:transparent;}
.deco-prnth::before {content:"("; left:0; transform:translateY(-50%);}
.deco-prnth::after {content:")"; right:0; transform:translateY(-50%);}
.deco-ldquo {position:relative; z-index:1;}
.deco-ldquo::before {content:""; position:absolute; top:-10px; left:-20px; z-index:-1; width:25px; height:20px; background:url("/theme/v1/resources/images/common/ico_ldquo.svg") center / cover no-repeat;}
p.deco-bg,
div.deco-bg {position:relative; z-index:1; display:inline-block;}
p.deco-bg::before,
div.deco-bg::before {content:""; position:absolute; top:4px; left:-5px; z-index:-1; display:inline-block; width:100%; height:calc(100% - 6px); padding:0 5px; background-color:rgba(255,126,86,0.3);}
span.deco-bg {padding:2px 4px; background-color:rgba(255,126,86,0.3);}
@media screen and (max-width:1279px){
	.deco-prnth {position:relative; padding:0 20px 0 15px;}
	.deco-btw-hypn > p {font-size:1.7rem;}
	.deco-btw-hypn > p.hypn {max-width:78px; margin:0 10px;}
}

/* icon */
i.ico-arr {position:relative; display:inline-block; width:10px; height:10px; transition:all 0.3s ease;}
i.ico-arr::before {content:""; position:absolute; top:50%; left:50%; width:9px; height:9px; border-top:1px solid var(--border-color-white); border-right:1px solid var(--border-color-white); transform:translate(-50%,-50%) rotate(45deg); transition:all 0.3s ease;}
i.ico-arr::after {content:""; position:absolute; top:50%; left:50%; width:12px; height:1px; background-color:var(--color-white); transform:translate(-50%,-50%); transition:all 0.3s ease;}
i.ico-arrow {display:inline-block; width:15px; height:10px; margin-left:15px; background:url("/theme/v1/resources/images/common/ico_more_arr_right.svg") left center / cover no-repeat;}
i.ico-dot {position:relative; display:inline-block; width:20px; height:20px;}
i.ico-dot::before {content:""; position:absolute; top:50%; left:50%; width:5px; height:5px; border-radius:50%; background-color:var(--color-primary); transform:translate(-50%,-50%);} 
.btn i.ico-arr {margin-left:15px;}
.btn-outline-white:hover i.ico-arr::before {border-color:var(--color-primary);}
.btn-outline-white:hover i.ico-arr::after {background-color:var(--color-primary);}
i.ico-naver {display:inline-block; width:16px; height:16px; margin-right:8px; background:url("/theme/v1/resources/images/common/ico_map_naver.png") center / 100% no-repeat;}
i.ico-kakao {display:inline-block; width:13px; height:17px; margin-right:8px; background:url("/theme/v1/resources/images/common/ico_map_kakao.png") center / 100% no-repeat;}
@media screen and (max-width:1279px){
	i.ico-file {width:10px; height:10px;}
	i.ico-arr.bottom {margin-left:10px;}
	i.ico-naver {width:12px; height:12px;}
	i.ico-kakao {width:11px; height:14px;}
}

/* img */
.img-area {background:center / cover no-repeat; line-height:0; text-align:center;}
.img-area > img {display:block; margin:0 auto;}

/* box */
.box-area {padding:15px 40px; font-size:1.6rem;}
.box-area.box-round {border-radius:25px;}
.box-area.box-border-primary {border:1px solid var(--border-color-primary);}
.box-area.box-border-secondary {border:1px solid var(--border-color-secondary);}
.box-area.box-border-black {border:1px solid var(--border-color-black);}
.box-area.box-border-gray01 {border:1px solid var(--border-color-gray01);}
.box-area.box-border-gray02 {border:1px solid var(--border-color-gray02);}
.box-area.box-border-gray03 {border:1px solid var(--border-color-gray03);}
.box-area.box-border-gray04 {border:1px solid var(--border-color-gray04);}
.box-area.box-border-gray05 {border:1px solid var(--border-color-gray05);}
.box-area.box-border-white {border:1px solid var(--border-color-white);}
.box-area.box-bg-primary {background-color:var(--color-primary);}
.box-area.box-bg-secondary {background-color:var(--color-secondary);}
.box-area.box-bg-black {background-color:var(--color-black);}
.box-area.box-bg-gray01 {background-color:var(--color-gray01);}
.box-area.box-bg-gray02 {background-color:var(--color-gray02);}
.box-area.box-bg-gray03 {background-color:var(--color-gray03);}
.box-area.box-bg-gray04 {background-color:var(--color-gray04);}
.box-area.box-bg-gray05 {background-color:var(--color-gray05);}
.box-area.box-bg-white {background-color:var(--color-white);}
@media screen and (max-width:1279px){
	.box-area {padding:18px; font-size:1.3rem;}
	.box-area.box-round {border-radius:12px;}
}

/* animation */
.ani-slide-top {opacity:0; transform:translateY(100px); transition:all 0.75s ease;}
.on.ani-slide-top {opacity:1; transform:translateY(0);}
.ani-fade-in {opacity:0; filter:blur(5px); transition:all 0.75s ease;}
.on.ani-fade-in {opacity:1; filter:blur(0);}

/* keyframe */
@keyframes rollingRightToLeftOriginal {
	0% {transform:translateX(0);}
	50% {transform:translateX(-100%);}
	50.01% {transform:translateX(100%);}
	100% {transform:translateX(0);}
}
@keyframes rollingRightToLeftClone {
	0% {transform:translateX(0);}
	100% {transform:translateX(-200%);}
}

@keyframes rollingLeftToRightOriginal {
	0% {transform:translateX(0);}
	50% {transform:translateX(100%);}
	50.01% {transform:translateX(-100%);}
	100% {transform:translateX(0);}
} 
@keyframes rollingLeftToRightClone {
	0% {transform:translateX(-200%);}
	100% {transform:translateX(0);}
}

@keyframes rotate360{
    100% {transform:rotate(360deg);}
}

@keyframes slideInBottom {
	0% {transform:translateY(100px); opacity:0;}
	100% {transform:translateY(0); opacity:1;}
}
@keyframes shakingTopBottom {
	0% {transform:translateY(0);}
	40%	{transform:translateY(10px);}
	100% {transform:translateY(0);}
}
@keyframes leftToRight {
	0% {width:0;}
	100% {width:100%;}
}