@import url('//fonts.googleapis.com/earlyaccess/notosanskr.css');
body { margin:0px; font-size:14px; font-family: 'Noto Sans KR', 'Malgun Gothic','AppleGothicNeoSD','Microsoft NeoGothic','Droid sans',Sans-serif; }
.menu-tab-anchor- { position:absolute; padding-top:-152px !important; }

select,
input[type=text],
input[type=password],
button { cursor:pointer; }
button.base- { height:30px; line-height:30px; box-sizing:border-box; }
button.middle- { position:absolute; top:50%; margin-top:-15px; }
.line-view-2 { display:grid; grid-template-columns:50% 50%; }

textarea { box-sizing:border-box; padding:5px !important; }
.scrollbars_basic { padding:10px; line-height:1.8; overflow-y:scroll; border:1px solid #dfdfdf }

dl,dt,dd,ul,li{ margin:0px; list-style:none; text-align:left; padding:0px; }

a { text-decoration:none; color:#333; }

.bg-white-- { background:#fff !important; color:#000 !important; }
.bg-red-- {  background-color:#ca3a2a !important; color:#fff !important; }
.bg-blue-- { background:#2976b7 !important; color:#fff !important; }
/*#3399ff*/

.comment-- { color:var(--txt-color); font-weight:bold; }

.c-blue-- { color:#2976b7; }
.c-red-- { color:#ff0000; }
.c-gray-- { color:#777; }

.c-basic-- { color:var(--txt-color); }

.mauto { margin:0 auto; }
.pd0 { padding:0px !important; }
.ma0 { margin:0px !important; }
.m0p0 { margin:0px; padding:0px; }
.mt0 { margin-top:0px !important; }
.mt2 { margin-top:2px; }
.mt5 { margin-top:5px; }
.mt10 { margin-top:10px; }
.mt15 { margin-top:15px; }
.mt20 { margin-top:20px; }
.mt30 { margin-top:30px; }
.mt50 { margin-top:50px; }
.mb3 { margin-bottom:3px; }
.mb5 { margin-bottom:5px; }
.mb10 { margin-bottom:10px; }
.mb20 { margin-bottom:20px !important; }
.mb30 { margin-bottom:30px; }
.ml0 { margin-left:0px !important; }
.mr5 { margin-right:5px; }
.mr20 { margin-right:20px; }
.null- { margin:0px; }
.w100p { width:100%; }
.w100 { width:100px; }
.vatop { vertical-align:top; }
.vabottom { vertical-align:bottom; }
.ta_center { text-align:center; }
table.fixed { table-layout:fixed; }
.abs { position:absolute; }
.fb { font-weight:bold !important; }
.ta_center { text-align:center !important; }
.ta_right { text-align:right !important; }
.none { display:none !important; }
.fleft { float:left !imoprtant; }
.fright { float:right !important; }
.hand { cursor:pointer !important; }
.needed { color:#ca3a2a; font-weight:bold !important; margin-right:5px; }
.overhidd { overflow:hidden; }
.disabled { background-color:#f5f5f5 !important; }
div.title-more- { display:grid; grid-template-columns:auto 100px; }
div.title-more- h2 {  }
div.title-more- a { display:inline-block; text-align:right; align-content:center; }
.color-picker-mini- .sp-replacer { padding:0px; border:none; }
.color-picker-mini- .sp-replacer .sp-preview { margin-right:0px; }
.color-picker-mini- .sp-replacer.sp-light .sp-dd { display:none; }

h2 span.h2-span- { font-weight:normal; }
.more-bottom- { text-align:center; margin-bottom:50px; }
.more-bottom- button { border:1px solid #ddd; background:#fff; padding:10px 15px; margin-top:10px; font-size:15px; border:1px solid var(--border-color); background:var(--bg-color); color:#fff; }

.search-not-result- { padding:100px; text-align:center; font-size:18px; }

.text-comment- { border:1px solid #ddd; background:#efefef; padding:10px; line-height:1.7; }
.text-comment- > div::before { content:"▶"; margin-right:5px; font-size:9px; }

.sms_box { height:145px; background-color:#767676; border:1px solid #565656; border-radius:4px; }
.sms_box textarea.sms- { background-color:#767676; border:none; border-radius:4px; color:#fff; width:100%;height:130px; padding:10px; outline:none; overflow:hidden; resize: none; }
.sms_box div._byte { position:relative; text-align:right; right:8px; bottom:5px; color:#e2e2e2; z-index:2; font-size:11px; }
.sms_box div._byte span { font-weight:bold; color:#fff; font-size:11px; }

.m-br- { display:inline; }

.multi-photo- { border:1px solid #ddd; padding:5px; margin-top:5px; }
.multi-photo- .not-photo- { text-align:center; height:50px; line-height:50px; }
.multi-photo- .is-photo- { display:grid; grid-template-columns:1fr 1fr 1fr 1fr; }
.multi-photo- .is-photo- div.photo-item-- { margin:5px; position:relative; text-align:center; }
.multi-photo- .is-photo- div.photo-item-- img { max-width:100%; vertical-align:top; margin:0 auto; }
.multi-photo- .click-child-btn-- { position:absolute; top:0px; right:0px; z-index:2; text-align:center; margin:0 auto; }
.multi-photo- .click-child-btn-- button.delete-- { border:1px solid #000; background:#fff !important; color:#000; text-decoration:none; padding:5px; }

.span-list- span { display:inline-block; width:50px; }
div.title-con-  { padding-left: 80px; }
div.title-con- span { position: absolute; color: #777; width: 70px; left: 10px; }

.line1- { display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; text-overflow:ellipsis; overflow:hidden; word-break:break-word; }
.valign { top:50%;transform: translate(0, -50%);text-align:center; }

.site-h1- { overflow:hidden; }
.site-h1- h1 { float:left; }
.site-h1- div { float:right; }

.delete--,
.delete-- td,
.delete-- a { background:#efefef !important; text-decoration:line-through; }

.bg100p { content: ""; position: fixed; top: 0; left: 0; width:100%; height:100%; background: rgba(0,0,0,.6) center/100%; z-index:100; }
.bg100p.not { height:0px; }
.inp { border:1px solid #ddd; padding:0 5px; height:30px; line-height:30px; box-sizing:border-box !important; outline: none; background:#fff; }
textarea.inp { height:auto; line-height:1.5; }
.inp.red- { border:2px solid red; }
.inp.blue- { border:2px solid blue; }
.link-color- { color:#0000EE; }
.price-- { color:#ca3a2a; }
.list-none- { text-align:center; }
.solution-write-price-- { font-family: 'Open Sans', sans-serif; color:#ca3a2a; font-size:25px; }
.banner-group- { overflow:hidden; position:relative; z-index:1; }
.banner-group-.banner-group-blank { /*margin-top:10px;*/ }
.banner-group-.banner-group-blank .item- > div { display:grid; column-gap:10px; row-gap:10px; }
.banner-group-.banner-group-blank .item-  .item-child- img { max-width:100%; }
.banner-group- .allow- i { position:absolute; top:50%; margin-top:-15px; z-index:2; font-size:30px; color:#fff; }
.banner-group- .allow- i:first-child { left:10px; }
.banner-group- .allow- i:last-child { right:0px; }
.banner-group- .item- { overflow:hidden; }
.banner-group- .item-child- { padding:0px !important; }
.banner-group-.b-1-cnt- .item-child- { float:none; }
.banner-group- .example-pager { position:absolute; top:0px; margin:0 auto; text-align:center; width:100%; }
.banner-group- .example-pager span { font-size:50px !important; color:#fff; }
.banner-group- .example-pager span.cycle-pager-active { color:#ff0000; }

fieldset.pay- { border-radius:10px; font-weight:normal; border:1px solid #999; text-align:left; }
fieldset.pay- legend { font-weight:bold; color:var(--txt-color); }

.td-left- td { text-align:left !important; }
.th-left- th { text-align:left; padding:0 10px !important; }

.divspan-info- { }
.divspan-info- > div { padding-left:90px; line-height:1.5; position:relative; }
.divspan-info- > div > span { color:#777; display:inline-block; width:80px; left:0px; position:absolute; }

.sns- { overflow:hidden; }
.sns- .naver-- { background:#0cc81c; color:#fff; cursor:pointer; }
.sns- .kakao-- { background:#ffd400; color:#000; cursor:pointer; }
.sns- .google-- { background:#ea4335; color:#fff; cursor:pointer; }
.sns- .naver-i- { background:#0cc81c; color:#fff; cursor:pointer; }
.sns- .kakao-i- { background:#ffd400; color:#000; cursor:pointer; }
.sns- .google-i- { cursor:pointer; }
.not-login-page-.sns- { padding:2px !important; font-size:21px !important; }
.login-page--.sns- { font-size:30px !important; }
.login-page--.sns- > i { padding:5px; margin:0px; }

.paging { margin-top:20px; text-align:center; }
.paging a { color:#000; border:1px solid #ddd; height:30px; line-height:30px; width:30px; display:inline-block; }
.paging a.on { font-weight:bold; background:#3366cc; color:#fff; border:1px solid #3366cc; }

.category-list- tr.click- td { background-color:#f5f5f5; }

.btn- { border:1px solid #ddd; padding:7px 10px; cursor:pointer; background:#fff; }
button.base-.btn- { padding:0px; padding:0 10px; }
.btn-.abs-- { position:absolute; margin-top:-3px; margin-left:10px; }
.btn-.big-- { padding:15px 20px; font-size:15px; }
.btn-.middle-- { padding:10px 15px; font-size:15px; }
.btn-.small-- { padding:5px 7px; font-size:14px; vertical-align:top; }
.btn-.va-- { vertical-align:middle; }
.btn-.small2-- { padding:5px 6px; font-size:14px; vertical-align:top; }
.btn-.small3-- { padding:2px 6px; font-size:14px; vertical-align:top; }
.btn-.small4-- { padding:6px 6px; font-size:14px; vertical-align:top; }
.btn-.radius-- { border-radius:3px; }
.btn-.big-- .abs-- { position:absolute; margin-top:-7px; }
.btn-.white-- { background:#fff; color:#000; }
.btn-.red-- {  background-color:#ca3a2a; color:#fff; border:1px solid #ca3a2a; }
.btn-.blue-- { border:1px solid #2976b7; background:#2976b7; color:#fff; }
.btn-.black-- { border:1px solid #000; background:#3f3f3f; color:#fff; }
.btn-.var-- { border:1px solid var(--border-color); background:var(--txt-color); color:#fff; }

.password-box- > div { min-width:275px !important; }

.naver_color_ { background:#0cc81c; }
.kakao_color_ { background:#ffd400; }
.kakao-story_color_ { background:#ffd400; }
.kakao-talk_color_ { background:#ffd400; }
.facebook_color_ { background:#3a579d; }
.twitter_color_ { background:#00aced; }
.naver-band_color_ { background:#19ce60; }


div i.btn_sns { font-size:23px; text-align:center; margin-top:-3px; border-radius:50%; cursor:pointer; }
div i.btn_sns:last-child { padding-right:0px; }
div i.btn_sns.um-twitter { color:#fff; padding:5px; }
div i.btn_sns.um-facebook { color:#fff; padding:5px; }
div i.btn_sns.um-kakao-talk { color:#000; padding:5px; }
div i.btn_sns.um-kakao-story { color:#fff; padding:5px; }
div i.btn_sns.um-naver-band { color:#fff; padding:5px; }

.em-fb- { font-style:normal; font-weight:bold; }

#daum-post-layer { position:fixed !important; top:0px; left:50%; display:flex; height:100vh; flex-direction: column; justify-content:center; align-items:center; }
#daum-post-layer > div { position:fixed !important; overflow-y:auto; max-height:100vh; width:350px !important; height:670px !important; background:#fff; z-index:101; border:1px solid #ddd; padding:10px !important; }
#daum-post-layer > p { width:350px; position:absolute; height:690px !important; margin:0px; }
#daum-post-layer > p > i { cursor:pointer;position:absolute;right:-10px;top:0px;z-index:10;color:#fff;background:#000;padding:15px }

.floating {
	position: sticky !important; 
	top:0px;
	width: 100%;
	z-index:99;
}

/*팝업*/
.popup_body_ .popup_view_ .popup_subject_ { height: 35px; line-height: 35px; background: #000; padding: 0 10px; color: #fff; }
.popup_body_ .popup_view_ { position: absolute; background: #fff; z-index: 999999; margin: 5px; }
.popup_body_ .popup_view_ .popup_bottom_ { text-align: right;  border-top: 1px solid #000;  background: #000; height: 35px; line-height: 35px; padding: 0 5px; }
.popup_body_ .popup_view_ .popup_bottom_ span { background: #393939; padding: 5px; color: #fff; margin-right: 3px; cursor:pointer; }

.mini-write- { position:absolute; top:0px; left:50%; display:flex; height:100vh; flex-direction: column; justify-content:center; align-items:center; }
.mini-write-.pos-top { display:block; height:auto; top:0px; left:0px; }
.mini-write- > div { position:fixed; overflow:hidden; overflow-y:auto; max-height:100vh; max-width:800px; min-width:350px; background:#fff; z-index:101; border:1px solid #ddd; padding:10px; }
.mini-write-.pos-top > div { padding:0px; width:100% !important; border:none; }
.mini-write- .mini-close- { position:absolute; top:-1px; right:-1px; }
.mini-write- h2 { display:block; margin:0px; margin-bottom:10px; text-align:center; }
.mini-write- h3 { display:block; margin:0px; margin-bottom:10px; }
.mini-write- select { height:30px; line-height:30px; box-sizing:border-box; }
.mini-write- input[type=text],
.mini-write- input[type=password] { height:30px; line-height:30px; box-sizing:border-box; }
.mini-write- textarea { width:100%; height:100px; box-sizing:border-box; }
.mini-write- table { width:100%; border:0px; border-spacing:0px; }
.mini-write- table th { border-bottom:1px solid #ddd; padding:10px 0; }
.mini-write- table td { border-bottom:1px solid #ddd; padding:10px; min-height:45px; }
.mini-write- .price-- { color:#ca3a2a; font-size:18px; font-weight:bold; }
.mini-write- .info_select { margin-top:10px; }
.mini-write- .info_select > div { line-height:1.8; }
.mini-write- .info_select > div input[type=radio],
.mini-write- .info_select > div input[type=checkbox] { margin:0px; margin-right:3px; vertical-align:middle; margin-bottom:3px; }
.mini-write- .write_ { margin:5px 0 10px 0; border:1px solid #ddd; padding:5px; }

.mini-write- .comment- { border:1px solid #ddd; padding:10px; line-height:1.5; background-color:var(--bg-color); color:#fff; border:1px solid var(--border-color); }
.mini-write-.jump-service-box- h3 { margin:0px; margin-bottom:10px; }

.mini-search-box- { border:1px solid #ddd; }
.mini-search-box- { margin:5px 0; padding:5px; }
.click-tab1- { display:grid; grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr; }
.click-tab1- > div { border:1px solid #ddd; margin:3px; height:35px; line-height:35px; text-align:center; cursor:pointer; }
.click-tab1- > div.on { background:var(--bg-color); border:1px solid var(--border-color); color:#fff; }

.table_c { border:0px; border-spacing:0px; }
.tr-bg- th,
.tr-bg- td { background-color:#fbfbfb; }
.tr-bg- th.init-,
.tr-bg- td.init- { background:#fff; }
.tbl- { border:0px; border-spacing:0px; border-top:1px solid #ddd !important; border-left:1px solid #ddd !important; width:100%; }
.tbl- .member-write-col { width:140px; }
.tbl-.th_left th { text-align:left; padding-left:8px; padding-right:8px; font-weight:normal; color:#000; }
.tbl- th { border-bottom:1px solid #ddd !important; border-right:1px solid #ddd !important; background:#fbfbfb !important; padding-top:10px !important; padding-bottom:10px !important; position:relative; }
.tbl- td { position:relative; border-bottom:1px solid #ddd !important; border-right:1px solid #ddd !important; padding:10px; line-height:1.5; }
.tbl-.line-h td { line-height:1.5; }
.tbl- td img { border:0px; display:block; }
.tbl-.category- { width:auto !important; }
.tbl- .box-info- { border:1px solid #ddd;padding:5px;line-height:1.8;margin:5px 0; }
.tbl- .box-info- > div.w2 { display:grid; grid-template-columns:58% 42%; }
.tbl- .box-info- > div > div { padding-left:55px; position:relative; font-size:14px; }
.tbl- .box-info- > div > div > span { width:45px; left:0px; color:#777; display:inline-block; position:absolute; }
.tbl- .box-info-.service-list- > div > div { padding-left:70px; position:relative; font-size:14px; }
.tbl- .box-info-.service-list- > div > div > span { width:60px; left:0px; color:#777; display:inline-block; position:absolute; }

.div-tbl- { position:relative; overflow:hidden; display:grid; grid-template-columns:150px 1fr; border:1px solid #ddd; border-bottom:none; }
.div-tbl- > div { padding:10px; border-bottom:1px solid #ddd !important; }
.div-tbl- > div:nth-child(odd) { border-right:1px solid #ddd !important; padding-top:14px !important; background:#fbfbfb !important; position:relative; }

/*상세내용 에디터*/
.note-editable { line-height:1.5; }
div.-editor_content { }
div.-editor_content p { display:block; margin:0px !important; padding:0px !important; }
.-editor_content p { margin:0px; padding:0px; }
.-editor_content { word-break:break-all; }
.-editor_content img { max-width:100% !important; vertical-align:middle; }
.-editor_content,
.-editor_content p,
.-editor_content span,
.-editor_content div,
.-editor_content li,
.-editor_content dl,
.-editor_content dd,
.-editor_content font { line-height:1.8; word-break:break-all; }

.-editor_content li { display:block; }

.-editor_content table,
.-editor_content td,
.-editor_content th { border:none; clear:initial; }

div.-editor_content table,
div.-editor_content td,
div.-editor_content th { border:none; clear:initial; }

/*masonry*/
.masonry-container- { overflow:hidden; display: grid; column-gap: 20px; row-gap:20px; grid-template-columns: repeat(1, 1fr); }
.masonry-container-.w2 { grid-template-columns: repeat(2, 1fr); }
.masonry-container-.w3 { grid-template-columns: repeat(3, 1fr); }
.masonry-container-.w4 { grid-template-columns: repeat(4, 1fr); }
.masonry-container-.w5 { grid-template-columns: repeat(5, 1fr); }

.attach-box- { padding:10px; border:1px solid #ddd; margin-bottom:5px; }
.attach-box- .title-- { font-weight:bold; margin-bottom:5px; }
.attach-box- .fonti.um-toggle-down { font-size:17px; margin-top:-3px; }
.attach-box- button { border:none; background:var(--txt-color); color:#fff; padding:3px 5px 5px 5px; border-radius:3px; margin-left:3px; }
.btn-ext- { border:none; background:var(--txt-color); height:35px; height:35px; }


.mobile-search-box- > div > div { padding:10px 20px; }
.mobile-search-box- input[type=text] { border:2px solid var(--txt-color); width:100%; height:45px; line-height:45px; border-radius:5px; outline:none; padding:0 10px; }
.mobile-search-box- .input- { margin-top:10px; }
.mobile-search-box- .btn-div- { margin-top:10px; display:grid; grid-template-columns:repeat(2, 1fr); padding:0px; }
.mobile-search-box- .btn-div- { height:45px; line-height:45px; }
.mobile-search-box- .btn-div- div {  background:#efefef; }
.mobile-search-box- .btn-div- button { width:100%; background:#efefef; border:none; font-size:16px; }
.mobile-search-box- .btn-div- div:last-child { background:var(--txt-color); border-left:1px solid #ddd; }
.mobile-search-box- .btn-div- div:last-child button { background:var(--txt-color); color:#fff; }


@media (max-width: 800px) {
	.mbr_ { display:block; margin:2px 0; }

	.div-tbl- { grid-template-columns:1fr; }
	.div-tbl- > div:nth-child(odd) { border-right:none !important; padding-top:10px !important; padding-bottom:10px; }
	.div-tbl- .overlap-inp- { width:250px !important; }

	.tbl- .btn-is- .overlap-inp- { padding-right:80px; }
	.tbl- .btn-is- .btn-overlap- { position:absolute; right:10px; }

	.tbl-.second-.mobile- table { }
	.tbl-.second-.mobile- tr { display:grid; grid-template-columns:1fr; }

	.mini-write- > div { width:95% !important; max-height:98vh !important; }
	.mini-write-.jump-service-box- > div { width:auto; max-width:300px; height:auto; }
	.mini-write-.not-100 > div { width:50% !important; max-height:90vh !important; }

	.click-tab1- { display:grid; grid-template-columns:1fr 1fr 1fr; }

	.masonry-container- { grid-template-columns: repeat(1, 1fr); }
	.masonry-container-.w2 { grid-template-columns: repeat(1, 1fr); }
	.masonry-container-.w3 { grid-template-columns: repeat(1, 1fr); }
	.masonry-container-.w4 { grid-template-columns: repeat(1, 1fr); }
	.masonry-container-.w5 { grid-template-columns: repeat(1, 1fr); }

	.m-br- { display:block;  }
	.m-br- span { display:none;  }
	.multi-photo- .is-photo- { grid-template-columns:1fr 1fr 1fr 1fr !important; }
}