@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:#a58c78;
	--color-secondary:#d2c5bb;
	--color-tertiary:#5e4a3a;
	--color-quaternary:#fef9f5;
	--color-black:#212121;
	--color-gray01:#808080;
	--color-gray02:#999999;
	--color-gray03:#606060;
	--color-gray04:#f0f0f0;
	--color-gray05:#f5f5f5;
	--color-white:#ffffff;
	--font-color-primary:#a58c78;
	--font-color-secondary:#d2c5bb;
	--font-color-tertiary:#5e4a3a;
	--font-color-quaternary:#fef9f5;
	--font-color-black:#212121;
	--font-color-gray01:#808080;
	--font-color-gray02:#999999;
	--font-color-gray03:#606060;
	--font-color-gray04:#f0f0f0;
	--font-color-gray05:#f5f5f5;
	--font-color-white:#ffffff;
	--border-color-primary:#a58c78;
	--border-color-secondary:#d2c5bb;
	--border-color-tertiary:#5e4a3a;
	--border-color-quaternary:#fef9f5;
	--border-color-black:#212121;
	--border-color-gray01:#808080;
	--border-color-gray02:#999999;
	--border-color-gray03:#606060;
	--border-color-gray04:#f0f0f0;
	--border-color-gray05:#f5f5f5;
	--border-color-white:#ffffff;
}

.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;}

.tit {font-family:the-seasons,serif;}
.tit18 {font-family:the-seasons,serif; font-size:1.8rem!important;}
.tit20 {font-family:the-seasons,serif; font-size:2rem!important;}
.tit22 {font-family:the-seasons,serif; font-size:2.2rem!important;}
.tit24 {font-family:the-seasons,serif; font-size:2.4rem!important;}
.tit26 {font-family:the-seasons,serif; font-size:2.6rem!important;}
.tit28 {font-family:the-seasons,serif; font-size:2.8rem!important;}
.tit30 {font-family:the-seasons,serif; font-size:3rem!important;}
.tit32 {font-family:the-seasons,serif; font-size:3.2rem!important;}
.tit34 {font-family:the-seasons,serif; font-size:3.4rem!important;}
.tit36 {font-family:the-seasons,serif; font-size:3.6rem!important;}
.tit38 {font-family:the-seasons,serif; font-size:3.8rem!important;}
.tit40 {font-family:the-seasons,serif; font-size:4rem!important;}
.tit42 {font-family:the-seasons,serif; font-size:4.2rem!important;}
.tit44 {font-family:the-seasons,serif; font-size:4.4rem!important;}
.tit46 {font-family:the-seasons,serif; font-size:4.6rem!important;}
.tit48 {font-family:the-seasons,serif; font-size:4.8rem!important;}
.tit50 {font-family:the-seasons,serif; font-size:5rem!important;}
.tit52 {font-family:the-seasons,serif; font-size:5.2rem!important;}
.tit54 {font-family:the-seasons,serif; font-size:5.4rem!important;}
.tit56 {font-family:the-seasons,serif; font-size:5.6rem!important;}
.tit58 {font-family:the-seasons,serif; font-size:5.8rem!important;}
.tit60 {font-family:the-seasons,serif; font-size:6rem!important;}
.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;}

.font-pt {font-family:"Pretendard",sans-serif;}
.font-nm {font-family:"Nanum Myeongjo",serif;}
.font-ss {font-family:the-seasons,serif;}
.font-ntsf {font-family:"Noto Serif KR",serif;}

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

/* border */
.bor-top {border-top:1px solid var(--border-color-white);}
.bor-bottom {border-bottom:1px solid var(--border-color-white);}
.bor-left {border-left:1px solid var(--border-color-white);}
.bor-right {border-right:1px solid var(--border-color-white);}

/* background color */
.bg-primary {background-color:var(--color-primary);}
.bg-secondary {background-color:var(--color-secondary);}
.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-white {background-color:var(--color-white);}

/* text color */
.txt-primary {color:var(--color-primary);}
.txt-secondary {color:var(--color-secondary);}
.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-white {color:var(--font-color-white);}

/* 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"],
select {position:relative; display:block; max-height:55px; padding:17px 0; background-color:transparent; border-bottom:1px solid var(--border-color-white); font-size:1.6rem; transition:all 0.25s ease; -webkit-border-radius:0; -webkit-appearance:none;}
textarea {position:relative; display:block; width:100%; height:300px; padding:20px 25px; background-color:transparent; border:1px solid var(--border-color-white); font-size:1.6rem; resize:none; transition:all 0.25s ease; -webkit-border-radius:0; -webkit-appearance:none;}
input[type="checkbox"],
input[type="radio"] {display:none;}
input::placeholder {color:var(--font-color-gray02); opacity:50%;}
input[type="text"]:focus,
input[type="tel"]:focus, 
input[type="date"]:focus,
input[type="password"]:focus,
select:focus,
textarea:focus {border-color:var(--color-primary); transition:all 0.25s ease;}
.form-wrap {position:relative;}
.form-wrap label {display:inline-block; width:100%; padding:5px 0; font-weight:bold;}
.form-wrap > div {position:relative; width:100%; margin:10px 0;}
.form-wrap > div > button {position:absolute; top:50%; right:10px; transform:translate(0,-50%);}
.chk-wrap {display:flex; flex-direction:column;}
.chk-wrap > li,
.rdi-wrap > li {display:flex; flex-direction:column; justify-content:space-between; min-width:120px; padding:10px 0;}
.chk-wrap > li:first-child {padding:5px 0 10px;}
.chk-wrap > li:last-child {padding:10px 0 5px;}
.chk-wrap > li:not(:last-child) {border-bottom:1px solid #ddd;}
.chk-wrap > li label,
.rdi-wrap > li label {position:relative; display:inline-block; padding:0 10px 0 35px; font-size:1.6rem; letter-spacing:-1px;}
.rdi-wrap > li input[type="radio"] + label::before {content:""; position:absolute; top:50%; left:0; box-sizing:border-box; width:20px; height:20px; border:1px solid var(--border-color-white); border-radius:50%; background-color:transparent; transform:translate(0,-50%);}
.rdi-wrap > li input[type="radio"]:checked + label::before {}
.chk-wrap > li input[type="checkbox"] + label::before {content:""; position:absolute; top:50%; left:0; box-sizing:border-box; width:20px; height:20px; border:1px solid var(--border-color-white); background:center / 12px auto no-repeat transparent; transform:translate(0,-50%); transition:all 0.25s ease;}
.chk-wrap > li input[type="checkbox"]:checked + label::before {border-color:var(--color-primary); background-image:url("/theme/v1/resources/img/common/ico_checkbox_white.png"); background-color:var(--color-primary);}
.chk-wrap > li label > a {display:inline-block; margin-left:5px;}
.chk-wrap.bg-white {min-height:60px; padding:10px 30px; background-color:rgba(255,255,255,0.1);}
.chk-wrap.bg-white > li:first-child,
.chk-wrap.bg-white > li:last-child {padding:10px 0;}
.chk-wrap.type-radius {border-radius:20px;}
.chk-wrap.type-btn {overflow:hidden; flex-direction:row; flex-wrap:wrap; justify-content:flex-start; margin-top:-20px;}
.chk-wrap.type-btn > li {min-width:unset; padding:unset; margin-top:20px;}
.chk-wrap.type-btn > li:first-child {padding:unset;}
.chk-wrap.type-btn > li:last-child {padding:unset;}
.chk-wrap.type-btn > li:not(:last-child) {border-bottom:0; margin-right:10px;}
.chk-wrap.type-btn > li label {z-index:2; padding:14px 25px; cursor:pointer; transition:all 0.25s ease;}
.chk-wrap.type-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-wrap.type-btn > li input[type="checkbox"]:checked + label {color:var(--font-color-black);}
.chk-wrap.type-btn > li input[type="checkbox"]:checked + label::before {background-image:none; background-color:var(--color-white);}
.chk-wrap .price {display:flex; flex-direction:row; justify-content:flex-end; align-items:center;}
.chk-wrap .price .after {display:flex; flex-direction:row; align-items:baseline;}
.chk-wrap .price .after strong {color:var(--color-primary); font-size:1.6rem;}
.chk-wrap .price .after span {margin-left:1px; font-size:1.4rem;}
.chk-wrap .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-wrap .price .persent strong {font-weight:400;}
.chk-wrap .price .persent span {}
.chk-wrap .price .before {position:relative; margin-right:5px; color:#797979; font-size:1.2rem;}
.chk-wrap .price .before::after {content:""; position:absolute; top:50%; left:-1px; width:calc(100% + 2px); height:1px; background-color:#797979; transform:translateY(-50%);}
.chk-wrap .price .before strong {font-weight:400;}
.file-wrap {position:relative; display:flex; align-items:flex-end;}
.file-wrap .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-wrap .btn-clear {position:absolute; top:50%; right:145px; visibility:hidden; width:30px; height:30px; background:url("/theme/v1/resources/img/common/ico_input_delate_white.png") center / auto 15px no-repeat; transform:translateY(-50%);}
.file-wrap 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-wrap label::before {content:""; position:absolute; top:50%; right:22px; width:14px; height:14px; background:url("/theme/v1/resources/img/common/ico_upload_white.png") center / auto 100% no-repeat; cursor:pointer; transform:translateY(-50%);}
.file-wrap input[type="file"] {position:absolute; width:0; height:0; padding:0; overflow:hidden; border:0;}
@media screen and (max-width: 767px) {
	input[type="text"],
	input[type="tel"],
	input[type="date"],
	input[type="password"],
	select {max-height:42px; padding:12px 0; font-size:1.4rem;}
	textarea {height:200px; padding:18px 20px; font-size:1.4rem;}
	.chk-wrap > li label,
	.rdi-wrap > li label {padding:0 10px 0 25px; font-size:1.4rem;}
	.chk-wrap > li input[type="checkbox"] + label::before {width:15px; height:15px; background-size:10px auto;}
	.chk-wrap > li input[type="checkbox"]:checked + label::before {background-image:url("/theme/v1/resources/img/common/ico_checkbox_white_mo.png");}
	.chk-wrap.bg-white {min-height:50px; padding:9px 20px;}
	.chk-wrap.bg-white > li:first-child,
	.chk-wrap.bg-white > li:last-child {padding:9px 0;}
	.chk-wrap.type-radius {border-radius:15px;}
	.chk-wrap.type-btn {margin-top:-15px;}
	.chk-wrap.type-btn > li {margin-top:15px;}
	.chk-wrap.type-btn > li label {padding:10px 20px;}
	.file-wrap .upload-name {max-height:34px; padding:8px 20px 8px 0; font-size:1.3rem;}
	.file-wrap .btn-clear {right:130px; width:20px; height:20px; background-image:url("/theme/v1/resources/img/common/ico_input_delate_white_mo.png"); background-size:auto 12px;}
	.file-wrap label {padding:8px 40px 8px 20px; font-size:1.4rem;}
	.file-wrap label::before {right:20px; width:12px; height:12px;}
}

/* button */
.btn-area {display:block; width:100%;}
.btn-area > li {display:block; width:100%; line-height:0;}
.btn-area.btn-list {display:flex; flex-wrap:wrap; flex-direction:row; justify-content:flex-start;}
.btn-area.btn-list > li {width:unset;}
.btn-area.btn-list > li:not(:last-child) {margin-right:10px;}
.btn-area.btn-list.center {justify-content:center;}
.btn-area.btn-list.right {justify-content:flex-end;}
button.btn,
a.btn {display:inline-block; width:100%; padding:15px 0; font-size:1.6rem; line-height:1.5; text-align:center; transition:all 0.15s ease;}
button.btn-sm,
a.btn-sm {display:inline-block; padding:5px 10px; font-size:1.4rem; text-align:center;}
button.btn-md,
a.btn-md {display:inline-block; min-height:25px; padding:0px 18px; font-size:1.6rem; font-weight:200; text-align:center;}
button.btn-lg,
a.btn-lg {display:inline-block; padding:5px 20px; font-size:1.8rem; text-align:center;}
button.btn-xl,
a.btn-xl {display:inline-block; min-height:40px; padding:4px 20px; font-size:2rem; font-weight:200; text-align:center;}
.btn-default {background-color:transparent; border:1px solid rgba(32,32,32,0.3); color:rgba(32,32,32,0.5);}
.btn-primary {background-color:var(--color-primary); border:1px solid var(--color-primary); color:var(--font-color-white);}
.btn-danger {background-color:var(--color-gray02); border:1px solid var(--border-color-gray02); color:var(--font-color-white);}
.btn-default:hover {background-color:var(--color-primary); border-color:var(--border-color-primary); color:var(--font-color-white);}
.btn-box.btn-default {background-color:transparent; color:var(--font-color-white); transition:all 0.25s ease;}
.btn-box.btn-default:hover {border-color:var(--color-primary); color:var(--color-primary);}
.btn-box.btn-default .ico-arr {text-align:left; transition:all 0.25s ease;}
.btn-box.btn-default:hover .ico-arr {background-image:url("/theme/v1/resources/images/common/ico_arrow_detail_red.png");}
.btn-box.btn-default:hover .ico-arr.bottom {background-image:url("/theme/v1/resources/images/common/ico_arrow_bottom_red.png");}
.btn-box.btn-primary {background-color:transparent; color:var(--color-primary); transition:all 0.25s ease;}
.btn-box.btn-danger {background-color:transparent; color:var(--font-color-gray02); transition:all 0.25s ease;}
.btn-border.btn-default {border-top:1px solid transparent; border-right:1px solid transparent; border-left:1px solid transparent; border-bottom:1px solid var(--border-color-white); background-color:transparent; color:var(--font-color-white);}
.btn-border.btn-primary {border-top:1px solid transparent; border-right:1px solid transparent; border-left:1px solid transparent; border-bottom:1px solid var(--color-primary); background-color:transparent; color:var(--color-primary);}
.btn-border.btn-danger {border-top:1px solid transparent; border-right:1px solid transparent; border-left:1px solid transparent; border-bottom:1px solid var(--border-color-gray02); background-color:transparent; color:var(--font-color-gray02);}
.btn-radius {border-radius:20px;}
.btn-arr {position:relative; padding-right:38px!important;}
.btn-arr::before {content:""; width:8px; height:1px; background-color:#333; transform:rotate(45deg); position:absolute; top:16px; right:20px;}
.btn-arr::after {content:""; width:8px; height:1px; background-color:#333; transform:rotate(135deg); position:absolute; top:21px; right:20px;}
.btn-arr.btn-primary::before,
.btn-arr.btn-primary::after {background-color:var(--color-white)!important;}
.btn-location {display:inline-block; min-height:50px; padding:9px 31px 9px 61px; border:1px solid; border-radius:5px; background:left 30px center / 22px auto no-repeat; font-size:2rem; font-weight:600; line-height:1.5;}
.btn-location.btn-naver {border-color:#2ac13c; background-image:url("/theme/v1/resources/images/common/ico_naver.png"); background-color:var(--color-white); color:#2ac13c;}
.btn-location.btn-kakao {border-color:#f4df2c; background-image:url("/theme/v1/resources/images/common/ico_kakao.png"); background-color:#f4df2c; color:#322000;}
@media screen and (max-width: 767px) {
	button.btn-md,
	a.btn-md {min-height:18px; padding:0px 15px; font-size:1rem;}
	button.btn-xl,
	a.btn-xl {min-height:30px; padding:4px 15px; font-size:1.7rem; line-height:1.2;}
	.btn-radius {border-radius:20px;}
	.btn-arr {padding-right:28px!important;}
	.btn-arr::before {content:""; width:7px; height:1px; background-color:#333; transform:rotate(45deg); position:absolute; top:11px; right:15px;}
	.btn-arr::after {content:""; width:7px; height:1px; background-color:#333; transform:rotate(135deg); position:absolute; top:16px; right:15px;}
	.btn-location {min-height:40px; padding:6px 25px 6px 52px; border:1px solid; border-radius:3px; background:left 25px center / 20px auto no-repeat; font-size:1.7rem;}
}

/* list */
.list-area {display:flex; flex-direction:column; width:100%; margin:10px 0;}
.list-area > li {display:flex; flex-direction:row; justify-content:space-between; align-items:center; width:100%;}
.list-area > li:not(:last-child) {margin-bottom:10px;}
.list-area.bor-top {padding-top:60px;}
.list-area.type-radius > li {border-radius:20px;}
.list-area.bg-white {background-color:transparent; color:var(--font-color-black);}
.list-area.bg-white > li {min-height:130px; padding:35px 45px; background-color:var(--color-white);}
.list-area.bg-white > li:not(:last-child) {margin-bottom:20px;}
@media screen and (max-width: 767px) {
	.list-area > li:not(:last-child) {margin-bottom:5px;}
	.list-area.bor-top {padding-top:50px;}
	.list-area.bg-white > li {min-height:100px; padding:25px 20px;}
}

/* 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-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-lg.bull-hypn > li,
.bull-lg.bull-hypn > dd {padding-left:35px;}
.bull-lg.bull-hypn > li:not(:last-child),
.bull-lg.bull-hypn > dd:not(:last-child) {margin-bottom:10px;}
.bull-lg.bull-hypn > li::before,
.bull-lg.bull-hypn > dd::before {color:var(--font-color-tertiary);}
.bull-gray.bull-dot > li::before,
.bull-gray.bull-dot > dd::before {color:var(--color-gray02);}
@media screen and (max-width: 767px) {
	.bull-lg > li,
	.bull-lg > dd {font-size:1.2rem;}
	.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;}
	.bull-lg.bull-hypn > li,
	.bull-lg.bull-hypn > dd {padding-left:16px;}
	.bull-lg.bull-hypn > li:not(:last-child),
	.bull-lg.bull-hypn > dd:not(:last-child) {margin-bottom:5px;}
}

/* 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:the-seasons,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%);}
p.deco-bg,
div.deco-bg {position:relative; z-index:1; display:inline-block; padding:3px 10px; color:var(--font-color-white);}
p.deco-bg::before,
div.deco-bg::before {content:""; position:absolute; top:0; left:0; z-index:-1; display:inline-block; width:100%; height:100%; border-radius:5px; background-color:var(--color-primary);}
span.deco-bg {padding:2px 4px; background-color:var(--color-primary); color:var(--font-color-white);}
@media screen and (max-width: 767px) {
	.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;}
	p.deco-bg,	
	div.deco-bg {padding:1px 5px;}
	p.deco-bg::before,
	div.deco-bg::before {border-radius:3px;}
}

/* icon */
i.ico-file {display:inline-block; margin-top:10px; width:14px; height:14px; background:url("/theme/v1/resources/images/common/ico_download_white.png") center / cover no-repeat;}
i.ico-arr {display:inline-block; margin-left:16px; width:20px; height:10px; background:url("/theme/v1/resources/images/common/ico_arrow_detail_white.png") center / cover no-repeat;}
i.ico-arr.bottom {margin-left:16px; width:10px; height:12px; background:url("/theme/v1/resources/images/common/ico_arrow_bottom_white.png") center / auto 100% 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%);} 
@media screen and (max-width: 767px) {
	i.ico-file {width:10px; height:10px;}
	i.ico-arr.bottom {margin-left:10px;}
}

.img-area {line-height:0;}

/* box */
.box-area {padding:35px 40px; font-size:1.6rem; line-height:1.75; letter-spacing:-1px;}
.box-area.type-radius {border-radius:20px;}
.box-area.bg-white {background-color:rgba(255,255,255,0.1);}
@media screen and (max-width: 767px) {
	.box-wrap {padding:35px 30px; font-size:1.4rem; line-height:1.6;}
}

/* animation */
.ani-slide-top {opacity:0; transform:translateY(100px); transition:all 0.5s ease;}
.on.ani-slide-top {opacity:1; transform:translateY(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 rotateImg{
    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 pcQuickMenuShaking {
	0% {transform:translateY(50%);}
	100% {transform:translateY(45%);}
}
@keyframes moQuickMenuShaking {
	0% {transform:translateY(0);}
	100% {transform:translateY(-10px);}
}

@keyframes txtFullLeftToRight {
	0% {width:0;}
	100% {width:100%;}
}