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


/* Reset */
html{height: 100%;}
body {margin:0;padding:0;font-size:0.75em;height:100%;font-family: 'Noto Sans KR', sans-serif;font-weight:400;word-break: keep-all;}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img, dl, dt, dd, p {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:1em}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
header ul, nav ul, footer ul {margin:0;padding:0;list-style:none}
legend {position:absolute;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle}
input, button {margin:0;padding:0;font-size:1em}
button,input[type=button],input[type=submit]{cursor:pointer;}
input[type=text], input[type=password], input[type=submit], input[type=image], button {border-radius:0;-webkit-appearance:none}
textarea, select {font-size:1em;}
textarea {border-radius:0;-webkit-appearance:none;resize:none}
p {margin:0;padding:0;word-break:break-all}
pre {overflow-x:scroll;font-size:1.1em}
a:link, a:visited {color:inherit;text-decoration:none}
ul,ol,li{list-style:none;padding:0;margin:0;}
input, button, textarea, select {font-family: 'Noto Sans KR', sans-serif;outline: none}
hr {content: '';display:block;padding:0;border:0;margin: 0;}


/*사파리 버튼 초기화*/
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: rgba(36, 36, 36, 0.13); }
input::-webkit-input-placeholder { font-weight: 400; color: rgba(36, 36, 36, 0.13); }
input::-moz-placeholder { font-weight: 400; color: rgba(36, 36, 36, 0.13);  }

textarea::-ms-input-placeholder { font-weight: 400; color: rgba(36, 36, 36, 0.13); }
textarea::-webkit-input-placeholder { font-weight: 400; color: rgba(36, 36, 36, 0.13); }
textarea::-moz-placeholder { font-weight: 400; color: rgba(36, 36, 36, 0.13); }


/*셀렉트 스타일*/
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% - 16px) center;
    background-size: 11px;
    background-color: #fff;
    cursor: pointer;
}
select::-ms-expand { display: none; /* 화살표 없애기 for IE10, 11*/ }


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


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


/*공통 CSS*/
/*layout style*/
section { position: relative; max-width: 420px; min-height: 100%; margin: 0 auto; padding: 54px 0 65px; box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.05); box-sizing: border-box; }
.wrap { padding: 20px; box-sizing: border-box; }
.hidden { display: none; }


/*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: 243px; max-width: calc(100% - 40px); border-radius: 7px; box-sizing: border-box; background: #fff; }
.dim-layer { display: none; position: fixed; _position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 200; }
.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: .50; filter: alpha(opacity=50); }
.dim-layer .modal-layer { display: block; }

.modal-tit { display: flex; justify-content: space-between; align-items: center; height: 43px; padding: 0 12px; border-radius: 7px 7px 0 0; box-sizing: border-box; background: #844cf3; font-size: 17px; font-weight: 400; color: #fff; letter-spacing: -0.68px; }
.modal-tit .modal-close { width: 13px; height: 20px; border: none; background: url('/img/ico_x1.svg') center center no-repeat; }
.modal-container { padding: 12px 12px 20px; border-radius: 0 0 7px 7px; box-sizing: border-box; background: #fff; }

/*내 글 찾기 모달창*/
.my-question .tit-frm { margin-bottom: 5px; font-size: 12px; font-weight: 400; color: #9b9b9b; letter-spacing: -0.48px; }
.my-question .inp-frm { width: 100%; height: 40px; margin-bottom: 8px; padding: 0 10px; border: 1px solid #707070; border-radius: 7px; box-sizing: border-box; font-size: 12px; font-weight: 500; color: #2c2c2c; }


/*button style*/
.btn-custom,
a.btn-custom { display: flex; justify-content: center; align-items: center; width: 100%; height: 47px; border: 1px solid #844cf3; border-radius: 9px; box-sizing: border-box; background: #fff; font-size: 13px; font-weight: 300; color: #844cf3; letter-spacing: -0.52px; }
.btn-custom img { margin-right: 6px; zoom: 0.5; }

.btn-custom-v1,
a.btn-custom-v1 { background: #844cf3; color: #fff; }

.btn-group { display: flex; justify-content: space-between; align-items: center; }
.btn-group .btn { width: calc(50% - 4.5px); }

.btn-group-floating { display: flex; justify-content: space-between; align-items: center; position: fixed; left: 0; right: 0; bottom: 0; z-index: 100; max-width: 420px; height: 65px; margin: 0 auto; padding: 8px 20px 10px; box-shadow: 0 -7px 6px 0 rgba(0, 0, 0, 0.25); box-sizing: border-box; background: #fff; }
.btn-group-floating .btn { display: flex; justify-content: center; align-items: center; width: calc(50% - 4.5px); height: 100%; border-radius: 0px; box-sizing: border-box; font-size: 13px; font-weight: 400; color: #fff; }
.btn-group-floating .btn-tel { background: #844cf3; }
.btn-group-floating .btn-tel.c1 { background: #d91583; }
.btn-group-floating .btn-kakao { background: #f5b21c; }
.btn-group-floating .btn img { margin-right: 8px; zoom: 0.5; }

.btn-group-board { display: flex; justify-content: flex-end; align-items: center; }
.btn-group-board .btn { display: flex; justify-content: center; align-items: center; width: 72px; height: 35px; border: none; border-radius: 9px; box-sizing: border-box; background: #844cf3; font-size: 15px; font-weight: 500; color: #fff; }
.btn-group-board .btn img { margin-right: 4px; }
.btn-group-board .btn-list img { width: 15px; }
.btn-group-board .btn-reply img { width: 13px; }

.btn-group-reply { display: flex; justify-content: space-between; align-items: center; }
.btn-group-reply .inp-frm { width: calc(50% - 4.5px); height: 47px; padding: 0 12px; border: 1px solid #844cf3; border-radius: 9px; box-sizing: border-box; font-size: 13px; font-weight: 400; color: #000; letter-spacing: -0.52px; }
.btn-group-reply .btn-custom { width: calc(50% - 4.5px); }


/*checkbox & radio button style*/
.ck-custom { display: none; }
.ck-custom + label { display: flex; align-items: center; font-size: 13px; font-weight: 400; color: #242424; letter-spacing: -0.52px; cursor: pointer; }
.ck-custom + label .custom { display: flex; justify-content: center; align-items: center; width: 12px; height: 12px; margin-right: 4px; background: url('/img/ico_check1_off.png') center center no-repeat; background-size: contain; }
.ck-custom:checked + label .custom { background-image: url('/img/ico_check1_on.png'); }

.ck-custom2 { display: none; }
.ck-custom2 + label { display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; border-radius: 9px; box-sizing: border-box; background: #cfcfcf; font-size: 13px; font-weight: 400; color: #fff; letter-spacing: -0.52px; cursor: pointer; }
.ck-custom2:checked + label { background: #844cf3; }


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


/*form style*/
.list-frm li { margin-bottom: 15px; }
.list-frm .inp-group { display: flex; justify-content: space-between; align-items: center; margin-bottom: 12px; }
.list-frm .inp-group:last-child { margin-bottom: 0; }
.list-frm .tit-frm { margin-bottom: 7px; font-size: 14px; font-weight: 700; color: #844cf3; letter-spacing: -0.56px; }
.list-frm .inp-frm { display: block; width: 100%; height: 45px; padding: 0 13px; border: 1px solid #e0e0e0; border-radius: 7px; box-shadow: 3px 3px 6px 0 rgba(0, 0, 0, 0.15); box-sizing: border-box; font-size: 14px; font-weight: 500; color: #242424; letter-spacing: -0.56px; }
.list-frm textarea.inp-frm { height: 158px; padding: 12px; box-sizing: border-box; }
.list-frm .select-custom { display: block; width: 100%; height: 45px; border: 1px solid #e0e0e0; border-radius: 7px; box-shadow: 3px 3px 6px 0 rgba(0, 0, 0, 0.15); box-sizing: border-box; font-size: 14px; font-weight: 500; color: #242424; letter-spacing: -0.56px; text-align: center; }
.list-frm .btn-frm { display: block; width: 72px; height: 45px; border: none; border-radius: 9px; box-sizing: border-box; background: #844cf3; font-size: 14px; font-weight: 400; color: #fff; letter-spacing: -0.56px; }

.list-frm .inp-group .inp-frm { width: calc(100% - 84px); }

.list-frm .inp-group-date { display: flex; justify-content: space-between; align-items: center; }
.list-frm .inp-group-date .inp-frm { width: calc(50% - 4px); text-align: center; }
.list-frm .inp-group-date .select-custom { width: calc(50% - 4px); }

.list-frm .box-frm { padding: 0 13px; border: 1px solid #e0e0e0; border-radius: 7px; box-shadow: 3px 3px 6px 0 rgba(0, 0, 0, 0.15); box-sizing: border-box; background: #fff; }
.list-frm .box-frm .tit-frm { margin-bottom: 0; padding: 10px 0; border-bottom: 1px solid #f0f0f0; box-sizing: border-box; }
.list-frm .box-frm textarea.inp-frm { height: 300px; padding: 13px 0; border: none; box-shadow: none; box-sizing: border-box; }


/*header style*/
.header { position: fixed; top: 0; left: 0; right: 0; z-index: 100; width: 100%; max-width: 420px; margin: 0 auto; border-bottom: 1px solid #f0f0f0; box-sizing: border-box; background: #fff; transition: .2s all ease-out; }

.hd { display: flex; justify-content: space-between; align-items: center; position: relative; height: 54px; }
/* .hd .hd-logo { width: 63px; height: 20px; margin-left: 14px; background: url('/img/img_logo1.png') center center no-repeat;    background-size: cover; } */
.hd .hd-logo { width: 96px; height: 48px; margin-left: 14px; background: url('/img/img_logo1_on.png') center center no-repeat;    background-size: cover; }

.hd .hd-tit { display: flex; align-items: center; height: 100%; font-size: 19px; font-weight: 500; color: #000; }
.hd .hd-tit .hd-back { width: 33px; height: 100%; margin-right: 10px; border: none; background: url('/img/ico_arrow_back1.png') 15px center no-repeat; background-size: 18px; }
.hd .hd-hamburger { width: 48px; height: 100%; border: none; background: url('/img/ico_hamburger1_off.png') calc(100% - 15px) center no-repeat; background-size: 18px; }
.hd .hd-hamburger.active { background-image: url('/img/ico_hamburger1_on.png'); }

.header.active { border: none; background: none; }
.header.active .hd-logo { background-image: url('/img/img_logo1.png');    background-size: cover; }
.header.active .hd-hamburger { background-image: url('/img/ico_hamburger1_on.png'); }


/*m-header style*/
.m-gnb { display: none; position: fixed; z-index: 1000; top: 0; right: -100%; width: 80%; height: 100%; background: #fff; }
.m-gnb-bg { display: none; position: fixed; z-index: 999; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .5); }
.m-gnb .top { display: flex; justify-content: space-between; align-items: center; position: relative; height: 54px; padding: 13px 0 13px 26px; box-sizing: border-box; background: #844cf3; }
.m-gnb .top .tit { font-size: 19px; font-weight: 400; color: #fff; letter-spacing: -0.76px; }
.m-gnb .top .m-gnb-close { width: 54px; height: 100%; border: none; background: url('/img/ico_x1.svg') center center no-repeat; }

.list-m-gnb { height: calc(100% - 54px); padding: 30px 15px 30px 25px; box-sizing: border-box; overflow: auto; }
.list-m-gnb li { margin-bottom: 35px; }
.list-m-gnb li:last-child { margin-bottom: 0; }
.list-m-gnb .category { display: flex; align-items: center; margin-bottom: 8px; padding-bottom: 4px; border-bottom: 2px solid #000; box-sizing: border-box; font-size: 17px; font-weight: 700; color: #242424; letter-spacing: -0.68px; }
.list-m-gnb .category img { margin-right: 14px; zoom: 0.5; }
.list-m-gnb .category span { position: relative; }
.list-m-gnb .category span:before { content: ''; display: block; position: absolute; left: calc(0% - 2px); bottom: 2px; z-index: -1; width: calc(100% + 4px); height: 12px; background: rgba(189, 147, 255, 0.31); }
.list-m-gnb .category-v1 span:before { background: rgba(245, 212, 28, 0.46); }

.list-m-gnb .depth a { display: flex; align-items: center; padding: 5px 0; border-bottom: 1px solid #f0f0f0; box-sizing: border-box; font-size: 16px; font-weight: 400; color: #242424; letter-spacing: -0.64px; }
.list-m-gnb .depth a:last-child { border-bottom: 0; }
.list-m-gnb .depth img { margin-left: 10px; zoom: 0.5; }


/*paging style*/
.paging { display: flex; justify-content: center; align-items: center; }
.paging .num { display: flex; justify-content: center; align-items: center; }
.paging .num a { padding: 0 5px; box-sizing: border-box; font-size: 14px; font-weight: 400; color: #969696; }
.paging .btn-paging { width: 16px; height: 16px; margin: 0 5px; background: center center no-repeat; background-size: contain; }
.paging .btn-paging-prev { background-image: url('/img/ico_arrow_prev1.png'); }
.paging .btn-paging-next { background-image: url('/img/ico_arrow_next1.png'); }


/*search style*/
.search-group { display: flex; justify-content: space-between; align-items: center; }
.search-group .ck-group { width: 73px; height: 47px; }
.search-group .inp-search { width: calc(100% - 160px); height: 47px; padding: 0 13px; border: 1px solid #cfcfcf; border-radius: 9px; box-sizing: border-box; font-size: 13px; font-weight: 500; color: #242424; letter-spacing: -0.52px; }
.search-group .btn-search { width: 67px; height: 47px; border: none; border-radius: 9px; box-sizing: border-box; background: #844cf3; font-size: 13px; font-weight: 400; color: #fff; letter-spacing: -0.52px; }


/*카테고리 메뉴*/
.category-menu { display: flex; padding: 12px 15px; box-sizing: border-box; background: #fff; white-space: nowrap; overflow-x: auto; }
.category-menu a { display: flex; align-items: center; height: 35px; margin-right: 10px; padding: 0 10px; border-radius: 9px; box-sizing: border-box; background: #c9c9c9; font-size: 15px; font-weight: 500; color: #fff; }
.category-menu a:last-child { margin-right: 0; }
.category-menu a.active { background: #844cf3; }


/*메인*/
.main { padding-top: 0; }
.video-group video { display: block; width: 100%; }

.count-group { display: flex; justify-content: space-between; align-items: center; background: #844cf3; }
.count-group .txt-group { display: flex; justify-content: center; align-items: center; width: 50%; height: 44px; border-right: 1px solid #fff; box-sizing: border-box; }
.count-group .txt-group:last-child { border-right: none; }
.count-group .txt-group .txt { position: relative; margin-right: 15px; font-size: 15px; font-weight: 400; color: #fff; letter-spacing: -0.6px; }
.count-group .txt-group .txt:after { content: ''; display: block; position: absolute; top: calc(50% - 5px); right: calc(0% - 8px); width: 1px; height: 13px; background: #fff; }
.count-group .txt-group .txt2 { font-size: 15px; font-weight: 400; color: #fff; letter-spacing: -0.6px; }
.count-group .txt-group .txt2 .odometer { font-weight: 700; color: #ffe558; }
.count-group .txt-group .txt2 img { margin-left: 10px; zoom: 0.5; }

.main .top-section { display: flex; justify-content: space-between; align-items: center; padding: 20px; box-sizing: border-box; }
.main .top-section .tit { font-size: 17px; font-weight: 700; color: #242424; letter-spacing: -0.68px; }
.main .top-section .btn-more { display: flex; justify-content: flex-end; align-items: center; font-size: 13px; font-weight: 400; color: #c4c4c4; letter-spacing: -0.52px; }
.main .top-section .btn-more img { width: 10px; }

.column-group { margin-bottom: 20px; }
.slide-column .swiper { padding: 0 20px; box-sizing: border-box; }
.slide-column .swiper-slide { width: 150px; }
.slide-column .img-group { height: 150px; margin-bottom: 14px; border-radius: 7px; box-sizing: border-box; overflow: hidden; }
.slide-column .tit { font-size: 15px; font-weight: 500; color: #242424; letter-spacing: -0.6px; }

.today-price .top-section { display: block; margin-bottom: 14px; padding: 0; }
.today-price .top-section .txt { font-size: 14px; font-weight: 500; color: #242424; }

.list-price li { margin-bottom: 12px; border: 1px solid #f1f1f1; border-radius: 7px; box-sizing: border-box; }
.list-price a { display: flex; align-items: center; height: 70px; padding: 0 18px; box-sizing: border-box; }
.list-price .img-group { width: 47px; height: 47px; margin-right: 25px; border-radius: 7px; box-sizing: border-box; overflow: hidden; }
.list-price .tit { width: calc(100% - 72px); font-size: 15px; font-weight: 500; color: #242424; letter-spacing: -0.6px; }
.list-price .tit img { width: 28px; margin-left: 7px; }


/*실시간 문의*/
.qna-state { display: flex; justify-content: space-between; align-items: center; margin-bottom: 16px; padding: 18px 0; border: 1px solid #e0e0e0; border-radius: 7px; box-shadow: 3px 3px 6px 0 rgba(0, 0, 0, 0.15); box-sizing: border-box; }
.qna-state li { width: 33.33%; border-right: 1px solid #f1f1f1; box-sizing: border-box; text-align: center; }
.qna-state li:last-child { border-right: none; }
.qna-state .tit { display: flex; justify-content: center; align-items: center; font-size: 12px; font-weight: 400; color: #242424; letter-spacing: -0.48px; }
.qna-state .tit img { margin-right: 3px; zoom: 0.5; }
.qna-state .txt { font-size: 15px; font-weight: 500; color: #844cf3; letter-spacing: -0.6px; }

.list-qna { margin-bottom: 18px; padding: 0 12px; border: 1px solid #e0e0e0; border-radius: 7px; box-shadow: 3px 3px 6px 0 rgba(0, 0, 0, 0.15); box-sizing: border-box; }
.list-qna li { border-bottom: 1px solid #f0f0f0; box-sizing: border-box; position:relative;}
.list-qna a { display: block; position: relative; padding: 14px 0; box-sizing: border-box; }
.list-qna .tit { width: calc(100% - 60px); margin-bottom: 2px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 16px; font-weight: 500; color: #242424; letter-spacing: -0.64px; }
.list-qna .tit .noti { margin-right: 8px; font-size: 14px; font-weight: 700; color: #844cf3; letter-spacing: -0.56px; }
.list-qna .txt { display: flex; align-items: center; }
.list-qna .txt span { position: relative; margin-right: 12px; font-size: 14px; font-weight: 400; color: #9b9b9b; letter-spacing: -0.56px; }
.list-qna .txt span:last-child { margin-right: 0; }
.list-qna .txt span:after { content: ''; display: block; position: absolute; top: calc(50% - 5px); right: calc(0% - 7px); width: 1px; height: 10px; background: #9b9b9b; }
.list-qna .txt span:last-child:after { display: none; }
.list-qna .state { display: flex; justify-content: center; align-items: center; position: absolute; top: 14px; right: 0; width: 46px; height: 17px; border: 1px solid #844cf3; border-radius: 5px; box-sizing: border-box; font-size: 10px; font-weight: 500; color: #844cf3; letter-spacing: -0.75px; }
.list-qna .state.inactive { border-color: #d6c1ff; color: #d6c1ff; }

.qna .btn-group { margin-bottom: 18px; }
.qna .paging { margin-bottom: 30px; }


/*실시간 문의 상세*/
.qna-view { background: #f5f7f9; }
.qna-view-v1 { background: #fff; }

.question-group { background: #fff; }
.question-group .top-question { padding: 20px; border-bottom: 1px solid #f0f0f0; box-sizing: border-box; }
.question-group .top-question .tit { margin-bottom: 2px; font-size: 20px; font-weight: 400; color: #242424; letter-spacing: -0.8px; }
.question-group .top-question .txt { display: flex; align-items: center; }
.question-group .top-question .txt span { display: flex; align-items: center; position: relative; margin-right: 14px; font-size: 14px; font-weight: 400; color: #9b9b9b; letter-spacing: -0.56px; }
.question-group .top-question .txt span:last-child { margin-right: 0; }
.question-group .top-question .txt span:after { content: ''; display: block; position: absolute; top: calc(50% - 5px); right: calc(0% - 8px); width: 1px; height: 10px; background: #9b9b9b; }
.question-group .top-question .txt span:last-child:after { display: none; }
.question-group .top-question .txt span img { margin-right: 10px; zoom: 0.5; }
.question-group .question-content { padding: 20px; box-sizing: border-box; }
.question-group .question-content .state { display: flex; justify-content: center; align-items: center; width: 62px; height: 21px; margin-bottom: 10px; border-radius: 11px; box-sizing: border-box; background: #844cf3; font-size: 12px; font-weight: 400; color: #fff; letter-spacing: -0.48px; }
.question-group .question-content .state-v1 { background: #d6c1ff; }
.question-group .question-content .txt { font-size: 16px; font-weight: 400; color: #242424; letter-spacing: -0.99px; line-height: 32px; }

.answer-group { padding: 20px; box-sizing: border-box; }
.answer-group .box { margin-bottom: 22px; padding: 30px 14px; border-radius: 7px; box-shadow: 3px 3px 6px 0 rgba(0, 0, 0, 0.15); box-sizing: border-box; background: #fff; }
.answer-group .writer-info { display: flex; align-items: center; margin-bottom: 26px; }
.answer-group .writer-info .img-group { width: 47px; height: 47px; margin-right: 9px; border-radius: 7px; box-sizing: border-box; overflow: hidden; }
.answer-group .writer-info .txt-group { width: calc(100% - 56px); }
.answer-group .writer-info .txt-group .txt { font-size: 16px; font-weight: 500; color: #242424; letter-spacing: -0.64px; }
.answer-group .writer-info .txt-group .txt2 { font-size: 14px; font-weight: 400; color: #9b9b9b; letter-spacing: -0.56px; }
.answer-group .writer-info .txt-group .txt2 img { margin-right: 10px; zoom: 0.5; }
.answer-group .answer-content .txt { font-size: 16px; font-weight: 400; color: #242424; letter-spacing: -0.8px; line-height: 32px; }

.reply-group { display: none; margin-top: 18px; }
.reply-group.active { display: block; }
.reply-group textarea.inp-frm { display: block; width: 100%; height: 183px; margin-bottom: 16px; padding: 12px; border: 1px solid #e0e0e0; border-radius: 7px; box-shadow: 3px 3px 6px 0 rgba(0, 0, 0, 0.15); box-sizing: border-box; font-size: 16px; font-weight: 500; color: #242424; letter-spacing: -0.64px; }


/*실시간 문의 작성*/
.qna-write { padding-bottom: 0; background: #f5f7f9; }
.qna-write .ck-group { margin-bottom: 10px; }
.qna-write .btn-custom { margin-bottom: 23px; }

.policy-group { padding: 16px 13px; border: 1px solid #e0e0e0; border-radius: 7px; box-shadow: 3px 3px 6px 0 rgba(0, 0, 0, 0.15); box-sizing: border-box; background: #fff; }
.policy-group .txt { margin-bottom: 14px; font-size: 12px; font-weight: 400; color: #242424; letter-spacing: -0.48px; }
.policy-group .txt:last-child { margin-bottom: 0; }
.policy-group .txt span { font-weight: 500; color: #844cf3; }


/*실시간 상담 신청*/
.reservation-write { padding-bottom: 0; background: #f5f7f9; }
.reservation-write .wrap:first-child { background: #fff; }
.reservation-write .btn-group-floating { position: static; height: auto; margin-bottom: 16px; padding: 0; box-shadow: none; }
.reservation-write .btn-group-floating .btn { height: 47px; }
.reservation-write .ck-group { margin-bottom: 10px; }
.reservation-write .btn-custom { margin-bottom: 23px; }

.reservation-write .top-info { margin-bottom: 20px; padding: 15px 0; border: 1px solid #e0e0e0; border-radius: 7px; box-sizing: border-box; }
.reservation-write .top-info .txt { font-size: 13px; font-weight: 400; color: #242424; text-align: center; letter-spacing: -0.52px; }
.reservation-write .top-info hr { width: 233px; height: 1px; margin: 10px 0; background: #f0f0f0; }
.reservation-write .top-info .txt2 { font-size: 15px; font-weight: 400; color: #242424; text-align: center; letter-spacing: -0.6px; }
.reservation-write .top-info .txt2 span { position: relative; font-weight: 500; }
.reservation-write .top-info .txt2 span:before { content: ''; display: block; position: absolute; left: 0; right: 0; bottom: 0; width: 100%; height: 12px; background: rgba(189, 147, 255, 0.31); }

.reservation-write .top-section { margin-bottom: 15px; }
.reservation-write .top-section .tit { font-size: 17px; font-weight: 900; color: #171717; }

.telemarketer-group { display: flex; justify-content: space-between; align-items: center; margin: 0 -4.5px 16px; }
.telemarketer-group li { width: 25%; padding: 0 4.5px; box-sizing: border-box; }
.telemarketer-group .img-group { border: 1px solid #e0e0e0; border-radius: 7px; box-sizing: border-box; overflow: hidden; }

.tag-group { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; }
.tag-group > div { display: flex; justify-content: center; align-items: center; height: 25px; margin: 3.5px; padding: 0 12px; border: 1px solid #844cf3; border-radius: 9px; box-sizing: border-box; font-size: 13px; font-weight: 400; color: #844cf3; letter-spacing: -0.52px; }


/*법인영업팀 소개*/
.promotion .img-promotion { width: 100%; }


/*칼럼*/
.column { background: #f5f7f9; }

.list-board li { margin-bottom: 20px; }
.list-board .card { display: flex; flex-wrap: wrap; align-items: center; position: relative; padding: 8px 35px 8px 10px; border: 1px solid #e0e0e0; border-radius: 7px; box-shadow: 3px 3px 6px 0 rgba(0, 0, 0, 0.15); box-sizing: border-box; background: #fff; }
.list-board .card:hover,
.list-board .card.active { border-color: #844cf3; }
.list-board .card .img-group { width: 83px; height: 83px; margin-right: 12px; border-radius: 7px; box-sizing: border-box; overflow: hidden; }
.list-board .card .tit-group { width: calc(100% - 95px); }
.list-board .card .tit-group .tit { font-size: 15px; font-weight: 500; color: #242424; letter-spacing: -0.6px; }
.list-board .card .tit-group .tit2 { display: flex; align-items: center; font-size: 15px; font-weight: 700; color: #844cf3; letter-spacing: -0.6px; }
.list-board .card .tit-group .tit2 .ico-new { margin-left: 5px; }
.list-board .card .badge-group { display: flex; position: absolute; top: 0; right: 10px; }
.list-board .card .badge-group .badge { display: flex; justify-content: center; align-items: center; width: 18px; height: 23px; margin-right: 4px; background: center top no-repeat; background-size: contain; }
.list-board .card .badge-group .badge:last-child { margin-right: 0; }
.list-board .card .badge-group .badge-hot { background-image: url('/img/ico_badge1.png'); }
.list-board .card .badge-group .badge-best { background-image: url('/img/ico_badge2.png'); }
.list-board .card .badge-group .badge span { display: block; transform: scale(0.6); margin-bottom: 5px; font-size: 7px; font-weight: 500; color: #fff; text-align: center; letter-spacing: -0.28px; }
.list-board .card .badge-group .badge-best span { color: #000; }


/*칼럼 상세*/
.column-view .top-board { padding: 15px; border-bottom: 10px solid #f0f0f0; box-sizing: border-box; }
.column-view .top-board .tit { font-size: 29px; font-weight: 400; color: #242424; letter-spacing: -1.16px; line-height: 37px; }
.column-view .board-content { padding: 20px 15px; box-sizing: border-box; }
.column-view .board-content .txt { margin-bottom: 15px; font-size: 20px; font-weight: 400; color: #242424; letter-spacing: -0.94px; line-height: 34px; }
.column-view .board-content .img { display: block; width: 100%; margin-bottom: 30px; }


/*사전 예약 신청*/
.reservation { padding-bottom: 0; }
.reservation .top-banner { display: flex; flex-direction: column; justify-content: center; height: 114px; margin-bottom: 20px; padding: 0 11px; border-radius: 7px; box-sizing: border-box; background: url('/img/img_wifi1.png') calc(100% - 13px) center no-repeat #feefd5; background-size: 92px; }
.reservation .top-banner .txt { margin-bottom: 2px; font-size: 11px; font-weight: 400; color: #242424; letter-spacing: -0.44px; }
.reservation .top-banner .txt2 { font-size: 16px; font-weight: 400; color: #242424; letter-spacing: -0.96px; line-height: 20px; }
.reservation .top-banner .txt2 span { font-weight: 700; }
.reservation .ck-group { margin-bottom: 15px; }
.reservation .policy-group { margin-bottom: 18px; }


/*대리점 신청*/
.agency { padding-bottom: 0; }
.agency .top-banner { display: flex; flex-direction: column; justify-content: center; align-items: center; height: 98px; margin-bottom: 15px; border-radius: 7px; box-sizing: border-box; background: #efe1f7; text-align: center; }
.agency .top-banner .txt { font-size: 14px; font-weight: 400; color: #242424; letter-spacing: -0.84px; }
.agency .top-banner .txt2 { font-size: 16px; font-weight: 400; color: #242424; letter-spacing: -0.96px; }
.agency .top-banner .txt2 span { font-weight: 700; color: #844cf3; }


/*법인영업팀 문의하기*/
.inquiry { padding-bottom: 0; }
.inquiry .top-banner { display: flex; flex-direction: column; justify-content: center; height: 98px; margin-bottom: 20px; padding: 0 17px; border-radius: 7px; box-sizing: border-box; background: url('/img/img_gift1.png') calc(100% + 30px) center no-repeat #feefd5; background-size: 176px; }
.inquiry .top-banner .txt { font-size: 18px; font-weight: 400; color: #242424; letter-spacing: -1.08px; }
.inquiry .top-banner .txt span { font-weight: 700; }
.inquiry .top-info { font-size: 15px; font-weight: 400 ;color: #242424; text-align: center; letter-spacing: -0.9px; }
.inquiry .top-info span { position: relative; font-weight: 700; }
.inquiry .top-info span:before { content: ''; display: block; position: absolute; left: 0; right: 0; bottom: 0; width: 100%; height: 12px; background: rgba(189, 147, 255, 0.31); }

footer {
    max-width: 420px;
    min-height: 320px;
    padding-top: 32px;
    margin: 0 auto;
    text-align: center;
    background-color: #e3e3e3;
}
input[type="date"] {
    border: none;
    box-sizing: border-box;
    outline: 0;
    padding: .75rem;
    position: relative;
    width: 100%;
}

input[type="date"]::-webkit-calendar-picker-indicator {
    background: transparent;
    bottom: 0;
    color: transparent;
    cursor: pointer;
    height: auto;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: auto;
}

input[type="time"] {
    border: none;
    box-sizing: border-box;
    outline: 0;
    padding: .75rem;
    position: relative;
    width: 100%;
}

input[type="time"]::-webkit-calendar-picker-indicator {
    background: transparent;
    bottom: 0;
    color: transparent;
    cursor: pointer;
    height: auto;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: auto;
}
@media only screen and (max-width: 768px) {
	.header, .footer, section, .btn-group-floating { max-width: 100%; }
}