@charset "utf-8";

/* Reset */
html{height: 100%;}
body {margin:0;padding:0;font-size:0.75em;height:100%;font-family: 'Noto Sans KR', sans-serif;font-weight:400;word-break: keep-all;}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img, dl, dt, dd, p {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:1em}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
header ul, nav ul, footer ul {margin:0;padding:0;list-style:none}
legend {position:absolute;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle}
input, button {margin:0;padding:0;font-size:1em}
button,input[type=button],input[type=submit]{cursor:pointer;}
input[type=text], input[type=password], input[type=submit], input[type=image], button {border-radius:0;-webkit-appearance:none}
textarea, select {font-size:1em;}
textarea {border-radius:0;-webkit-appearance:none;resize:none}
p {margin:0;padding:0;word-break:break-all}
pre {overflow-x:scroll;font-size:1.1em}
a:link, a:visited {color:inherit;text-decoration:none}
ul,ol,li{list-style:none;padding:0;margin:0;}
input, button, textarea, select {font-family: 'Noto Sans KR', sans-serif;outline: none}
hr {content: '';display:block;padding:0;border:0;margin: 0;}
img { max-width:100%; }

/*사파리 버튼 초기화*/
input[type="text"], input[type="password"], input[type="button"], input[type="submit"], textarea { -webkit-appearance: none; -webkit-border-radius: 0; }


/*placeholder*/
input::-ms-input-placeholder { font-weight: 400; color: #c6c6c6; }
input::-webkit-input-placeholder { font-weight: 400; color: #c6c6c6; }
input::-moz-placeholder { font-weight: 400; color: #c6c6c6; }

textarea::-ms-input-placeholder { font-weight: 400; color: #c6c6c6; }
textarea::-webkit-input-placeholder { font-weight: 400; color: #c6c6c6; }
textarea::-moz-placeholder { font-weight: 400; color: #c6c6c6; }


/*select style*/
select {
    -webkit-appearance: none; /* 화살표 없애기 for chrome*/
    -moz-appearance: none; /* 화살표 없애기 for firefox*/
    appearance: none; /* 화살표 없애기 공통*/
    background-image: url('/app_type_1/img/ico_arrow_select1.png');
    background-repeat: no-repeat;
    background-position: calc(100% - 7px) center;
    background-size: 7px;
    background-color: #fff;
    cursor: pointer;
}
select::-ms-expand { display: none; /* 화살표 없애기 for IE10, 11*/ }


/*scrollbar style*/
* {
    scrollbar-arrow-color: #dadada;
    scrollbar-base-color: transparent;
    scrollbar-3dlight-color: transparent;
    scrollbar-darkshadow-color: transparent;
    scrollbar-face-color: #dadada;
    scrollbar-highlight-color: transparent;
    scrollbar-shadow-color: transparent;
    scrollbar-track-color: transparent;
}

*::-webkit-scrollbar { width: 4px; height: 4px; }
*::-webkit-scrollbar-track { background : transparent; }
*::-webkit-scrollbar-thumb { width: 4px; height: 4px; border-radius: 2px; box-sizing: border-box; background: #dadada; }


/*drag style*/
::selection { background: #40f7ff; color: #fff; }
::-moz-selection { background: #40f7ff; color: #fff; }


/*--------------------------------------------------------------------------------------------------------------------------*/


/*공통 CSS*/
/*layout style*/
section { display: flex; flex-direction: column; justify-content: space-between; position: relative; max-width: 600px; min-height: 100%; margin: 0 auto; padding-top: 57px; box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.05); box-sizing: border-box; }
.container { position: relative; padding-bottom: 110px; box-sizing: border-box; }
.wrap { padding: 0 15px; box-sizing: border-box; }


/*button style*/
.btn-custom,
a.btn-custom { display: flex; justify-content: center; align-items: center; width: 100%; height: 50px; border: none; border-radius: 6px; box-sizing: border-box; background: #6600a6; font-size: 15px; font-weight: 500; color: #fff; letter-spacing: -0.45px; }
.btn-custom-v1,
a.btn-custom-v1 { background-color: #40f7ff; color: #000; }
.btn-custom-v2,
a.btn-custom-v2 { border: 1px solid #000; box-sizing: border-box; background: #fff; color: #000; }

.btn-group { display: flex; justify-content: space-between; align-items: center; }
.btn-group .btn { width: calc(50% - 4px); }

.btn-upload { display: block; position: relative; width: 63px; height: 63px; border: 1px solid #000; border-radius: 6px; box-sizing: border-box; overflow: hidden; }
.btn-upload:before { content: '+'; display: flex; justify-content: center; align-items: center; position: absolute; top: 0 left: 0; right: 0; margin: 0 auto; width: 100%; height: 100%; font-size: 20px; font-weight: 300; color: #000; text-align: center; }
.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-group-upload { display: flex; align-items: center; margin-bottom: 10px; }
.btn-group-upload .btn { margin-right: 8px; }
.btn-group-upload .btn:last-child { margin-right: 0; }


/*checkbox & radio button style*/
.ck-custom { display: none; }
.ck-custom + label { display: flex; align-items: center; font-size: 10px; font-weight: 400; color: #585858; letter-spacing: -0.3px; cursor: pointer; }
.ck-custom + label .custom { display: block; width: 9px; height: 9px; margin-right: 6px; background: url('/app_type_1/img/ico_check1_off.png') center center no-repeat; background-size: contain; }
.ck-custom:checked + label .custom { background-image: url('/app_type_1/img/ico_check1_on.png'); }

.ck-custom2 { display: none; }
.ck-custom2 + label { display: flex; align-items: center; font-size: 13px; font-weight: 400; color: #000; letter-spacing: -0.4px; cursor: pointer; }
.ck-custom2 + label .custom { display: block; width: 12px; height: 12px; margin-right: 3px; background: url('/app_type_1/img/ico_check2_off.png') center center no-repeat; background-size: contain; }
.ck-custom2:checked + label .custom { background-image: url('/app_type_1/img/ico_check2_on.png'); }

.ck-custom3 { display: none; }
.ck-custom3 + label { display: flex; flex-direction: column; align-items: center; font-family: 'PyeongChang'; font-size: 10px; font-weight: 400; color: #fff; letter-spacing: -0.5px; cursor: pointer; }
.ck-custom3 + label .custom { display: block; width: 24px; height: 24px; margin-bottom: 4px; background: url('/app_type_1/img/ico_check4_off.png') center center no-repeat; background-size: contain; }
.ck-custom3 + label .custom1 { display: block; width: 38px; height: 38px; margin-bottom: 4px; background: url('/app_type_1/img/8960656_siren_ambulance_hospital_alert_emergency_icon.svg') center center no-repeat; background-size: contain; }
.ck-custom3:checked + label .custom { background-image: url('/app_type_1/img/ico_check4_on.png'); }

.ck-custom4 { display: none; }
.ck-custom4 + label { display: flex; flex-direction: column; justify-content: center; align-items: center; cursor: pointer; }
.ck-custom4 + label .img { width: 76px; height: 76px; margin-bottom: 14px; background: center center no-repeat; background-size: contain; }
.ck-custom4 + label .label { position: relative; }
.ck-custom4 + label .label .tit { position: relative; z-index: 1; font-size: 15px; font-weight: 400; color: #000; text-align: center; letter-spacing: -0.9px; }
.ck-custom4 + label .label .tit:after { content: ''; display: none; position: absolute; top: 0; right: -5px; width: 4px; height: 4px; border-radius: 50%; box-sizing: border-box; background: #36f0ff; }
.ck-custom4 + label .label .highlight { display: none; position: absolute; left: 0; right: 0; bottom: 0; height: 9px; margin: 0 auto; background: rgba(52, 247, 255, 0.47); }
.ck-custom4:checked + label .label .tit { font-weight: 700; }
.ck-custom4:checked + label .label .tit:after { display: block; }
.ck-custom4:checked + label .label .highlight { display: block; }

.list-ck-inquiry { display: flex; justify-content: space-between; align-items: center; }
.list-ck-inquiry li { position: relative; width: 33.33%; }
.list-ck-inquiry li:after { content: ''; display: block; position: absolute; top: calc(50% - 54px); right: 0; width: 1px; height: 108px; background: #f7f7f7; }
.list-ck-inquiry li:nth-child(1) .ck-custom4 + label .img { background-image: url('/app_type_1/img/ico_check6_off.png'); }
.list-ck-inquiry li:nth-child(2) .ck-custom4 + label .img { background-image: url('/app_type_1/img/ico_check7_off.png'); }
.list-ck-inquiry li:nth-child(3) .ck-custom4 + label .img { background-image: url('/app_type_1/img/ico_check8_off.png'); }
.list-ck-inquiry li:nth-child(1) .ck-custom4:checked + label .img { background-image: url('/app_type_1/img/ico_check6_on.png'); }
.list-ck-inquiry li:nth-child(2) .ck-custom4:checked + label .img { background-image: url('/app_type_1/img/ico_check7_on.png'); }
.list-ck-inquiry li:nth-child(3) .ck-custom4:checked + label .img { background-image: url('/app_type_1/img/ico_check8_on.png'); }

.ck-custom5 { display: none; }
.ck-custom5 + label { display: flex; align-items: center; padding: 18px 0; box-sizing: border-box; cursor: pointer; }
.ck-custom5 + label .custom { display: block; width: 14px; height: 14px; margin-right: 14px; background: url('/app_type_1/img/ico_check5_off.svg') center center no-repeat; background-size: contain; }
.ck-custom5 + label .label { display: flex; justify-content: space-between; align-items: center; width: 100%; }
.ck-custom5 + label .label .item-name { display: flex; align-items: center; font-size: 14px; font-weight: 400; color: #000; letter-spacing: -0.4px; }
.ck-custom5 + label .label .item-name img { width: 15px; margin-right: 3px; }
.ck-custom5 + label .label .item-price { display: flex; justify-content: center; align-items: center; width: 92px; height: 30px; border: none; border-radius: 6px; box-sizing: border-box; background: #000; font-size: 13px; font-weight: 400; color: #fff; letter-spacing: -0.4px; }
.ck-custom5:checked + label .custom { background-image: url('/app_type_1/img/ico_check5_on.svg'); }
.ck-custom5:checked + label .label .item-price { color: #34f7ff; }


/*select style*/
.select-custom { width: 100%; height: 48px; padding: 0 16px; border: 1px solid #eee; border-radius: 8px; box-sizing: border-box; font-size: 15px; font-weight: 400; color: #111; letter-spacing: -0.4px; }


/*form style*/
.frm-group .tit-frm { display: flex; justify-content: space-between; align-items: center; margin-bottom: 5px; font-family: 'PyeongChang'; font-size: 13px; font-weight: 700; color: #000; letter-spacing: -0.4px; }
.frm-group .tit-frm span { font-family: 'Noto Sans KR'; font-weight: 400; }
.frm-group .inp-group { position: relative; border-bottom: 2px solid #000; box-sizing: border-box; }
.frm-group .inp-group .inp-frm { width: calc(100% - 30px); height: 40px; border: none; box-sizing: border-box; font-size: 17px; font-weight: 500; color: #000; letter-spacing: -0.5px; }
.frm-group .inp-group .inp-frm:disabled { color: #c6c6c6; }
.frm-group .inp-group .confirm { position: absolute; top: calc(50% - 20px); right: 0; width: 20px; height: 40px; background: url('/app_type_1/img/ico_check3_off.png') center center no-repeat; background-size: 18px; }
.frm-group .inp-group .confirm.active { background-image: url('/app_type_1/img/ico_check3_on.png'); }

.frm-group .inp-group-mail { display: flex; align-items: center; }
.frm-group .inp-group-mail .inp-frm { width: calc(50% - 25px); }
.frm-group .inp-group-mail .unit { display: flex; justify-content: center; align-items: center; width: 50px; height: 40px; font-size: 17px; font-weight: 500; color: #000; text-align: center; letter-spacing: -0.5px; }

.frm-group .inp-group-phone { display: flex; justify-content: space-between; align-items: center; margin-bottom: 15px; }
.frm-group .inp-group-phone .inp-frm { width: calc(100% - 105px); padding: 6px 0; border: none; border-bottom: 2px solid #000; box-sizing: border-box; font-size: 17px; font-weight: 500; color: #000; }
.frm-group .inp-group-phone .btn-frm { width: 96px; height: 40px; border: none; border-radius: 6px; box-sizing: border-box; background: #000; font-size: 15px; font-weight: 400; color: #fff; letter-spacing: -0.45px; }


.frm-group .inp-group-sns { display: flex; justify-content: space-between; align-items: center; }
.frm-group .inp-group-sns select { width: calc((100% - 53px) / 2); height: 40px; padding: 6px 25px 6px 0; border: none; border-bottom: 2px solid #000; box-sizing: border-box; background-size: 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 17px; font-weight: 500; color: #000; }
.frm-group .inp-group-sns .inp-frm { width: calc((100% - 53px) / 2); height: 40px; padding: 6px 0; border: none; border-bottom: 2px solid #000; box-sizing: border-box; font-size: 17px; font-weight: 500; color: #000; }
.frm-group .inp-group-sns .btn-add { width: 40px; height: 40px; border: none; border-radius: 6px; box-sizing: border-box; background: url('/app_type_1/img/ico_plus2.svg') center center no-repeat #000; }


.frm-group textarea.inp-frm { display: block; width: 100%; height: 185px; padding: 10px; border: 2px solid #000; border-radius: 6px; box-sizing: border-box; font-size: 15px; font-weight: 500; color: #000; letter-spacing: -0.45px; }

.frm-group .textarea-group { display: flex; flex-direction: column; justify-content: space-between; height: 185px; padding: 10px; border: 2px solid #000; border-radius: 6px; box-sizing: border-box; font-size: 15px; font-weight: 500; color: #000; letter-spacing: -0.45px; }
.frm-group .textarea-group textarea { display: block; width: 100%; height: calc(100% - 20px); padding: 0; border: none; }
.frm-group .textarea-group .num { font-size: 13px; font-weight: 400; color: #000; text-align: right; }


.frm-group .inp-group2 .inp-frm { display: block; width: 100%; height: 50px; margin-bottom: 10px; padding: 0 12px; border: 1px solid #000; border-radius: 6px; box-sizing: border-box; font-size: 13px; font-weight: 400; color: #000; letter-spacing: -0.4px; }
.frm-group .inp-group2 textarea.inp-frm { height: 165px; padding: 12px; box-sizing: border-box; }

.list-frm > li { margin-bottom: 25px; }
.list-frm > li:last-child { margin-bottom: 0; }

.frm .top-frm { margin-bottom: 25px; font-size: 16px; font-weight: 700; color: #000; letter-spacing: -0.48px; }
.frm .list-frm { margin-bottom: 16px; }


/*toggle button style*/
.switch-area { position: absolute; top: calc(50% - 22.5px); right: 0; }
.switch-group { margin-bottom: 10px; }
.switch-group:last-child { margin-bottom: 0; }
.switch-group .txt { margin-top: 1px; font-size: 10px; font-weight: 400; color: #000; text-align: center; letter-spacing: -0.3px; }

.switch { display: inline-block; position: relative; width: 66px; height: 29px; margin: 0 16px; vertical-align: middle; cursor: pointer; }
.switch input { display: none; }

.switch .slider { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: #b4b4b4; -webkit-transition: .4s; transition: .4s; cursor: pointer; }
.switch .slider:before { content: ''; position: absolute; left: 6px; bottom: 6px; height: 18px; width: 18px; background-color: #fff; -webkit-transition: .4s; transition: .4s; }
.switch input:checked + .slider { background-color: #000; }
.switch input:focus + .slider { box-shadow: 0 0 1px #000; }
.switch input:checked + .slider:before { -webkit-transform: translateX(36px); -ms-transform: translateX(36px); transform: translateX(36px); }

.switch .slider.round { border-radius: 6px; }
.switch .slider.round:before { border-radius: 4px; }

.switch .label:after { content: '부재중'; display: block; position: absolute; top: 6px; right: 10px; font-size: 10px; font-weight: 400; color: #fff; letter-spacing: -0.3px; }
.switch input:checked ~ .label:after { content: '접속중'; left: 10px; right: auto; }
.switch input:focus ~ .slider { content: '접속중'; }


/*paging style*/
.paging { display: flex; justify-content: center; align-items: center; margin-top: 25px; }
.paging a { display: flex; justify-content: center; align-items: center; width: 16px; height: 20px; margin: 0 5px; border-bottom: 2px solid transparent; box-sizing: border-box; font-size: 14px; font-weight: 500; color: #9a9a9a; letter-spacing: -0.4px; }
.paging .btn-paging { background: center center no-repeat; background-size: 10px; }
.paging .btn-paging-prev { background-image: url('/app_type_1/img/ico_arrow_prev2.png'); }
.paging .btn-paging-next { background-image: url('/app_type_1/img/ico_arrow_next2.png'); }
.paging .num { display: flex; align-items: center; margin: 0 5px; }
.paging .num a:hover,
.paging .num a.active { border-color: #000; color: #000; }


/*thumbnail style*/
.thumb { width: 100%; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: cover; }


/*header style*/
.header { position: fixed; top: 0; left: 0; right: 0; z-index: 100; width: 100%; max-width: 600px; margin: 0 auto; background: #fff; }
.hd { display: flex; justify-content: space-between; align-items: center; position: relative; height: 57px; padding: 0 15px; box-sizing: border-box; background: #6600a6; }
.hd .hd-l { display: flex; align-items: center; height: 100%; }
.hd .hd-r { display: flex; justify-content: flex-end; align-items: center; height: 100%; }
.hd .hd-rr { display: flex; right: 50px;position: absolute; align-items: center; height: 100%; }
.hd .hd-back { width: 21px; height: 100%; margin-right: 5px; border: none; background: url('/app_type_1/img/ico_arrow_back1.png') center center no-repeat; background-size: 21px; }

.hd .hd-close { width: 21px; height: 100%; margin-right: 5px; border: none; background: url('/app_type_1/img/64_close.webp') center center no-repeat; background-size: 21px; }

.hd .hd-tit { font-family: 'PyeongChang'; font-size: 18px; font-weight: 700; color: #fff; }

.hd .hd-home { display: block; width: 40px; height: 100%; background: url('/app_type_1/img/free-icon-home-6586715.png') center center no-repeat; background-size: 25px; }

.hd .hd-config { display: block; width: 40px; height: 100%; background: url('/app_type_1/img/free-icon-settings-7945980.png') center center no-repeat; background-size: 25px; }

.hd .hd-logo { width: 120px; }
.hd .hd-search { display: block; width: 204px; height: 27px; border-radius: 14px; box-sizing: border-box; background: url('/app_type_1/img/ico_search1.png') calc(100% - 12px) center no-repeat #fff; background-size: 18px; }
.hd .hd-link { display: flex; justify-content: center; align-items: center; height: 20px; padding: 0 5px; border: 1px solid #fff; border-radius: 6px; box-sizing: border-box; font-size: 12px; font-weight: 400; color: #fff; text-align: center; letter-spacing: -0.84px; }
.hd .hd-ranking { display: block; width: 44px; height: 100%; background: url('/app_type_1/img/ico_ranking1.png') center center no-repeat; background-size: 22px; }
.hd .hd-search2 { display: block; width: 44px; height: 100%; background: url('/app_type_1/img/free-icon-search-3104567.png') center center no-repeat; background-size: 26px; }


/*footer style*/
.footer { position: fixed; left: 0; right: 0; bottom: 0; z-index: 100; width: 100%; max-width: 600px; margin: 0 auto; background: #6600a6; box-sizing: border-box; }
.ft .ft-menu { display: flex; justify-content: space-around; align-items: center; height: 73px; }
.ft .ft-menu a { display: flex; flex-direction: column; justify-content: center; align-items: center; width: 20%; height: 100%; }
/*
.ft .ft-menu a:nth-child(3) { width: 63px; height: 63px; margin-top: 0px; border: 2px solid #000; border-radius: 16px; box-sizing: border-box; background: #fff; }
*/
.ft .ft-menu .ico { width: 32px; height: 32px; margin-bottom: 2px; background: center center no-repeat; background-size: contain; }
.ft .ft-menu a:nth-child(1) .ico { background: url('/app_type_1/img/m_free-icon-home-6586715.webp'); background-size: 32px; }
.ft .ft-menu a:nth-child(2) .ico { background-image: url('/app_type_1/img/free-icon-online-dating-8135560_128.webp'); background-size: 31px; }
.ft .ft-menu a:nth-child(3) .ico { background-image: url('/app_type_1/img/m_free-icon-user-3756657.webp'); background-size: 32px; }
.ft .ft-menu .tit { font-family: 'PyeongChang'; font-size: 10px; font-weight: 400; color: #fff; text-align: center; letter-spacing: -0.5px; }

.ft .ft-menu a.active:nth-child(1) {  width: 63px; height: 63px; margin-top: 0px; border: 2px solid #000; border-radius: 16px; box-sizing: border-box; background: #fff; }
.ft .ft-menu a.active:nth-child(1) .tit {  color: #000; }

.ft .ft-menu a.active:nth-child(2) {  width: 63px; height: 63px; margin-top: 0px; border: 2px solid #000; border-radius: 16px; box-sizing: border-box; background: #fff; }
.ft .ft-menu a.active:nth-child(2) .tit {  color: #000; }

.ft .ft-menu a.active:nth-child(3) {  width: 63px; height: 63px; margin-top: 0px; border: 2px solid #000; border-radius: 16px; box-sizing: border-box; background: #fff; }
.ft .ft-menu a.active:nth-child(3) .tit {  color: #000; }

.ft .ft-menu a.active:nth-child(4) {  width: 63px; height: 63px; margin-top: 0px; border: 2px solid #000; border-radius: 16px; box-sizing: border-box; background: #fff; }
.ft .ft-menu a.active:nth-child(4) .tit {  color: #000; }

.ft .ft-menu a.active:nth-child(5) {  width: 63px; height: 63px; margin-top: 0px; border: 2px solid #000; border-radius: 16px; box-sizing: border-box; background: #fff; }
.ft .ft-menu a.active:nth-child(5) .tit {  color: #000; }

/*
.ft .ft-menu a:nth-child(3) .tit { color: #000; }
.ft .ft-menu a.active:nth-child(1) .ico { background-image: url('/app_type_1/img/ico_footer1_on.png'); }
.ft .ft-menu a.active:nth-child(2) .ico { background-image: url('/app_type_1/img/ico_footer6_on.png'); }
.ft .ft-menu a.active:nth-child(4) .ico { background-image: url('/app_type_1/img/ico_footer4_on.png'); }
.ft .ft-menu a.active:nth-child(5) .ico { background-image: url('/app_type_1/img/ico_footer5_on.png'); }

.ft-top { position: fixed; right: calc(50% - 195px); bottom: 125px; width: 41px; height: 41px; background: url('/app_type_1/img/ico_arrow_top1.png') center center no-repeat; background-size: contain; }
.ft-write { position: fixed; right: calc(50% - 195px); bottom: 170px; width: 41px; height: 41px; background: url('/app_type_1/img/ico_arrow_write.png') center center no-repeat; background-size: contain; }
.ft-end { position: fixed; right: calc(50% - 195px); bottom: 80px; width: 41px; height: 41px; background: url('/app_type_1/img/free-icon-shutdown-3541892.png') center center no-repeat; background-size: contain; }

*/
.ft-top { position: fixed; right: calc(50% - 195px); bottom: 86px; width: 41px; height: 41px; background: url('/app_type_1/img/ico_arrow_top1.webp') center center no-repeat; background-size: contain; }
.ft-write { position: fixed; right: calc(50% - 195px); bottom: 140px; width: 41px; height: 41px; background: url('/app_type_1/img/ico_arrow_write.webp') center center no-repeat; background-size: contain; }

.footer2 { background: #6600a6; }
.footer2 .fold { display: flex; justify-content: space-between; align-items: center; height: 50px; padding: 0 15px; box-sizing: border-box; cursor: pointer; }
.footer2 .fold .tit { font-family: 'PyeongChang'; font-size: 13px; font-weight: 400; color: #fff; letter-spacing: -0.65px; }
.footer2 .fold .btn-more:before { content: '자세히보기'; display: block; font-family: 'PyeongChang'; font-size: 10px; font-weight: 400; color: #fff; letter-spacing: -0.5px; }
.footer2 .fold.active .btn-more:before { content: '닫기'; }
.footer2 .unfold { display: none; padding: 25px 15px; box-sizing: border-box; }
.footer2 .unfold.active { display: block; }
.footer2 .site-info { display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; }
.footer2 .site-info .company-name { font-family: 'PyeongChang'; font-size: 13px; font-weight: 400; color: #fff; letter-spacing: -0.65px; }
.footer2 .site-info .menu-group { display: flex; justify-content: flex-end; align-items: center; }
.footer2 .site-info .menu-group a { position: relative; margin-right: 16px; font-family: 'PyeongChang'; font-size: 12px; font-weight: 700; color: #fff; letter-spacing: -0.6px; }
.footer2 .site-info .menu-group a:after { content: ''; display: block; position: absolute; top: calc(50% - 5px); right: -9px; width: 1px; height: 10px; background: #fff; }
.footer2 .site-info .menu-group a:last-child { margin-right: 0; }
.footer2 .site-info .menu-group a:last-child:after { display: none; }
.footer2 .company-info p { display: inline-block; margin-right: 4px; margin-bottom: 2px; }
.footer2 .company-info p:last-child { margin-right: 0; }
.footer2 .company-info .tit { margin-right: 4px; font-size: 12px; font-weight: 700; color: #fff; }
.footer2 .company-info .txt { font-size: 12px; font-weight: 400; color: #fff; }
.footer2 .copyright { margin-top: 20px; font-size: 12px; font-weight: 400; color: #747474; letter-spacing: -0.6px; }


/*서브 공통 CSS*/
/*탭 메뉴*/
.tab-menu { display: flex; align-items: center; position: sticky; top: 57px; z-index: 100; height: 48px; padding: 0 15px; box-sizing: border-box; background: #6600a6; }
.tab-menu span { position: relative; margin-right: 30px; font-family: 'PyeongChang'; font-size: 18px; font-weight: 700; color: #fff; cursor:pointer; }
.tab-menu span:last-child { margin-right: 15px; }
.tab-menu span.active { color: #34f7ff; }
.tab-menu span.active:before { content: ''; display: block; position: absolute; top: -2px; right: -3px; width: 3px; height: 3px; border-radius: 50%; box-sizing: border-box; background: #34f7ff; }

.tab-menu a { position: relative; margin-right: 40px; font-family: 'PyeongChang'; font-size: 15px; font-weight: 700; color: #fff; }
.tab-menu a:last-child { margin-right: 0; }
.tab-menu a.active { color: #34f7ff; }
.tab-menu a.active:before { content: ''; display: block; position: absolute; top: -2px; right: -3px; width: 3px; height: 3px; border-radius: 50%; box-sizing: border-box; background: #34f7ff; }


.tab-menu div { position: relative; margin-right: 40px; font-family: 'PyeongChang'; font-size: 15px; font-weight: 700; color: #fff; }
.tab-menu div:last-child { margin-right: 0; }
.tab-menu div.active { color: #34f7ff; }
.tab-menu div.active:before { content: ''; display: block; position: absolute; top: -2px; right: -3px; width: 3px; height: 3px; border-radius: 50%; box-sizing: border-box; background: #34f7ff; }

.tab-menu-v1 { white-space: nowrap; overflow-x: auto; }
.tab-menu-v1 a { margin-right: 28px; }

.item-group { position: relative; margin-bottom: 10px; }
.item-group:last-child { margin-bottom: 0; } 
.item-group .btn-delete { position: absolute; top: -17px; right: 0; width: 10px; height: 11px; border: none; background: url('/app_type_1/img/ico_x1.svg') center center no-repeat; }
.item-group .card { position: relative; border: 1px solid #e8e8e8; box-sizing: border-box; }
.item-group .card:before { content: ''; display: block; position: absolute; right: 0; width: 180px; height: 3px; background: #000; }
.item-group .item-info { position: relative; }
.item-group .item-info .inner { display: flex; justify-content: space-between; padding: 13px 13px 9px; box-sizing: border-box; }
.item-group .item-info .img-group { position: relative; width: 160px; height: 105px; border-radius: 10px; box-sizing: border-box; overflow: hidden; background:url('/app_type_1/img/dj-bg-img.png');background-size:cover; }

.item-group .item-info .img-groupN { position: relative; width: 99%; border-radius: 10px; box-sizing: border-box; overflow: hidden; background:url('/app_type_1/img/dj-bg-img.png');background-size:cover; }

.item-group .item-info .img-group .badge { position: absolute; top: 0; left: 0; width: 0; height: 0; border-top: 18px solid #000; border-left: 18px solid #000; border-right: 18px solid transparent; border-bottom: 18px solid transparent; }
.item-group .item-info .img-group .badge:after { content: 'new'; display: block; position: absolute; top: -15px; left: -15px; transform: rotate(-45deg); font-size: 10px; font-weight: 700; color: #34f7ff; text-align: center; letter-spacing: -0.3px; }

.item-group .item-info .img-group .badgebest { position: absolute; top: 0; left: 0; width: 0; height: 0; border-top: 18px solid #000; border-left: 18px solid #000; border-right: 18px solid transparent; border-bottom: 18px solid transparent; }
.item-group .item-info .img-group .badgebest:after { content: 'best'; display: block; position: absolute; top: -15px; left: -15px; transform: rotate(-45deg); font-size: 10px; font-weight: 700; color: #34f7ff; text-align: center; letter-spacing: -0.3px; }

.item-group .item-info .item-basic { width: calc(100% - 170px); }
.item-group .item-info .item-basic .tit-item { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; height: 38px; margin-bottom: 5px; white-space: normal; overflow: hidden; font-family: 'PyeongChang'; font-size: 13px; font-weight: 700; color: #000; letter-spacing: -0.4px; word-break: break-all; }
.item-group .item-info .item-basic .item-name { display: flex; align-items: center; margin-bottom: 7px; font-size: 15px; font-weight: 700; color: #000; letter-spacing: -0.45px; }
.item-group .item-info .item-basic .item-name .num { position: relative; margin-left: 4px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.item-group .item-info .item-basic .item-name .num .txt { position: relative; z-index: 1; }
.item-group .item-info .item-basic .item-name .num .highlight { display: block; position: absolute; left: 0; right: 0; bottom: 0; height: 9px; margin: 0 auto; background: rgba(52, 247, 255, 0.47); z-index:-1 }
.item-group .item-info .btn { display: flex; justify-content: center; align-items: center; position: absolute; right: 13px; bottom: 9px; width: calc(100% - 196px); height: 32px; border: none; border-radius: 6px; box-sizing: border-box; background: #000; font-size: 13px; font-weight: 400; color: #fff; letter-spacing: -0.4px; }
.item-group .item-info .btn-v1 { background: #8e8e8e; }
.item-group .item-info .btn-v2 { box-sizing: border-box; background: #8E8E8E; color: #fff; }
.item-group .item-info .btn-v3 { box-sizing: border-box; border:1px solid #000; background: #fff; color: #000; }
.item-group .item-info .btn img { margin-right: 6px; zoom: 0.5; }
.item-group .item-data .fold { display: flex; justify-content: flex-end; align-items: center; height: 28px; padding: 0 12px; box-sizing: border-box; background: #f4f4f4; cursor: pointer; }
.item-group .item-data .fold .txt { display: flex; justify-content: flex-end; align-items: center; margin-right: 8px; font-size: 10px; font-weight: 500; color: #000; letter-spacing: -0.3px; }
.item-group .item-data .fold .txt:last-child { margin-right: 0; }
.item-group .item-data .fold .txt img { margin-right: 6px; zoom: 0.5; }
.item-group .item-data .fold .txt .v1 { margin-left: 2px; font-weight: 400; color: #585858; }
.item-group .item-data .fold .txt .arrow { width: 7px; height: 5px; margin-left: 6px; background: url('/app_type_1/img/ico_arrow_bottom1.svg') center center no-repeat; background-size: contain; transition: .5s all ease-out; }
.item-group .item-data .fold.active .txt .arrow { transform: rotate(180deg); }
.item-group .item-data .unfold { display: none; padding: 8px 12px; box-sizing: border-box; }
.item-group .item-data .unfold.active { display: block; }
.item-group .item-data .review-group .txt-group { display: flex; justify-content: space-between; align-items: center; padding: 3px 0; border-bottom: 1px solid #f4f4f4; box-sizing: border-box; }
.item-group .item-data .review-group .txt-group:last-child { border-bottom: none; }
.item-group .item-data .review-group .txt-group .txt { width: 70%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 11px; font-weight: 400; color: #000; letter-spacing: -0.35px; }
.item-group .item-data .review-group .txt-group .date { font-size: 11px; font-weight: 400; color: #585858; text-align: right; letter-spacing: -0.35px; }


/*배너*/
.top-banner { display: flex; align-items: center; position: relative; height: 85px; padding: 0 12px; border: 1px solid #000; border-radius: 6px; box-sizing: border-box; background: #f7f7f7; }
.top-banner .txt-group .txt { font-family: 'PyeongChang'; font-size: 15px; font-weight: 400; color: #000; letter-spacing: -0.75px; }
.top-banner .txt-group .txt2 { font-family: 'PyeongChang'; font-size: 17px; font-weight: 700; color: #000; letter-spacing: -0.85px; }
.top-banner img { position: absolute; right: 0; bottom: 0; zoom: 0.5; }


/*필터*/
.filter-group { display: flex; justify-content: space-between; align-items: center; margin-bottom: 40px; }
.filter-group .ck-group { display: flex; align-items: center; height: 25px; padding: 0 6px; border: 1px solid #000; border-radius: 6px; box-sizing: border-box; }
.filter-group .ck-group .ck-custom2 + label { font-size: 12px; }

.filter-select { position: relative; }
.filter-select .btn-filter { width: 17px; height: 17px; border: none; background: url('/app_type_1/img/ico_filter1.png') center center no-repeat; background-size: 17px; }

.filter-select .filter-sort { display: none; position: absolute; top: 0; right: 0; z-index: 1; width: 104px; padding: 8px; border: 1px solid #000; box-sizing: border-box; background: #fff; }
.filter-select .filter-sort.active { display: block; }
.filter-select .filter-sort a { display: block; padding: 4px 0; border-bottom: 1px solid #ededed; box-sizing: border-box; font-size: 12px; font-weight: 400; color: #000; letter-spacing: -0.5px; }
.filter-select .filter-sort a:first-child { padding-top: 0; }
.filter-select .filter-sort a:last-child { padding-bottom: 0; border-bottom: none; }
.filter-select .filter-sort a.active { background: url('/app_type_1/img/ico_arrow_bottom3.png') right center no-repeat; background-size: 8px; }

.filter-select .filter-sort span { display: block; padding: 4px 0; border-bottom: 1px solid #ededed; box-sizing: border-box; font-size: 12px; font-weight: 400; color: #000; letter-spacing: -0.5px; }
.filter-select .filter-sort span:first-child { padding-top: 0; }
.filter-select .filter-sort span:last-child { padding-bottom: 0; border-bottom: none; }
.filter-select .filter-sort span.active { background: url('/app_type_1/img/ico_arrow_bottom3.png') right center no-repeat; background-size: 8px; }

.filter-select .filter-sort1 { display: none; position: absolute; top: 0; left: 10px; z-index: 1; width: 104px; padding: 8px; border: 1px solid #000; box-sizing: border-box; background: #fff; }
.filter-select .filter-sort1.active { display: block; }
.filter-select .filter-sort1 a { display: block; padding: 4px 0; border-bottom: 1px solid #ededed; box-sizing: border-box; font-size: 12px; font-weight: 400; color: #000; letter-spacing: -0.5px; }
.filter-select .filter-sort1 a:first-child { padding-top: 0; }
.filter-select .filter-sort1 a:last-child { padding-bottom: 0; border-bottom: none; }
.filter-select .filter-sort1 a.active { background: url('/app_type_1/img/ico_arrow_bottom3.png') right center no-repeat; background-size: 8px; }

.filter-select .filter-sort1 span { display: block; padding: 4px 0; border-bottom: 1px solid #ededed; box-sizing: border-box; font-size: 12px; font-weight: 400; color: #000; letter-spacing: -0.5px; }
.filter-select .filter-sort1 span:first-child { padding-top: 0; }
.filter-select .filter-sort1 span:last-child { padding-bottom: 0; border-bottom: none; }
.filter-select .filter-sort1 span.active { background: url('/app_type_1/img/ico_arrow_bottom3.png') right center no-repeat; background-size: 8px; }




/*데이터 없음*/
.no-data { margin-top: 100px; }
.no-data img { display: block; margin: 0 auto 60px; zoom: 0.5; }
.no-data .txt-group { text-align: center; }
.no-data .txt-group .tit { font-size: 20px; font-weight: 500; color: #000; }
.no-data .txt-group .txt { font-size: 17px; font-weight: 400; color: #000; }


/*로딩*/
.img-loading { display: block; width: 35px; margin: 0 auto; }


@media only screen and (max-width: 768px) {
	.header, .footer, section { max-width: 100%; }
	
	.ft-top { right: 15px; }
    .ft-write { right: 15px; }
    .ft-end { right: 15px; }
    
}