/*button style*/
.btn-custom,
a.btn-custom { display: flex; justify-content: center; align-items: center; width: 100%; height: 64px; border: none; border-radius: 10px; box-sizing: border-box; background: #f8778d; font-size: 20px; font-weight: 700; color: #fff; text-align: center; letter-spacing: -0.16px; transition: .2s all ease-out; }
.btn-custom:hover,
a.btn-custom:hover { background: #f992a3; }
.btn-custom:focus,
a.btn-custom:focus { background: #c65f70; }
.btn-custom:disabled,
.btn-custom.disabled { background: #e8e8e8; color: #a4a7aa; }

.btn-custom-v1,
a.btn-custom-v1 { border: 1px solid #f8778d; box-sizing: border-box; background: #fff; color: #f8778d; }
.btn-custom-v1:hover,
a.btn-custom-v1:hover { background: #fff4f6; }
.btn-custom-v1:focus,
a.btn-custom-v1:focus { border: 1px solid #c65f70; box-sizing: border-box; background: #ffccd4; color: #c65f70; }
.btn-custom-v1:disabled,
.btn-custom-v1.disabled { border: 1px solid #e4e5ed; box-sizing: border-box; background: #fff; color: #9a9ba8; }

.btn-custom-v2,
a.btn-custom-v2,
.btn-custom-v2:hover,
a.btn-custom-v2:hover,
.btn-custom-v2:focus,
a.btn-custom-v2:focus { background: #c2c6c9; }

.btn-custom-h1,
a.btn-custom-h1 { height: 72px; font-size: 22px; }

.btn-group { display: flex; justify-content: space-between; align-items: center; }
.btn-group .btn { width: calc(50% - 8px); }
.btn-group .btn:last-child { margin-bottom: 0; }

.btn-floating-bottom { position: fixed; left: 0; right: 0; bottom: 0; z-index: 100; max-width: 720px; margin: 0 auto; padding: 16px 32px; box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.13); box-sizing: border-box; background: #fff; }


.btn-floating-comment { padding: 30px 32px; box-sizing: border-box; }
.btn-floating-comment .box { display: flex; justify-content: space-between; align-items: center; height: 56px; padding: 10px 15px; border: 1px solid #e1e1e1; border-radius: 9px; box-sizing: border-box; }
.btn-floating-comment .inp-group-comment-inp { display: flex; justify-content: space-between; align-items: center; width: calc(100% - 96px); }
.btn-floating-comment .inp-group-comment-inp .inp-comment { width: calc(100% - 45px); padding-left: 10px; border: none; background: none; box-sizing: border-box; font-size: 16px; font-weight: 400; color: #000; letter-spacing: -0.44px; }
.btn-floating-comment .inp-group-comment-inp .btn-delete { display: none; width: 29px; height: 29px; border: none; border-radius: 50%; box-sizing: border-box; background: url('../img/ico_x4.svg') center center no-repeat; }
.btn-floating-comment .btn-custom { width: 80px; height: 36px; border-radius: 6px; box-sizing: border-box; font-size: 16px; font-weight: 600; }


.btn-upload { display: block; position: relative; width: 112px; height: 112px; border: 1px solid #e9e9e9; border-radius: 8px; box-sizing: border-box; background: url('../img/ico_camera2.svg') center center no-repeat #f9f9f9; overflow: hidden; }
.btn-upload label { display: block; position: relative; z-index: 1; width: 100%; height: 100%; cursor: pointer; }
.btn-upload input[type="file"] { position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; opacity: 0; cursor: pointer; }

.btn-upload2 { display: block; position: relative; height: 72px; border: 1px solid #e9e9e9; border-radius: 8px; box-sizing: border-box; background: #fff; overflow: hidden; }
.btn-upload2 label { display: flex; justify-content: center; align-items: center; position: relative; z-index: 1; width: 100%; height: 100%; font-size: 22px; font-weight: 600; color: #f8778d; cursor: pointer; }
.btn-upload2 label img { margin-right: 10px; }
.btn-upload2 input[type="file"] { position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; opacity: 0; cursor: pointer; }

.btn-upload3 { display: block; position: relative; width: 130px; height: 46px; border: 1px solid #e9e9e9; border-radius: 8px; box-sizing: border-box; background: #fff; overflow: hidden; }
.btn-upload3 label { display: flex; justify-content: center; align-items: center; position: relative; z-index: 1; width: 100%; height: 100%; font-size: 16px; font-weight: 600; color: #000; cursor: pointer; }
.btn-upload3 label img { margin-right: 4px; }
.btn-upload3 input[type="file"] { position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; opacity: 0; cursor: pointer; }

.btn-group-upload { display: flex; flex-wrap: wrap; align-items: center; }
.btn-group-upload .btn { margin-right: 16px; margin-bottom: 16px; }
.btn-group-upload .btn:last-child { margin-right: 0; }
.btn-group-upload .btn-delete { position: absolute; top: 7px; right: 7px; width: 24px; height: 24px; border: none; border-radius: 50%; box-sizing: border-box; background: url('../img/ico_wastebasket1.svg') center center no-repeat; }


/*checkbox & radio button style*/
.ck-custom { display: none; }
.ck-custom + label { display: flex; align-items: center; font-size: 20px; font-weight: 400; color: #6c6c6c; letter-spacing: -0.56px; cursor: pointer; }
.ck-custom + label .custom { display: block; width: 30px; height: 30px; margin-right: 10px; background: url('../img/ico_check1_off.svg') center center no-repeat; background-size: contain; }
.ck-custom:checked + label .custom { background-image: url('../img/ico_check1_on.svg'); }

.ck-custom2 { display: none; }
.ck-custom2 + label { display: flex; align-items: center; font-size: 18px; font-weight: 500; color: #797979; letter-spacing: -0.64px; cursor: pointer; }
.ck-custom2 + label .custom { display: block; width: 24px; height: 24px; margin-right: 8px; background: url('../img/ico_check2_off.svg') center center no-repeat; background-size: contain; }
.ck-custom2:checked + label .custom { background-image: url('../img/ico_check2_on.svg'); }

.ck-custom3 { display: none; }
.ck-custom3 + label { display: flex; flex-direction: column; align-items: center; font-size: 18px; font-weight: 600; color: #626262; letter-spacing: -0.64px; cursor: pointer; }
.ck-custom3 + label .custom { display: block; width: 36px; height: 36px; margin-bottom: 4px; background: url('../img/ico_bookmark1_off.svg') center center no-repeat; background-size: 34px; }
.ck-custom3:checked + label .custom { background-image: url('../img/ico_bookmark1_on.svg'); }

.ck-custom4 { display: none; }
.ck-custom4 + label { display: flex; align-items: center; height: 100%; padding: 0 32px; box-sizing: border-box; cursor: pointer; }
.ck-custom4 + label .custom { display: inline-block; width: 32px; height: 32px; margin-right: 16px; background: url('../img/ico_check3_off.svg') center center no-repeat; background-size: contain; }
.ck-custom4:checked + label .custom { background-image: url('../img/ico_check3_on.svg'); }

.ck-custom5 { display: none; }
.ck-custom5 + label { display: flex; justify-content: center; align-items: center; position: relative; width: 100%; height: 100%; border: 1px solid #dcdcdc; border-radius: 10px; background: #fff; font-size: 22px; font-weight: 600; color: #6c6c6c; text-align: center; letter-spacing: -0.26px; cursor: pointer; }
.ck-custom5:checked + label { border-color: transparent; font-weight: 700; color: #fe6c85; }
.ck-custom5:checked + label:after { content: ''; display: block; position: absolute; top: 0; left: 0; right: 0; width: 100%; height: 100%; margin: 0 auto; border: 3px solid #f8778d; border-radius: 10px; box-sizing: border-box; }

.ck-custom6 { display: none; }
.ck-custom6 + label { display: flex; justify-content: center; align-items: center; width: 100%; height: 53px; border: 1px solid #f3f3f3; border-radius: 6px; box-sizing: border-box; font-size: 21px; font-weight: 500; color: #7e7e7e; letter-spacing: -0.35px; cursor: pointer; }
.ck-custom6:checked + label { border-color: #4ac1f4; font-weight: 600; color: #4ac1f4; }
.ck-custom6.active + label { border-color: #4ac1f4; font-weight: 600; color: #4ac1f4; }

.ck-custom7 { display: none; }
.ck-custom7 + label { display: block; width: 100%; height: 100%; background: url('../img/ico_bookmark2_off.svg') center center no-repeat; background-size: contain; cursor: pointer; }
.ck-custom7:checked + label { background-image: url('../img/ico_bookmark2_on.svg'); }


.ck-custom8 { display: none; }
.ck-custom8 + label { display: flex; justify-content: space-between; align-items: center; padding: 15px 0; box-sizing: border-box; cursor: pointer; }
.ck-custom8 + label .tit { width: calc(100% - 40px); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 19px; font-weight: 500; color: #333; letter-spacing: -0.12px; }
.ck-custom8 + label .custom { display: block; width: 20px; height: 12px; }
.ck-custom8:checked + label .tit { color: #f8778d; }
.ck-custom8:checked + label .custom { background: url('../img/ico_check2.svg') center center no-repeat; background-size: contain; margin-right:10px; }

.ck-custom9 { display: none; }
.ck-custom9 + label { display: flex; cursor: pointer; }
.ck-custom9 + label .custom { display: flex; width: 16px; height: 12px; margin-top: 6px; margin-right: 8px; background: url('/img/ico_check4_off.svg') center center no-repeat; background-size: contain; }
.ck-custom9 + label .label { width: calc(100% - 24px); font-size: 15px; font-weight: 400; color: #1a1a1a; letter-spacing: -0.4px; line-height: 24px; }
.ck-custom9:checked + label .custom { background-image: url('/img/ico_check4_on.svg'); }


.ck-custom10 { display: none; }
.ck-custom10 + label { display: flex; align-items: center; height: 64px; padding: 0 18px; border-radius: 32px; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12); box-sizing: border-box; background: #fff; cursor: pointer; }
.ck-custom10 + label .custom { display: inline-block; flex-shrink: 0; width: 30px; height: 30px; background: url('../img/ico_check5_off.svg') center center no-repeat; background-size: contain; }
.ck-custom10 + label .label { margin: 0 auto; padding: 0 15px; box-sizing: border-box; font-size: 20px; font-weight: 600; color: #1a1a1a; text-align: center; letter-spacing: -0.33px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; transition: .2s all ease-out; }
.ck-custom10:checked + label .custom { border-color: #ff606f; background-image: url('../img/ico_check5_on.svg'); }
.ck-custom10:checked + label .label { color: #ff606f; }

.ck-custom11 { display: none; }
.ck-custom11 + label { display: block; width: 30px; height: 30px; background: url('../img/ico_check5_off.svg') center center no-repeat; background-size: contain; cursor: pointer; }
.ck-custom11:checked + label { background-image: url('../img/ico_check5_on.svg'); }

/*toggle button style*/
.switch { display: inline-block; position: relative; width: 54px; height: 32px; vertical-align: middle; }
.switch input { display: none; }

.switch .slider { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #d3d3d3; transition: .4s; cursor: pointer; }
.switch .slider:before { content: ''; position: absolute; left: 2px; bottom: 2px; width: 28px; height: 28px; background: #fff; box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.1); box-sizing: border-box; transition: .4s; }
.switch input:checked + .slider { background: #f8778d; }
.switch input:focus + .slider { box-shadow: 0 0 1px #f8778d; box-sizing: border-box; }
.switch input:checked + .slider:before { -webkit-transform: translateX(22px); -ms-transform: translateX(22px); transform: translateX(22px); }

.switch .slider.round { border-radius: 16px; box-sizing: border-box; }
.switch .slider.round:before { border-radius: 50%; box-sizing: border-box; }


/*form style*/
.frm-group { margin-bottom: 40px; }
.frm-group:last-child { margin-bottom: 0; }
.frm-group .inp-group { position: relative; height: 64px; border: 1px solid #e9e9e9; border-radius: 8px; box-sizing: border-box; }
.frm-group .tit-frm { position: absolute; top: -12px; left: 18px; padding: 0 6px; box-sizing: border-box; background: #fff; font-size: 18px; font-weight: 600; color: #000; letter-spacing: -0.5px; }
.frm-group .tit-frm .required { margin-left: 4px; font-weight: 500; color: #ff4e6d; vertical-align: 2px; }
.frm-group .inp-frm { width: 100%; height: 100%; padding: 0 24px; border: none; border-radius: 8px; box-sizing: border-box; background: none; font-size: 20px; font-weight: 400; color: #000; letter-spacing: -0.56px; }
.frm-group .inp-frm:read-only { background: #fafafa; }
.frm-group .frm-info { margin-top: 8px; padding-left: 22px; box-sizing: border-box; font-size: 13px; font-weight: 400; color: #6c6c6c; letter-spacing: -0.15px; }

.frm-group .box { display: flex; justify-content: space-between; align-items: center; }
.frm-group .box .inp-group { width: calc(100% - 136px); }
.frm-group .box .btn-frm { width: 128px; height: 64px; border: none; border-radius: 10px; box-sizing: border-box; background: #f8778d; font-size: 20px; font-weight: 600; color: #fff; }
.frm-group .box .btn-frm:disabled { background: #e8e8e8; color: #a4a7aa; }

.frm-group2 { margin-bottom: 48px; }
.frm-group2:last-child { margin-bottom: 0; }
.frm-group2 .tit-frm { margin-bottom: 16px; font-size: 22px; font-weight: 500; color: #1a1a1a; letter-spacing: -0.59px; }
.frm-group2 .tit-frm .required { margin-left: 4px; color: #f8778d; }
.frm-group2 > div { margin-bottom: 16px; }
.frm-group2 > div:last-child { margin-bottom: 0; }
.frm-group2 .inp-frm { display: block; width: 100%; height: 72px; padding: 0 24px; border: 1px solid #e9e9e9; border-radius: 8px; box-sizing: border-box; font-size: 20px; font-weight: 400; color: #000; }
.frm-group2 .textarea-group { height: 192px; padding: 24px; border: 1px solid #e9e9e9; border-radius: 8px; box-sizing: border-box; }
.frm-group2 .textarea-group textarea { display: block; width: 100%; height: calc(100% - 24px); padding: 0; border: none; font-size: 20px; font-weight: 400; color: #000; letter-spacing: -0.56px; line-height: 28px; }
.frm-group2 .textarea-group .num { font-size: 20px; font-weight: 400; color: #b1b1b1; text-align: right; letter-spacing: -0.56px; }

.frm-group2 .frm-info { margin-top: 8px; }
.frm-group2 .frm-info p { position: relative; padding-left: 10px; box-sizing: border-box; font-size: 16px; font-weight: 400; color: #545454; letter-spacing: -0.27px; line-height: 30px; }
.frm-group2 .frm-info p:before { content: ''; display: block; position: absolute; top: 13px; left: 0; width: 3px; height: 3px; border-radius: 50%; box-sizing: border-box; background: #979797; }

.frm-group2 .count-option { position: relative; padding: 20px 24px; border: 1px solid #ededed; border-radius: 8px; box-sizing: border-box; background: #f9f9f8; }
.frm-group2 .count-option .tit { margin-bottom: 15px; font-size: 20px; font-weight: 400; color: #000; letter-spacing: -0.59px; }
.frm-group2 .count-option .count-group { display: flex; justify-content: space-between; align-items: center; }
.frm-group2 .count-option .count-group .btn-group-count { display: flex; align-items: center; }
.frm-group2 .count-option .count-group .btn-group-count .btn-count { width: 43px; height: 43px; border: none; background: center center no-repeat; background-size: contain; }
.frm-group2 .count-option .count-group .btn-group-count .btn-count-minus { background-image: url('../img/ico_minus2.svg'); }
.frm-group2 .count-option .count-group .btn-group-count .btn-count-plus { background-image: url('../img/ico_plus1.svg'); }
.frm-group2 .count-option .count-group .btn-group-count .num { width: 60px; font-size: 23px; font-weight: 500; color: #1a1a1a; text-align: center; }
.frm-group2 .count-option .count-group .count-result { font-size: 24px; font-weight: 700; color: #1a1a1a; text-align: right; }
.frm-group2 .count-option .btn-delete { position: absolute; top: 10px; right: 15px; width: 34px; height: 34px; border: none; background: url('../img/ico_x3.svg') center center no-repeat; }

.frm-group3 { display: flex; justify-content: space-between; align-items: center; height: 72px; margin-bottom: 18px; padding: 0 24px; border: 1px solid #e9e9e9; border-radius: 10px; box-sizing: border-box; cursor: pointer; }
.frm-group3:last-child { margin-bottom: 0; }
.frm-group3 .tit-frm { width: 102px; font-size: 19px; font-weight: 400; color: #000; letter-spacing: -0.53px; }
.frm-group3 .inp-frm { display: flex; justify-content: flex-end; align-items: center; width: calc(100% - 102px); padding-right: 30px; border: none; box-sizing: border-box; background: url('../img/ico_arrow_select2.svg') right center no-repeat; font-size: 18px; font-weight: 400; color: #000; text-align: right; letter-spacing: -0.14px; cursor: pointer; }


.frm-group4 { margin-bottom: 48px; }
.frm-group4:last-child { margin-bottom: 0; }
.frm-group4 .tit-frm { margin-bottom: 10px; font-size: 18px; font-weight: 600; color: #1a1a1a; letter-spacing: -0.33px; }
.frm-group4 > div { margin-bottom: 12px; }
.frm-group4 > div:last-child { margin-bottom: 0; }
.frm-group4 .inp-frm { display: block; width: 100%; height: 64px; padding: 0 24px; border: 1px solid #cfcfcf; border-radius: 12px; box-sizing: border-box; font-size: 20px; font-weight: 600; color: #1a1a1a; letter-spacing: -0.33px; }

.frm-group4 .inp-group { display: flex; align-items: center; }
.frm-group4 .inp-group .ck-group { flex-shrink: 0; margin-left: 18px; }


.select-custom { display: block; width: 100%; height: 72px; padding: 0 70px 0 24px; border: 1px solid #e9e9e9; border-radius: 8px; box-sizing: border-box; font-size: 20px; font-weight: 400; color: #000; }


/*datepicker style*/
.datepicker-group { display: flex; align-items: center; }
.datepicker-group .inp-group-date { display: flex; justify-content: space-between; align-items: center; width: calc(100% - 168px); margin-right: 16px; }
.datepicker-group .inp-group-date > div { display: flex; justify-content: space-between; align-items: center; width: calc(50% - 20px); height: 64px; border: 1px solid #ededed; border-radius: 8px; box-sizing: border-box; }
.datepicker-group .inp-group-date .inp-date { width: calc(100% - 65px); height: 100%; padding-left: 20px; border: none; border-right: 1px solid #ededed; box-sizing: border-box; background: none; font-size: 19px; font-weight: 400; color: #333; letter-spacing: -0.27px; }
.datepicker-group .inp-group-date img { display: block; margin: 0 auto; cursor: pointer; }
.datepicker-group .inp-group-date .unit { display: flex; justify-content: center; align-items: center; font-size: 25px; font-weight: 400; color: #b7bbbe; text-align: center; letter-spacing: -0.37px; }
.datepicker-group .btn-custom { width: 152px; }


/*thumbnail style*/
.thumb { width: 100%; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: cover; }


/*line style*/
.line { height: 16px; background: #f8f8f7; }
.line-v1 { border-top: 2px solid #f2f2f2; box-sizing: border-box; }
.line-v2 { border-bottom: 2px solid #f2f2f2; box-sizing: border-box; }


/*banner style*/
.top-banner img { display: block; width: 100%; }
.top-banner img.m { display: none; }


/*tab menu style*/
.tab-menu { display: flex; align-items: center; position: sticky; top: 150px; z-index: 100; padding: 0 32px; border-bottom: 1px solid #f2f2f2; box-sizing: border-box; background: #fff; transition: .2s all ease-out; }
.tab-menu .tab { display: flex; justify-content: center; align-items: center; position: relative; width: 25%; height: 70px; font-size: 20px; font-weight: 400; color: #444; letter-spacing: -0.56px; transition: .2s all ease-out; cursor: pointer; }
.tab-menu .tab:hover,
.tab-menu .tab.active { font-weight: 700; color: #bf2f4a; }
.tab-menu .tab:after { content: ''; display: block; position: absolute; left: 0; right: 0; bottom: 0; width: 0; height: 4px; margin: 0 auto; border-radius: 4px; box-sizing: border-box; background: #bf2f4a; transition: .2s all ease-out; }
.tab-menu .tab:hover:after,
.tab-menu .tab.active:after { width: 100%; }
.tab-menu .tab img { position: absolute; margin-top: -18px; margin-left: -10px; animation: ani 0.5s ease-in-out 0s infinite alternate; }
@keyframes ani {
	0% { margin-top: -18px; }
	100% { margin-top: -23px; }
}

.tab-menu-v1 .tab { width: 33.33%; }
.tab-menu-v2 .tab { width: 50%; }
.tab-menu-v3 { white-space: nowrap; overflow-x: auto; }
.tab-menu-v3 .tab { min-width: 120px; margin-right: 8px; }
.tab-menu-v3 .tab:last-child { margin-right: 0; }

.tab-menu2 { display: flex; align-items: center; }
.tab-menu2 .tab { display: flex; justify-content: center; align-items: center; width: 25%; height: 70px; font-size: 20px; font-weight: 400; color: #7d7d7d; letter-spacing: -0.56px; transition: .2s all ease-out; cursor: pointer; }
.tab-menu2 .tab:hover,
.tab-menu2 .tab.active { font-weight: 700; color: #000; }

.tab-menu3 { display: flex; align-items: center; }
.tab-menu3 .tab { display: flex; justify-content: center; align-items: center; position: relative; width: 25%; height: 64px; border-bottom: 1px solid #e1e1e1; box-sizing: border-box; font-size: 22px; font-weight: 400; color: #555; text-align: center; letter-spacing: -0.13px; cursor: pointer; }
.tab-menu3 .tab.active { border-bottom-color: transparent; border-left: 1px solid #e1e1e1; border-right: 1px solid #e1e1e1; box-sizing: border-box; font-weight: 700; color: #231916; }
.tab-menu3 .tab.active:before { content: ''; display: block; position: absolute; top: 0; left: 0; right: 0; width: 100%; height: 4px; margin: 0 auto; background: #f8778d; }
.tab-menu3 .tab:first-child.active { border-left: none; }
.tab-menu3 .tab:last-child.active { border-right: none; }


/*slide tab style*/
.slide-tab { position: sticky; top: 150px; z-index: 100; border-bottom: 1px solid #f2f2f2; box-sizing: border-box; background: #fff; }
.slide-tab .swiper { padding: 0 32px; box-sizing: border-box; }
.slide-tab .swiper-slide { display: flex; justify-content: center; align-items: center; position: relative; width: 130px; height: 70px; font-size: 20px; font-weight: 400; color: #444; letter-spacing: -0.56px; cursor: pointer; }
.slide-tab .swiper-slide:hover,
.slide-tab .swiper-slide.active { font-weight: 700; color: #f8778d; }
.slide-tab .swiper-slide:after { content: ''; display: block; position: absolute; left: 0; right: 0; bottom: 0; width: 0; height: 4px; margin: 0 auto; border-radius: 4px; box-sizing: border-box; background: #f8778d; transition: .2s all ease-out; }
.slide-tab .swiper-slide:hover:after,
.slide-tab .swiper-slide.active:after { width: 100%; }


/*slide tag style*/
.slide-tag { border-top: 1px solid #f2f2f2; border-bottom: 1px solid #f2f2f2; box-sizing: border-box; }
.slide-tag .swiper { padding: 13px 32px; box-sizing: border-box; }
.slide-tag .swiper-slide { display: flex; align-items: center; width: auto; height: 45px; padding: 0 22px; border-radius: 23px; box-sizing: border-box; background: #f4f4f4; font-size: 18px; font-weight: 400; color: #1a1a1a; letter-spacing: -0.64px; transition: .2s all ease-out; cursor: pointer; }
.slide-tag .swiper-slide:hover,
.slide-tag .swiper-slide.active { background: #f8778d; color: #fff }

.slide-tag-v1 { border: none; }
.slide-tag-v1 .swiper { padding: 32px; box-sizing: border-box; }
.slide-tag-v1 .swiper-slide { border: 1px solid #f3f3f3; box-sizing: border-box; background: #fbfbfb; font-size: 20px; font-weight: 600; letter-spacing: -0.33px; }
.slide-tag-v1 .swiper-slide:hover,
.slide-tag-v1 .swiper-slide.active { border-color: #f8778d; background: #fff; color: #f8778d; }


/*filter style*/
.filter-group-search { display: flex; align-items: center; padding: 14px 32px; box-sizing: border-box; background: #f8f8f7; /*overflow-x:auto;*/ }
.filter-group-search .btn-filter { display: flex; align-items: center; height: 44px; margin-right: 12px; padding: 0 18px; border: 2px solid #f2f2f2; border-radius: 22px; box-sizing: border-box; background: #fff; font-size: 18px; font-weight: 400; color: #000; letter-spacing: -0.5px; }
.filter-group-search .btn-filter:last-child { margin-right: 0; }
.filter-group-search .btn-filter img { margin-right: 6px; }
.filter-group-search .btn-filter-v1 { padding-right: 37px; box-sizing: border-box; background: url('../img/ico_arrow_select4.svg') calc(100% - 15px) center no-repeat #fff; background-size: 13px; }

.filter-group-search .real-time { display: flex; align-items: center; height: 44px; padding: 0 12px 0 16px; border: 2px solid #f2f2f2; border-radius: 22px; box-sizing: border-box; background: #fff; font-size: 18px; font-weight: 400; color: #000; letter-spacing: -0.5px; }
.filter-group-search .real-time img { margin-right: 12px; }
.filter-group-search .real-time .item-tip { position: relative; z-index: 1; }
.filter-group-search .real-time .item-tip .btn-tip { width: 22px; height: 22px; margin-left: 7px; border: none; background: url('../img/ico_question2.svg') center center no-repeat; background-size: contain; }
.filter-group-search .real-time .item-tip .bubble { display: none; position: absolute; left: calc(50% - 149px); width: 307px; margin-top: 16px; padding: 20px; border-radius: 12px; box-sizing: border-box; background: #3d3d3d; }
.filter-group-search .real-time .item-tip .bubble.active { display: block; }
.filter-group-search .real-time .item-tip .bubble:before { content: ''; display: block; position: absolute; top: -8px; left: 0; right: 0; width: 12px; height: 9px; margin: 0 auto; background: url('../img/ico_triangle1.svg') center center no-repeat; }
.filter-group-search .real-time .item-tip .bubble .txt { font-size: 13px; font-weight: 400; color: #fff; letter-spacing: -0.46px; line-height: 24px; }


/*item style*/
.list-item > li { border-top: 2px solid #f2f2f2; border-bottom: 14px solid #f8f8f7; box-sizing: border-box; }
.list-item > li:first-child { border-top: none; }
.list-item .hide_col { opacity:0.5; }
.item-group { position: relative; padding: 24px 32px 0 24px; box-sizing: border-box; }
.item-group .card { display: flex; height: 120px; }
.item-group .img-group { position: relative; width: 160px; margin-right: 24px; border-radius: 10px; box-sizing: border-box; }
.item-group .img-group .thumb { border-radius: 8px; box-sizing: border-box; }
.item-group .img-group-story { border: 2px solid transparent; background-image: linear-gradient(-90deg, rgba(254,80,112,1) 0%, rgba(201,87,193,1) 100%); background-origin: border-box; }
.item-group .img-group .ico-badge { position: absolute; top: 8px; left: -6px; }
.item-group .img-group .ico-story { position: absolute; top: 8px; right: 8px;  width:25px; height:25px; }
.item-group .img-group .ico-partner { position: absolute; right: 8px; bottom: 8px; }

.item-group .item-info { width: calc(100% - 184px); padding: 7px 0 15px; border-bottom: 1px solid #f2f2f2; box-sizing: border-box; }
.item-group .item-info .item-basic { display: flex; flex-direction: column; justify-content: space-between; width: calc(100% - 192px); height: 100%; }
.item-group .item-info .item-basic .item-title { display: flex; align-items: center; }
.item-group .item-info .item-basic .item-title > div { position: relative; margin-right: 24px; }
.item-group .item-info .item-basic .item-title > div:last-child { margin-right: 0; }
.item-group .item-info .item-basic .item-title > div:after { content: ''; display: block; position: absolute; top: calc(50% - 8.5px); right: -14px; width: 2px; height: 17px; background: rgba(151, 151, 151, 0.3); }
.item-group .item-info .item-basic .item-title > div:last-child:after { display: none; }
.item-group .item-info .item-basic .item-title .item-name { font-size: 24px; font-weight: 700; color: #1a1a1a; letter-spacing: -0.67px; }
.item-group .item-info .item-basic .item-title .item-code { font-size: 20px; font-weight: 500; color: #f8778d; letter-spacing: -0.27px; }
.item-group .item-info .item-basic .item-intro { margin-top: -7px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 18px; font-weight: 400; color: #555; letter-spacing: -0.64px; }
.item-group .item-info .item-basic .item-price { display: flex; align-items: center; }
.item-group .item-info .item-basic .item-price .price-won { display: flex; align-items: center; font-size: 20px; font-weight: 700; color: #1a1a1a; letter-spacing: -0.31px; }
.item-group .item-info .item-basic .item-price .price-won img { width: 20px; margin-right: 5px; }
.item-group .item-info .item-basic .item-price .price-time { margin-left: 11px; font-size: 18px; font-weight: 400; color: rgba(85, 85, 85, 0.7); letter-spacing: -0.64px; }

.item-group .btn-custom { position: absolute; top: 48px; right: 32px; width: 168px; font-size: 20px; letter-spacing: -0.27px; }
.item-group .btn-custom:disabled,
.item-group .btn-custom.disabled { background: #c2c6c9; color: #fff; }
.item-group .btn-custom img { margin-right: 6px; }
.item-group .btn-custom img.gif { margin-right: 12px; zoom: 0.5; }
.item-group .btn-missed span {     
	display:none;
}

.review-group .fold { display: flex; justify-content: space-between; align-items: center; height: 56px; padding: 0 32px 0 24px; box-sizing: border-box; cursor: pointer; }
.review-group .unfold { display: none; border-top: 2px solid #f2f2f2; box-sizing: border-box; }
.review-group .unfold.active { display: block; }

.review-group .item-tag { display: flex; align-items: center; position: relative; width: calc(100% - 350px); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.review-group .item-tag:after { content: ''; display: block; position: absolute; right: 0; width: 50px; height: 100%; background: rgb(255,255,255);
background: -moz-linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
background: -webkit-linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1); }
.review-group .item-tag span { margin-right: 15px; font-size: 18px; font-weight: 500; color: #e55678; letter-spacing: -0.64px; }
.review-group .item-tag span:last-child { margin-right: 0; }
.review-group .item-tag a { margin-right: 15px; font-size: 18px; font-weight: 500; color: #e55678; letter-spacing: -0.64px; }
.review-group .item-tag a:last-child { margin-right: 0; }
.review-group .review-count { display: flex; justify-content: flex-end; align-items: center; }
.review-group .review-count > div { display: flex; align-items: center; margin-right: 30px; position: relative; }
.review-group .review-count > div:last-of-type { margin-right: 0; }
.review-group .review-count > div:after { content: ''; display: block; position: absolute; top: calc(50% - 9px); right: -16px; width: 2px; height: 18px; background: rgba(151, 151, 151, 0.3); }
.review-group .review-count > div:last-of-type:after { display: none; }
.review-group .review-count .tit { font-size: 18px; font-weight: 500; color: #1a1a1a; letter-spacing: -0.64px; }
.review-group .review-count .count { display: flex; align-items: center; margin-left: 4px; font-size: 18px; font-weight: 400; color: #555; }
.review-group .review-count .count img { width: 20px; margin: 0 4px; }
.review-group .review-count .ico-arrow { margin-left: 15px; transition: .2s all ease-out; }
.review-group .fold.active .review-count .ico-arrow { transform: rotate(180deg); }

.review-group .list-review li { padding-left: 22px; box-sizing: border-box; }
.review-group .list-review a { display: flex; justify-content: space-between; align-items: center; height: 50px; padding-right: 28px; border-bottom: 1px solid #f2f2f2; box-sizing: border-box; }
.review-group .list-review li:last-child a { border-bottom: none; }
.review-group .list-review .txt { width: 80%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 16.8px; font-weight: 400; color: #231916; letter-spacing: -0.6px; }
.review-group .list-review .writer { font-size: 16.8px; font-weight: 500; color: #e55678; text-align: right; letter-spacing: -0.6px; }
.review-group .btn-more { display: flex; justify-content: center; align-items: center; height: 64px; border-top: 1px solid #f2f2f2; box-sizing: border-box; background: rgba(255, 255, 255, 0); font-size: 18px; font-weight: 500; color: #555; letter-spacing: -0.24px; }
.review-group .btn-more img { margin-left: 10px; }

.section-slide-item { padding: 0px 0 20px; box-sizing: border-box; border-bottom: 14px solid #f8f8f7; }
.section-slide-item .top-section { margin-bottom: 25px; padding: 0 32px; box-sizing: border-box; }
.section-slide-item .top-section .tit-group { display: flex; align-items: center; }
.section-slide-item .top-section .tit-group img { margin-right: 12px; }
.section-slide-item .top-section .tit-group .tit { font-size: 28px; font-weight: 700; color: #1a1a1a; letter-spacing: -0.78px; }
.section-slide-item .top-section .tit-group .tit span { color: #f8778d; }

.slide-item .swiper { padding-right: 32px; box-sizing: border-box; }
.slide-item .item-group { padding: 18px 0 18px 32px; box-sizing: border-box; }
.slide-item .item-group .item-info { position: relative; border-bottom: none; }
.slide-item .item-group .item-info:after { content: ''; display: block; position: absolute; bottom: -18px; width: 100%; height: 1px; background: #f2f2f2; }
.slide-item .item-group:last-child .item-info:after { display: none; }
.slide-item .item-group .btn-custom { right: 0; }


/*item style (채팅)*/
.item-group-v1 .item-info .item-basic .item-title .item-code { color: #4ac1f4; }
.item-group-v1 .btn-custom { background: #6fc4e9; font-size: 18px; }
.item-group-v1 .btn-custom-v1 { border-color: #6fc4e9; background: #fff; color: #4ac1f4; }

.review-group-v1 .item-tag a { color: #2aade6; }
.review-group-v1 .list-review .writer { color: #2aade6; }

.section-slide-item-v1 .top-section .tit-group .tit span { color: #4ac1f4; }


/*데이터 없음*/
.no-data { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(1); -webkit-transform: translate(-50%, -50%) scale(1); -moz-transform: translate(-50%, -50%) scale(1); -ms-transform: translate(-50%, -50%) scale(1); -o-transform: translate(-50%, -50%) scale(1); width: 100%; }
.no-data img { display: block; margin: 0 auto 32px; }
.no-data .txt { font-size: 24px; font-weight: 500; color: #555; text-align: center; letter-spacing: -0.64px; }


/*유튜브*/
.box-video { position: relative; height: 0; padding-top: 30px; padding-bottom: 56.25%; overflow: hidden; }
.box-video iframe,
.box-video object,
.box-video embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


@media only screen and (max-width: 720px) {
	/*button style*/
	.btn-custom,
	a.btn-custom { height: 44px; border-radius: 6px; box-sizing: border-box; font-size: 16px; letter-spacing: -0.21px; }
	
	.btn-custom-h1,
	a.btn-custom-h1 { height: 48px; }
	
	.btn-floating-bottom { padding: 16px; border-top: 1px solid #f2f2f2; box-shadow: 0 -1px 4px 0 rgba(0, 0, 0, 0.04); box-sizing: border-box; }
	
	.btn-upload { width: 72px; height: 72px; border-radius: 6px; box-sizing: border-box; background-size: 28px; }
	
	.btn-upload2 { height: 48px; border-radius: 6px; box-sizing: border-box; }
	.btn-upload2 label { font-size: 14px; }
	.btn-upload2 label img { width: 28px; margin-right: 4px; }
	
	.btn-upload3 { width: 112px; height: 37px; border-radius: 6px; box-sizing: border-box; }
	.btn-upload3 label { font-size: 13px; }
	
	.btn-group-upload .btn { margin-right: 8px; margin-bottom: 8px; }
	.btn-group-upload .btn-delete { top: 5px; right: 5px; width: 20px; height: 20px; background-size: contain; }
	
	/*checkbox & radio button style*/
	.ck-custom + label { font-size: 13px; letter-spacing: -0.36px; }
	.ck-custom + label .custom { width: 20px; height: 20px; }
	
	.ck-custom2 + label { font-size: 13px; letter-spacing: -0.36px; }
	.ck-custom2 + label .custom { width: 19px;  height: 19px; margin-right: 6px; }
	
	.ck-custom3 + label { font-size: 11px; letter-spacing: -0.39px; }
	.ck-custom3 + label .custom { width: 22px; height: 22px; margin-bottom: 3px; background-size: 22px; }
	
	.ck-custom4 + label { padding: 0 16px; box-sizing: border-box; }
	.ck-custom4 + label .custom { width: 24px; height: 24px; margin-right: 8px; }
	
	.ck-custom5 + label { border-radius: 6px; box-sizing: border-box; font-size: 16px; letter-spacing: -0.19px; }
	
	.ck-custom6 + label { height: 33px; border-radius: 4px; box-sizing: border-box; font-size: 13px; letter-spacing: -0.22px; }

	
	.ck-custom8 + label .tit { font-size: 16px; }
	.ck-custom8 + label .custom { width: 16px; height: 10px; }

	.ck-custom9 + label .custom { width: 11px; margin-top: 2px; margin-right: 5px; }
	.ck-custom9 + label .label { width: calc(100% - 16px); font-size: 11px; letter-spacing: -0.29px; line-height: 16px; }
	
	.ck-custom10 + label { height: 45px; padding: 0 13px; border-radius: 25px; box-sizing: border-box; }
	.ck-custom10 + label .custom { width: 22px; height: 22px; }
	.ck-custom10 + label .label { font-size: 16px; letter-spacing: -0.27px; }
	
	.ck-custom11 + label { width: 20px; height: 20px; }
	
	/*toggle button style*/
	.switch { width: 33px; height: 20px; }
	.switch .slider:before { left: 1px; bottom: 1px; width: 18px; height: 18px; box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.1); box-sizing: border-box; }
	.switch input:checked + .slider:before { -webkit-transform: translateX(13px); -ms-transform: translateX(13px); transform: translateX(13px); }
	.switch .slider.round { border-radius: 10px; box-sizing: border-box; }
	
	/*form style*/
	.frm-group { margin-bottom: 28px; }
	.frm-group .inp-group { height: 44px; border-radius: 6px; box-sizing: border-box; }
	.frm-group .tit-frm { top: -7px; left: 13px; padding: 0 3px; box-sizing: border-box; font-size: 12px; letter-spacing: -0.33px; }
	.frm-group .tit-frm .required { margin-left: 2px; vertical-align: 0; }
	.frm-group .inp-frm { padding: 0 16px; border-radius: 6px; box-sizing: border-box; font-size: 13px; letter-spacing: -0.36px; }
	.frm-group .frm-info { padding-left: 16px; box-sizing: border-box; font-size: 10px; letter-spacing: -0.12px; }
	
	.frm-group .box .inp-group { width: calc(100% - 88px); border-radius: 6px; box-sizing: border-box; }
	.frm-group .box .btn-frm { width: 84px; height: 44px; border-radius: 6px; box-sizing: border-box; font-size: 14px; }
	
	.frm-group2 { margin-bottom: 30px; }
	.frm-group2 .tit-frm { margin-bottom: 8px; font-size: 14px; letter-spacing: -0.37px; }
	.frm-group2 > div { margin-bottom: 8px; }
	.frm-group2 .inp-frm { height: 44px; padding: 0 16px; border-radius: 6px; box-sizing: border-box; font-size: 14px; letter-spacing: -0.36px; }
	.frm-group2 .frm-info p { padding-left: 6px; box-sizing: border-box; font-size: 10px; line-height: 17px; letter-spacing: -0.17px; }
	.frm-group2 .frm-info p:before { top: 8px; width: 2px; height: 2px; }
	.frm-group2 .textarea-group { height: 132px; padding: 14px 16px 20px; border-radius: 6px; box-sizing: border-box; }
	.frm-group2 .textarea-group textarea { height: calc(100% - 15px); font-size: 14px; letter-spacing: -0.36px; line-height: 20px; }
	.frm-group2 .textarea-group .num { font-size: 13px; letter-spacing: -0.36px; }
	
	.frm-group2 .count-option { padding: 12px 16px; border-radius: 6px; box-sizing: border-box; }
	.frm-group2 .count-option .tit { margin-bottom: 10px; font-size: 14px; letter-spacing: -0.37px; }
	.frm-group2 .count-option .count-group .btn-group-count .btn-count { width: 30px; height: 30px; }
	.frm-group2 .count-option .count-group .btn-group-count .num { width: 40px; font-size: 15px; letter-spacing: -0.22px; }
	.frm-group2 .count-option .count-group .count-result { font-size: 15px; letter-spacing: -0.22px; }
	.frm-group2 .count-option .btn-delete { top: 7px; right: 10px; width: 23px; height: 23px; background-size: 24px; }
	
	.frm-group3 { height: 48px; margin-bottom: 12px; padding: 0 16px; border-radius: 6px; box-sizing: border-box; }
	.frm-group3 .tit-frm { font-size: 13px; letter-spacing: -0.36px; }
	.frm-group3 .inp-frm { padding-right: 22px; box-sizing: border-box; background-size: 11px; font-size: 12px; letter-spacing: -0.09px; }
	
	.frm-group4 { margin-bottom: 16px; }
	.frm-group4 .tit-frm { font-size: 12px; letter-spacing: -0.21px; }
	.frm-group4 > div { margin-bottom: 10px; }
	.frm-group4 .inp-frm { height: 38px; padding: 0 16px; border-radius: 8px; box-sizing: border-box; font-size: 12px; letter-spacing: -0.21px; }
	.frm-group4 .inp-group .ck-group { margin-left: 7px; }
	

	.select-custom { height: 44px; padding: 0 46px 0 16px; border-radius: 6px; box-sizing: border-box; background-position: calc(100% - 16px) center; background-size: 13px; font-size: 13px; }
	
	/*datepicker style*/
	.datepicker-group .inp-group-date { width: calc(100% - 64px); margin-right: 4px; }
	.datepicker-group .inp-group-date > div { width: calc(50% - 8px); height: 40px; border-radius: 6px; box-sizing: border-box; }
	.datepicker-group .inp-group-date .inp-date { width: calc(100% - 40px); padding-left: 12px; box-sizing: border-box; font-size: 12px; letter-spacing: -0.17px; }
	.datepicker-group .inp-group-date img { width: 17px; }
	.datepicker-group .inp-group-date .unit { font-size: 16px; letter-spacing: -0.23px; }
	.datepicker-group .btn-custom { width: 60px; height: 40px; font-size: 14px; }
	
	/*line style*/
	.line { height: 8px; }
	
	/*top banner style*/
	.top-banner img { display: none; }
	.top-banner img.m { display: block; }
	
	/*tab menu style*/
	.tab-menu { top: 56px; padding: 0 16px; box-sizing: border-box; }
	.tab-menu .tab { height: 44px; }
	.tab-menu .tab { font-size: 15px; letter-spacing: -0.42px; }
	.tab-menu .tab:after { height: 3px; }
	.tab-menu .tab img { width: 23px; }
	@keyframes ani {
		0% { margin-top: -14px; }
		100% { margin-top: -19px; }
	}
	
	.tab-menu2 .tab { width: auto; height: 42px; margin-left: 13.333vw; font-size: 14px; }
	
	.tab-menu3 .tab { height: 50px; font-size: 14px; letter-spacing: -0.08px; }
	.tab-menu3 .tab.active:before { height: 3px; }
	
	/*slide tab style*/
	.slide-tab { top: 56px; }
	.slide-tab .swiper { padding: 0 16px; box-sizing: border-box; }
	.slide-tab .swiper-slide { width: auto; height: 44px; padding: 0 6px; box-sizing: border-box; font-size: 15px; letter-spacing: -0.42px; }
	.slide-tab .swiper-slide:after { height: 3px; }
	
	/*slide tag style*/
	.slide-tag .swiper { padding: 12px 16px; box-sizing: border-box; }
	.slide-tag .swiper-slide { height: 28px; padding: 0 12px; border-radius: 14px; box-sizing: border-box; font-size: 12px; letter-spacing: -0.43px; }
	
	.slide-tag-v1 .swiper { padding: 20px 16px 16px; box-sizing: border-box; }
	.slide-tag-v1 .swiper-slide { height: 36px; border-radius: 18px; box-sizing: border-box; font-size: 13px; letter-spacing: -0.22px; }
	
	/*filter style*/
	.filter-group-search { padding: 10px 16px; box-sizing: border-box; }
	.filter-group-search .btn-filter { height: 28px; margin-right: 8px; padding: 0 10px; border-width: 1px; border-radius: 14px; box-sizing: border-box; font-size: 12px; letter-spacing: -0.33px; }
	.filter-group-search .btn-filter img { margin-right: 4px; zoom: 0.6; }
	.filter-group-search .btn-filter-v1 { padding-right: 23px; box-sizing: border-box; background-position: calc(100% - 9px) center; background-size: 9px; }
	
	.filter-group-search .real-time { height: 28px; margin-right: 8px; padding: 0 10px; border-radius: 14px; box-sizing: border-box; font-size: 12px; letter-spacing: -0.33px; }
	.filter-group-search .real-time img { margin-right: 4px; zoom: 0.6; }
	.filter-group-search .real-time .item-tip .btn-tip { width: 14px; height: 14px; margin-left: 4px; }
	.filter-group-search .real-time .item-tip .bubble { left: calc(50% - 81px); width: 166px; padding: 12px 18px; box-sizing: border-box; }
	.filter-group-search .real-time .item-tip .bubble .txt { font-size: 10px; letter-spacing: -0.36px; line-height: 16px; }
	
	/*item style*/
	.list-item > li { border-top-width: 1px; border-bottom-width: 8px; }
	.item-group { padding: 4.444vw 4.444vw 0; box-sizing: border-box; }
	.item-group .card { height: 32.222vw; }
	.item-group .img-group { width: 43.333vw; margin-right: 4.444vw; border-radius: 2.222vw; box-sizing: border-box; }
	.item-group .img-group .thumb { border-radius: 1.667vw; box-sizing: border-box; }
	.item-group .img-group .ico-badge { top: 6px; }
	.item-group .img-group .ico-story { width: 22px; height: 22px; }
	
	.item-group .item-info { width: calc(100% - 47.778vw); height: 100%; padding: 0; }
	.item-group .item-info .item-basic { display: block; width: 100%; height: calc(100% - 32px); padding: 4px 0 10px; box-sizing: border-box; }
	.item-group .item-info .item-basic .item-title { margin-bottom: 8px; }
	.item-group .item-info .item-basic .item-title > div { margin-right: 18px; }
	.item-group .item-info .item-basic .item-title > div:after { top: calc(50% - 7px); right: -10px; width: 1px; height: 14px; }
	.item-group .item-info .item-basic .item-title .item-name { font-size: 18px; letter-spacing: -0.5px; }
	.item-group .item-info .item-basic .item-title .item-code { font-size: 15px; letter-spacing: -0.2px; }
	.item-group .item-info .item-basic .item-intro { margin-top: 0; margin-bottom: 10px; font-size: 12px; letter-spacing: -0.43px; }
	.item-group .item-info .item-basic .item-price .price-won { font-size: 14px; letter-spacing: -0.22px; }
	.item-group .item-info .item-basic .item-price .price-won img { width: 16px; margin-right: 4px; }
	.item-group .item-info .item-basic .item-price .price-time { margin-left: 6px; font-size: 12px; letter-spacing: -0.43px; }
	
	.item-group .btn-custom { top: auto; right: 4.444vw; bottom: 0; width: calc(100% - 56.667vw); height: 32px; font-size: 13px; }
	.item-group .btn-custom img { margin-right: 12px; zoom: 0.5; }
	.item-group .btn-custom img.gif { margin-right: 24px; zoom: 0.2; }
	.item-group .btn-missed span {     
		display:inline;
		right: 10px;
		position:absolute;
		padding: 5px;
		border-radius: 12px;
		box-sizing: border-box;
		font-size: 9px;
		letter-spacing: -0.5px; 
		border:1px solid #fff;
	}

	
	.review-group .fold { height: 40px; padding: 0 16px; box-sizing: border-box; }
	.review-group .unfold { border-width: 1px; }
	
	.review-group .item-tag { width: calc(100% - 230px); }
	.review-group .item-tag:after { width: 25px; }
	.review-group .item-tag span { margin-right: 10px; font-size: 12px; letter-spacing: -0.43px; }
	.review-group .item-tag a { margin-right: 10px; font-size: 12px; letter-spacing: -0.43px; }
	.review-group .review-count > div { margin-right: 16px; }
	.review-group .review-count > div:after { top: calc(50% - 5px); right: -9px; width: 1px; height: 10px; }
	.review-group .review-count .tit { font-size: 12px; letter-spacing: -0.48px; }
	.review-group .review-count .count { font-size: 12px; letter-spacing: -0.43px; }
	.review-group .review-count .count img { width: 13px; }
	.review-group .review-count .ico-arrow { width: 10px; margin-left: 8px; }
	
	.review-group .list-review li { padding-left: 16px; box-sizing: border-box; }
	.review-group .list-review a { height: 38px; padding-right: 16px; box-sizing: border-box; }
	.review-group .list-review .txt { font-size: 12px; letter-spacing: -0.43px; }
	.review-group .list-review .writer { font-size: 12px; letter-spacing: -0.43px; }
	.review-group .btn-more { height: 48px; font-size: 15px; letter-spacing: -0.2px; }
	.review-group .btn-more img { width: 10px; }

	.review-group .btn-more-review { height: 48px; font-size: 15px; letter-spacing: -0.2px; }
	.review-group .btn-more-review img { width: 10px; }
	
	.section-slide-item { padding: 15px 0 25px; box-sizing: border-box; border-bottom:8px solid #f8f8f7; }
	.section-slide-item .top-section { margin-bottom: 18px; padding: 0 16px; box-sizing: border-box; }
	.section-slide-item .top-section .tit-group .tit { font-size: 18px; letter-spacing: -0.5px; }
	.section-slide-item .top-section .tit-group img { width: 18px; margin-right: 6px; }
	
	.slide-item .swiper { padding-right: 4.444vw; box-sizing: border-box; }
	.slide-item .item-group { padding: 3.333vw 0 3.333vw 4.444vw; box-sizing: border-box; }
	.slide-item .item-group .card { height: 28.889vw; }
	.slide-item .item-group .img-group { width: 38.889vw; }
	.slide-item .item-group .item-info { width: calc(100% - 43.333vw); }
	.slide-item .item-group .item-info:after { bottom: -3.611vw; }
	.slide-item .item-group .item-info .item-basic .item-title { margin-bottom: 6px; }
	.slide-item .item-group .item-info .item-basic .item-title .item-name { font-size: 14px; }
	.slide-item .item-group .item-info .item-basic .item-intro { margin-bottom: 6px; }
	.slide-item .item-group .btn-custom { width: calc(100% - 47.778vw); bottom: 3.333vw; }
	
	/*데이터 없음*/
	.no-data img { width: 48px; margin-bottom: 18px; }
	.no-data .txt { font-size: 15px; letter-spacing: -0.4px; }
}