@charset "utf-8";
@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);

/* Reset */
html{height: 100%;}
body {margin:0;padding:0;font-size:0.75em;max-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}
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;}


/*사파리 버튼 초기화*/
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: #cacaca; }
input::-webkit-input-placeholder { font-weight: 400; color: #cacaca; }
input::-moz-placeholder { font-weight: 400; color: #cacaca; }

textarea::-ms-input-placeholder { font-weight: 400; color: #cacaca; }
textarea::-webkit-input-placeholder { font-weight: 400; color: #cacaca; }
textarea::-moz-placeholder { font-weight: 400; color: #cacaca; }


/*셀렉트 스타일*/
select {
    -webkit-appearance: none; /* 화살표 없애기 for chrome*/
    -moz-appearance: none; /* 화살표 없애기 for firefox*/
    appearance: none; /* 화살표 없애기 공통*/
    background-image: url('../img/ico_arrow_select1.png');
    background-repeat: no-repeat;
    background-position: calc(100% - 13px) center;
    background-size: 15px;
    background-color: #fff;
    cursor: pointer;
}
select::-ms-expand { display: none; /* 화살표 없애기 for IE10, 11*/ }


/*드래그*/
::selection { background: #17b9c2; color: #fff; }
::-moz-selection { background: #17b9c2; color: #fff; }


/*--------------------------------------------------------------------------------------------------------------------------*/


/*공통 CSS*/
/*layout style*/
#container { margin-top: 135px; }
.wrap { width: 1160px; max-width: 100%; }


/*modal style*/
.modal-layer { display: none; position: fixed; top: 50%; left: 50%; z-index: 200; 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: 480px; max-width: 100%; max-height: 95%; }
.dim-layer { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 99999; }
.dim-layer-on { display: block; }
.dim-layer .dim-bg { position: fixed; top: 0; left: 0; right: 0; width: 100%; height: 100%; margin: 0 auto; background: #000; opacity: .8; filter: alpha(opacity=80); }
.dim-layer .modal-layer { display: block; }
.modal-close { position: absolute; top: 0; right: -35px; z-index: 200; width: 25px; height: 25px; border: none; background: url('../img/ico_close1.png') center center no-repeat; background-size: contain; }
.modal-container { height: 100%; padding: 40px; box-sizing: border-box; background: #fff; overflow-y: auto; }
.modal-container .m-hd { border-bottom: 1px solid #e9e9e9 !important; position: absolute; top: 0; left: 0; right: 0; width: calc(100% - 40px); height: 70px; margin: 0 auto; }
.modal-container .m-hd-tit { justify-content: center !important; align-items: flex-end; padding-bottom: 15px; box-sizing: border-box; }
.modal-content { padding-top: 50px; box-sizing: border-box; }


/*알림 모달창*/
/*PC 알림*/
.modal-noti { display: none; position: absolute; top: 30px; right: 0; z-index: 200; padding-top: 20px; box-sizing: border-box; }
.modal-noti .noti { position: relative; width: 433px; height: auto; border: 1px solid #e9e9e9; border-radius: 10px; box-sizing: border-box; background: #f9f9f9; }
.modal-noti .noti:before { content: ''; display: block; position: absolute; top: -13px; right: 100px; width: 17px; height: 13px; background: url('../img/img_triangle2.png') center center no-repeat; background-size: contain; }
.modal-noti .noti .wrap { height: 100%; padding: 30px 20px 20px; box-sizing: border-box; overflow-y: auto; }


/*PC + MOBILE 공통 알림*/
.noti .noti-message { margin-bottom: 20px; font-size: 18px; font-weight: 500; color: #000; letter-spacing: -0.74px; }
.noti .noti-message span { color: #17b9c2; }
.list-noti li { margin-bottom: 20px; padding: 20px 18px; border-radius: 10px; box-shadow: 3px 4px 16px 0 rgba(4, 0, 0, 0.1); box-sizing: border-box; background: #fff; }
.list-noti li:last-child { margin-bottom: 0; }
.list-noti .tit-info { margin-bottom: 15px; font-size: 16px; font-weight: 500; color: #000; letter-spacing: -0.64px; }
.list-noti .info-content { display: flex; align-items: center; }
.list-noti .info-content .thumb { width: 104px; height: 80px; margin-right: 13px; border-radius: 6px; box-sizing: border-box; }
.list-noti .info-content .txt-group { width: calc(100% - 117px); line-height: 24px; word-break: normal; }
.list-noti .info-content .txt-group .txt { font-size: 14px; font-weight: 300; color: #333; letter-spacing: -0.9px; word-break: break-all}
.list-noti .info-content .txt-group .txt2 { font-size: 14px; font-weight: 300; color: #17b9c2; letter-spacing: -0.9px; }


/*checkbox & radio button style*/
.ck-custom { display: none; }
.ck-custom + label { display: inline-block; font-size: 15px; font-weight: 300; color: #333; letter-spacing: -0.3px; cursor: pointer; }
.ck-custom + label .custom { display: inline-block; width: 18px; height: 18px; margin-right: 5px; background: url('../img/ico_check1_off.png') center center no-repeat; background-size: contain; vertical-align: -3px; }
.ck-custom:checked + label .custom { background-image: url('../img/ico_check1_on.png'); }
.ck-custom:disabled + label .custom { background: #cccccc; border-radius: 5px; }

.ck-custom2 { display: none; }
.ck-custom2 + label { display: inline-block; align-items: center; font-size: 15px; font-weight: 300; color: #333; letter-spacing: -0.3px; cursor: pointer; }
.ck-custom2 + label .custom { display: inline-block; width: 20px; height: 20px; margin-right: 5px; background: url('../img/ico_check3_off.png') center center no-repeat; background-size: contain; vertical-align: -5px; }
.ck-custom2 + label .txt { margin-right: 6px; font-size: 15px; font-weight: 500; color: #333; letter-spacing: -0.3px; }
.ck-custom2 + label .txt2 { margin-right: 8px; font-size: 15px; font-weight: 500; color: #ccc; letter-spacing: -0.3px; text-decoration: line-through; }
.ck-custom2 + label .txt3 { font-size: 15px; font-weight: 500; color: #17b9c2; letter-spacing: -0.3px; }
.ck-custom2 + label .txt4 { margin-left: 8px; color: #17b9c2; }
.ck-custom2:checked + label .custom { background-image: url('../img/ico_check3_on.png'); }

.ck-custom3 { display: none; }
.ck-custom3 + label { display: block; width: 38px; height: 35px; background: url('../img/ico_heart1_off.png') center center no-repeat; background-size: contain; cursor: pointer; }
.ck-custom3:checked + label { background-image: url('../img/ico_heart1_on.png'); }

.ck-custom4 { display: none; }
.ck-custom4 + label { display: block; width: 48px; height: 48px; background: url('../img/ico_heart2_off.png') center center no-repeat #fff; background-size: 20px; border: 1px solid #d9d9d9; border-radius: 3px; box-sizing: border-box; cursor: pointer; }
.ck-custom4:hover + label { background-color: #f5f5f5; }
.ck-custom4:checked + label { background-image: url('../img/ico_heart2_on.png'); }

.ck-custom5 { display: none; }
.ck-custom5 + label { display: block; width: 63px; height: 100%; background: url('../img/ico_heart3_off.png') center center no-repeat; background-size: 25px; cursor: pointer; }
.ck-custom5:checked + label { background-image: url('../img/ico_heart3_on.png'); }


/*button style*/
.btn-custom, a.btn-custom { display: flex; justify-content: center; align-items: center; width: 100%; height: 60px; border: none; border-radius: 3px !important; box-sizing: border-box; background: #17b9c2; font-size: 18px; font-weight: 500; color: #fff; letter-spacing: -0.72px; transition: .3s all ease-out; }
.btn-custom:hover, a.btn-custom:hover { background: #0e6f74; }
.btn-custom:disabled, a.btn-custom:disabled { background: #f5f5f5; color: #666; }

.btn-custom-v1, a.btn-custom-v1 { height: 48px; font-size: 16px; letter-spacing: -0.64px; }
.btn-custom-v2, a.btn-custom-v2 { background: #f5f5f5; color: #666; }
.btn-custom-v2:hover, a.btn-custom-v2:hover { background: #d9d9d9; color: #666; }
.btn-custom-v3, a.btn-custom-v3 { border: 1px solid #e9e9e9; box-sizing: border-box; background: #fff; color: #999; }
.btn-custom-v3:hover, a.btn-custom-v3:hover { background: #f5f5f5; }
.btn-custom-v4, a.btn-custom-v4 { border: 1px solid #17b9c2; box-sizing: border-box; background: #fff; color: #17b9c2; font-size: 16px; height: 48px; }
.btn-custom-v4:hover, a.btn-custom-v4:hover { background: #17b9c2; color: white;}
.btn-custom-v5, a.btn-custom-v5 { border: 1px solid #e9e9e9; box-sizing: border-box; background: #fff; color: #17b9c2; font-size: 16px; height: 48px; }
.btn-custom-v5:hover, a.btn-custom-v5:hover { background: white; color: #cccccc;}

.btn-group-bottom { display: none; position: fixed; left: 0; right: 0; bottom: 0; z-index: 100; width: 100%; height: 67px; margin: 0 auto; padding: 10px 20px; box-sizing: border-box; background: #fff; }
.btn-group-bottom .group { display: flex; align-items: center; }


/*select style*/
.select-custom { display: block; width: 100%; height: 45px; padding: 0 13px; border: 1px solid #e9e9e9; border-radius: 3px; box-sizing: border-box; font-size: 15px; font-weight: 400; color: #333; letter-spacing: -0.3px; }
.select-custom:hover { border-color: #000; }
.select-custom:disabled { color: #999; }


/*thumbnail style*/
.thumb { width: 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: 99999; width: 100%; border-bottom: 1px solid #e9e9e9; box-sizing: border-box; background: #fff; }
.hd .inner { width: 1160px; max-width: 100%; height: 100%; margin: 0 auto; }
.hd-nav { display: flex; justify-content: space-between; align-items: center; padding: 15px 0; box-sizing: border-box; }
.hd-nav .hd-l { display: flex; align-items: center; }
.hd-nav .hd-r { display: flex; align-items: center; }
.hd-nav .hd-logo { margin-right: 40px; }
.hd-nav .hd-logo img { width: 115px; }
.hd-nav .hd-search { display: flex; flex-wrap: wrap; align-items: center; width: 320px; height: 50px; border-radius: 25px; box-sizing: border-box; background: #f8f8f8; }
.hd-nav .hd-search .inp-search { width: calc(100% - 70px); height: 100%; padding-left: 26px; border: none; box-sizing: border-box; background: none; font-size: 16px; font-weight: 400; color: #333; letter-spacing: -0.64px; }
.hd-nav .hd-search .btn-search { width: 70px; height: 100%; border: none; background: url('../img/ico_search1.png') center center no-repeat; }

.hd-nav .hd-util { display: flex; align-items: center; position: relative; }
.hd-nav .hd-util > a { margin-right: 30px; font-size: 16px; font-weight: 500; color: #333; letter-spacing: -0.64px; }
.hd-nav .hd-util > a:last-child { margin-right: 0; }

.hd-nav .hd-util .dropdown { display: flex; align-items: center; margin-right: 20px; }
.hd-nav .hd-util .hd-menu { padding: 10px; box-sizing: border-box; cursor: pointer; }
.hd-ico-noti { display: flex; align-items: center; position: relative; width: 19px; height: 51px; background: url('../img/ico_noti1_off.png') center center no-repeat; cursor: pointer; }
.hd-ico-noti:hover { background-image: url('../img/ico_noti1_on.png'); }
.hd-ico-noti { width: 19px; height: 21px; padding-bottom: 20px; box-sizing: border-box; }
.hd-ico-noti .num { display: flex; justify-content: center; align-items: center; position: absolute; top: -10px; right: -10px; width: 15px; height: 15px; border-radius: 50%; box-sizing: border-box; background: #ff731f; font-size: 12px; font-weight: 400; color: #fff; }

/*mobile*/
.hd-nav .link-event { display: none; }

.hd-gnb { display: flex; justify-content: space-between; align-items: center; }
.hd-gnb .hd-category { display: flex; align-items: center; }
.hd-gnb .hd-category a { display: flex; align-items: center; position: relative; margin-right: 30px; padding: 15px 0; box-sizing: border-box; font-size: 16px; font-weight: 500; color: #333; letter-spacing: -0.64px; }
.hd-gnb .hd-category a:last-child { margin-right: 0; }
.hd-gnb .hd-category a:hover:after, .hd-gnb .hd-category a.active:after { content: ''; display: block; position: absolute; bottom: 0; width: 100%; height: 3px; background: #17b9c2; }
.hd-gnb .hd-category a.total:hover:after, .hd-gnb .hd-category a.total.active:after { width: calc(100%); right: 0; }

@media only screen and (min-width: 1160px) {
    .hd-gnb .hd-category a.total:hover:after, .hd-gnb .hd-category a.total.active:after { width: calc(100% - 23px); right: 0; }
}
.hd-gnb .hd-category a.total img { margin-right: 9px; }

.hd-gnb .link-event { display: flex; align-items: center; position: relative; font-size: 16px; font-weight: 500; color: #17b9c2; letter-spacing: -0.64px; }
.hd-gnb .link-event:hover:after { content: ''; display: block; position: absolute; bottom: 0; width: calc(100% - 14px); height: 1px; background: #17b9c2; }
.hd-gnb .link-event img { margin-left: 8px; }


/*m-header style*/
.m-hd { position: relative; height: 58px; border-bottom: 1px solid #e9e9e9; box-sizing: border-box; background: #fff; }
.m-hd .m-back { display: none; position: relative; z-index: 1; }
.m-hd-tit { display: flex; justify-content: center; align-items: center; position: absolute; left: 0; right: 0; width: 100%; height: 100%; font-size: 21px; font-weight: 600; color: #111; text-align: center; letter-spacing: -0.74px; }
.m-hd-tit span { margin-top: 8px; margin-left: 5px; font-size: 15px; font-weight: 300; color: #666; letter-spacing: -0.3px; }


/*footer style*/
.footer { position: relative; background: #fff; }
.ft-category { border-top: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9; box-sizing: border-box; }
.ft-category .inner { display: flex; align-items: center; width: 1160px; max-width: 100%; margin: 0 auto; padding: 15px 0; box-sizing: border-box; }
.ft-category a { position: relative; margin-right: 40px; font-size: 16px; font-weight: 400; color: #333; letter-spacing: -0.96px; }
.ft-category a:after { content: ''; display: block; position: absolute; top: calc(50% - 7px); right: calc(0% - 20px); width: 1px; height: 14px; background: #e5e5e5; }
.ft-category a:last-child:after { display: none; }

.ft-info { border-bottom: 1px solid #d9d9d9; box-sizing: border-box; }
.ft-info .inner { width: 1160px; max-width: 100%; margin: 0 auto; padding: 40px 0; box-sizing: border-box; }
.ft-info .ft-logo { margin-bottom: 25px; }
.ft-info .ft-logo img { width: 115px; }
.ft-info .ft-logo .txt { margin-top: 8px; font-size: 12px; font-weight: 300; color: #a1a1a1; letter-spacing: -0.85px; }
.ft-info .company-info { margin-bottom: 20px; font-size: 12px; font-weight: 300; color: #666; line-height: 20px; letter-spacing: -0.85px; }
.ft-info .copyright { font-size: 14px; font-weight: 400; color: #333; letter-spacing: -0.28px; }

.ft-policy .inner { display: flex; align-items: center; width: 1160px; max-width: 100%; margin: 0 auto; padding: 15px 0; box-sizing: border-box; }
.ft-policy a { margin-right: 25px; font-size: 14px; font-weight: 300; color: #666; letter-spacing: -0.99px; }
.ft-policy a span { font-weight: 500; color: #333; }


@media only screen and (max-width: 1160px) {
  .ft-category .inner {
    display: flex;
    justify-content: space-between;
  }
  .ft-category a {
    margin: 0;
  }
}

/*mobile*/
.company-info.m { display: none; }


/*m-footer style*/
.m-footer { display: none; }
.m-ft { display: flex; justify-content: space-between; align-items: center; position: fixed; left: 0; right: 0; bottom: 0; z-index: 100; width: 100%; height: 60px; margin: 0 auto; padding: 0 10px; border-top: 1px solid #d9d9d9; box-sizing: border-box; background: #fff; }
.m-ft a { position: relative; width: 25%; height: 100%; background-repeat: no-repeat; background-size: contain; }
.m-ft .ft-menu { position: absolute; left: 0; right: 0; bottom: 12%; font-size: 12px; font-weight: 300; color: #999; text-align: center; letter-spacing: -1.04px; }

.m-ft a:nth-child(1) { background-image: url('../img/ico_footer1_off.png'); background-position: center 25%; background-size: 22px; }
.m-ft a:nth-child(2) { background-image: url('../img/ico_footer2_off.png'); background-position: center 28%; background-size: 20.5px; }
.m-ft a.heart { background-image: url('../img/ico_footer3_off.png'); background-position: center 30%; background-size: 22px; }
.m-ft a.ad { background-image: url('../img/ico_suggest-off.png'); background-position: center 30%; background-size: 22px; }
.m-ft a:nth-child(4) { background-image: url('../img/ico_footer4_off.png'); background-position: center 28%; background-size: 21px; }

.m-ft a.v1:nth-child(3) { background-image: url('../img/ico_footer5_off.png'); background-position: center 26%; background-size: 17px; }
.m-ft .num { display: flex; justify-content: center; align-items: center; position: absolute; top: 3%; right: calc(50% - 18px); width: 13px; height: 13px; padding-bottom: 1px; border-radius: 50%; box-sizing: border-box; background: #ff731f; font-size: 10px; font-weight: 400; color: #fff; }

.m-ft a.active:nth-child(1) { background-image: url('../img/ico_footer1_on.png'); }
.m-ft a.active:nth-child(2) { background-image: url('../img/ico_footer2_on.png'); }
.m-ft a.active.heart { background-image: url('../img/ico_footer3_on.png'); }
.m-ft a.active.ad { background-image: url('../img/ico_suggest-on.png'); }
.m-ft a.active:nth-child(4) { background-image: url('../img/ico_footer4_on.png'); }
.m-ft a.active .ft-menu { color: #17b9c2; }


/*메인*/
.main .content { max-width: 1160px; margin: 0 auto; }
.main .tit-section { margin-bottom: 20px; font-size: 26px; font-weight: 500; color: #333; letter-spacing: -0.52px; }

.main .sec1 { margin-bottom: 21px; }
.slide-main { position: relative; }
.slide-main .swiper { height: 370px; }
.slide-main .thumb { height: 100%; }

.slide-main .swiper-nav { position: absolute; top: 50%; left: 0; right: 0; width: 100%; margin: 0 auto; }
.slide-main .swiper-nav .swiper-button-prev,
.slide-main .swiper-nav .swiper-button-next { display: block; position: absolute; width: 26px; height: 30px; background: center center no-repeat rgba(0, 0, 0, 0.25); background-size: 7px; cursor: pointer; outline: none; }
.slide-main .swiper-nav .swiper-button-prev { left: 0; border-radius: 0 15px 15px 0; box-sizing: border-box; background-image: url('../img/ico_arrow_prev3.png'); background-position: 40% center; }
.slide-main .swiper-nav .swiper-button-next { right: 0; border-radius: 15px 0 0 15px; box-sizing: border-box; background-image: url('../img/ico_arrow_next3.png'); background-position: 60% center; }
.slide-main .swiper-nav .swiper-button-prev:after,
.slide-main .swiper-nav .swiper-button-next:after { display: none; }

.slide-main .swiper-pagination { position: absolute; bottom: 20px !important; }
.slide-main .swiper-pagination-bullet { width: 10px; height: 10px; background: rgba(255, 255, 255, 0.5); opacity: 1; }
.slide-main .swiper-pagination-bullet-active { background: rgba(0, 0, 0, 0.5); }

.main .sec2 { margin-bottom: 80px; }
.m-category { display: none; flex-wrap: wrap; justify-content: space-between; }
.m-category a { width: 25%; margin: 7px 0; }
.m-category .ico-category { display: flex; justify-content: center; align-items: center; width: 42px; height: 42px; margin: 0 auto 5px; border-radius: 15px; box-sizing: border-box; background: #f9f9f9; }
.m-category .ico-category img { width: 100%; }
.m-category .tit-category { font-size: 11px; font-weight: 400; color: #666; text-align: center; }

.slide-main2 .swiper { padding-top: 13px; box-sizing: border-box; }
.slide-main2 .thumb { height: 100%; }
.slide-main2 .slide { display: flex; align-items: center; position: relative; height: 135px; border-radius: 3px; box-sizing: border-box; }
.slide-main2 .slide-v1 { background: #e3f5f9; }
.slide-main2 .slide-v2 { background: #e7f9f5; }
.slide-main2 .txt-group { padding-left: 60px; box-sizing: border-box; font-size: 24px; font-weight: 400; color: #333; line-height: 33px; letter-spacing: -0.96px; }
.slide-main2 .txt-group .odometer { font-family: 'Noto Sans KR'; vertical-align: 1px; }
.slide-main2 .txt-group .odometer.m { display: none; }
.slide-main2 .img-graphic { position: absolute; right: 40px; bottom: 10px; }

.main .sec3 { margin-bottom: 50px; }
.list-item { display: flex; flex-wrap: wrap; margin: 0 -10px; }
.list-item li { position: relative; width: 20%; padding: 0 10px; box-sizing: border-box; margin-bottom: 50px; }
.list-item .group { position: relative; }
.list-item .ck-area { position: absolute; top: 0; right: 0; z-index: 1; }
.list-item .thumb-area { position: relative; height: 165px; margin-bottom: 13px; border-radius: 6px; box-sizing: border-box; overflow: hidden; }
.list-item .thumb-area .thumb { height: 100%; border-radius: 6px; box-sizing: border-box; transition: .3s all ease-out; }
.list-item li:hover .thumb-area .thumb { transform: scale(1.2); }
.list-item .thumb-area .img-ad { position: absolute; right: 12px; bottom: 10px; height: 16px; opacity: .3; }
.list-item .info-group { display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; }
.list-item .info-group .txt { font-size: 12px; font-weight: 400 ;color: #333; letter-spacing: -0.25px; }
.list-item .info-group .review-info { padding: 0 7px 1px; border-radius: 9px; box-sizing: border-box; background: #fff4ed; font-size: 12px; font-weight: 400; color: #ff9d26; letter-spacing: -0.25px; }
.list-item .info-group .review-info img { width: 9px; margin-right: 4px; vertical-align: 0; }
.list-item .info-group2 { margin-bottom: 10px; }
.list-item .info-group2 .item-name { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; height: 41px; line-height: 20.5px; white-space: normal; overflow: hidden; margin-bottom: 13px; font-size: 15.5px; font-weight: 400; color: #000; letter-spacing: -0.62px; word-break: normal; }
.list-item .info-group2 .bookmark-count { display: flex; align-items: center; font-size: 11.5px; font-weight: 300; color: #999; letter-spacing: -0.23px; }
.list-item .info-group2 .bookmark-count img { margin-right: 3px; }
.list-item .info-group3 { padding: 10px 0; border-top: 1px solid #e9e9e9; box-sizing: border-box; }
.list-item .info-group3 .txt { font-size: 11.5px; font-weight: 500; color: #333; letter-spacing: -0.23px; }
.list-item .info-group3 .txt span { margin-left: 2px; color: #ff731f; }

.main .sec4 { margin-bottom: 110px; }
.list-guide { display: flex; flex-wrap: wrap; justify-content: space-between; }
.list-guide li { width: 32%; margin-right: 2%; }
.list-guide li:last-child { margin-right: 0; }
.list-guide .txt-group { margin-bottom: 75px; }
.list-guide .txt-group .tit { margin-bottom: 10px; font-size: 28px; font-weight: 400; color: #333; letter-spacing: -1.14px; }
.list-guide .txt-group .txt { font-size: 16px; font-weight: 400; color: #333; line-height: 24px; letter-spacing: -0.64px; }
.list-guide .img-group { position: relative; height: 150px; background: #ebf6f9; }
.list-guide .img-group img { position: absolute; left: 0; right: 0; margin: 0 auto; max-width: 100%; }
.list-guide li:nth-child(1) img { bottom: 8px; }
.list-guide li:nth-child(2) img { bottom: 0; }
.list-guide li:nth-child(3) img { bottom: 33px; }

.main .sec5 { margin-bottom: 100px; }
.main .sec5 .brand-group .img-brand { display: block; max-width: 100%; margin: 0 auto; }
.main .sec5 .brand-group .img-brand.m { display: none; }


/*리스트*/
.list .content { padding: 17px 0 50px; box-sizing: border-box; }
.list .m-hd { display: none; }
.list .wrap { margin: 0 auto; }

.depth { display: flex; width: 1160px; max-width: 100%; margin: 0 auto 40px; }
.depth a { display: flex; justify-content: center; align-items: center; height: 30px; margin-right: 10px; padding: 0 13px 2px; border: 1px solid #d9d9d9; border-radius: 15px; box-sizing: border-box; font-size: 14px; font-weight: 300; color: #666; letter-spacing: -0.56px; }
.depth a:last-child { margin-right: 0; }
.depth a:hover,
.depth a.active { border-color: #17b9c2; color: #17b9c2; }

.list .top-page { display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; }
.list .top-page .tit-section { font-size: 26px; font-weight: 500; color: #333; letter-spacing: -0.52px; }
.list .top-page .tit-section span { margin-right: 5px; color: #17b9c2; }
.list .top-page .util { display: flex; justify-content: flex-end; align-items: center; }
.list .top-page .util .ck-area { margin-right: 15px; }
.list .top-page .util .ck-area .ck-custom + label { font-size: 14px; letter-spacing: -0.56px; }
.list .top-page .util .ck-area .ck-custom + label .custom { margin-right: 5px; vertical-align: -4px; }
.list .top-page .util .select-filter { padding-right: 15px; border: none; box-sizing: border-box; background: url('../img/ico_arrow_select2.png') right center no-repeat; background-size: 8px; font-size: 14px; font-weight: 300; color: #333; letter-spacing: -0.56px; }


/*로그인*/
.login .content { max-width: 400px; margin: 0 auto; padding: 60px 0 110px; box-sizing: border-box; }
.login .wrap { padding: 35px 0; box-sizing: border-box; }

.frm-group-login { margin-bottom: 40px; }
.frm-group-login:nth-child(2) { margin-bottom: 20px; }
.frm-group-login .tit-frm { margin-bottom: 12px; font-size: 16px; font-weight: 500; color: #000; letter-spacing: -0.64px; }
.frm-group-login .inp-frm { display: block; width: 100%; height: 58px; padding: 0 20px; border: 1px solid #e9e9e9; border-radius: 3px !important; box-sizing: border-box; font-size: 16px; font-weight: 400; color: #000; letter-spacing: -0.62px; }
.frm-group-login .inp-frm:hover,
.frm-group-login .inp-frm:focus { border-color: #000; }
.frm-group-login .inp-frm[type="password"]::-ms-input-placeholder { font-family: 'Roboto', Helvetica, Arial, sans-serif; }
.frm-group-login .inp-frm[type="password"]::-webkit-input-placeholder { font-family: 'Roboto', Helvetica, Arial, sans-serif; }
.frm-group-login .inp-frm[type="password"]::-moz-placeholder { font-family: 'Roboto', Helvetica, Arial, sans-serif; }

.login-util { display: flex; justify-content: space-between; align-items: center; margin-top: 15px; margin-bottom: 40px; }
.login-util a { font-size: 15px; font-weight: 300; color: #999; letter-spacing: -0.62px; }

.btn-group-login .btn { display: flex; justify-content: center; align-items: center; width: 100%; height: 60px; margin-bottom: 20px; border: none; border-radius: 3px; box-sizing: border-box; font-size: 18px; font-weight: 500; letter-spacing: -0.72px; transition: .3s all ease-out; }
.btn-group-login .btn:last-child { margin-bottom: 0; }
.btn-group-login .btn img { margin-right: 20px; }
.btn-group-login .btn-kakao { background: #ffe812; color: #381e1f; }
.btn-group-login .btn-naver { background: #00c73c; color: #fff; }
.btn-group-login .btn-google { border: 2px solid #f2f2f2; box-sizing: border-box; background: #f9f9f9; color: #333; }
.btn-group-login .btn-kakao:hover { background: #eed700; }
.btn-group-login .btn-naver:hover { background: #00b637; }
.btn-group-login .btn-google:hover { background: #f2f2f2; }
.btn-group-login .btn-kakao img { width: 22px; }
.btn-group-login .btn-naver img { width: 19px; }
.btn-group-login .btn-google img { width: 20px; }
.btn-group-login hr { height: 1px; margin: 20px 0; background: #e9e9e9; }
.btn-group-login .btn-apple { border: 1px solid #bfbfbf; box-sizing: border-box; background: white; color: black; }
.btn-group-login .btn-apple img { width: 32px; margin-right: 15px; }

/*회원가입*/
.sign .content { max-width: 400px; margin: 0 auto; padding: 60px 0 110px; box-sizing: border-box; }
.sign .wrap { padding: 35px 0; box-sizing: border-box; }

.frm-group-sign { margin-bottom: 40px; }
.frm-group-sign .tit-frm { margin-bottom: 12px; font-size: 16px; font-weight: 500; color: #000; letter-spacing: -0.64px; }
.frm-group-sign .tit-frm .required { margin-left: 3px; color: #ff731f; }
.frm-group-sign .inp-group { margin-bottom: 10px; }
.frm-group-sign .inp-frm { display: block; width: 100%; height: 48px; padding: 0 20px; border: 1px solid #e9e9e9; border-radius: 3px !important; box-sizing: border-box; font-size: 15.5px; font-weight: 400; color: #000; letter-spacing: -0.62px; }
.frm-group-sign .inp-frm:hover,
.frm-group-sign .inp-frm:focus { border-color: #000; }
.frm-group-sign .inp-frm:disabled { background: #fafafa; color: #999; -webkit-text-fill-color: #999; opacity: 1; }
.frm-group-sign .btn-code { width: 100px; height: 48px; margin-left: 10px; border: 1px solid #17b9c2; border-radius: 3px; box-sizing: border-box; background: #fff; font-size: 15px; font-weight: 300; color: #17b9c2; letter-spacing: -0.3px; }
.frm-group-sign .btn-code:disabled { border: 1px solid #e9e9e9; color: #333; }
.frm-group-sign .btn-code2 { width: 100px; height: 48px; margin-left: 10px; border: none; border-radius: 3px; box-sizing: border-box; background: #d9d9d9; font-size: 15px; font-weight: 300; color: #fff; letter-spacing: -0.3px; }
.frm-group-sign .frm-message { margin-top: 10px; font-size: 15.5px; font-weight: 400; color: #17b9c2; letter-spacing: -0.62px; }

.frm-group-sign .inp-group-code { display: flex; align-items: center; }
.frm-group-sign .inp-group-code .inp-frm { width: calc(100% - 110px); }
.frm-group-sign .inp-group-code .inp-frm-v1 { display: block; position: relative; height: 48px; padding: 0 20px; border: 1px solid #e9e9e9; border-radius: 3px !important; box-sizing: border-box; }
.frm-group-sign .inp-group-code .inp-frm-v1 input { height: 100%; border: none; font-size: 15px; font-weight: 400; color: #000; letter-spacing: -0.62px; }
.frm-group-sign .inp-group-code .inp-frm-v1 #timer { position: absolute; top: calc(50% - 10.5px); right: 21px; font-size: 15px; font-weight: 300; color: #17b9c2; }

.frm-group-sign .js-code { display: none; }

.sign .sign-info { margin-top: 10px; font-size: 14px; font-weight: 400; color: #999; letter-spacing: -0.58px; }
.sign .sign-info a { color: #17b9c2; }


/*회원가입 유형*/
.btn-group-type .btn { display: flex; align-items: center; height: 58px; margin-bottom: 10px; padding-left: 46px; border: 1px solid #e9e9e9; border-radius: 3px; box-sizing: border-box; background: url('../img/ico_check2_off.png') 20px center no-repeat; background-size: 18px; font-size: 18px; font-weight: 500; color: #000; letter-spacing: -0.72px; }
.btn-group-type .btn:hover { border-color: #17b9c2; background-image: url('../img/ico_check2_on.png'); color: #17b9c2; }
.btn-group-type .btn:last-child { margin-bottom: 0; }


/*계정 설정*/
.privacy .content { max-width: 400px; margin: 0 auto; padding: 60px 0 110px; box-sizing: border-box; }
.privacy .wrap { padding: 35px 0; box-sizing: border-box; }

.frm-group-profile { margin-bottom: 35px; }
.frm-group-profile .profile-upload { position: relative; width: 104px; height: 104px; margin: 0 auto; border: 1px solid #d9d9d9; border-radius: 50%; box-sizing: border-box; }
.frm-group-profile .profile-upload label { cursor: pointer; }
.frm-group-profile .profile-upload label .thumb { height: 100%; border-radius: 50%; box-sizing: border-box; }
.frm-group-profile .profile-upload label .ico-camera { position: absolute; right: 0; bottom: 0; width: 28px; height: 28px; }
.frm-group-profile .profile-upload input[type="file"] { position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; opacity: 0; cursor: pointer; }

.frm-group-sign .inp-group-phone { display: flex; justify-content: space-between; align-items: center; height: 48px; margin-top: 10px; padding: 0 8px 0 20px; border: 1px solid #e9e9e9; border-radius: 3px; box-sizing: border-box; background: #fafafa; }
.frm-group-sign .inp-group-phone.active { border-color: #000; }
.frm-group-sign .inp-group-phone .inp-phone { width: calc(100% - 70px); border: none; box-sizing: border-box; font-size: 15px; font-weight: 400; color: #000; letter-spacing: -0.62px; background: none; }
.frm-group-sign .inp-group-phone .inp-phone:disabled { color: #999; -webkit-text-fill-color: #999; opacity: 1; }
.frm-group-sign .inp-group-phone .btn-phone { display: flex; justify-content: center; align-items: center; width: 62px; height: 29px; border: none; border-radius: 3px; box-sizing: border-box; background: #17b9c2; font-size: 15px; font-weight: 500; color: #fff; letter-spacing: -0.3px; transition: .3s all ease-out; }
.frm-group-sign .inp-group-phone .btn-phone:hover { background: #0e6f74; }

.privacy .frm-group-sign:last-of-type { margin-bottom: 20px; }
.privacy .btn-withdraw { margin-top: -5px; font-size: 12.5px; font-weight: 300; color: #999; text-align: right; letter-spacing: -0.5px; }


/*마이페이지*/
.mypage .box { display: flex; align-items: flex-start; width: 1160px; max-width: 100%; margin: 0 auto; padding: 30px 0 100px; box-sizing: border-box; }
.mypage .content { width: calc(100% - 330px); }
.mypage .m-hd { border-bottom: 0; }
.mypage .m-hd-tit { justify-content: flex-start; }

.aside { width: 300px; margin-right: 30px; }
.aside .tit-page { margin-bottom: 18px; font-size: 28px; font-weight: 600; color: #000; letter-spacing: -1.12px; }

.snb { border: 1px solid #e9e9e9; box-sizing: border-box; }
.snb .group1 { position: relative; padding: 40px 15px 37px; border-bottom: 1px solid #e9e9e9; box-sizing: border-box; }
.snb .group1 .btn-link { position: absolute; top: 15px; right: 15px; font-size: 12px; font-weight: 300; color: #666; letter-spacing: -0.44px; }
.snb .group1 .user-info { display: flex; align-items: center; }
.snb .group1 .user-profile { width: 47px; height: 47px; margin-right: 10px; border-radius: 50%; box-sizing: border-box; }
.snb .group1 .user-profile .thumb { height: 100%; }
.snb .group1 .info-group .user-type { display: inline-flex; justify-content: center; align-items: center; min-width: 54px; height: 16px; margin-bottom: 2px; padding: 0 5px; border-radius: 8px; box-sizing: border-box; background: rgba(255, 39, 70, 0.07); font-size: 10px; font-weight: 400; color: #ff2746; letter-spacing: -0.4px; }
.snb .group1 .info-group .user-type-v1 { background: rgba(0, 144, 125, 0.07); color: #00907d; }
.snb .group1 .info-group .user-name { font-size: 16px; font-weight: 500; color: #000; letter-spacing: -0.66px; }
.snb .group1 .info-group .user-account { font-size: 12px; font-weight: 300; color: #999; letter-spacing: -0.48px; }

.snb .group2 { display: block; padding: 15px; border-bottom: 1px solid #e9e9e9; box-sizing: border-box; }
.snb .group2 .tit { font-size: 14px; font-weight: 600; color: #111; letter-spacing: -0.56px; }
.snb .group2 .tit span { margin-left: 10px; color: #17b9c2; }

.snb .group3 { display: block; padding: 15px; border-bottom: 1px solid #e9e9e9;box-sizing: border-box; }
.snb .group3 .tit { display: block; margin-bottom: 10px; font-size: 14px; font-weight: 600; color: #111; letter-spacing: -0.56px; }
.snb .group3 .list-process { display: flex; justify-content: center; align-items: center; }
.snb .group3 .list-process li { position: relative; width: 33.33%; text-align: center; }
.snb .group3 .list-process li:after { content: ''; display: block; position: absolute; top: calc(50% - 5.5px); right: calc(0% - 4px); width: 8px; height: 11px; background: url('../img/ico_arrow_right2.png') center center no-repeat; background-size: contain; }
.snb .group3 .list-process li:last-child:after { display: none; }
.snb .group3 .list-process .num { font-size: 18px; font-weight: 500; color: #17b9c2; }
.snb .group3 .list-process .txt { font-size: 12px; font-weight: 400; color: #333; }

.snb .group4 .list-menu li { width: calc(100% - 30px); margin: 0 auto; border-bottom: 1px solid #e9e9e9; box-sizing: border-box; background: url('../img/ico_arrow_right3.png') right center no-repeat; background-size: 5px; font-size: 14px; font-weight: 500; color: #111; letter-spacing: -0.56px; }
.snb .group4 .list-menu li:hover { font-weight: 600; }
.snb .group4 .list-menu li:last-child { border-bottom: none; }
.snb .group4 .list-menu a { display: flex; align-items: center; padding: 12px 0; box-sizing: border-box; }
.snb .group4 .list-menu .ico { display: flex; align-items: center; width: 18px; margin-left: 3px; margin-right: 10px; }

/*마이페이지 메인*/
.aside-v1 .snb-hd .m-back { display: none; }
.aside-v1 .snb-hd .m-hd-tit { display: none; }


/*신청 정보 및 진행 정보*/
.mypage .top-info { margin-bottom: 10px; padding: 25px 30px; border-radius: 3px; box-sizing: border-box; background: #f4fafb; }
.mypage .top-info .txt-group .tit { margin-bottom: 15px; font-size: 20px; font-weight: 600; color: #000; letter-spacing: -0.8px; }
.mypage .top-info .txt-group .tit span { color: #17b9c2; }
.mypage .top-info .txt-group .txt { font-size: 15px; font-weight: 300; color: #666; line-height: 25px; letter-spacing: -0.6px; }
.mypage .top-info .txt-group .txt span { font-weight: 500; }

.tab-menu { display: flex; width: 100%; margin-bottom: 40px; border-bottom: 1px solid #e8e8e8; box-sizing: border-box; background: #fff; }
.tab-menu a { padding: 10px 20px; box-sizing: border-box; font-size: 16px; font-weight: 500; color: #999; text-align: center; letter-spacing: -0.64px; }
.tab-menu a.active { border-bottom: 2px solid #17b9c2; box-sizing: border-box; color: #000; }
.tab-menu a.disabled:hover { color: #999; border-width: 0; }
.tab-menu span { margin-left: 4px; color: #999; }
.tab-menu a.active span { margin-left: 4px; color: #17b9c2; }

@media only screen and (min-width: 1160px) {
    .tab-menu a:hover { border-bottom: 2px solid #17b9c2; box-sizing: border-box; color: #000; }
}

.order-info { margin-bottom: 40px; }
.order-info:last-child { margin-bottom: 0; }
.order-info .tit-info { position: relative; margin-bottom: 15px; padding-left: 13px; box-sizing: border-box; font-size: 16px; font-weight: 500; color: #000; letter-spacing: -0.62px; }
.order-info .tit-info:before { content: ''; display: block; position: absolute; top: calc(50% - 8px); left: 0; width: 3px; height: 16px; background: #17b9c2; }
.order-info .info-content { display: flex; flex-wrap: wrap; align-items: center; }
.order-info .info-content .thumb { width: 150px; height: 115px; margin-right: 20px; border-radius: 6px; box-sizing: border-box; }
.order-info .info-content .txt-group { width: calc(100% - 170px); }
.order-info .info-content .txt-group .txt { font-size: 13px; font-weight: 300; color: #666; letter-spacing: -0.54px; }
.order-info .info-content .txt-group .txt2 { margin-bottom: 15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 16px; font-weight: 500; color: #000; letter-spacing: -0.64px; }
.order-info .info-content .txt-group .txt3 { font-size: 14px; font-weight: 400; color: #17b9c2; letter-spacing: -0.28px; }

.order-info .info-content2 { padding: 0 12px; box-sizing: border-box; }
.order-info .info-content2 .txt-group { margin-bottom: 35px; }
.order-info .info-content2 .txt-group .tit { margin-bottom: 5px; font-size: 15px; font-weight: 400; color: #000; letter-spacing: -0.3px; }
.order-info .info-content2 .txt-group .tit span { margin-left: 8px; font-size: 14px; font-weight: 400; color: #999; letter-spacing: -0.28px; }
.order-info .info-content2 .txt-group .txt { font-size: 14px; font-weight: 400; color: #666; line-height: 22px; letter-spacing: -0.28px; }
.order-info .info-content2 .txt-group .txt a { color: #17b9c2; border-bottom: 1px solid #17b9c2; box-sizing: border-box; }
.order-info .info-content2 .txt-group .txt2 { font-size: 14px; font-weight: 400; color: #17b9c2; line-height: 22px; letter-spacing: -0.28px; }
.order-info .info-content2 .txt-group .txt3 { border-bottom: 1px solid #999; box-sizing: border-box; font-size: 14px; font-weight: 400; color: #999; letter-spacing: -0.28px; }

.order-info .box-info { margin-bottom: 40px; padding: 25px 20px; border-radius: 3px; box-sizing: border-box; background: #f7f7f7; }
.order-info .box-info .txt-group .tit { margin-bottom: 8px; font-size: 16px; font-weight: 600; color: #000; letter-spacing: -1px; }
.order-info .box-info .txt-group .txt p { padding-left: 7px; box-sizing: border-box; text-indent: -7px; font-size: 15px; font-weight: 300; color: #666; line-height: 25px; letter-spacing: -1px; }
.order-info .box-info .txt-group .txt p span { color: #17b9c2; }

.order-info .btn-group-order { display: flex; align-items: center; position: relative; }
.order-info .btn-group-order .btn { width: calc(50% - 5px); height: 48px; margin-right: 10px; border: none; border-radius: 3px; box-sizing: border-box; background: #17b9c2; font-size: 16px; font-weight: 500; color: #fff; transition: .3s all ease-out; }
.order-info .btn-group-order .btn:hover { background: #0e6f74; }
.order-info .btn-group-order .btn:last-child { margin-right: 0; }
.order-info .btn-group-order .btn-v1 { border: 1px solid #e9e9e9; box-sizing: border-box; background: #fff; color: #d9d9d9; }
.order-info .btn-group-order .btn-v1:hover { background: #f8f8f8; }

.order-info .btn-group-order-v1 { display: block; }
.order-info .btn-group-order .inp-frm { width: 100%; height: 48px; margin-bottom: 10px; padding: 0 20px; border: 1px solid #e9e9e9; border-radius: 3px; box-sizing: border-box; font-size: 16px; font-weight: 600; color: #000; letter-spacing: -0.64px; }
.order-info .btn-group-order .inp-frm:hover,
.order-info .btn-group-order .inp-frm:focus { border-color: #000; }

/*motion*/
.js-motion1 { animation: motion1 0.5s ease-in-out 0s infinite alternate; }
@keyframes motion1 {
	0% { margin-top: 0; }
	100% { margin-top: 5px; }
}

.js-motion2 { animation: motion2 0.5s ease-in-out 0s infinite alternate; }
@keyframes motion2 {
  0% { margin-left: -5px; }
  100% { margin-left: 5px; }
}

.js-motion3 { animation: motion3 0.5s ease-in-out 0s 5.5 alternate; }
@keyframes motion3 {
  0% { margin-right: -5px; }
  100% { margin-right: 5px; }
}

.tip { position: absolute; top: -52px; z-index: 1; padding: 6px 15px 9px; border-radius: 5px; box-sizing: border-box; background: #333; font-size: 14px; font-weight: 500; color: #f4fafb; letter-spacing: -0.56px; }
.tip:after { content: ''; display: block; position: absolute; left: 0; right: 0; bottom: -8px; width: 12px; height: 8px; margin: 0 auto; background: url('../img/img_triangle1.png') center center no-repeat; }


/*진행 정보*/
.order-info .box-info2 { margin-bottom: 35px; padding: 30px 20px; border-radius: 3px; box-sizing: border-box; background: #f4fafb; }
.order-info .box-info2 .tit { margin-bottom: 10px; font-size: 16px; font-weight: 600; color: #000; letter-spacing: -0.64px; }
.order-info .box-info2 .txt { margin-bottom: 10px; font-size: 15px; font-weight: 300; color: #666; line-height: 25px; letter-spacing: -0.6px; }
.order-info .box-info2 .price-info { display: flex; justify-content: space-between; align-items: center; margin-bottom: 3px; }
.order-info .box-info2 .price-info:last-child { margin-bottom: 0; }
.order-info .box-info2 .price-info div:nth-child(1) { font-size: 15px; font-weight: 300; color: #333; letter-spacing: -0.6px; }
.order-info .box-info2 .price-info div:nth-child(2) { font-size: 15px; font-weight: 600; color: #000; letter-spacing: -0.6px; margin-right: 20px; }

.inp-group-copy { display: flex; justify-content: space-between; align-items: center; height: 45px; margin-top: 10px; padding: 8px 8px 8px 13px; border: 1px solid #e9e9e9; border-radius: 3px; box-sizing: border-box; }
.inp-group-copy.active { border-color: #000; }
.inp-group-copy .inp-copy { width: calc(100% - 70px); border: none; box-sizing: border-box; font-size: 15px; font-weight: 400; color: #333; letter-spacing: -0.3px; }
.inp-group-copy .btn-copy { display: flex; justify-content: center; align-items: center; width: 62px; height: 29px; border: none; border-radius: 3px; box-sizing: border-box; background: #17b9c2; font-size: 15px; font-weight: 500; color: #fff; letter-spacing: -0.3px; transition: .3s all ease-out; }
.inp-group-copy .btn-copy:hover { background: #0e6f74; }

.order-info .box-info .txt-group .txt.txt-v1 p { padding-left: 13px; box-sizing: border-box; text-indent: -13px; }


/*콘텐츠 확인*/
.media .tab-menu { margin-bottom: 20px; }
.media .img-sample { display: block; width: 100%; margin-bottom: 40px; }
.media .inner { max-width: 400px; margin: 0 auto; }
.media .page-info { margin-bottom: 40px; }
.media .page-info .txt-group { margin-bottom: 60px; text-align: center; }
.media .page-info .txt-group .txt { margin-bottom: 10px; font-size: 21px; font-weight: 300; color: #000; line-height: 31px; letter-spacing: -0.84px; }
.media .page-info .txt-group .txt strong { font-weight: 600; }
.media .page-info .txt-group .txt strong span { color: #17b9c2; }
.media .page-info .txt-group .txt2 { font-size: 14px; font-weight: 400; color: #000; line-height: 24px; letter-spacing: -0.28px; }
.media .page-info .txt-group .txt2 span { font-weight: 500; color: #17b9c2; }
.media .page-info img { display: block; max-width: 100%; margin: 0 auto; }

.coupon-area { display: flex; align-items: center; height: 140px; margin-bottom: 40px; background: url('../img/bg_coupon1.png') center center no-repeat; background-size: 100% 100%; }
.coupon-area .txt-group { display: flex; flex-direction: column; justify-content: center; align-items: center; width: 142px; height: calc(100% - 28px); padding-top: 10px; border-right: 1px dotted #17b9c2; box-sizing: border-box; }
.coupon-area .txt-group .txt { margin-bottom: -10px; font-size: 10px; font-weight: 300; color: #17b9c2; letter-spacing: 2.4px; }
.coupon-area .txt-group .txt2 { font-size: 40px; font-weight: 400; color: #17b9c2; }
.coupon-area .txt-group .txt2 span { margin-right: 2px; font-size: 54px; font-weight: 600; letter-spacing: -3.24px; }
.coupon-area .txt-group2 { display: flex; flex-direction: column; justify-content: center; width: calc(100% - 142px); padding-left: 32px; box-sizing: border-box; }
.coupon-area .txt-group2 .txt { margin-bottom: 5px; font-size: 19px; font-weight: 500; color: #000; letter-spacing: -0.76px; }
.coupon-area .txt-group2 .txt span { margin-right: 5px; color: #17b9c2; }
.coupon-area .txt-group2 .txt2 { font-size: 19px; font-weight: 500; color: #17b9c2; letter-spacing: -0.38px; }

.frm-group-media .tit-frm { margin-bottom: 8px; font-size: 16px; font-weight: 500; color: #000; letter-spacing: -0.62px; }
.frm-group-media .tit-frm2 { margin-bottom: 8px; font-size: 14px; font-weight: 400; color: #333; letter-spacing: -0.28px; }
.frm-group-media .list-ck { margin-bottom: 30px; }
.frm-group-media .list-ck li { margin-bottom: 10px; }
.frm-group-media .list-ck li:last-child { margin-bottom: 0; }
.frm-group-media .list-ck .ck-custom2 + label .custom { margin-right: 6px; }
.frm-group-media .ck-area { margin-bottom: 30px; }
.frm-group-media .ck-area .ck-custom + label .custom { margin-right: 5px; vertical-align: 0; }
.frm-group-media .ck-area .txt { font-size: 14px; font-weight: 300; color: #333; letter-spacing: -0.28px; }
.frm-group-media .ck-area .txt a { margin-left: 5px; border-bottom: 1px solid #999; box-sizing: border-box; color: #999; vertical-align: 2px; }
.frm-group-media .btn-group .btn { margin-bottom: 10px; }
.frm-group-media .btn-group .btn:last-child { margin-bottom: 0; }


/*협찬 등록하기 및 신청하기*/
.sub .box { display: flex; width: 1160px; max-width: 100%; margin: 0 auto; }
.sub .content { width: 800px; padding: 30px 20px 100px; box-sizing: border-box; }
.sub .m-hd { margin-bottom: 35px; border-bottom: none; }
.sub .m-hd-tit { justify-content: flex-start; font-size: 28px; }

/*mobile*/
.sub .m-hd .btn-tip { display: none; position: absolute; top: calc(50% - 10px); right: 20px; width: 21px; cursor: pointer; }

.frm-layer { display: none; }

.frm-group-post { margin-bottom: 40px; }
.frm-group-post-v1 { margin: 0 -20px 40px; padding: 40px 20px; box-sizing: border-box; background: #f4fafb; }

/*mobile*/
.frm-group-post.m { display: none; }

.frm-group-post .tit-frm { margin-bottom: 10px; font-size: 15.5px; font-weight: 500; color: #000; letter-spacing: -0.62px; }
.frm-group-post .tit-frm span { margin-left: 8px; font-size: 15px; font-weight: 300; color: #999; }
.frm-group-post .tit-frm a { margin-left: 8px; border-bottom: 1px solid #999; box-sizing: border-box; font-size: 14px; font-weight: 300; color: #999; vertical-align: 2px; }

.frm-group-post .inp-group .tit { margin-bottom: 10px; font-size: 14px; font-weight: 300; color: #333; letter-spacing: -0.28px; }
.frm-group-post .inp-group .tit-v1 { color: #17b9c2; }
.frm-group-post .inp-group .tit img { width: 16px; margin-left: 5px; vertical-align: -2px; cursor: pointer; }
.frm-group-post .inp-group .tit a { margin-left: 4px; border-bottom: 1px solid #999; box-sizing: border-box; color: #999; vertical-align: 2px; }

.frm-group-post .inp-frm { display: block; width: 100%; height: 45px; padding: 0 13px; border: 1px solid #e9e9e9; border-radius: 3px; box-sizing: border-box; font-size: 15px; font-weight: 400; color: #333; letter-spacing: -0.3px; }
.frm-group-post .inp-frm:hover,
.frm-group-post .inp-frm:focus { border-color: #000; }
.frm-group-post .textarea-frm { display: block; width: 100%; height: 100px; padding: 10px 12px; border: 1px solid #e9e9e9; border-radius: 3px; box-sizing: border-box; font-size: 15px; font-weight: 400; color: #333; line-height: 28px; letter-spacing: -0.3px; resize: none; }
.frm-group-post .textarea-frm:hover,
.frm-group-post .textarea-frm:focus { border-color: #000; }
.frm-group-post .txt-count { margin-top: 5px; font-size: 12px; font-weight: 300; color: #999; text-align: right; letter-spacing: -0.48px; }

.frm-group-post .inp-group-addr { display: flex; align-items: center; margin-bottom: 10px; }
.frm-group-post .inp-group-addr .inp-search { display: block; width: calc(100% - 110px); height: 45px; margin-right: 10px; padding: 0 13px; border: 1px solid #e9e9e9; border-radius: 3px; box-sizing: border-box; background: #fafafa; font-size: 15px; font-weight: 400; color: #333; letter-spacing: -0.3px; }
.frm-group-post .inp-group-addr .btn-search { display: flex; justify-content: center; align-items: center; width: 100px; height: 45px; border: 1px solid #e9e9e9; border-radius: 3px; box-sizing: border-box; background: #fafafa; font-size: 15px; font-weight: 300; color: #333; letter-spacing: -0.3px; }

.frm-group-post .inp-group-category { display: flex; align-items: center; }
.frm-group-post .inp-group-category .select-custom { width: calc(50% - 5px); margin-right: 10px; }
.frm-group-post .inp-group-category .select-custom:last-child { margin-right: 0; }

.frm-group-post .inp-group-price { display: flex; align-items: center; height: 45px; padding: 0 13px; border: 1px solid #e9e9e9; border-radius: 3px; box-sizing: border-box; ; }
.frm-group-post .inp-group-price.active { border-color: #000; }
.frm-group-post .inp-group-price input { width: calc(100% - 26px); height: 100%; border: none; font-size: 15px; font-weight: 400; color: #333; letter-spacing: -0.3px; }
.frm-group-post .inp-group-price span { width: 26px; font-size: 16px; font-weight: 500; color: #333; text-align: right; letter-spacing: -0.32px; }

.frm-group-post .list-ck li { margin-bottom: 8px; }
.frm-group-post .list-ck li:last-child { margin-bottom: 0; }
.frm-group-post .list-ck .js-layer-check { display: none; width: calc(100% - 28px); margin: 10px 0 0 auto; }
.frm-group-post .list-ck .js-layer-check .info { margin-top: 10px; padding: 12px; box-sizing: border-box; background: #f7f7f7; font-size: 14.5px; font-weight: 300; color: #999; letter-spacing: -0.8px; }
.frm-group-post .list-ck .js-layer-radio { display: none; width: calc(100% - 28px); margin: 10px 0 0 auto; }

.frm-group-post .list-ck-v1 li { display: flex; align-items: center; width: 100%; height: 35px; margin-bottom: 0; }
.frm-group-post .list-ck-v1 .ck-area { width: 100%; }
.frm-group-post .list-ck-v1 .inp-contact { display: none; width: 300px; height: 35px; margin-left: 15px; padding: 0 12px; border: none; border-radius: 3px; box-sizing: border-box; background: #f9f9f9; font-size: 15px; font-weight: 400; color: #333; }

.btn-group-upload { display: flex; align-items: center; }
.btn-upload { position: relative; width: 163px; max-width: calc(50% - 5px); height: 48px; margin-right: 10px; }
.btn-upload:last-child { margin-right: 0; }
.btn-upload label { display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; border: 1px solid #d9d9d9; border-radius: 3px; box-sizing: border-box; font-size: 15px; font-weight: 300; color: #333; letter-spacing: -0.6px; cursor: pointer; }
.btn-upload:hover label { border-color: #000; }
.btn-upload label .ico-photo { margin-right: 15px; }
.btn-upload input[type="file"] { position: absolute; top: 0; left: -1000px; z-index: 1; width: 100%; height: 100%; opacity: 0; cursor: pointer; }

.frm-group-post .inp-group-charge .select-custom { margin-bottom: 10px; }
.frm-group-post .inp-group-charge .textarea-frm { height: 140px; margin-bottom: 10px; }
.frm-group-post .inp-group-charge .txt { font-size: 14px; font-weight: 400; color: #333; letter-spacing: -0.28px; }

.frm-group-agree { margin-bottom: 10px; }
.frm-group-agree .ck-area { margin-bottom: 10px; }
.frm-group-agree .ck-area .ck-custom + label { font-size: 14px;
    letter-spacing: -0.56px;
    font-weight: 300;
    color: #333; }
.frm-group-agree .ck-area .ck-custom + label .required { color: #ff731f; }
.frm-group-agree .txt-group { height: 140px; padding: 12px; border: 1px solid #e9e9e9; border-radius: 3px; box-sizing: border-box; overflow-y: auto; }
.frm-group-agree .txt-group .tit { margin-bottom: 10px; font-size: 15px; font-weight: 300; color: #000; letter-spacing: -0.3px; }
.frm-group-agree .txt-group .txt p { margin-bottom: 10px; font-size: 14px; font-weight: 300; color: #999; line-height: 22px; letter-spacing: -0.28px; }
.frm-group-agree .txt-group .txt p:last-child { margin-bottom: 0; }

.aside2 { position: relative; width: calc(100% - 800px); padding: 20px; border-left: 1px solid #e8e8e8; box-sizing: border-box; }
.aside2 .guide { padding: 25px 20px; box-sizing: border-box; background: #f9f9f9; }
.aside2 .guide .tit-guide { position: relative; margin-bottom: 25px; padding-left: 13px; box-sizing: border-box; font-size: 15.5px; font-weight: 500; color: #17b9c2; letter-spacing: -0.62px; }
.aside2 .guide .tit-guide:before { content: ''; display: block; position: absolute; top: calc(50% - 8px); left: 0; width: 3px; height: 16px; margin-right: 10px; background: #17b9c2; }
.aside2 .guide .txt-group { margin-bottom: 25px; }
.aside2 .guide .txt-group:last-child { margin-bottom: 0; }
.aside2 .guide .txt-group .tit { margin-bottom: 8px; font-size: 14.5px; font-weight: 500; color: #666; letter-spacing: -0.58px; }
.aside2 .guide .txt-group .txt { font-size: 14px; font-weight: 300; color: #999; line-height: 24px; letter-spacing: -0.4px; word-break: normal; }
.aside2 .guide .txt-group .txt span { font-weight: 600; }

.js-position { position: sticky; top: 155px; }


/*협찬 신청하기*/
.apply .m-hd { margin-bottom: 10px; }

/*mobile*/
.apply .content .item-info { display: none; padding: 25px 20px; border-bottom: 7px solid #f4f4f4; box-sizing: border-box; }
.apply .content .item-info .thumb { width: 100px; height: 87px; margin-right: 15px; border-radius: 3px; box-sizing: border-box; }
.apply .content .item-info .info-group { width: calc(100% - 115px); }
.apply .content .item-info .info-group .item-name { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; max-height: 50px; line-height: 25px; white-space: normal; overflow: hidden; margin-bottom: 3px; font-size: 18px; font-weight: 500; color: #000; letter-spacing: -0.4px; }
.apply .content .item-info .info-group .item-provider { font-size: 13.5px; font-weight: 500; color: #333; letter-spacing: -0.4px; }
.apply .btn-custom.m { display: none; }

.aside2 .item-info .thumb { height: 244px; border-radius: 3px; box-sizing: border-box; }
.aside2 .item-info .item-name { margin-bottom: 15px; padding: 15px 0; border-bottom: 1px solid #e9e9e9; box-sizing: border-box; font-size: 20px; font-weight: 600; color: #000; line-height: 30px; letter-spacing: -0.8px; }
.aside2 .item-info .agree-area { margin-bottom: 25px; }
.aside2 .item-info .agree-area .tit { margin-bottom: 10px; font-size: 14px; font-weight: 500; color: #000; letter-spacing: -0.56px; }
.aside2 .item-info .agree-area .tit a { margin-left: 8px; border-bottom: 1px solid #b2b2b2; box-sizing: border-box; font-weight: 300; color: #b2b2b2; vertical-align: 1px; }
.aside2 .item-info .agree-area .ck-area .ck-custom + label { font-size: 14px; letter-spacing: -0.56px; }
.aside2 .item-info .agree-area .ck-area .ck-custom + label .custom { margin-right: 5px; vertical-align: -4px; }


/*라이선스 판매 설정*/
.license .m-hd { display: none; }
.license .top-page { margin-bottom: 30px; }
.license .top-page .tit-section { margin-bottom: 5px; font-size: 28px; font-weight: 600; color: #111; letter-spacing: -1.12px; }
.license .top-page .tit-section span { margin-left: 5px; font-size: 15px; font-weight: 300; color: #666; letter-spacing: -0.3px; }
.license .top-page .txt { font-size: 15px; font-weight: 300; color: #666; line-height: 25px; letter-spacing: -0.3px; }
.license .license-info { margin-top: 10px; font-size: 15px; font-weight: 300; color: #333; letter-spacing: -0.6px; }


/*광고 신청*/
.ad .m-hd { display: none; }
.ad .top-page { margin-bottom: 30px; }
.ad .top-page .tit-section { margin-bottom: 5px; font-size: 28px; font-weight: 600; color: #111; letter-spacing: -1.12px; }
.ad .top-page .txt { font-size: 24px; font-weight: 400; color: #000; letter-spacing: -0.96px; }
.ad .top-page .txt span { color: #17b9c2; }
.ad .top-page .txt2 { font-size: 15px; font-weight: 300; color: #666; line-height: 25px; letter-spacing: -0.3px; }

.list-ad { margin-bottom: 40px; }
.list-ad li { margin-bottom: 10px; border: 1px solid #e9e9e9; border-radius: 3px; box-sizing: border-box; }
.list-ad li:last-child { margin-bottom: 0; background: #f4fafb; }
.list-ad li:hover,
.list-ad li.active { border-color: #17b9c2; }
.list-ad .fold { display: flex; align-items: center; padding: 15px 12px; box-sizing: border-box; cursor: pointer; }
.list-ad .fold .ico-ck { width: 21px; height: 21px; margin-right: 9px; background: url('../img/ico_check3_off.png') center center no-repeat; background-size: contain; }
.list-ad .fold.active .ico-ck { background-image: url('../img/ico_check3_on.png'); }
.list-ad .fold .ad-name { margin-right: 10px; font-size: 16px; font-weight: 500; color: #000; letter-spacing: -0.32px; }
.list-ad .fold .ad-price { font-size: 16px; font-weight: 500; color: #999; letter-spacing: -0.32px; }
.list-ad .fold .ad-price span { margin-left: 10px; font-weight: 200; }
.list-ad .unfold { display: none; padding: 0 60px 22px 42px; box-sizing: border-box; }
.list-ad .unfold .info-group { margin-bottom: 30px; }
.list-ad .unfold .info-group .tit { margin-bottom: 15px; font-size: 14px; font-weight: 500; color: #000; letter-spacing: -0.28px; }
.list-ad .unfold .info-group .txt { font-size: 14px; font-weight: 300; color: #333; letter-spacing: -0.28px; word-break: normal; }
.list-ad .unfold .info-group2 { display: flex; align-items: flex-start; }
.list-ad .unfold .info-group2 img { width: 100px; margin-right: 40px; }
.list-ad .unfold .info-group2 .box-group { width: calc(100% - 140px); }
.list-ad .unfold .info-group2 .txt-group { margin-bottom: 30px; }
.list-ad .unfold .info-group2 .txt-group:last-child { margin-bottom: 0; }
.list-ad .unfold .info-group2 .txt-group .tit { margin-bottom: 5px; font-size: 14px; font-weight: 500; color: #000; letter-spacing: -0.28px; }
.list-ad .unfold .info-group2 .txt-group .txt { font-size: 14px; font-weight: 300; color: #999; letter-spacing: -0.28px; word-break: normal; }
.list-ad .unfold .info-group2 .txt-group .txt span { color: #333; }

@media only screen and (max-width: 1160px) {
  .list-ad .fold .ad-name { width: 90px; word-break: keep-all; white-space: nowrap; }
  .list-ad .fold .ad-price { width: 90px; }
  .list-ad .fold .ad-price span { margin-left: 0; }
}

.list-ad .fold .ad-name { flex: 1; text-align: center; }

.list-ad .fold .right-side {
  display: flex;
  flex-direction: column;
  flex: 1;
}

@media only screen and (min-width: 1160px) {
  .list-ad .fold .ad-name { flex: none; }

  .list-ad .fold .right-side {
    flex-direction: row;
    flex: none;
  }

  .list-ad .fold .right-side div {
    margin-right: 10px;
  }
}

.ad .btn-group .btn { margin-bottom: 10px; }
.ad .btn-group .btn:last-child { margin-bottom: 0; }


/*협찬 관리*/
.no-data { display: flex; justify-content: center; align-items: center; height: 385px; text-align: center; }
.no-data img { display: block; margin: 0 auto 10px; }
.no-data .data-message { font-size: 15px; font-weight: 300; color: #333; letter-spacing: -0.6px; }

.list-history { margin-bottom: 35px; }
.list-history li { margin-bottom: 35px; }
.list-history li:last-child { margin-bottom: 0; }
.list-history .info-group { display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; }
.list-history .info-group .txt { font-size: 14px; font-weight: 600; color: #333; letter-spacing: -0.56px; }
.list-history .info-group .txt2 { font-size: 14px; font-weight: 500; color: #333; letter-spacing: -0.56px; }
.list-history .info-group2 { display: flex; justify-content: space-between; align-items: center; margin-bottom: 30px; }
.list-history .info-group2 .txt-group { width: calc(100% - 124px); }
.list-history .info-group2 .txt-group .txt { margin-bottom: 4px; font-size: 14px; font-weight: 300; color: #17b9c2; letter-spacing: -0.56px; }
.list-history .info-group2 .txt-group .txt2 { margin-bottom: 2px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 16px; font-weight: 300; color: #000; letter-spacing: -0.64px; }
.list-history .info-group2 .txt-group .txt3 { font-size: 16px; font-weight: 300; color: #000; letter-spacing: -0.64px; }
.list-history .info-group2 .txt-group .txt3 span { font-weight: 600; }
.list-history .info-group2 .thumb { width: 104px; height: 80px; border-radius: 6px; box-sizing: border-box; }

.bnr-ad { display: block; height: 150px; padding: 25px 30px; border-radius: 3px; box-sizing: border-box; background: url('../img/img_graphic7.png') calc(100% - 40px) center no-repeat #eaf7f8; }
.bnr-ad .txt-group .txt { margin-bottom: 15px; font-size: 18px; font-weight: 300; color: #000; line-height: 24px; letter-spacing: -0.72px; }
.bnr-ad .txt-group .txt span { font-weight: 500; }
.bnr-ad .txt-group .txt2 { display: inline-flex; justify-content: center; align-items: center; height: 28px; padding: 0 10px 1px; border-radius: 14px; box-sizing: border-box; background: #17b9c2; font-size: 13px; font-weight: 400; color: #f4fafb; letter-spacing: -0.52px; }


/*등록된 협찬 상품*/
.myitem .bnr-ad { margin-bottom: 20px; }
.myitem .ad-info, .info-box { margin-bottom: 35px; padding: 20px 25px; box-sizing: border-box; background: #f2fbfb; font-size: 16px; font-weight: 300; color: #666; letter-spacing: -0.32px; }
.myitem .ad-info span { font-weight: 500; color: #000; }
.myitem .ad-info span a { border-bottom: 1px solid #17b9c2; box-sizing: border-box; color: #17b9c2; }

.myitem .tit-process { margin-bottom: 15px; font-size: 15.5px; font-weight: 600; color: #000; letter-spacing: -0.62px; }
.list-myitem { margin-bottom: 35px; }
.list-myitem > li { display: flex; align-items: center; margin-bottom: 20px; }
.list-myitem > li:last-child { margin-bottom: 0; }
.list-myitem .thumb { width: 150px; height: 115px; margin-right: 20px; border-radius: 6px; box-sizing: border-box; }
.list-myitem .item-info { width: calc(100% - 170px); }
.list-myitem .item-info .item-name { margin-bottom: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 16px; font-weight: 400; color: #000; letter-spacing: -0.96px; }
.list-myitem .item-info .item-state { margin-bottom: 12px; }
.list-myitem .item-info .item-state li { display: flex; align-items: center; margin-bottom: 3px; }
.list-myitem .item-info .item-state li:last-child { margin-bottom: 0; }
.list-myitem .item-info .item-state .tit { margin-right: 10px; font-size: 14px; font-weight: 400; color: #333; letter-spacing: -0.28px; }
.list-myitem .item-info .item-state .tit span { margin-left: 5px; color: #17b9c2; }
.list-myitem .item-info .item-state .btn-link { font-size: 14px; font-weight: 300; color: #999; letter-spacing: -0.28px; }
.list-myitem .item-info .item-state .process-state { display: flex; justify-content: center; align-items: center; height: 18px; padding: 0 8px 2px; border-radius: 9px; box-sizing: border-box; background: #f2f2f2; font-size: 14px; font-weight: 300; color: #333; letter-spacing: -0.28px; }
.list-myitem .item-info .bookmark-message { font-size: 14px; font-weight: 300; color: #666; letter-spacing: -0.28px; }
.list-myitem .item-info .bookmark-message span { font-weight: 600; }


/*수익 관리*/
.profits .profits-info { margin-bottom: 35px; font-size: 15px; font-weight: 300; color: #666; letter-spacing: -0.3px; }

.frm-group-profits { margin-bottom: 35px; }
.frm-group-profits .tit-frm { margin-bottom: 10px; font-size: 15.5px; font-weight: 500; color: #000; letter-spacing: -0.62px; }
.frm-group-profits .tit-frm-v1 { font-size: 16px; }
.frm-group-profits .inp-group { display: flex; align-items: center; }
.frm-group-profits .profits-num { display: flex; align-items: center; height: 45px; padding: 0 12px; border: 1px solid #e9e9e9; border-radius: 3px; box-sizing: border-box; background: #fafafa; font-size: 15px; font-weight: 300; color: #000; letter-spacing: -0.3px; }

.frm-group-profits .inp-group .profits-num { width: calc(100% - 110px); margin-right: 10px; }
.frm-group-profits .inp-group .btn-withdraw { display: flex; justify-content: center; align-items: center; width: 100px; height: 45px; border: 1px solid #333; border-radius: 3px; box-sizing: border-box; background: #fff; font-size: 15px; font-weight: 500; color: #333; letter-spacing: -0.3px; }

.tbl { width: 100%; border-collapse: collapse; }
.tbl tr { border-bottom: 1px solid #999; box-sizing: border-box; }
.tbl th { padding-bottom: 8px; box-sizing: border-box; font-size: 16px; font-weight: 400; color: #000; letter-spacing: -0.96px; }
.tbl td { height: 54px; padding: 6px 0; box-sizing: border-box; font-size: 15px; font-weight: 300; color: #333; text-align: center; line-height: 20px; letter-spacing: -0.3px; }
.tbl td .vat { display: block; color: #999; }
.tbl td .amount { font-weight: 500; }

.tbl-v1 tr:first-child { border-bottom: 2px solid #000; box-sizing: border-box; }
.tbl-v1 th, .tbl-v1 td { width: 25%; }

.tbl-v2 tr:first-child { border-top: 2px solid #000; box-sizing: border-box; }
.tbl-v2 th, .tbl-v2 td { width: 33.33%; }


/*나의 채널 정보*/
.channel-info { margin-bottom: 35px; }
.channel-info .tit-info { margin-bottom: 6px; font-size: 15.5px; font-weight: 500; color: #000; letter-spacing: -0.62px; }
.channel-info .info-content .txt { font-size: 15px; font-weight: 300; color: #333; line-height: 25px; letter-spacing: -0.3px; }
.channel-info .info-content .txt a { margin-left: 10px; border-bottom: 1px solid #999; box-sizing: border-box; color: #999; }
.channel-info .info-content .txt span { font-weight: 500; }
.channel-info .info-content .btn-custom { max-width: 415px; margin-top: 15px; }


/*인플루언서 인증*/
.creator .m-hd { margin-bottom: 10px; }
.creator .frm-group-post:last-of-type { margin-bottom: 10px; }

.btn-upload2 { position: relative; width: 100%; }
.btn-upload2:last-child { margin-right: 0; }
.btn-upload2 label { display: block; width: 100%; height: 100%; border: 1px solid #d9d9d9; border-radius: 3px; box-sizing: border-box; background: #fafafa; cursor: pointer; }
.btn-upload2:hover label {  }
.btn-upload2 label .label { display: flex; flex-direction: column; justify-content: center; align-items: center; height: 100%; font-size: 15px; font-weight: 300; color: #666; letter-spacing: -0.6px; }
.btn-upload2 label .label .ico-photo { margin-bottom: 5px; }
.btn-upload2 input[type="file"] { position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; opacity: 0; cursor: pointer; }
.btn-upload2 .thumb { width: 100%; height: auto; border-radius: 3px; box-sizing: border-box; border: 1px solid transparent; }

@media only screen and (min-width: 1160px) {
    .btn-upload2 { min-height: 438px; }
    .btn-upload2 label .label { min-height: 438px; }
}

.inp-group-upload .txt { display: flex; align-items: center; margin-top: 15px; font-size: 15px; font-weight: 500; color: #17b9c2; letter-spacing: -0.3px; }
.inp-group-upload .txt img { width: 16px; margin-right: 8px; }

.creator .aside2 .guide .txt-group .txt { letter-spacing: -0.6px; }


/*자주 묻는 질문*/
.faq .m-hd { display: none; }
.faq .top-page { margin-bottom: 35px; }
.faq .top-page .tit-section { margin-bottom: 5px; font-size: 21px; font-weight: 600; color: #111; letter-spacing: -0.74px; }
.faq .top-page .txt { font-size: 14.5px; font-weight: 300; color: #666; letter-spacing: -0.58px; }
.faq .top-page .txt br { display: none; }

.faq .sec1 .top-page { margin-bottom: 24px; }
.faq .search-area { padding-bottom: 4px; border-bottom: 1px solid #000; box-sizing: border-box; }
.faq .inp-search { width: 100%; height: 28px; padding-left: 28px; border: none; box-sizing: border-box; background: url('../img/ico_search1.png') left center no-repeat; background-size: 18px; font-size: 16px; font-weight: 400; color: #000; letter-spacing: -0.64px; }
.faq hr { height: 1px; margin: 50px 0 45px; background: #e9e9e9; }

.tab-menu2 { display: flex; align-items: center; border-bottom: 1px solid #e9e9e9; box-sizing: border-box; white-space: nowrap; overflow-x: auto; }
.tab-menu2 a { display: flex; align-items: center; height: 55px; margin-right: 30px; font-size: 15.5px; font-weight: 500; color: #000; letter-spacing: -0.93px; }
.tab-menu2 a:last-child { margin-right: 0; }
.tab-menu2 a:hover,
.tab-menu2 a.active { color: #17b9c2; }

.list-faq li { border-bottom: 1px solid #e9e9e9; box-sizing: border-box; }
.list-faq .fold .tit { padding: 15px 0; box-sizing: border-box; font-size: 15.5px; font-weight: 500; color: #333; letter-spacing: -0.93px; cursor: pointer; }
.list-faq .unfold { display: none; }
.list-faq .unfold .txt { padding: 15px 20px; box-sizing: border-box; background: #f2fbfb; font-size: 14.5px; font-weight: 300; color: #666; line-height: 24px; letter-spacing: -0.58px; }

.paging { display: flex; justify-content: center; align-items: center; margin-top: 30px; }
.paging a { display: flex; justify-content: center; align-items: center; padding: 4px; box-sizing: border-box; font-size: 14.5px; font-weight: 500; color: #333; }
.paging a.active { color: #17b9c2; }
.paging .btn-paging { margin: 0 10px; }
.paging .num { display: flex; justify-content: center; align-items: center; margin: 0 20px; }

.csc-info { margin-bottom: 35px; }
.csc-info .tit-info { display: flex; align-items: center; margin-bottom: 10px; font-size: 15.5px; font-weight: 500; color: #000; letter-spacing: -0.93px; }
.csc-info .tit-info img { width: 18px; margin-right: 10px; }

.list-csc li { margin-bottom: 5px; }
.list-csc li:last-child { margin-bottom: 0; }
.list-csc a { display: flex; justify-content: space-between; align-items: center; }
.list-csc .tit { flex: 7; text-overflow: ellipsis; overflow: hidden; font-size: 14.5px; font-weight: 400; color: #000; letter-spacing: -0.58px; padding-right: 10px; }
.list-csc .txt { flex: 1; text-align: center; font-size: 14.5px; font-weight: 500; color: #000; letter-spacing: -0.58px; }


/*아이템 상세*/
.view .content { position: relative; }

/*mobile*/
.view .top-item { display: none; height: 82.778vw; }
.view .top-item .thumb { height: 100%; }
.view .m-hd { display: none; border-bottom: none; background: none; }
.view .m-hd .m-back { background-image: url('../img/ico_arrow_back2.png'); }
.view .m-hd .m-hd-tit .hd-logo { width: 94px; height: 18px; background: url('../img/img_logo3.svg') center center no-repeat; background-size: 94px; }

.view .m-hd.active { border-bottom: 1px solid #e9e9e9; box-sizing: border-box; background: #fff; }
.view .m-hd.active .m-back { background-image: url('../img/ico_arrow_back1.png'); }
.view .m-hd.active .m-hd-tit .hd-logo { background-image: url('../img/img_logo1.svg'); }
.view .m-hd.active .ck-custom5 + label { background-image: url('../img/ico_heart3_off2.png'); }
.view .m-hd.active .ck-custom5:checked + label { background-image: url('../img/ico_heart3_on.png'); }

.view .top-page { margin-bottom: 20px; }
.view .top-page .top-section .tit-section { margin-bottom: 5px; font-size: 28px; font-weight: 600; color: #000; letter-spacing: -1.12px; }
.view .top-page .top-section .txt { font-size: 16px; font-weight: 300; color: #666; letter-spacing: -0.64px; }

/*mobile*/
.view .top-page .list-info { display: none; margin-top: 15px; }

.view .wrap { position: relative; }
.tab-menu3 { display: flex; position: sticky; position: -webkit-sticky; top: 135px; z-index: 99; width: 100%; margin-bottom: 40px; border-bottom: 1px solid #e8e8e8; box-sizing: border-box; background: #fff; }
.tab-menu3 a { display: block; padding: 10px 20px; box-sizing: border-box; font-size: 16px; font-weight: 500; color: #999; text-align: center; letter-spacing: -0.64px; }
.tab-menu3 a.active { border-bottom: 2px solid #17b9c2; box-sizing: border-box; color: #000; }
.tab-menu3 span { margin-left: 4px; color: #17b9c2; }

.view .sec { position: relative; word-break: break-all; }

.view .img-item { display: block; width: 100%; margin-bottom: 40px; }
.view .img-detail { display: block; width: 100%; }

.view-info { margin-bottom: 40px; }
.view-info .tit-info { margin-bottom: 5px; font-size: 18px; font-weight: 500; color: #000; letter-spacing: -0.72px; }
.view-info .info-content .txt { font-size: 16px; font-weight: 300; color: #333; letter-spacing: -0.32px; }
.view-info .info-content .txt-group { display: flex; align-items: center; }
.view-info .info-content .review-info { margin-left: 10px; padding: 0 7px 1px; border-radius: 9px; box-sizing: border-box; background: #fff4ed; font-size: 12px; font-weight: 400; color: #ff9d26; letter-spacing: -0.25px; }
.view-info .info-content .review-info img { width: 9px; margin-right: 4px; vertical-align: 0; }
.view-info .info-content .txt2 { border-bottom: 1px solid #17b9c2; box-sizing: border-box; font-size: 16px; font-weight: 300; color: #17b9c2; letter-spacing: -0.32px; }
.view-info .info-content .txt3 { font-size: 16px; font-weight: 300; color: #999; letter-spacing: -0.32px; }

.apply-info .tit-info { margin-bottom: 15px; font-size: 16px; font-weight: 500; color: #000; letter-spacing: -0.64px; }
.view .list-info { margin-bottom: 25px; }
.view .list-info li { display: flex; align-items: center; margin-bottom: 10px; }
.view .list-info li:last-child { margin-bottom: 0; }
.view .list-info .tit { display: flex; align-items: center; font-size: 14px; font-weight: 300; color: #333; letter-spacing: -0.56px; }
.view .list-info .tit img { width: 15px; margin-right: 10px; }
.view .list-info .review-info { margin-left: 10px; padding: 0 7px 1px; border-radius: 9px; box-sizing: border-box; background: #fff4ed; font-size: 12px; font-weight: 400; color: #ff9d26; letter-spacing: -0.25px; }
.view .list-info .review-info img { width: 9px; margin-right: 4px; vertical-align: 0; }
.view .list-info .txt { margin-left: 10px; font-size: 14px; font-weight: 500; color: #333; letter-spacing: -0.56px; }
.view .list-info .txt a { margin-left: 10px; border-bottom: 1px solid #b2b2b2; box-sizing: border-box; font-weight: 300; color: #b2b2b2; }
.view .btn-group { display: flex; align-items: center; margin-bottom: 20px; }
.view .btn-group .btn-custom { width: calc(100% - 58px); margin-right: 10px; }

.view .bnr-view { display: flex; justify-content: center; align-items: center; height: 95px; background: #f9f9f9; }
.view .bnr-view img { margin-right: 30px; }
.view .bnr-view div { font-size: 14.5px; font-weight: 400; color: #333; line-height: 22px; letter-spacing: -0.29px; }

/*mobile*/
.view .sec .bnr-view { display: none; margin-bottom: 25px; }


@media only screen and (max-width: 1200px) {
	/*header style*/
	.hd-nav { padding: 15px 30px; box-sizing: border-box; }
	.hd-gnb { padding: 0 30px; box-sizing: border-box; }

	/*footer style*/
	.ft-category .inner { padding: 15px 30px; box-sizing: border-box; }
	.ft-category a { font-size: 13px; letter-spacing: -0.6px; }
	.ft-category a:after { top: calc(50% - 5px); height: 10px; }
	.ft-info .inner { padding: 40px 30px; box-sizing: border-box; }
	.ft-policy .inner { padding: 15px 30px; box-sizing: border-box; }
}


@media only screen and (max-width: 1160px) {
	/*layout style*/
	#container { margin-top: 58px; padding-bottom: 60px; box-sizing: border-box; }

	/*modal style*/
	.modal-layer { width: 100%; height: 100%; max-height: none; }
	.dim-layer .dim-bg { display: none; }
	.modal-close { right: 0; width: 50px; height: 58px; background-image: url('../img/ico_close2.png'); background-size: 17px; }
	.modal-container { padding: 58px 20px 50px; box-sizing: border-box; }
	.modal-container .m-hd { width: 100%; height: 58px; }
	.modal-content { padding-top: 25px; box-sizing: border-box; }

	/*알림*/
	.dim-layer-noti { background: #f9f9f9; }
	.dim-layer-noti .modal-container { background: none; }
	.noti .noti-message { margin-bottom: 30px; }
	.list-noti li { padding: 16px 14px; box-sizing: border-box; }
	.list-noti .tit-info { margin-bottom: 12px; }
	.list-noti .info-content .thumb { width: 83px; height: 65px; border-radius: 3px; box-sizing: border-box; }
	.list-noti .info-content .txt-group { width: calc(100% - 95px); line-height: 20px; }
	.list-noti .info-content .txt-group .txt { font-size: 13.5px; }
	.list-noti .info-content .txt-group .txt2 { font-size: 13.5px; }

	/*checkbox & radio button style*/
	.ck-custom4 + label { border-radius: 6px; box-sizing: border-box; }

	/*button style*/
	.btn-custom,
	a.btn-custom { height: 48px; border-radius: 6px !important; box-sizing: border-box; font-size: 16px; }
	.btn-group-bottom { display: block; }
	.btn-group-bottom-v1 { display: flex; }
	.btn-group-bottom-v1 .btn-custom { width: calc(100% - 54px); margin-right: 6px; }

	/*select style*/
	.select-custom { height: 46px; padding: 0 12px; box-sizing: border-box; font-size: 13.5px; letter-spacing: -0.4px; }

	/*header style*/
	.hd-nav { padding: 11px 20px; box-sizing: border-box; }
    .hd-nav.creator .hd-l { width: calc(100% - 41px); }
	.hd-nav .hd-l { width: calc(100% - 82px); }
	.hd-nav .hd-logo { margin-right: 12px; }
	.hd-nav .hd-logo img { width: 93px; }
	.hd-nav .hd-search { width: calc(100%); height: 35px; }
	.hd-nav .hd-search .inp-search { width: calc(100% - 50px); padding-left: 14px; box-sizing: border-box; font-size: 15px; }
	.hd-nav .hd-search .btn-search { width: 50px; background-size: 15px; }
	.hd-nav .hd-util { display: none; }

	/*mobile*/
	.hd-nav .link-event { display: flex; justify-content: center; align-items: center; width: 67px; height: 35px; border: 1px solid #17b9c2; border-radius: 18px; box-sizing: border-box; font-size: 13px; font-weight: 500; color: #17b9c2; }

	.hd-gnb { display: none; }

	/*m-header style*/
	.m-hd { position: fixed; top: 0; left: 0; right: 0; z-index: 100; width: 100%; }
	.m-hd .m-back { display: block; position: absolute; top: 0; left: 0; width: 50px; height: 100%; border: none; background: url('../img/ico_arrow_back1.png') center center no-repeat; background-size: 9px; }
	.m-hd .m-hd-tit { justify-content: center; font-size: 17px; }
	.m-hd .m-hd-tit span { margin-top: 2px; font-size: 13.5px; }

	/*footer style*/
	.ft-category .inner { padding: 10px 20px; box-sizing: border-box; }
	.ft-info { border-bottom: none; }
	.ft-info .inner { padding: 30px 20px 0; box-sizing: border-box; }
	.ft-info .ft-logo { margin-bottom: 20px; }
	.ft-info .ft-logo .txt { margin-top: 5px; font-size: 11px; letter-spacing: -0.4px; }
	.ft-info .company-info { display: none; margin-bottom: 15px; font-size: 11px; line-height: 17px; letter-spacing: -0.71px; }
	.ft-info .copyright { font-size: 11px; letter-spacing: -0.28px; }
	.ft-policy .inner { padding: 15px 20px 30px; box-sizing: border-box; }
	.ft-policy a { font-size: 12px; letter-spacing: -0.71px; }

	/*mobile*/
	.company-info.m { display: block; }
	.m-footer { display: block; }

	/*메인*/
	.main .sec { padding: 0 20px; box-sizing: border-box; }
	.main .tit-section { margin-bottom: 15px; font-size: 18px; }

	.main .sec1 { margin-bottom: 8px; padding: 0; }
	.slide-main .swiper { height: 41.111vw; margin-bottom: 8px; }
	.slide-main .slide-v1 .thumb { background-image: url('../img/bnr_main3_m.png') !important; }
	.slide-main .slide-v2 .thumb { background-image: url('../img/bnr_main2_m.png') !important; }

	.slide-main .swiper-nav { display: none; }
	.slide-main .swiper-pagination { bottom: 10px !important; }
	.slide-main .swiper-pagination-bullet { width: 8px; height: 8px; margin: 0 2px !important; }

	.main .sec2 { margin-bottom: 30px; padding: 0 20px; box-sizing: border-box; }

	/*mobile*/
	.m-category { display: flex; }

	.slide-main2 .slide { height: 76px; }
	.slide-main2 .txt-group { padding-left: 20px; box-sizing: border-box; }
	.slide-main2 .txt-group .txt { font-size: 14px; line-height: 20px; }
	.slide-main2 .txt-group .odometer { display: none; }
	.slide-main2 .txt-group .odometer.m { display: inline-block; }
	.slide-main2 .img-graphic { bottom: 5px; height: 100%; }

	.list-item { margin: 0 -8px; }
	.list-item li { width: 50%; margin-bottom: 15px; padding: 0 8px; box-sizing: border-box; }
	.list-item .thumb-area { height: 33.333vw; border-radius: 3px; box-sizing: border-box; }
	.list-item .thumb-area .thumb { border-radius: 3px; box-sizing: border-box; }
	.list-item li:hover .thumb-area .thumb { transform: none; }
	.list-item .info-group { margin-bottom: 4px; }
	.list-item .info-group .txt { font-size: 10px; }
	.list-item .info-group .review-info { font-size: 9px; }
	.list-item .info-group .review-info img { margin-right: 2px; }
	.list-item .info-group2 { margin-bottom: 8px; }
	.list-item .info-group2 .item-name { height: 40px; margin-bottom: 6px; font-size: 14px; line-height: 20px; }
	.list-item .info-group2 .bookmark-count { font-size: 10px; }
	.list-item .info-group3 { padding: 8px 0; box-sizing: border-box; }
	.list-item .info-group3 .txt { font-size: 10px; }

	.main .sec4 { margin-bottom: 40px; }
	.list-guide li { width: 100%; margin-right: 0; margin-bottom: 40px; }
	.list-guide .txt-group { margin-bottom: 50px; }
	.list-guide .txt-group .tit { margin-bottom: 8px; font-size: 18px; }
	.list-guide .txt-group .txt { font-size: 14px; line-height: 20px; }

	.main .sec5 { margin-bottom: 65px; }
	.main .sec5 .brand-group .img-brand { display: none; }
	.main .sec5 .brand-group .img-brand.m { display: block; }

	/*리스트*/
	#container.list { margin-top: 96px; }
	.list .hd-nav { display: none; }
	.list .hd-gnb { display: block; position: fixed; top: 57px; left: 0; width: 100%; padding: 0; border-bottom: 1px solid #e9e9e9; box-sizing: border-box; background: #fff; }
	.list .hd-gnb .hd-category { padding: 0 0 0 20px; box-sizing: border-box; white-space: nowrap; overflow-x: auto; }
	.list .hd-gnb .hd-category a { margin-right: 20px; padding: 8px 0; box-sizing: border-box; font-size: 15px; }
	.list .hd-gnb .hd-category a:last-child { margin-right: 0; padding-right: 20px; }
	.list .hd-gnb .hd-category a.active:after { content: ''; display: block; position: absolute; bottom: 0; width: 100%; height: 3px; background: #17b9c2; }
	.list .hd-gnb .hd-category a.total img { display: none; }
	.list .hd-gnb .link-event { display: none; }
	.list .m-hd { display: block; border-bottom: none; }
	.list .content { padding: 16px 0 35px; box-sizing: border-box; }
	.list .wrap { padding: 0 20px; box-sizing: border-box; }
	.depth { margin-bottom: 25px; padding: 0 20px; box-sizing: border-box; white-space: nowrap; overflow-x: auto; }
	.depth a { height: 25px; padding: 0 8px 2px; box-sizing: border-box; font-size: 13px; }
	.list .top-page { margin-bottom: 15px; }
	.list .top-page .tit-section { font-size: 18px; }
	.list .top-page .util .ck-area { margin-right: 10px; }
	.list .top-page .util .ck-area .ck-custom + label { font-size: 13px; }
	.list .top-page .util .select-custom { font-size: 13px; }

	/*로그인*/
	.login .header { display: none; }
	.login .content { padding: 25px 20px 0; box-sizing: border-box; }
	.login .wrap { padding: 0; }

	.frm-group-login { margin-bottom: 30px; }
	.frm-group-login:nth-child(2) { margin-bottom: 13px; }
	.frm-group-login .tit-frm { margin-bottom: 8px; letter-spacing: -0.4px; }
	.frm-group-login .inp-frm { height: 46px; padding: 0 12px; box-sizing: border-box; font-size: 13.5px; letter-spacing: -0.4px; }

	.login-util { margin: 12px 0 22px; }
	.login-util a { font-size: 13px; }

	.btn-group-login .btn { height: 48px; margin-bottom: 13px; border-radius: 6px; box-sizing: border-box; font-size: 16px; }
	.btn-group-login hr { margin: 13px 0; }

	/*회원가입*/
	.sign .header { display: none; }
	.sign .content { padding: 25px 20px 20px; box-sizing: border-box; }
	.sign .wrap { padding: 0; }

	.frm-group-sign { margin-bottom: 30px; }
	.frm-group-sign .tit-frm { margin-bottom: 8px; letter-spacing: -0.4px; }
	.frm-group-sign .inp-frm { height: 46px; padding: 0 12px; box-sizing: border-box; font-size: 13.5px; letter-spacing: -0.4px; }
	.frm-group-sign .btn-code { width: 96px; margin-left: 6px; font-size: 13px; }
	.frm-group-sign .frm-message { margin-top: 8px; font-size: 13.5px; letter-spacing: -0.4px; }
	.frm-group-sign .inp-group-code .inp-frm { width: calc(100% - 102px); }
	.frm-group-sign .inp-group-code .inp-frm-v1 { padding: 0 12px; box-sizing: border-box; }
	.frm-group-sign .inp-group-code .inp-frm-v1 input { font-size: 13.5px; }
	.frm-group-sign .inp-group-code .inp-frm-v1 #timer { font-size: 13.5px; }

	.sign .sign-info { font-size: 13px; }

	/*회원가입 유형*/
	.btn-group-type .btn { height: 48px; padding-left: 40px; box-sizing: border-box; background-position: 12px center; font-size: 13px; }

	/*계정 설정*/
	.privacy .header { display: none; }
	.privacy .content { padding: 25px 20px 50px; box-sizing: border-box; }
	.privacy .wrap { padding: 0; }

	.frm-group-profile { margin-bottom: 10px; }
	.frm-group-profile .profile-upload { width: 83px; height: 83px; }

	.frm-group-sign .inp-group-phone { padding-left: 12px; box-sizing: border-box; }
	.frm-group-sign .inp-group-phone .inp-phone { width: calc(100% - 62px); font-size: 13.5px; }
	.frm-group-sign .inp-group-phone .btn-phone { width: 54px; font-size: 13.5px; }

	/*마이페이지*/
	.aside { display: none; }

	.mypage .box { display: block; padding: 0; box-sizing: border-box; }
	.mypage .content { width: 100%; padding-bottom: 50px; box-sizing: border-box; }
	.mypage .m-hd { border-bottom: 1px solid #e9e9e9; box-sizing: border-box; }
	.mypage .top-info { margin-bottom: 0; padding: 25px 20px; border-radius: 0; box-sizing: border-box; }
	.mypage .top-info .txt-group .tit { margin-bottom: 10px; font-size: 18px; }
	.mypage .top-info .txt-group .txt { font-size: 14px; line-height: 22px; }
	.mypage .wrap { padding: 0 20px; box-sizing: border-box; }

	.tab-menu { justify-content: space-between; }
	.tab-menu a { flex: 1; padding: 10px 0; box-sizing: border-box; font-size: 14px; }
  .tab-menu.half a { width: 50%; }
    .tab-menu.wish a { width: 50%; }

	/*마이페이지 메인*/
	.aside-v1 { display: block; width: 100%; }
	.aside-v1 .tit-page { display: none; }
	.aside-v1 .snb { border: none; }
	.aside-v1 .snb-hd { position: fixed; top: 0; left: 0; right: 0; z-index: 100; width: 100%; height: 58px; border-bottom: 1px solid #e9e9e9; box-sizing: border-box; background: #fff; }
	.aside-v1 .snb-hd .m-back { display: block; position: absolute; top: 0; left: 0; width: 50px; height: 100%; border: none; background: url('../img/ico_arrow_back1.png') center center no-repeat; background-size: 9px; }
	.aside-v1 .snb-hd .m-hd-tit { display: flex; justify-content: center; font-size: 17px; }
	.aside-v1 .snb-hd .btn-link { top: calc(50% - 8.5px); }
	.aside-v1 .snb .group1,
	.aside-v1 .snb .group2,
	.aside-v1 .snb .group3,
	.aside-v1 .snb .group4 { border-bottom: 7px solid #f4f4f4; box-sizing: border-box; }

	.mypage-main .content { display: none; }

	/*신청 정보 및 진행 정보*/
	.order-info .tit-info { margin-bottom: 10px; padding-left: 10px; box-sizing: border-box; }
	.order-info .info-content .txt-group .txt2 { font-size: 15px; }
	.order-info .info-content .txt-group .txt3 { font-size: 13px; }
	.order-info .info-content2 .txt-group { margin-bottom: 20px; }
	.order-info .info-content2 .txt-group .txt { font-size: 13px; line-height: 20px; }

	.order-info .box-info { margin: 40px 0 10px; padding: 20px 15px; border-radius: 8px; box-sizing: border-box; }
	.order-info .box-info .txt-group .tit { font-size: 15px; }
	.order-info .box-info .txt-group .txt p { padding-left: 5px; box-sizing: border-box; text-indent: -5px; font-size: 14px; line-height: 22px; }

	.order-info .btn-group-order { position: fixed; left: 0; right: 0; bottom: 0; z-index: 100; width: 100%; height: 67px; margin: 0 auto; padding: 10px 20px; box-sizing: border-box; background: #fff; }
	.order-info .btn-group-order .btn { width: calc(50% - 3px); margin-right: 6px; border-radius: 6px; box-sizing: border-box; }
	.order-info .btn-group-order .inp-frm { padding: 0 17px; border-radius: 6px; box-sizing: border-box; }
	.order-info .btn-group-order-v1 { height: 126px; }

	.tip { top: -34px; font-size: 13px; letter-spacing: -0.8px; }

	/*진행 정보*/
	.order-info .info-content2 .txt-group .txt3 { font-size: 13px; }
	.order-info .info-content2 .txt-group .tit span { margin-left: 5px; font-size: 13px; }

	.order-info .box-info2 { padding: 20px 12px; border-radius: 8px; box-sizing: border-box; }
	.order-info .box-info2 .tit { font-size: 15px; }
	.order-info .box-info2 .txt { font-size: 14px; line-height: 22px; }
	.order-info .box-info2 .price-info div:nth-child(1) { font-size: 14px; }
	.order-info .box-info2 .price-info div:nth-child(2) { font-size: 14px; }

	.inp-group-copy { padding: 10px 16px 10px 12px; box-sizing: border-box; }
	.inp-group-copy .inp-copy { width: calc(100% - 56px); font-size: 13px; }
	.inp-group-copy .btn-copy { width: 40px; height: 24px; font-size: 13px; }
	.order-info .box-info .txt-group .txt.txt-v1 p { margin-bottom: 10px; padding-left: 12px; box-sizing: border-box; text-indent: -12px; }
	.order-info .box-info .txt-group .txt.txt-v1 p:last-child { margin-bottom: 0; }

	/*콘텐츠 확인*/
	.mypage .media .wrap { padding: 0; }
	.media .tab-menu { width: calc(100% - 40px); margin: 0 auto 6px; }
	.media .inner { padding: 0 20px; box-sizing: border-box; }
	.media .img-sample { margin-bottom: 35px; }
	.media .page-info { margin-bottom: 30px; }

	.coupon-area { height: auto; padding: 10px 0; box-sizing: border-box; }
	.coupon-area .txt-group { width: 35%; height: calc(100% - 20px); padding: 16px 0 9px; box-sizing: border-box; }
	.coupon-area .txt-group .txt { font-size: 8px; transform: scale(0.8); }
	.coupon-area .txt-group .txt2 { font-size: 32px; }
	.coupon-area .txt-group .txt2 span { font-size: 43px; }
	.coupon-area .txt-group2 { width: 65%; padding-left: 20px; box-sizing: border-box; }
	.coupon-area .txt-group2 .txt { font-size: 15px; }
	.coupon-area .txt-group2 .txt2 { font-size: 15px; }

	.frm-group-media .ck-area { padding-left: 28px; box-sizing: border-box; text-indent: -14px; }

	/*협찬 등록하기 및 신청하기*/
	.sub .header { display: none; }
	.sub .content { width: 100%; padding-bottom: 50px; }
	.sub .m-hd { border-bottom: 1px solid #e9e9e9; box-sizing: border-box; }
	.sub .m-hd .btn-tip { display: block; }

	.frm-group-post { margin-bottom: 30px; }
	.frm-group-post.m { display: block; }
	.frm-group-post .tit-frm span { margin-left: 6px; font-size: 13.5px; }
	.frm-group-post .tit-frm a { font-size: 13.5px; }
	.frm-group-post .inp-frm { height: 46px; padding: 0 12px; box-sizing: border-box; font-size: 13.5px; letter-spacing: -0.4px; }
	.frm-group-post .textarea-frm { font-size: 13.5px; line-height: 24px; letter-spacing: -0.4px; }

	.frm-group-post .inp-group-addr .btn-search { font-size: 13.5px; }

	.frm-group-post .inp-group-price { height: 46px; padding: 0 12px; box-sizing: border-box; }
	.frm-group-post .inp-group-price input { font-size: 13.5px; letter-spacing: -0.4px; }
	.frm-group-post .inp-group-price span { font-size: 14px; }

	.frm-group-post .list-ck .js-layer-check .info { font-size: 13.5px; line-height: 20px; letter-spacing: -0.4px; }
	.frm-group-post .list-ck .inp-contact { margin-left: 10px; font-size: 13.5px; }
	.frm-group-post .list-ck li:nth-child(1) .inp-contact { width: calc(100% - 115px); }
	.frm-group-post .list-ck li:nth-child(2) .inp-contact { width: calc(100% - 115px); }
	.frm-group-post .list-ck li:nth-child(3) .inp-contact { width: calc(100% - 115px); }

	.frm-group-agree { margin-bottom: 30px; }
	.frm-group-agree .txt-group .tit { font-size: 13.5px; }
	.frm-group-agree .txt-group .txt p { font-size: 11px; line-height: 17px; }

	.aside2 { display: none; }

	/*협찬 신청하기*/
	.apply .content { padding: 0; }
	.apply .content .item-info { display: flex; }
	.apply .wrap { padding: 0 20px 20px; box-sizing: border-box; }
	.apply .tab-menu { margin-bottom: 30px; }
	.apply .tab-menu a { width: 50%; }
	.apply .frm-group-post.m .ck-area .ck-custom + label { font-size: 13.5px; }
	.apply .frm-group-post.m .ck-area .ck-custom + label .custom { margin-right: 5px; vertical-align: -5px; }

	/*라이선스 판매 설정*/
	.license .m-hd { display: block; }
	.license .top-page .tit-section { font-size: 15.5px; }
	.license .top-page .tit-section span { font-size: 13.5px; }
	.license .top-page .txt { font-size: 13.5px; line-height: 20px; letter-spacing: -0.4px; }
	.license .license-info { font-size: 13.5px; }

	/*광고 신청*/
	.ad .m-hd { display: block; }
	.ad .top-page { margin-bottom: 20px; }
	.ad .top-page .tit-section { display: none; }
	.ad .top-page .txt { margin-bottom: 5px; font-size: 18px; line-height: 24px; letter-spacing: -0.4px; }
	.ad .top-page .txt2 { font-size: 14px; line-height: 22px; }

	.list-ad { margin-bottom: 10px; }
	.list-ad li { border-width: 2px; border-radius: 8px; box-sizing: border-box; }
	.list-ad .fold { padding: 15px; box-sizing: border-box; }
	.list-ad .unfold { padding: 0 15px 12px; box-sizing: border-box; }
	.list-ad .unfold .info-group2 img { margin-right: 20px; }
	.list-ad .unfold .info-group2 .box-group { width: calc(100% - 120px); }
	.list-ad .unfold .info-group2 .txt-group { margin-bottom: 18px; }
	.list-ad .unfold .info-group2 .txt-group .tit { margin-bottom: 3px; }

	/*협찬 관리*/
	.history .tab-menu { margin-bottom: 25px; }

	.list-history { margin-bottom: 25px; }
	.list-history li { margin-bottom: 25px; }
	.list-history .info-group { margin-bottom: 3px; }
	.list-history .info-group .txt { font-size: 13px; }
	.list-history .info-group .txt2 { font-size: 13px; }
	.list-history .info-group2 { align-items: flex-start; margin-bottom: 20px; }
	.list-history .info-group2 .txt-group .txt { font-size: 13px; }
	.list-history .info-group2 .txt-group .txt2 { margin-bottom: 0; font-size: 15.5px; }
	.list-history .info-group2 .txt-group .txt3 { font-size: 15.5px; }
	.list-history .btn-custom { height: 46px; font-size: 13.5px; font-weight: 400; letter-spacing: -0.4px; }

	.bnr-ad { padding: 25px 20px; box-sizing: border-box; background-position: calc(100% - 13px); }
	.bnr-ad .txt-group .txt2 { border-radius: 3px; box-sizing: border-box; }

	/*등록된 협찬 상품*/
	.myitem .ad-info, .info-box { padding: 15px; box-sizing: border-box; font-size: 14px; }
	.myitem .tit-process { margin-bottom: 10px; }
	.list-myitem { margin-bottom: 55px; }
	.list-myitem > li { position: relative; margin-bottom: 50px; }
	.list-myitem .thumb { width: 110px; height: 87px; margin-right: 15px; border-radius: 3px; box-sizing: border-box; }
	.list-myitem .item-info { width: calc(100% - 125px); }
	.list-myitem .item-info .item-name { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; max-height: 44px; line-height: 22px; white-space: normal; overflow: hidden; margin-bottom: 5px; font-size: 15.5px; line-height: 22px; }
	.list-myitem .item-info .item-state { margin-bottom: 0; }
	.list-myitem .item-info .item-state li { margin-bottom: 0; }
	.list-myitem .item-info .item-state .tit { font-size: 13.5px; }
	.list-myitem .item-info .item-state .btn-link { font-size: 12px; }
	.list-myitem .item-info .item-state .process-state { padding: 0 5px 1px; border-radius: 3px; box-sizing: border-box; font-size: 12px; }
	.list-myitem .item-info .bookmark-message { position: absolute; left: 0; bottom: -30px; font-size: 13.5px; }

	/*수익 관리*/
	.profits .wrap { padding: 20px 20px 0; box-sizing: border-box; }
	.profits .profits-info { margin-bottom: 25px; font-size: 14px; line-height: 22px; }

	.frm-group-profits .tit-frm { margin-bottom: 6px; }
	.tbl th { padding-bottom: 4px; box-sizing: border-box; font-size: 14px; }
	.tbl td { height: 48px; font-size: 12px; line-height: 16px; }
	.tbl-v2 td { height: 30px; text-align: left; }

	/*나의 채널 정보*/
	.channel .wrap { padding: 20px 20px 0; box-sizing: border-box; }
	.channel-info { margin-bottom: 30px; }
	.channel-info .info-content .txt { font-size: 14px; line-height: 20px; }
	.channel-info .info-content .btn-custom { margin-top: 10px; }

	/*인플루언서 인증*/
	.btn-upload2 { height: 44.444vw; }
	.btn-upload2 label .label { font-size: 13.5px; }
	.btn-upload2 label .label .ico-photo { margin-bottom: 2px; }

	.inp-group-upload .txt { margin-top: 10px; font-size: 14px; }
	.inp-group-upload .txt img { margin-right: 4px; }

	/*자주 묻는 질문*/
	.faq .m-hd { display: block; }
	.faq .wrap { padding: 0; }
	.faq .sec { padding: 20px; box-sizing: border-box; }
	.faq .top-page .txt br { display: block; }
	.faq hr { height: 7px; margin: 0; background: #f4f4f4; }

	.faq .sec1 .top-page { margin-bottom: 10px; }
	.faq .inp-search { height: 54px; padding-left: 36px; box-sizing: border-box; background-position: 8px center; background-size: 17px; font-size: 15.5px; }

	.tab-menu2 a { height: 50px; margin-right: 25px; font-size: 14px; }

	.list-faq .fold .tit { font-size: 14px; }
	.list-faq .unfold .txt { padding: 8px 12px; box-sizing: border-box; font-size: 13.5px; line-height: 22px; letter-spacing: -0.4px; }

	.paging { margin-top: 20px; }
	.paging a { font-size: 13px; }
	.paging .btn-paging { margin: 0 5px; }
	.paging .num { margin: 0 10px; }

	/*아이템 상세*/
	#container.sub-v1 { margin-top: 0; }
	.view .content { padding: 0 0 50px; }

	/*mobile*/
	.view .top-item { display: block; }
	.view .m-hd { display: flex; border-bottom: none; }
	.view .m-hd .ck-area { position: absolute; top: 0; right: 0; width: 63px; height: 100%; }

	.view .box { display: block; }
	.view .top-page { margin-bottom: 0; padding: 20px 20px 25px; border-bottom: 7px solid #f4f4f4; box-sizing: border-box; }
	.view .top-page .top-section .tit-section { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; max-height: 60px; line-height: 30px; white-space: normal; overflow: hidden; margin-bottom: 12px; font-size: 22.5px; }
	.view .top-page .top-section .txt { font-size: 14.5px; }

	/*mobile*/
	.view .top-page .list-info { display: block; margin-bottom: 0; }

	.tab-menu3 {  justify-content: space-between; top: 58px; width: calc(100% - 40px); margin: 0 auto; }
	.tab-menu3 li { width: 50%; }
	.tab-menu3 a { padding: 10px 0; box-sizing: border-box; font-size: 14px; }

	.view .sec { padding: 0 20px; box-sizing: border-box; }
	.view .sec1 { padding-top: 20px; box-sizing: border-box; }
	.view .sec .bnr-view { display: flex; }
	.view .img-item { display: none; }
	.view-info { margin-bottom: 25px; }
	.view-info .tit-info { font-size: 16px; }
	.view-info .info-content .txt { font-size: 14px; }
	.view-info .info-content .txt2 { font-size: 14px; }
	.view-info .info-content .txt3 { font-size: 14px; }
}


@media only screen and (max-width: 540px) {
	.order-info .info-content .thumb { width: 30.556vw; height: 24.167vw; margin-right: 4.167vw; }
	.order-info .info-content .txt-group { width: calc(100% - 34.722vw); }
}


/* IE10+ */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.js-position { position: fixed; top: 155px; width: 319px; }
}

.list-choose { margin-bottom: 40px; }
.list-choose li { margin-bottom: 10px; border: 1px solid #e9e9e9; border-radius: 3px; box-sizing: border-box; }
.list-choose li:last-child { margin-bottom: 0; background: #f4fafb; }
.list-choose li:hover,
.list-choose li.active { border-color: #17b9c2; }
.list-choose .fold { display: flex; align-items: center; padding: 15px 12px; box-sizing: border-box; cursor: pointer; }
.list-choose .fold .ico-ck { width: 21px; height: 21px; margin-right: 9px; background: url('../img/ico_check3_off.png') center center no-repeat; background-size: contain; }
.list-choose .fold.active .ico-ck { background-image: url('../img/ico_check3_on.png'); }
.list-choose .fold .ad-name { margin-right: 10px; font-size: 16px; font-weight: 500; color: #000; letter-spacing: -0.32px; }
.list-choose .fold .ad-price { font-size: 16px; font-weight: 500; color: #999; letter-spacing: -0.32px; }
.list-choose .fold .ad-price span { margin-left: 10px; font-weight: 200; }
.list-choose .unfold { display: none; padding: 0 60px 22px 42px; box-sizing: border-box; }
.list-choose .unfold .info-group { margin-bottom: 30px; }
.list-choose .unfold .info-group .tit { margin-bottom: 15px; font-size: 14px; font-weight: 500; color: #000; letter-spacing: -0.28px; }
.list-choose .unfold .info-group .txt { font-size: 14px; font-weight: 300; color: #333; letter-spacing: -0.28px; word-break: normal; }
.list-choose .unfold .info-group2 { display: flex; align-items: flex-start; }
.list-choose .unfold .info-group2 img { width: 100px; margin-right: 40px; }
.list-choose .unfold .info-group2 .box-group { width: calc(100% - 140px); }
.list-choose .unfold .info-group2 .txt-group { margin-bottom: 30px; }
.list-choose .unfold .info-group2 .txt-group:last-child { margin-bottom: 0; }
.list-choose .unfold .info-group2 .txt-group .tit { margin-bottom: 5px; font-size: 14px; font-weight: 500; color: #000; letter-spacing: -0.28px; }
.list-choose .unfold .info-group2 .txt-group .txt { font-size: 14px; font-weight: 300; color: #999; letter-spacing: -0.28px; word-break: normal; }
.list-choose .unfold .info-group2 .txt-group .txt span { color: #333; }

@media only screen and (max-width: 1160px) {
  .list-choose .fold .ad-name { width: 90px; word-break: keep-all; white-space: nowrap; }
  .list-choose .fold .ad-price { width: 90px; }
  .list-choose .fold .ad-price span { margin-left: 0; }
}

.list-choose .fold .ad-name { flex: 1; text-align: center; }

.list-choose .fold .right-side {
  display: flex;
  flex-direction: column;
  flex: 1;
}

@media only screen and (min-width: 1160px) {
  .list-choose .fold .ad-name { flex: none; }

  .list-choose .fold .right-side {
    flex-direction: row;
    flex: none;
  }

  .list-choose .fold .right-side div {
    margin-right: 10px;
  }
}

.list-choose { margin-bottom: 10px; }
.list-choose li { border-width: 2px; border-radius: 8px; box-sizing: border-box; }
.list-choose .fold { padding: 15px; box-sizing: border-box; }
.list-choose .unfold { padding: 0 15px 12px; box-sizing: border-box; }
.list-choose .unfold .info-group2 img { margin-right: 20px; }
.list-choose .unfold .info-group2 .box-group { width: calc(100% - 120px); }
.list-choose .unfold .info-group2 .txt-group { margin-bottom: 18px; }
.list-choose .unfold .info-group2 .txt-group .tit { margin-bottom: 3px; }