@import url(./swiper-bundle.css);
@font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; src: url("../fonts/Roboto-Regular.woff2") format("woff2"), url("../fonts/Roboto-Regular.woff") format("woff"), url("../fonts/Roboto-Regular.ttf") format("truetype"); unicode-range: U+0030-0039; }
@font-face { font-family: 'Roboto'; font-style: normal; font-weight: 500; src: url("../fonts/Roboto-Medium.woff2") format("woff2"), url("../fonts/Roboto-Medium.woff") format("woff"), url("../fonts/Roboto-Medium.ttf") format("truetype"); unicode-range: U+0030-0039; }
@font-face { font-family: 'Roboto'; font-style: normal; font-weight: 600; src: url("../fonts/Roboto-Bold.woff2") format("woff2"), url("../fonts/Roboto-Bold.woff") format("woff"), url("../fonts/Roboto-Bold.ttf") format("truetype"); unicode-range: U+0030-0039; }
/* noto-sans-kr-300 - latin_korean */
@font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 300; src: url("../fonts/noto-sans-kr-v8-latin_korean-300.eot"); /* IE9 Compat Modes */ src: local("Noto Sans KR Light"), local("NotoSansKR-Light"), url("../fonts/noto-sans-kr-v8-latin_korean-300.eot?#iefix") format("embedded-opentype"), url("../fonts/noto-sans-kr-v8-latin_korean-300.woff2") format("woff2"), url("../fonts/noto-sans-kr-v8-latin_korean-300.woff") format("woff"), url("../fonts/noto-sans-kr-v8-latin_korean-300.ttf") format("truetype"), url("../fonts/noto-sans-kr-v8-latin_korean-300.svg#NotoSansKR") format("svg"); /* Legacy iOS */ }
/* noto-sans-kr-400 - latin_korean */
@font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 400; src: url("../fonts/noto-sans-kr-v8-latin_korean-400.eot"); /* IE9 Compat Modes */ src: local("Noto Sans KR Regular"), local("NotoSansKR-Regular"), url("../fonts/noto-sans-kr-v8-latin_korean-400.eot?#iefix") format("embedded-opentype"), url("../fonts/noto-sans-kr-v8-latin_korean-400.woff2") format("woff2"), url("../fonts/noto-sans-kr-v8-latin_korean-400.woff") format("woff"), url("../fonts/noto-sans-kr-v8-latin_korean-400.ttf") format("truetype"), url("../fonts/noto-sans-kr-v8-latin_korean-400.svg#NotoSansKR") format("svg"); /* Legacy iOS */ }
/* noto-sans-kr-500 - latin_korean */
@font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 500; src: url("../fonts/noto-sans-kr-v8-latin_korean-500.eot"); /* IE9 Compat Modes */ src: local("Noto Sans KR Medium"), local("NotoSansKR-Medium"), url("../fonts/noto-sans-kr-v8-latin_korean-500.eot?#iefix") format("embedded-opentype"), url("../fonts/noto-sans-kr-v8-latin_korean-500.woff2") format("woff2"), url("../fonts/noto-sans-kr-v8-latin_korean-500.woff") format("woff"), url("../fonts/noto-sans-kr-v8-latin_korean-500.ttf") format("truetype"), url("../fonts/noto-sans-kr-v8-latin_korean-500.svg#NotoSansKR") format("svg"); /* Legacy iOS */ }
/* noto-sans-kr-500 - latin_korean */
@font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 500; src: url("../fonts/noto-sans-kr-v8-latin_korean-500.eot"); /* IE9 Compat Modes */ src: local("Noto Sans KR Medium"), local("NotoSansKR-Medium"), url("../fonts/noto-sans-kr-v8-latin_korean-500.eot?#iefix") format("embedded-opentype"), url("../fonts/noto-sans-kr-v8-latin_korean-500.woff2") format("woff2"), url("../fonts/noto-sans-kr-v8-latin_korean-500.woff") format("woff"), url("../fonts/noto-sans-kr-v8-latin_korean-500.ttf") format("truetype"), url("../fonts/noto-sans-kr-v8-latin_korean-500.svg#NotoSansKR") format("svg"); /* Legacy iOS */ }
/* noto-sans-kr-700 - latin_korean */
@font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 700; src: url("../fonts/NotoSans-Bold.otf") format("opentype"), url("../fonts/NotoSans-Bold.woff2") format("woff2"), url("../fonts/NotoSans-Bold.woff") format("woff"); }
/* noto-sans-kr-900 - latin_korean */
@font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 900; src: url("../fonts/NotoSans-Black.otf") format("opentype"), url("../fonts/NotoSans-Black.woff2") format("woff2"), url("../fonts/NotoSans-Black.woff") format("woff"); }
@font-face { font-family: 'Hanna'; font-style: normal; font-weight: 400; src: local("Hanna"), url("../fonts/BMHANNA_11yrs.woff") format("woff"), url("../fonts/BMHANNA_11yrs_otf.otf") format("embedded-opentype"), url("../fonts/BMHANNA_11yrs_ttf.ttf") format("truetype"); }
/* reset */
html { height: 100%; font-size: 10px; -webkit-text-size-adjust: none; }
body { font-weight: 400; width: 100%; height: 100%; margin: 0; font-weight: 400; font-size: 1.6rem; }
* { margin: 0; padding: 0; font-family: 'Roboto', 'Noto Sans KR', sans-serif; border: none; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
*:focus { outline: none; }
*:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
h1, h2, h3, h4, h5, h6 { font-size: inherit; color: inherit; margin-bottom: 0; }
fieldset, img { border: none; vertical-align: middle; }
object:focus { outline: none; }
iframe { margin: 0; padding: 0; border: none; overflow-x: hidden; overflow-y: hidden; }
dl, ul, ol, menu, li { margin-bottom: 0; list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: none; }
input, textarea, label, button { color: rgba(0, 0, 0, 0.8); vertical-align: middle; border-radius: 0; outline: none; }
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { margin: 0; -webkit-appearance: none; }
input[type=number] { -moz-appearance: textfield; }
button { margin-bottom: 0; background: none; border: none; outline: none !important; cursor: pointer; }
i { font-style: normal; vertical-align: middle; }
table { width: 100%; border-collapse: collapse; border-spacing: 0; empty-cells: show; }
table th, table td { vertical-align: middle; }
textarea { -webkit-appearance: none; border-radius: 0; resize: none; }
optgroup { color: #656262; font-weight: inherit; background-color: #ffffff; }
option { color: #656262; display: block !important; }
a { margin: 0; padding: 0; font-family: inherit; font-size: inherit; color: inherit; text-decoration: none; }
a:hover { color: inherit; text-decoration: none !important; }
/* common style */
::selection { background-color: #2AC1BC; color: #fff; }
.blind { position: absolute; width: 0; height: 0; overflow: hidden; z-index: -1; }
.hidden { height: 100%; min-height: 100%; overflow: hidden !important; touch-action: none; }
html, body { min-height: 100%; word-break: break-all; }
img { max-width: 100%; }
input[type="text"], input[type="email"] { width: 100%; height: 5rem; padding: 0 1.6rem; font-size: 1.6rem; border: 1px solid #ddd; transition: .4s ease border; }
input:focus { border-color: #2AC1BC; }
input:disabled { color: #999; background-color: #fafafa; }
input.has-error { border-color: #EB5757; }
input.has-error + .has-error { margin-top: .4rem; font-size: 1.3rem; line-height: 1.9rem; }
.has-error { color: #EB5757; }
.check-box input[type="radio"], .check-box input[type="checkbox"] { visibility: hidden; -webkit-appearance: none; position: absolute; left: -10000px; }
.check-box input[type="radio"] + label, .check-box input[type="checkbox"] + label { position: relative; padding-left: 2.6rem; display: inline-block; }
.check-box input[type="radio"] + label:after, .check-box input[type="checkbox"] + label:after { position: absolute; left: 0; width: 2rem; height: 2rem; display: inline-block; content: ''; }
.check-box label:after { top: .3rem; border: 1px solid #ddd; }
.check-box label:hover:after { border-color: #2AC1BC; }
.check-box input[type="checkbox"]:checked + label:after { background: #2AC1BC url("../images/check-box.png") center center no-repeat; background-size: contain; border: 0; }
.check-box input[type="radio"] + label:after { border-radius: 1rem; }
.check-box input[type="radio"]:checked + label:after { background: #2AC1BC url("../images/check-radio.png") center center no-repeat; background-size: contain; border: 0; }
.btn-area { width: 100%; margin-top: 4rem; display: flex; justify-content: center; }
.btn-area.full .bt-large { width: 100%; }
.bt-large, .bt-more { height: 6rem; font-size: 2rem; color: #fff; font-weight: 700; background-color: #2AC1BC; display: flex; justify-content: center; align-items: center; }
.bt-large:hover, .bt-more:hover { color: #fff; }
.bt-large { min-width: 14rem; }
.bt-more { width: 42rem; }
.bt-more:after { width: 1.6rem; height: 1rem; margin: .3rem 0 0 1.1rem; background: url("../images/arrow_down.png") no-repeat; background-size: contain; display: block; content: ''; }
.bt-base { padding: .7rem 1.4rem; font-size: 1.4rem; white-space: nowrap; border: 1px solid #000; background-color: #fff; display: flex; justify-content: center; align-items: center; }
.bt-search { position: relative; width: 3.6rem; height: 3.6rem; text-indent: -1000em; display: block; }
.bt-search:before { position: absolute; top: 50%; left: 50%; width: 2.6rem; height: 2.6rem; transform: translate(-50%, -50%); background: url("../images/ic_search.png") no-repeat; background-size: contain; display: block; content: ''; }
.link-under { position: relative; min-height: 2.7rem; padding: 0 .4rem; font-size: 1.8rem; color: #2AC1BC; line-height: 2.7rem; font-weight: 700; display: inline-block; }
.link-under:after { position: absolute; left: 0; bottom: 0; width: 0%; height: 1.2rem; background-color: #2AC1BC; opacity: .3; display: block; transition: .4s ease width; content: ''; }
.link-under:hover { color: #2AC1BC; }
.link-under:hover:after { width: 100%; }
.go-top { position: fixed; left: 50%; bottom: 4rem; z-index: 99; opacity: 0; transform: translateY(5rem); transition: .3s ease opacity, .4s ease transform; }
.go-top.show { opacity: 1; transform: translateY(0); }
.go-top > a { width: 4rem; height: 4rem; border: 1px solid #eee; text-indent: -1000em; overflow: hidden; border-radius: 2rem; background: #fff url("../images/arrow_top.png") center center no-repeat; background-size: 1.6rem auto; box-shadow: 0.2rem 0.4rem 0.8rem rgba(0, 0, 0, 0.1); display: block; }
.hide-pc { display: none !important; }
.hide-mo { display: block !important; }
.bmlike-wrap { position: relative; min-height: 100%; margin: 0 auto; padding-top: 7rem; letter-spacing: -.1rem; overflow: hidden; display: flex; flex-direction: column; }
.bmlike-wrap .header { flex-direction: column; }
.bmlike-wrap .header .gnb-wrapper { position: fixed; top: 0; left: 0; min-width: 100%; background: rgba(255, 255, 255, 0.95); z-index: 100; }
.bmlike-wrap .header .gnb-wrapper .gnb { width: 100%; max-width: 144rem; height: 7rem; padding: 1.7rem 4rem; margin: 0 auto; display: flex; justify-content: space-between; align-items: center; }
.bmlike-wrap .header .gnb-wrapper .logo a { width: 126px; height: 26px; background: url("../images/logo.png") no-repeat; background-size: 100% auto; text-indent: -1000em; overflow: hidden; display: block; }
.bmlike-wrap .header .gnb-wrapper .bt-prev-mo { width: 5rem; height: 5rem; margin-left: -1.1rem; text-indent: -1000em; background: url("../images/bt_page_prev.png") center center no-repeat; background-size: 1.2rem auto; display: block; overflow: hidden; }
.bmlike-wrap .header .gnb-wrapper:not(.mo):after { position: absolute; left: 50%; bottom: 0; width: 0%; height: 1px; background-color: #ddd; display: block; content: ''; transition: .3s ease all; }
.bmlike-wrap .header .gnb-wrapper:not(.mo).dv:after { left: 0; width: 100%; }
.bmlike-wrap .header .gnb-wrapper:not(.mo) .mainmenu { margin-left: auto; display: flex; }
.bmlike-wrap .header .gnb-wrapper:not(.mo) .mainmenu ul { margin-right: 1rem; display: flex; justify-content: flex-end; overflow: hidden; }
.bmlike-wrap .header .gnb-wrapper:not(.mo) .mainmenu ul li { margin-right: 5rem; font-family: "Hanna"; font-size: 2.2rem; }
.bmlike-wrap .header .gnb-wrapper:not(.mo) .mainmenu ul li a { line-height: 3rem; display: block; transition: .3s ease all; }
.bmlike-wrap .header .gnb-wrapper:not(.mo) .mainmenu ul li a span { font-family: inherit; }
.bmlike-wrap .header .gnb-wrapper:not(.mo) .mainmenu ul li a:hover { color: #2AC1BC; }
.bmlike-wrap .header .gnb-wrapper:not(.mo) .mainmenu ul li small { display: none; }
.bmlike-wrap .header .gnb-wrapper:not(.mo) .mainmenu.show ul li { opacity: 1 !important; transform: translateX(0) !important; }
.bmlike-wrap .header .gnb-wrapper:not(.mo) .mainmenu:not(.show) ul li { transition-delay: 0s !important; }
.bmlike-wrap .header .gnb-wrapper.mo { background: #fff !important; }
.bmlike-wrap .header .gnb-wrapper.mo .mainmenu { position: fixed; top: 4.9rem; right: 0; bottom: 0; left: 0; width: 100%; height: 0; z-index: 100; opacity: 0; overflow: hidden; }
.bmlike-wrap .header .gnb-wrapper.mo .mainmenu ul { position: relative; padding: 7.6rem 3rem; z-index: 1; }
.bmlike-wrap .header .gnb-wrapper.mo .mainmenu ul li { position: relative; height: 4rem; margin-top: 3.4rem; padding-bottom: .6rem; overflow: hidden; box-sizing: content-box; }
.bmlike-wrap .header .gnb-wrapper.mo .mainmenu ul li .ani-typing { position: relative; width: 100%; height: 4rem; font-family: inherit; text-indent: -1000em; overflow: hidden; display: inline-block; opacity: 0; z-index: 1; transform: translateY(100%); }
.bmlike-wrap .header .gnb-wrapper.mo .mainmenu ul li.eat { width: 12rem; }
.bmlike-wrap .header .gnb-wrapper.mo .mainmenu ul li.eat .ani-typing { background: url("../images/menu_1.svg") no-repeat; background-size: auto 100%; }
.bmlike-wrap .header .gnb-wrapper.mo .mainmenu ul li.work { width: 16.2rem; }
.bmlike-wrap .header .gnb-wrapper.mo .mainmenu ul li.work .ani-typing { background: url("../images/menu_2.svg") no-repeat; background-size: auto 100%; }
.bmlike-wrap .header .gnb-wrapper.mo .mainmenu ul li.together { width: 21rem; }
.bmlike-wrap .header .gnb-wrapper.mo .mainmenu ul li.together .ani-typing { background: url("../images/menu_3.svg") no-repeat; background-size: auto 100%; }
.bmlike-wrap .header .gnb-wrapper.mo .mainmenu ul li:before { position: absolute; left: 0; bottom: 0; width: 0; height: 2rem; background-color: #2AC1BC; display: block; content: ''; transition: .2s ease width; }
.bmlike-wrap .header .gnb-wrapper.mo .mainmenu ul li small { display: none; }
.bmlike-wrap .header .gnb-wrapper.mo .mainmenu .menu-bg { position: fixed; top: 4.9rem; left: 0; width: 100%; height: 0; background-color: #fff; opacity: 0; transition: .6s ease height; }
.bmlike-wrap .header .gnb-wrapper.mo .mainmenu.show { height: 100%; opacity: 1; }
.bmlike-wrap .header .gnb-wrapper.mo .mainmenu.show ul li .ani-typing { animation: mobileMenu .6s forwards; }
.bmlike-wrap .header .gnb-wrapper.mo .mainmenu.show ul li:nth-child(1) .ani-typing { animation-delay: 0.5s; }
.bmlike-wrap .header .gnb-wrapper.mo .mainmenu.show ul li:nth-child(1).active:before { width: 100%; transition-delay: 0.8s; }
.bmlike-wrap .header .gnb-wrapper.mo .mainmenu.show ul li:nth-child(2) .ani-typing { animation-delay: 0.7s; }
.bmlike-wrap .header .gnb-wrapper.mo .mainmenu.show ul li:nth-child(2).active:before { width: 100%; transition-delay: 1s; }
.bmlike-wrap .header .gnb-wrapper.mo .mainmenu.show ul li:nth-child(3) .ani-typing { animation-delay: 0.9s; }
.bmlike-wrap .header .gnb-wrapper.mo .mainmenu.show ul li:nth-child(3).active:before { width: 100%; transition-delay: 1.2s; }
.bmlike-wrap .header .gnb-wrapper.mo .mainmenu.show ul li:nth-child(4) .ani-typing { animation-delay: 1.1s; }
.bmlike-wrap .header .gnb-wrapper.mo .mainmenu.show ul li:nth-child(4).active:before { width: 100%; transition-delay: 1.4s; }
.bmlike-wrap .header .gnb-wrapper.mo .mainmenu.show .menu-bg { height: 100%; opacity: 1; }
.bmlike-wrap .header .gnb-wrapper.mo .mainmenu.hide { height: 0; opacity: 1; }
.bmlike-wrap .header .gnb-wrapper.mo .mainmenu.hide .menu-bg { height: 0; opacity: 10; }
.bmlike-wrap .header .gnb-wrapper .etc-menu { display: flex; align-items: center; }
.bmlike-wrap .header .gnb-wrapper .etc-menu .bt-search { margin-left: 1.9rem; }
.bmlike-wrap .header .bt-menu { width: 2.6em; height: 2.6rem; margin-left: 1.3rem; display: none; }
.bmlike-wrap .header .bt-menu a { position: relative; width: 100%; height: 100%; display: block; }
.bmlike-wrap .header .bt-menu a:before, .bmlike-wrap .header .bt-menu a:after, .bmlike-wrap .header .bt-menu a span { position: absolute; left: .4rem; width: 1.8rem; height: 2px; background-color: #000; display: block; overflow: hidden; transition: .3s ease all; }
.bmlike-wrap .header .bt-menu a:before, .bmlike-wrap .header .bt-menu a:after { content: ''; }
.bmlike-wrap .header .bt-menu a:before { top: .5rem; left: .4rem; transform: rotate(0deg); }
.bmlike-wrap .header .bt-menu a:after { top: 1.9rem; right: .2rem; transform: rotate(180deg); }
.bmlike-wrap .header .bt-menu a span { top: 1.2rem; text-indent: -1000em; }
.bmlike-wrap .header .bt-menu a.close:before, .bmlike-wrap .header .bt-menu a.close:after { top: 1.2rem; width: 2.2rem; }
.bmlike-wrap .header .bt-menu a.close:before { transform: rotate(45deg); }
.bmlike-wrap .header .bt-menu a.close:after { transform: rotate(135deg); }
.bmlike-wrap .header .bt-menu a.close span { opacity: 0; }
.bmlike-wrap .container { width: 100%; max-width: 128rem; min-height: 100%; margin: 0 auto; padding: 8rem 4rem 15.8rem 4rem; }
.bmlike-wrap .content { position: relative; }
.bmlike-wrap .footer { margin-top: auto; padding: 2rem 0 6rem 0; background-color: #fafafa; }
.bmlike-wrap .footer .footer-inner { position: relative; max-width: 144rem; margin: 0 auto; padding: 0 4rem; }
.bmlike-wrap .footer .footer-link, .bmlike-wrap .footer .footer-menu { display: flex; flex-wrap: wrap; }
.bmlike-wrap .footer .footer-link { padding: 2.2rem 0; padding-right: 15rem; flex-wrap: wrap; }
.bmlike-wrap .footer .footer-link .recruit, .bmlike-wrap .footer .footer-link .newsletter, .bmlike-wrap .footer .footer-link .sns-group { margin-right: 4rem; display: flex; align-items: center; }
.bmlike-wrap .footer .footer-link .recruit:last-child, .bmlike-wrap .footer .footer-link .newsletter:last-child, .bmlike-wrap .footer .footer-link .sns-group:last-child { margin-right: 0; }
.bmlike-wrap .footer .footer-link .recruit, .bmlike-wrap .footer .footer-link .newsletter { padding: .8rem 0; font-size: 1.8rem; flex: 0 0 auto; }
.bmlike-wrap .footer .footer-link .recruit .bt-base, .bmlike-wrap .footer .footer-link .newsletter .bt-base { margin-left: 1rem; }
.bmlike-wrap .footer .footer-link .recruit > p b { color: #2AC1BC; }
.bmlike-wrap .footer .footer-menu { padding: 2.2rem 0; font-size: 1.4rem; border-top: 1px solid #ddd; display: flex; flex: 1 0 auto; }
.bmlike-wrap .footer .footer-menu .f-menu { display: flex; flex-wrap: wrap; }
.bmlike-wrap .footer .footer-menu .f-menu section { margin-right: 5rem; padding: .8rem 0; }
.bmlike-wrap .footer .footer-menu .f-menu section > ul { margin-top: .8rem; display: flex; }
.bmlike-wrap .footer .footer-menu .f-menu section > ul li { display: flex; align-items: center; }
.bmlike-wrap .footer .footer-menu .f-menu section > ul li:before { width: 1px; height: 1rem; margin: 0 .6rem; background-color: #eee; display: inline-block; content: ''; }
.bmlike-wrap .footer .footer-menu .f-menu section > ul li:first-child:before { display: none; }
.bmlike-wrap .footer .footer-menu .f-menu section > ul li a { color: #aaa; line-height: 2rem; white-space: nowrap; display: inline-block; }
.bmlike-wrap .footer .footer-menu .f-menu h2 { height: 22px; }
.bmlike-wrap .footer .footer-menu .f-menu h2 img { display: none; }
.bmlike-wrap .footer .footer-menu .f-menu .like h2 { width: 69px; background: url("../images/footer_logo_daum.png") no-repeat; background-size: contain; }
.bmlike-wrap .footer .footer-menu .f-menu .woowahan h2 { width: 79px; background: url("../images/footer_logo_bro.png") no-repeat; background-size: contain; }
.bmlike-wrap .footer .footer-menu .site-info { padding: .8rem 0; margin-left: auto; text-align: right; }
.bmlike-wrap .footer .footer-menu .site-info .service-center { color: #aaa; }
.bmlike-wrap .footer .footer-menu .site-info .service-center:before { width: 1px; height: 1rem; margin: 0 1rem; background-color: #eee; display: inline-block; content: ''; }
.bmlike-wrap .footer .footer-menu .site-info .service-center:first-child:before { display: none; }
.bmlike-wrap .footer .footer-menu .site-info .copyright { margin-top: 1rem; font-size: 1.2rem; color: #999; letter-spacing: -.03rem; }
.bmlike-wrap .footer .footer-menu .site-info .copyright b { font-weight: 700; }
.bmlike-wrap .footer .sns-group { position: absolute; top: 0; right: 4rem; margin-top: 3rem; display: flex; }
.bmlike-wrap .footer .sns-group li { margin-left: 1rem; }
.bmlike-wrap .footer .sns-group li:first-child { margin-left: 0; }
.bmlike-wrap .footer .sns-group li a { width: 3.4rem; display: block; }
.bmlike-wrap .footer .bt-base { min-width: 10.2rem; }
.bmlike-wrap.main .header .gnb-wrapper:not(.mo) .mainmenu ul li { opacity: 0; transform: translateX(50%); transition: .3s ease opacity, .5s ease transform; }
.bmlike-wrap.main .header .gnb-wrapper.mo.dv:after { transition: 0 !important; }
.bmlike-wrap.main .container { padding-top: 0; }
.mainmenu-clone, .hash-tag { max-width: 128rem; margin: 0 auto; }
.hash-tag { margin-top: 3.4rem; font-size: 1.4rem; display: flex; flex-wrap: wrap; }
.hash-tag > a { margin: .8rem .8rem 0 0; padding: .7rem 1.4rem; color: #999; line-height: 2.3rem; border: 1px solid #ddd; border-radius: 1.8rem; display: inline-block; transition: .3s ease all; }
.hash-tag > a:before { color: inherit; display: inline-block; content: "#"; }
.hash-tag > a.active, .hash-tag > a:hover { color: #fff; border-color: #2AC1BC; background-color: #2AC1BC; }
.hash-tag input[type="radio"], .hash-tag input[type="checkbox"] { visibility: hidden; -webkit-appearance: none; position: absolute; left: -10000em; }
.hash-tag input[type="radio"] + label, .hash-tag input[type="checkbox"] + label { margin: .8rem .8rem 0 0; padding: .7rem 1.4rem; color: #999; line-height: 2.3rem; border: 1px solid #ddd; border-radius: 1.8rem; display: inline-block; cursor: pointer; transition: .3s ease all; }
.hash-tag input[type="radio"] + label:before, .hash-tag input[type="checkbox"] + label:before { color: inherit; display: inline-block; content: "#"; }
.hash-tag input[type="radio"]:checked + label, .hash-tag input[type="checkbox"]:checked + label { color: #fff; background-color: #2AC1BC; border: 1px solid #2AC1BC; }
.sub-tit .ani-typing { position: relative; overflow: hidden; display: inline-block; }
.sub-tit .ani-typing span { position: relative; font-family: inherit; text-indent: -1000em; z-index: 1; display: block; }
.mainmenu-clone { padding-top: 3.2rem; }
.mainmenu-clone li { position: relative; height: 11.7rem; margin: 3.8rem 0 0 0; }
.mainmenu-clone li:first-child { margin-top: 2.8rem; }
.mainmenu-clone li .ani-typing { position: relative; width: 100%; height: 10.5rem; font-family: inherit; text-indent: -1000em; z-index: 1; display: inline-block; overflow: hidden; }
.mainmenu-clone li.eat { width: 32.2rem; }
.mainmenu-clone li.eat .ani-typing { background: url("../images/menu_1.svg") no-repeat; background-size: auto 100%; }
.mainmenu-clone li.work { width: 42rem; }
.mainmenu-clone li.work .ani-typing { background: url("../images/menu_2.svg") no-repeat; background-size: auto 100%; }
.mainmenu-clone li.together { width: 55.1rem; }
.mainmenu-clone li.together .ani-typing { background: url("../images/menu_3.svg") no-repeat; background-size: auto 100%; }
.mainmenu-clone li:before { position: absolute; left: 0; bottom: 0; width: 0; height: 3.2rem; background-color: #2AC1BC; display: block; content: ''; transition: width .4s ease; }
.mainmenu-clone li small { position: absolute; bottom: 0; margin-left: 1.4rem; font-size: 2.2rem; color: #2AC1BC; font-weight: 400; line-height: 3.2rem; white-space: nowrap; display: inline-block; opacity: 0; height: 0; overflow: hidden; transform: translate(-100%) skew(45deg); transition: .4s ease all; transition-delay: .1s; }
.mainmenu-clone li:hover:before { width: 100%; }
.mainmenu-clone li:hover small { height: auto; opacity: 1; transform: translateX(0) skew(0); }
.sub-tit { padding: 0 0 1rem 0; font-family: "Hanna"; font-size: 4.8rem; line-height: 6.7rem; white-space: nowrap; word-spacing: -.1rem; display: flex; flex-direction: column; align-items: center; }
.sub-tit > p { margin-top: 1.6rem; font-size: 2.8rem; font-weight: 400; line-height: 4.1rem; display: inline-block; overflow: hidden; }
.sub-tit .ani-typing span { width: 100%; height: 9rem; }
.sub-tit .ani-typing:before { position: absolute; left: 0; bottom: 0; width: 0; height: 3.2rem; background-color: #2AC1BC; display: block; content: ''; transition: width .4s ease; }
.sub-tit .ani-typing.eat { width: 27.2rem; }
.sub-tit .ani-typing.eat span { background: url("../images/menu_1.svg") no-repeat; background-size: auto 100%; }
.sub-tit .ani-typing.work { width: 35.6rem; }
.sub-tit .ani-typing.work span { background: url("../images/menu_2.svg") no-repeat; background-size: auto 100%; }
.sub-tit .ani-typing.together { width: 46.9rem; }
.sub-tit .ani-typing.together span { background: url("../images/menu_3.svg") no-repeat; background-size: auto 100%; }
.main-tit { margin: 2rem 0 1rem 0; font-size: 2.2rem; font-weight: 900; line-height: 3.3rem; }
.main-visual { position: relative; margin: 13rem 0; border-top: 2px solid #000; }
.main-visual .main-banner { position: relative; margin-top: 5rem; }
.main-visual .main-banner ul { position: relative; }
.main-visual .main-banner ul li { padding: 0 10rem; background-color: #fff; }
.main-visual .main-banner ul li a { width: 100%; height: 100%; display: flex; justify-content: space-between; }
.main-visual .main-banner ul li dl { width: 54%; padding: 0 4rem 4rem 0; text-align: left; }
.main-visual .main-banner ul li dl dt { max-height: 18.8rem; font-size: 4.8rem; font-weight: 700; letter-spacing: -.2rem; line-height: 6.2rem; word-break: keep-all; overflow: hidden; /* overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; */ }
.main-visual .main-banner ul li dl dd { max-height: 9.4rem; margin-top: 1.6rem; font-size: 2.2rem; line-height: 3.2rem; letter-spacing: -.15rem; word-break: keep-all; overflow: hidden; }
.main-visual .main-banner ul li dl .etc { margin-top: 2.6rem; font-size: 2rem; color: #2AC1BC; line-height: 2rem; }
.main-visual .main-banner ul li dl .etc span, .main-visual .main-banner ul li dl .etc strong { display: inline-block; line-height: 3rem; }
.main-visual .main-banner ul li dl .etc span:before, .main-visual .main-banner ul li dl .etc strong:before { width: 1px; height: 1.5rem; margin: -.4rem 1.6rem 0 1.3rem; vertical-align: middle; background-color: #2AC1BC; display: inline-block; content: ''; }
.main-visual .main-banner ul li dl .etc span:first-child:before, .main-visual .main-banner ul li dl .etc strong:first-child:before { display: none; }
.main-visual .main-banner ul li .thumbs { position: relative; width: 46%; max-width: 46em; height: 100%; padding-top: 46%; display: flex; justify-content: center; align-items: center; overflow: hidden; }
.main-visual .main-banner ul li .thumbs img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; min-width: 100%; }
.main-visual .main-banner ul li .thumbs video { position: absolute; top: 50%; left: 50%; max-height: 100%; transform: translate(-50%, -50%); }
.main-visual .main-banner:before, .main-visual .main-banner:after { position: absolute; top: 0; width: 10rem; height: 100%; display: block; z-index: 3; background: #fff; content: ''; }
.main-visual .main-banner:before { left: 0; }
.main-visual .main-banner:after { right: 0; }
.main-visual .bt-prev, .main-visual .bt-next { position: absolute; top: 50%; width: 5rem; height: 5rem; margin: -2.5rem 0 0 0; text-indent: -1000em; z-index: 10; overflow: hidden; }
.main-visual .bt-prev:before, .main-visual .bt-next:before { position: absolute; top: 50%; left: 50%; width: 2.1rem; height: 3.8rem; transform: translate(-50%, -50%); content: ''; }
.main-visual .bt-prev.swiper-button-disabled, .main-visual .bt-next.swiper-button-disabled { opacity: .14; cursor: default; }
.main-visual .bt-prev { left: -1.3rem; }
.main-visual .bt-prev:before { background: url("../images/btn_b_prev.png") no-repeat; background-size: cover; }
.main-visual .bt-next { right: -1.3rem; }
.main-visual .bt-next:before { background: url("../images/btn_b_next.png") no-repeat; background-size: cover; }
.main-visual .pagination { position: absolute; left: 10rem; bottom: 0; width: auto; z-index: 1; }
.main-visual .pagination .swiper-pagination-bullet-active { background-color: #000; }
.shortcode-slider { position: relative; margin-top: 3rem; overflow: hidden; }
.shortcode-slider .swiper-wrapper { align-items: center; }
.shortcode-slider .bt-prev, .shortcode-slider .bt-next { position: absolute; top: 50%; width: 5rem; height: 5rem; margin: -4.9rem 0 0 0; text-indent: -1000em; z-index: 10; overflow: hidden; }
.shortcode-slider .bt-prev:before, .shortcode-slider .bt-next:before { position: absolute; top: 50%; left: 50%; width: 2.1rem; height: 3.8rem; transform: translate(-50%, -50%); content: ''; }
.shortcode-slider .bt-prev.swiper-button-disabled, .shortcode-slider .bt-next.swiper-button-disabled { opacity: .14; cursor: default; }
.shortcode-slider .bt-prev { left: 1.4rem; }
.shortcode-slider .bt-prev:before { background: url("../images/btn_b_prev_grey.png") no-repeat; background-size: cover; }
.shortcode-slider .bt-next { right: 1.4rem; }
.shortcode-slider .bt-next:before { background: url("../images/btn_b_next_grey.png") no-repeat; background-size: cover; }
.shortcode-slider .pagination { width: 100%; padding: 2rem 0; display: flex; justify-content: center; z-index: 1; }
.shortcode-slider .pagination .swiper-pagination-bullet { width: .8rem; height: .8rem; margin-right: .8rem; border-color: #aaa; background-color: transparent; }
.shortcode-slider .pagination .swiper-pagination-bullet-active { width: 2.2rem; background: #aaa; }
.main-news { border-top: 2px solid #000; }
.b-list ul { width: calc(100% + 4rem); margin-left: -2rem; display: flex; flex-wrap: wrap; justify-content: flex-start; }
.b-list li { position: relative; width: calc(100% / 3); margin-top: 5rem; padding: 0 2rem; }
.b-list li:before { position: absolute; top: 0; left: 0; width: 1px; height: 100%; background-color: #eee; display: block; content: ''; }
.b-list li:nth-child(3n+1):before { display: none; }
.b-list li .thumbs { position: relative; padding-top: 62.36%; overflow: hidden; }
.b-list li .thumbs img { position: absolute; top: 50%; left: 50%; min-width: 100%; max-width: none; min-height: 100%; width: auto; height: 100%; transform: translate(-50%, -50%); transition: .3s ease all; }
.b-list li .thumbs video { position: absolute; top: 50%; left: 50%; height: 100%; transform: scale(1) translate(-50%, -50%); transform-origin: center; transition: .3s ease transform; }
.b-list li dl { margin-top: 1.6rem; }
.b-list li dl dt { font-size: 2.6rem; font-weight: 700; letter-spacing: -.1rem; line-height: 3.4rem; transition: .3s ease all; }
.b-list li dl dd { margin-top: .8rem; font-size: 1.6rem; line-height: 2.3rem; }
.b-list li dl .etc { margin-top: 2.4rem; font-size: 1.4rem; color: #2AC1BC; }
.b-list li dl .etc span:before, .b-list li dl .etc strong:before { width: 1px; height: 1.1rem; margin: -.3rem 1rem 0 1rem; vertical-align: middle; background-color: #2AC1BC; display: inline-block; content: ''; }
.b-list li dl .etc span:first-child:before, .b-list li dl .etc strong:first-child:before { display: none; }
.b-list li > a { display: flex; flex-direction: column; }
.b-list li > a:hover .thumbs img { min-width: 130%; min-height: 130%; }
.b-list li > a:hover .thumbs video { top: 65%; left: 65%; transform: scale(1.3) translate(-50%, -50%); }
.b-list li > a:hover dl dt { color: #2AC1BC; }
.b-list + .btn-area { margin-top: 6rem; }
.b-list .data-none { padding: 12rem 0; font-size: 16px; line-height: 3.2rem; text-align: center; }
.b-list .data-none > h4 { font-family: 'Hanna', sans-serif; font-size: 11.4rem; line-height: 11.7rem; letter-spacing: -.2rem; font-weight: 500; }
.b-list .data-none > h4 + p { margin-top: 2.6rem; }
.b-list .data-none:last-child { padding: 12rem 0 3rem 0; }
.visual-area { position: relative; width: 100%; height: 36.7vw; max-height: 71rem; overflow: hidden; }
.visual-area img { position: absolute; top: 50%; left: 50%; width: 100vw; height: 36.7vw; transform: translate(-50%, -50%); }
.b-view { position: relative; margin-top: -8rem; }
.b-view .view-content { max-width: 75rem; margin: 0 auto; padding-top: 6rem; }
.b-view .view-content .view-title { padding-bottom: 6rem; text-align: center; }
.b-view .view-content .view-title h2 { padding: 0; font-size: 4.8rem; font-weight: 700; line-height: 6.7rem; word-break: keep-all; }
.b-view .view-content .view-title .info { margin-bottom: 1rem; font-size: 1.4rem; line-height: 2rem; color: #2AC1BC; }
.b-view .view-content .view-title .info strong:before, .b-view .view-content .view-title .info span:before { width: 1px; height: 1rem; margin: 0 1rem; background-color: #2AC1BC; display: inline-block; content: ''; }
.b-view .view-content .view-title .info strong:first-child:before, .b-view .view-content .view-title .info span:first-child:before { display: none; }
.b-view .view-content .view-title .date { margin-top: 2rem; font-size: 1.4rem; color: #aaa; letter-spacing: 0; line-height: 2.1rem; }
.b-view .view-content .share-area { margin-top: 3rem; display: flex; flex-direction: row-reverse; justify-content: center; }
.b-view .view-content .share-area ul { display: flex; }
.b-view .view-content .share-area ul li { padding: 0 .7rem; }
.b-view .view-content .share-area ul li a { width: 4.6rem; height: 4.6rem; border: 1px solid #eee; border-radius: 2.3rem; text-indent: -1000em; overflow: hidden; display: flex; justify-content: center; align-items: center; transition: .4s ease border, .3s ease background-image; }
.b-view .view-content .share-area ul li a:hover { border: 1px solid #2AC1BC; }
.b-view .view-content .share-area ul li .kakao { background: url("../images/ic_kakao.png") center center no-repeat; background-size: 2.6rem auto; }
.b-view .view-content .share-area ul li .kakao:hover { background: url("../images/ic_kakao_on.png") center center no-repeat; background-size: 2.6rem auto; }
.b-view .view-content .share-area ul li .blog { background: url("../images/ic_blog.png") center center no-repeat; background-size: 2.6rem auto; }
.b-view .view-content .share-area ul li .blog:hover { background: url("../images/ic_blog_on.png") center center no-repeat; background-size: 2.6rem auto; }
.b-view .view-content .share-area ul li .facebook { background: url("../images/ic_facebook_gray.png") center center no-repeat; background-size: 2.6rem auto; }
.b-view .view-content .share-area ul li .facebook:hover { background: url("../images/ic_facebook_gray_on.png") center center no-repeat; background-size: 2.6rem auto; }
.b-view .view-content .share-area ul li .twitter { background: url("../images/ic_twitter.png") center center no-repeat; background-size: 2.6rem auto; }
.b-view .view-content .share-area ul li .twitter:hover { background: url("../images/ic_twitter_on.png") center center no-repeat; background-size: 2.6rem auto; }
.b-view .view-content .share-area ul li .copy-url { background: url("../images/ic_url.png") center center no-repeat; background-size: 2.6rem auto; }
.b-view .view-content .share-area ul li .copy-url:hover { background: url("../images/ic_url_on.png") center center no-repeat; background-size: 2.6rem auto; }
.b-view .view-content .share-area .like { display: flex; justify-content: flex-end; align-items: center; }
.b-view .view-content .share-area .like > a { width: 2.6rem; height: 2.6rem; background: url("../images/ic_like_off.png") no-repeat; background-size: 100% auto; display: block; text-indent: -1000em; overflow: hidden; transition: .3s ease all; content: ''; }
.b-view .view-content .share-area .like > a + span { margin-left: .4rem; font-size: 1.4rem; color: #aaa; font-weight: 700; display: inline-block; transition: .3s ease all; }
.b-view .view-content .share-area .like > a.active { background: url("../images/ic_like_on.png") no-repeat; background-size: 100% auto; }
.b-view .view-content .share-area .like > a.active + span { color: #2AC1BC; }
.b-view .view-content .share-area .like:after { width: 1px; height: 2rem; margin: 0 2.3rem 0 3rem; background-color: #eee; display: block; content: ''; }
.editor-info { position: relative; min-height: 18rem; margin-top: 6rem; padding: 3rem 3rem 3rem 17rem; background-color: #fafafa; display: flex; flex-direction: column; justify-content: center; }
.editor-info .thumbs { position: absolute; top: 3rem; left: 3rem; margin-right: 2rem; width: 12rem; min-width: 12rem; height: 12rem; border-radius: 6rem; display: flex; overflow: hidden; }
.editor-info .thumbs img { width: 100%; height: 100%; object-fit: cover; }
.editor-info .name { font-size: 1.8rem; line-height: 2.7rem; display: flex; }
.editor-info .name strong, .editor-info .name span { display: block; }
.editor-info .name strong:before, .editor-info .name span:before { width: 1px; height: 1.4rem; margin: -.4rem 1rem 0 1rem; vertical-align: middle; background-color: #ddd; display: inline-block; content: ''; }
.editor-info .name strong:first-child:before, .editor-info .name span:first-child:before { display: none; }
.editor-info .intro { margin-top: 1rem; font-size: 1.6rem; line-height: 2.4rem; color: #999; }
.view-more { max-width: 90rem; margin: 13rem auto 0 auto; }
.view-more > h3 { padding-top: 2rem; font-size: 2.2rem; font-weight: 900; line-height: 2.8rem; border-top: 2px solid #000; }
.view-more .b-list ul { width: calc(100% + 1.8rem); margin-left: -.9rem; }
.view-more .b-list li { margin-top: 4rem; padding: 0 .9rem; }
.view-more .b-list li:before { display: none; }
.view-more .b-list li dl dt { font-size: 2rem; line-height: 2.6rem; }
.view-more .b-list li dl dd { line-height: 2rem; }
.view-more .b-list li dl dd:not(.etc) { display: none; }
.view-editor { padding-bottom: 3rem; word-break: break-all; border-bottom: 1px solid #eee; /* editor in style */ }
.view-editor div[data-type="post_content"] { padding-bottom: 6rem; line-height: 1.8; }
.view-editor div[data-type="post_content"] a { color: #2AC1BC; text-decoration: underline; }
.view-editor div[data-type="post_content"] a:hover { text-decoration: underline !important; }
.view-editor div[data-type="post_content"] h5 { margin-top: 1rem; font-size: 1.3rem; color: #aaa; font-weight: normal; text-align: center; }
.view-editor div[data-type="post_content"] ul, .view-editor div[data-type="post_content"] ol { margin-left: 2px; padding: 0 0 0 2rem; }
.view-editor div[data-type="post_content"] ul li, .view-editor div[data-type="post_content"] ol li { list-style-position: inside; }
.view-editor div[data-type="post_content"] ul li { list-style: disc !important; }
.view-editor div[data-type="post_content"] ul li::marker { font-size: 9px; }
.view-editor div[data-type="post_content"] ol li { list-style: decimal !important; }
.view-editor div[data-type="post_content"] :not(.view-editor__paragraph_photo) > img { clear: both; margin-top: 3rem; display: block; }
.view-editor div[data-type="post_content"] :not(.view-editor__paragraph_photo) > img.aligncenter { margin: 3rem auto 0 auto; }
.view-editor div[data-type="post_content"] :not(.view-editor__paragraph_photo) > img.alignright { margin-left: auto; }
.view-editor div[data-type="post_content"] :not(.view-editor__paragraph_photo) > video { max-width: 100%; height: auto; margin-top: 3rem; }
.view-editor div[data-type="post_content"] :not(.view-editor__paragraph_photo) > video.aligncenter { margin: 3rem auto 0 auto; }
.view-editor div[data-type="post_content"] :not(.view-editor__paragraph_photo) > video.alignright { margin-left: auto; }
.view-editor hr, .view-editor .hr_style { margin: 5rem 0; border-top: 1px solid #000; }
.view-editor hr + .view-editor__paragraph, .view-editor .hr_style + .view-editor__paragraph { margin-top: 0; }
.view-editor .hash-tag { margin-top: 2.2rem; }
.view-editor__images { margin-top: 3rem; }
.view-editor__images img { width: 100%; max-width: 100%; }
.view-editor__images + p { margin-top: 3rem; }
.view-editor__video { position: relative; height: 0; margin-top: 3rem; padding-top: 56.25%; overflow: hidden; }
.view-editor__video iframe { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; }
.view-editor__video video { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; }
.view-editor__video + p { margin-top: 3rem; }
.view-editor__description { font-size: 1.6rem; color: #999; font-weight: 400; line-height: 3.6rem; text-align: center; }
.view-editor__paragraph { margin-top: 9rem; }
.view-editor__paragraph:last-of-type { padding-bottom: 6rem; }
.view-editor__paragraph_title { font-size: 3rem; font-weight: 700; line-height: 4.2rem; text-align: center; word-break: keep-all; }
.view-editor__paragraph_explan { margin-top: 3rem; font-size: 1.6rem; line-height: 3.1rem; }
.view-editor__paragraph_photo { margin-top: 3rem; }
.view-editor__paragraph_photo img { max-width: 100%; }
.view-editor__paragraph_photo video { width: 100%; }
.view-editor__paragraph_photo + p { margin-top: 3rem; }
.form-wrap { display: flex; flex-direction: column; }
.form-wrap h2 { font-size: 4.8rem; font-weight: 700; line-height: 6.3rem; text-align: center; }
.form-wrap .tit-add { text-align: center; margin-top: 1.6rem; font-size: 1.6rem; line-height: 2.4rem; }
.form-wrap .form-box { width: 42rem; margin: 6rem auto 0 auto; }
.form-wrap .form-box ul li { margin-top: 2rem; }
.form-wrap .form-box ul li:first-child { margin-top: 0; }
.form-wrap .form-box ul li label { margin-bottom: .6rem; font-size: 1.4rem; color: #000; font-weight: 700; display: block; }
.form-wrap .form-box .agree-area { margin-top: 4.7rem; }
.form-wrap .form-box .agree-area .check-box { font-size: 1.6rem; font-weight: 700; }
.form-wrap .agree-content { margin-top: 1.8rem; padding-right: .6rem; border: 1px solid #ddd; }
.form-wrap .agree-content .agree-box { height: 21.5rem; padding: 2rem .6rem 2rem 2rem; font-size: 1.3rem; line-height: 2rem; overflow-y: auto; }
.form-wrap .agree-content .agree-box::-webkit-scrollbar { width: 6px; height: 6px; }
.form-wrap .agree-content .agree-box::-webkit-scrollbar-thumb { -webkit-border-radius: 3px; border-radius: 3px; background: #ddd; margin-top: 20px; }
.form-wrap .agree-content .agree-box::-webkit-scrollbar-track { margin: 6px 0; padding-right: 4px; border-radius: 12px; }
.search-box { width: 100%; height: 7rem; border-bottom: 1px solid #000; display: flex; align-items: center; }
.search-box input::-ms-clear, .search-box input::-ms-reveal { width: 0; height: 0; display: none; }
.search-box input::-webkit-search-decoration, .search-box input::-webkit-search-cancel-button, .search-box input::-webkit-search-results-button, .search-box input::-webkit-search-results-decoration { display: none; }
.search-box input::placeholder { color: #eee; opacity: 1; }
.search-box input::-webkit-input-placeholder { color: #eee; }
.search-box input:-ms-input-placeholder { color: #eee; }
.search-box input:-mos-input-placeholder { color: #eee; }
.search-box input[type="text"], .search-box input[type="search"] { width: 100%; font-size: 4.8rem; font-weight: 700; line-height: 6.9rem; -webkit-appearance: none; }
.search-box .bt-reset { width: 2.4rem; height: 2.4rem; margin: 0 1.5rem 0 1rem; text-indent: -1000em; overflow: hidden; background: url("../images/ic_x_delete.png") no-repeat; background-size: contain; display: flex; flex: 0 0 2.4rem; cursor: pointer; opacity: 0; transition: .1s ease opacity; }
.search-box .bt-search { width: 3.8rem; height: 3.8rem; margin: 0 -.5rem 0 0; background: url("../images/ic_search_big.png") no-repeat; background-size: contain; flex: 0 0 auto; }
.search-box .bt-search:before { display: none; }
.search-box.show .bt-reset { opacity: 1; }
.search-result { max-width: 90rem; margin: 0 auto; }
.search-result > h3 { margin-top: 9rem; font-size: 2.2rem; line-height: 3.2rem; font-weight: 700; }
.search-result > h3:first-of-type { margin-top: 6rem; }
.search-result > h3 .keyword, .search-result > h3 .number { color: #2AC1BC; }
.search-result .editor-info { margin-top: 3rem; }
.search-result .view-more { margin-top: 0; }
.search-result .view-more .b-list li { padding-bottom: 2rem; }
.search-recommend { margin-top: 7rem; padding: 4rem; border: 1px solid #ddd; }
.search-recommend h4 { margin-top: 4rem; font-size: 1.6rem; line-height: 2.4rem; }
.search-recommend h4:first-child { margin-top: 0; }
.search-recommend .hash-tag { margin-top: .8rem; }
.search-recommend .editor-recommend { position: relative; margin-top: 2rem; }
.search-recommend .editor-recommend .editor-list-wrapper { width: 100%; padding: 0 2.4rem; overflow: hidden; }
.search-recommend .editor-recommend .editor-list-wrapper:before, .search-recommend .editor-recommend .editor-list-wrapper:after { position: absolute; top: 0; width: 4.4rem; height: 100%; display: block; content: ''; z-index: 2; }
.search-recommend .editor-recommend .editor-list-wrapper:before { left: 0; background: linear-gradient(to right, #fff 40%, rgba(255, 255, 255, 0.8) 60%, transparent); }
.search-recommend .editor-recommend .editor-list-wrapper:after { right: 0; background: linear-gradient(to left, #fff 40%, rgba(255, 255, 255, 0.8) 60%, transparent); }
.search-recommend .editor-recommend .editor-list li { flex: 0 0 20%; }
.search-recommend .editor-recommend .editor-list li a { flex: 0 0 11rem; display: flex; flex-direction: column; align-items: center; }
.search-recommend .editor-recommend .editor-list li .thumbs { width: 9rem; height: 9rem; border-radius: 4.5rem; overflow: hidden; }
.search-recommend .editor-recommend .editor-list li dl { padding-top: 1rem; }
.search-recommend .editor-recommend .editor-list li dl dt { font-size: 1.6rem; line-height: 2.4rem; font-weight: 700; }
.search-recommend .editor-recommend .editor-list li dl dd { font-size: 1.4rem; line-height: 1.8rem; }
.search-recommend .editor-recommend .bt-prev, .search-recommend .editor-recommend .bt-next, .search-recommend .editor-recommend .pagination { position: absolute; z-index: 3; }
.search-recommend .editor-recommend .pagination { top: -4rem; right: 0; width: auto; font-size: 1rem; color: #aaa; line-height: 1.7rem; font-weight: 700; display: inline-flex; align-items: center; }
.search-recommend .editor-recommend .pagination .swiper-pagination-total { padding-left: .4rem; font-size: 1.4rem; }
.search-recommend .editor-recommend .pagination .swiper-pagination-current { padding-right: .4rem; font-size: 1.4rem; color: #000; }
.search-recommend .editor-recommend .bt-prev, .search-recommend .editor-recommend .bt-next { top: 50%; width: 3rem; height: 4.4rem; transform: translateY(-50%); text-indent: -1000em; overflow: hidden; display: block; transition: .3s ease background; }
.search-recommend .editor-recommend .bt-prev.swiper-button-disabled, .search-recommend .editor-recommend .bt-next.swiper-button-disabled { cursor: default; }
.search-recommend .editor-recommend .bt-prev { left: 0; background: url("../images/btn_gr_prev.png") no-repeat; background-size: contain; }
.search-recommend .editor-recommend .bt-prev:not(.swiper-button-disabled):hover { background: url("../images/btn_gr_prev_hover.png") no-repeat; background-size: contain; }
.search-recommend .editor-recommend .bt-next { right: 0; background: url("../images/btn_gr_next.png") no-repeat; background-size: contain; }
.search-recommend .editor-recommend .bt-next:not(.swiper-button-disabled):hover { background: url("../images/btn_gr_next_hover.png") no-repeat; background-size: contain; }
.search-recommend .editor-recommend.no-slide .editor-list { justify-content: center; }
.search-recommend .editor-recommend.no-slide .bt-prev, .search-recommend .editor-recommend.no-slide .bt-next { cursor: default; }
.search-recommend .editor-recommend.no-slide .bt-prev:hover { background: url("../images/btn_gr_prev.png") no-repeat; background-size: contain; }
.search-recommend .editor-recommend.no-slide .bt-next:hover { background: url("../images/btn_gr_next.png") no-repeat; background-size: contain; }
.select-privacy { width: 100%; max-width: 32rem; height: 5rem; margin-top: 3rem; padding: 0 1.6rem; font-size: 1.6rem; border: 1px solid #ddd; -webkit-appearance: none; /* for chrome */ -moz-appearance: none; /*for firefox*/ appearance: none; background: url("../images/select_arrow.png") no-repeat; background-position: 95% center; background-size: 1.6rem auto; }
.select-privacy::-ms-expand { display: none; /*for IE10,11*/ }
.privacy { max-width: 90rem; margin: 7rem auto 0 auto; font-size: 1.6rem; line-height: 2.9rem; word-break: keep-all; }
.privacy-section { margin-top: 6rem; }
.privacy-section h3 { padding-bottom: 2rem; font-size: 2.2rem; line-height: 3.2rem; font-weight: 700; }
.privacy-table { width: 100%; margin-top: 2rem; }
.privacy-table th, .privacy-table td { padding: 1.6rem; font-size: 1.6rem; border: 1px solid #ddd; }
.privacy-table th { background-color: #fafafa; }
.privacy-table thead th { text-align: center; }
.privacy-table tbody th { text-align: left; }
.msg-system { height: 100%; padding: 10rem 0; text-align: center; display: flex; flex-direction: column; justify-content: center; align-items: center; flex: 1 1 auto; }
.msg-system h2 { font-family: "Hanna"; font-size: 11.4rem; line-height: 11.7rem; font-weight: 500; }
.msg-system h2 + .ment-sub { margin-top: 3rem; }
.msg-system .ment-main { margin-top: 3rem; font-size: 3rem; line-height: 4.2rem; font-weight: 700; }
.msg-system .ment-sub { margin-top: 1.4rem; font-size: 1.6rem; line-height: 2.4rem; }
.msg-system .msg-link { margin-top: 2rem; text-align: center; }
.toast-messege { position: fixed; left: 50%; bottom: -7rem; min-width: 23.3rem; padding: 1.6rem 1.6rem; font-size: 1.6rem; line-height: 2.4rem; text-align: center; white-space: nowrap; background-color: #fff; box-shadow: 0.6rem 0.6rem 2rem rgba(0, 0, 0, 0.2); border-radius: 3rem; transform: translateX(-50%); z-index: 99; opacity: 0; transition: .4s ease opacity, .6s ease bottom; }
.toast-messege.show { bottom: 4rem; opacity: 1; transition: .6s ease opacity, .4s ease bottom !important; }
.layer-search { position: fixed; top: 0; left: 0; width: 100%; height: 0; opacity: 0; overflow: hidden; z-index: 101; }
.layer-search:after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); display: block; content: ''; opacity: 0; transition: .3s ease opacity; transition-delay: .4s; }
.layer-search .search-wrap { position: relative; top: -50%; width: 100%; max-height: calc(100% - 9rem); padding: 8rem 2rem; background-color: #fff; display: flex; z-index: 2; opacity: 0; transition: .4s ease height, .4s ease top, .2s ease opacity; }
.layer-search .search-area { max-width: 94rem; margin: 0 auto; display: flex; flex-direction: column; opacity: 0; transform: translateY(-5rem); transition: .3s ease opacity, .3s ease transform; transition-delay: .3s; }
.layer-search .search-area h3 { font-size: 1.6rem; line-height: 2.4rem; font-weight: 700; }
.layer-search .search-content { margin-top: 6rem; overflow-x: hidden; overflow-y: auto; -ms-overflow-style: none; }
.layer-search .search-content::-webkit-scrollbar { display: none; }
.layer-search .search-tag .hash-tag { margin-top: 1.2rem; }
.layer-search .search-editor { margin-top: 4rem; }
.layer-search .search-editor .editor-list { display: flex; flex-wrap: wrap; }
.layer-search .search-editor .editor-list li { margin: 2rem 0 0 0; padding: 0 1rem; display: flex; flex: 0 0 21%; justify-content: center; }
.layer-search .search-editor .editor-list li:nth-child(5n+1) { margin-left: -2.5%; }
.layer-search .search-editor .editor-list li:nth-child(5n+5) { margin-right: -5%; }
.layer-search .search-editor .editor-list li a { width: 12rem; text-align: center; display: flex; flex-direction: column; flex: 0 0 12rem; }
.layer-search .search-editor .editor-list li .thumbs { position: relative; width: 100%; padding-top: 100%; border-radius: 50%; overflow: hidden; }
.layer-search .search-editor .editor-list li .thumbs img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
.layer-search .search-editor .editor-list li dl dt { margin-top: 1rem; font-size: 1.6rem; font-weight: 700; line-height: 2.4rem; }
.layer-search .search-editor .editor-list li dl dd { margin-top: .2rem; font-size: 1.4rem; line-height: 1.8rem; }
.layer-search .close { position: absolute; bottom: -7rem; left: 50%; width: 5rem; height: 5rem; border-radius: 2.5rem; text-indent: -1000em; overflow: hidden; display: block; z-index: 10; opacity: 0; transform: scale(0); background: #fff; background-size: 1.8rem auto; transition: .3s ease-out transform, .2s ease-out opacity; transition-delay: .5s; }
.layer-search .close:before, .layer-search .close:after { position: absolute; top: 1.4rem; width: 2px; height: 2.2rem; background-color: #000; display: block; opacity: 0; content: ''; }
.layer-search .close:before { left: 2.4rem; transform: rotate(90deg); transition: .3s ease-out opacity, .3s ease-out transform; transition-delay: .6s; }
.layer-search .close:after { right: 2.4rem; transform: rotate(-90deg); transition: .3s ease-out opacity, .3s ease-out transform; transition-delay: .6s; }
.layer-search.show { height: 100%; opacity: 1; }
.layer-search.show:after { opacity: 1; }
.layer-search.show .search-wrap { top: 0; opacity: 1; }
.layer-search.show .search-area { opacity: 1; transform: translateY(0); }
.layer-search.show .close { opacity: 1; transform: scale(1); }
.layer-search.show .close:before, .layer-search.show .close:after { opacity: 1; }
.layer-search.show .close:before { transform: rotate(45deg); }
.layer-search.show .close:after { transform: rotate(-45deg); }
.layer-search.hide { height: 0; opacity: 0; transition: .4s ease height .1s, .4s ease opacity .1s; }
.layer-search.hide .search-wrap { top: -70%; transition: .4s ease top, .3s ease opacity .1s; }
.layer-search.hide .search-area { opacity: 0; transform: translateY(-5rem); transition: .3s ease all; transition-delay: 0s; }
.layer-search.hide .close { opacity: 0; transform: scale(0); transition: .3s ease-out transform, .2s ease-out opacity; transition-delay: 0; }
.layer-search.hide .close:before, .layer-search.hide .close:after { opacity: 0; }
.layer-search.hide .close:before { transform: rotate(90deg); }
.layer-search.hide .close:after { transform: rotate(-90deg); }
.layer-search.hide:after { opacity: 0; transition: .1s ease all 0s; }
.popup-wrapper { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.6); z-index: 1000; overflow: auto; -ms-overflow-style: none; display: none; }
.popup-wrapper::-webkit-scrollbar { display: none; }
.popup-wrapper .popup-inner { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; }
.popup-wrapper .popup-alert { width: 42rem; padding: 5rem 2rem; text-align: center; background-color: #fff; }
.popup-wrapper .popup-alert h2 { font-size: 2.2rem; line-height: 3rem; letter-spacing: -.15rem; font-weight: 700; word-break: keep-all; }
.popup-wrapper .popup-alert h2 .email { padding: 0 1rem; font-size: 2rem; color: #2AC1BC; letter-spacing: -.1rem; display: block; word-break: break-all; }
.popup-wrapper .popup-alert .popup-content { margin-top: 1.4rem; font-size: 1.6rem; line-height: 2.1rem; }
.popup-wrapper .popup-alert .btn-area { margin-top: 4rem; }
.popup-wrapper .popup-alert .bt-large { height: 5rem; font-size: 1.6rem; font-weight: 700; }
.popup-wrapper.show { display: block; }
@keyframes mobileMenu { 0% { opacity: 0;
    transform: translateY(100%); }
  70% { transform: translateX(0); }
  100% { opacity: 1;
    transform: translateY(0); } }
@media screen and (max-width: 1095px) { html { font-size: 9px; } }
@media screen and (max-width: 1005px) { .main-visual .main-banner ul li { padding: 0 6rem; }
  .main-visual .main-banner:before, .main-visual .main-banner:after { width: 6rem; }
  .main-visual .pagination { left: 6rem; }
  .b-list ul { width: calc(100% + 4rem); margin-left: -2rem; }
  .b-list li { width: calc(100% / 2); }
  .b-list li:nth-child(3n+1):before { display: block; }
  .b-list li:nth-child(2n+1):before { display: none; } }
@media screen and (max-width: 940px) { .bmlike-wrap .footer .footer-inner { padding: 0 2rem; }
  .bmlike-wrap .footer .footer-menu .site-info { margin-left: 0; text-align: left; }
  .bmlike-wrap .footer .sns-group { right: 2rem; } }
@media screen and (max-width: 825px) { .mainmenu-clone .ani-typing + small { display: none; } }
@media screen and (max-width: 750px) { html { font-size: 10px; }
  .btn-area { margin-top: 4rem; }
  .bt-more { width: 100%; height: 5rem; font-size: 1.6rem; }
  .bt-more:after { width: 1.6rem; height: 1rem; margin-left: .9rem; }
  .bt-base { padding: .5rem 1rem; font-size: 1rem; }
  .bt-large { height: 5rem; font-size: 1.6rem; }
  .bt-search { width: 2.6rem; height: 2.6rem; }
  .bt-search:before { width: 2rem; height: 2rem; transform: translate(-50%, -50%); }
  .hide-pc { display: block !important; }
  .hide-mo { display: none !important; }
  .link-under { min-height: 2.4rem; font-size: 1.6rem; line-height: 2.4rem; }
  .link-under:after { width: 100%; height: .8rem; }
  .bmlike-wrap { padding-top: 5rem; }
  .bmlike-wrap .header .gnb-wrapper .gnb { position: relative; height: 5rem; padding: 1rem 1.4rem; z-index: 1; }
  .bmlike-wrap .header .gnb-wrapper .logo a { width: 9.4rem; height: 2rem; background: url("../images/logo_m.png") no-repeat; background-size: contain; }
  .bmlike-wrap .header .gnb-wrapper .etc-menu { margin-left: auto; }
  .bmlike-wrap .header .gnb-wrapper .etc-menu .bt-search { margin-left: 1.4rem; }
  .bmlike-wrap .header .gnb-wrapper .mainmenu { opacity: 0; }
  .bmlike-wrap .header .bt-menu { position: relative; display: flex; flex: 0 0 2.6rem; z-index: 101; }
  .bmlike-wrap .container { padding: 6rem 2rem 10rem 2rem; }
  .bmlike-wrap .footer { padding: 1rem 0 7rem 0; }
  .bmlike-wrap .footer .footer-link { padding-right: 0; }
  .bmlike-wrap .footer .footer-link .recruit, .bmlike-wrap .footer .footer-link .newsletter { width: 100%; font-size: 1.5rem; margin-right: 0; justify-content: space-between; }
  .bmlike-wrap .footer .footer-link .recruit p, .bmlike-wrap .footer .footer-link .newsletter p { line-height: 2.2rem; }
  .bmlike-wrap .footer .footer-menu { font-size: 1.3rem; flex-direction: column; }
  .bmlike-wrap .footer .footer-menu .f-menu .woowahan { margin-top: .5rem; }
  .bmlike-wrap .footer .footer-menu .f-menu h2 { height: 1.8rem; }
  .bmlike-wrap .footer .footer-menu .site-info { margin: 1.2rem 0 0 0; text-align: left; }
  .bmlike-wrap .footer .sns-group { position: relative; top: auto; right: auto; }
  .bmlike-wrap .footer .bt-base { min-width: 7.1rem; }
  .mainmenu-clone { padding-top: 3.6rem; }
  .mainmenu-clone li { height: 5.6rem; margin-top: 2.4rem; }
  .mainmenu-clone li .ani-typing { height: 5rem; box-sizing: content-box; }
  .mainmenu-clone li.eat { width: 15rem; }
  .mainmenu-clone li.work { width: 20rem; }
  .mainmenu-clone li.together { width: 26.1rem; }
  .mainmenu-clone li:before { display: none; }
  .mainmenu-clone li:after { position: absolute; top: 0; right: -2.1rem; width: .6rem; height: .9rem; background: url("../images/arrow_nav_mo.png") no-repeat; background-size: auto .9rem; display: block; content: ''; }
  .hash-tag { margin-top: 2.4rem; font-size: 1.3rem; }
  .hash-tag > a { margin: .6rem .6rem 0 0; line-height: 1.9rem; border-radius: 1.8rem; }
  .hash-tag input[type="radio"] + label, .hash-tag input[type="checkbox"] + label { margin: .6rem .6rem 0 0; line-height: 1.9rem; border-radius: 1.8rem; }
  .main-tit { margin: 1.4rem 0 0 0; font-size: 2.4rem; line-height: 3rem; }
  .sub-tit { min-height: auto; padding: 0; }
  .sub-tit h2 { font-size: 3rem; line-height: 4.2rem; }
  .sub-tit .ani-typing span { height: 4rem; }
  .sub-tit .ani-typing.eat { width: 12rem; }
  .sub-tit .ani-typing.work { width: 16.2rem; }
  .sub-tit .ani-typing.together { width: 21rem; }
  .sub-tit > p { margin-top: 1rem; font-size: 1.8rem; font-weight: 400; line-height: 2.6rem; }
  .main-visual { margin: 8rem 0 6rem 0; }
  .main-visual .main-banner { width: calc(100% + 4rem); margin: 4rem -2rem 0 -2rem; }
  .main-visual .main-banner ul { padding: 0 2rem 2rem 2rem; display: flex; flex-wrap: nowrap; }
  .main-visual .main-banner ul li { position: relative; min-width: 30.8rem; height: auto; margin-right: 1.6rem; padding: 0; flex: 1; box-sizing: content-box; }
  .main-visual .main-banner ul li:last-child { padding-right: 2rem; }
  .main-visual .main-banner ul li a { display: flex; flex-direction: column-reverse; justify-content: flex-end; box-shadow: 0.6rem 0.6rem 2rem rgba(0, 0, 0, 0.15); }
  .main-visual .main-banner ul li dl { width: 100%; padding: 2rem 2.4rem 2.4rem; }
  .main-visual .main-banner ul li dl dt { max-height: 7.8rem; font-size: 2rem; line-height: 2.6rem; letter-spacing: -1px; }
  .main-visual .main-banner ul li dl dd { max-height: 6.6rem; margin-top: .8rem; font-size: 1.6rem; line-height: 2.2rem; }
  .main-visual .main-banner ul li dl dd.etc { margin-top: 2.4rem; font-size: 1.4rem; }
  .main-visual .main-banner ul li dl dd.etc span, .main-visual .main-banner ul li dl dd.etc strong { line-height: 2rem; }
  .main-visual .main-banner ul li dl dd.etc span:before, .main-visual .main-banner ul li dl dd.etc strong:before { margin: -.5rem 1rem 0 1rem; }
  .main-visual .main-banner ul li .thumbs { width: 100%; height: 30.2rem; padding-top: 0; }
  .main-visual .main-banner ul li .thumbs img { position: relative; }
  .main-visual .main-banner:before, .main-visual .main-banner:after { display: none; }
  .main-visual .bt-prev, .main-visual .bt-next, .main-visual .pagination { display: none; }
  .visual-area { height: 65.308vw; }
  .visual-area img { width: auto; max-width: none; height: 65.308vw; }
  .shortcode-slider { width: calc(100% + 4rem) !important; margin: 0 -2rem !important; }
  .shortcode-slider .bt-prev, .shortcode-slider .bt-next { width: 3rem; height: 4rem; margin: -3.5rem 0 0 0; }
  .shortcode-slider .bt-prev:before, .shortcode-slider .bt-next:before { width: 1.4rem; height: 2.8rem; }
  .shortcode-slider .bt-prev { left: 0; }
  .shortcode-slider .bt-prev:before { background: url("../images/btn_b_prev_grey.png") no-repeat; background-size: cover; }
  .shortcode-slider .bt-next { right: 0; }
  .shortcode-slider .bt-next:before { background: url("../images/btn_b_next_grey.png") no-repeat; background-size: cover; }
  .shortcode-slider .pagination { padding: 1rem 0; }
  .b-list ul { width: 100%; margin-left: 0; align-items: stretch; }
  .b-list li { width: 100%; min-height: 40rem; margin-top: 3.4rem; padding: 0; box-shadow: 0.6rem 0.6rem 2rem rgba(0, 0, 0, 0.15); }
  .b-list li dl { height: 100%; margin-top: 2rem; padding: 0 2.4rem 2.4rem; display: flex; flex-direction: column; }
  .b-list li dl dt { font-size: 2rem; line-height: 2.8rem; }
  .b-list li dl dd { font-size: 1.6rem; line-height: 2.2rem; }
  .b-list li dl dd.etc { padding-top: 2.4rem; font-size: 1.4rem; line-height: 2rem; margin-top: auto; }
  .b-list li a { height: 100%; }
  .b-list li a:hover .thumbs img { min-width: 100%; min-height: 100%; }
  .b-list li a:hover .thumbs video { max-height: 100%; }
  .b-list li a:hover dl dt { color: inherit; }
  .b-list + .btn-area { margin-top: 3.4rem; }
  .b-list .data-none { padding: 10rem 0; }
  .b-list .data-none:last-child { padding: 10rem 0 5rem 0; }
  .b-view { margin-top: -6rem; }
  .b-view .view-content { padding-top: 0; }
  .b-view .view-content .view-title { padding: 4rem 0; }
  .b-view .view-content .view-title h2 { padding: 0; font-size: 3rem; line-height: 4.2rem; }
  .b-view .view-content .view-title .info { margin-bottom: 1.4rem; font-size: 1.3rem; }
  .b-view .view-content .view-title .date { font-size: 1.4rem; line-height: 1.6rem; }
  .b-view .view-content .share-area { margin-top: 2rem; flex-direction: column; justify-content: center; }
  .b-view .view-content .share-area ul { justify-content: center; }
  .b-view .view-content .share-area .like { margin-top: 2rem; justify-content: center; }
  .b-view .view-content .share-area .like:after { display: none; }
  .editor-info { position: relative; min-height: auto; margin: 6rem -2rem 0 -2rem; padding: 2.6rem; background-color: #fafafa; display: flex; flex-direction: row; justify-content: flex-start; flex-wrap: wrap; }
  .editor-info .thumbs { position: relative; top: auto; left: auto; min-width: 9rem; max-width: 9rem; height: 9rem; margin-right: 1.4rem; }
  .editor-info .name { font-size: 1.8rem; line-height: 2.6rem; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; }
  .editor-info .name strong, .editor-info .name span { display: block; }
  .editor-info .name strong:before, .editor-info .name span:before { display: none; }
  .editor-info .intro { width: 100%; }
  .view-more { margin: 6.4rem auto 0 auto; }
  .view-more > h3 { padding-top: 1.4rem; font-size: 2.2rem; line-height: 3.3rem; border-top: 2px solid #000; }
  .view-more .b-list ul { width: 100%; margin-left: 0; }
  .view-more .b-list li { padding: 0; }
  .view-more .b-list li dl dt { font-size: 2rem; line-height: 2.6rem; }
  .view-more .b-list li dl dd:not(.etc) { display: block; }
  .view-editor { padding-bottom: 2rem; }
  .view-editor__images { margin: 0 -2rem; }
  .view-editor__video { margin: 0 -2rem; }
  .view-editor__description { font-size: 1.8rem; line-height: 3.2rem; }
  .view-editor__paragraph { margin-top: 8rem; }
  .view-editor__paragraph_title { font-size: 2.2rem; letter-spacing: -.15rem; line-height: 3rem; }
  .view-editor__paragraph_explan { margin-top: 2rem; line-height: 2.8rem; }
  .view-editor__paragraph_photo { margin: 2rem -2rem 0 -2rem; }
  .view-editor .hash-tag { margin-top: 1.4rem; }
  .view-editor div[data-type="post_content"] :not(.view-editor__paragraph_photo) > img { width: calc(100% + 4rem); max-width: calc(100% + 4rem); margin: 3rem -2rem 0 -2rem; height: auto; }
  .view-editor div[data-type="post_content"] :not(.view-editor__paragraph_photo) > img.alignright { margin-left: -2rem; }
  .view-editor div[data-type="post_content"] :not(.view-editor__paragraph_photo) > img.aligncenter { margin: 3rem -2rem 0 -2rem; }
  .view-editor div[data-type="post_content"] :not(.view-editor__paragraph_photo) > video { width: calc(100% + 4rem); max-width: calc(100% + 4rem); margin: 3rem -2rem 0 -2rem; display: block; }
  .view-editor div[data-type="post_content"] :not(.view-editor__paragraph_photo) > video.alignright { margin-left: -2rem; }
  .view-editor div[data-type="post_content"] :not(.view-editor__paragraph_photo) > video.aligncenter { margin: 3rem -2rem 0 -2rem; }
  .toast-messege { min-width: auto; padding: 1.2rem 2.4rem; font-size: 1.4rem; line-height: 2.1rem; }
  .form-wrap { margin: 0 -1rem; }
  .form-wrap h2 { font-size: 3rem; font-weight: 700; line-height: 3.9rem; }
  .form-wrap .tit-add { margin-top: 1.2rem; line-height: 2rem; }
  .form-wrap .form-box { width: 100%; max-width: 42rem; margin: 4rem auto 0 auto; }
  .form-wrap .form-box .agree-area { margin-top: 4rem; }
  .search-box { height: 5rem; }
  .search-box input[type="text"], .search-box input[type="search"] { padding-bottom: .4rem; font-size: 3rem; line-height: 4.4rem; }
  .search-box.show input[type="search"] { padding-right: 4.5rem; }
  .search-box .bt-reset { position: absolute; top: 1.3rem; right: 3.8rem; margin: 0; z-index: 1; }
  .search-box .bt-search { width: 2.6rem; height: 2.6rem; margin: 0 -.2rem 0 0; }
  .search-result { margin-top: -5rem; }
  .search-result h3 { margin-top: 6rem; }
  .search-result .editor-info { margin-top: 2rem; }
  .search-result .btn-area { display: block; }
  .search-result .search-recommend { display: none; }
  .search-result .view-more .b-list li { padding-bottom: 0; }
  .search-result .view-more .b-list li:first-child { margin-top: 2rem; }
  .select-privacy { margin-top: 2rem; }
  .privacy { margin-top: 6rem; }
  .privacy-section { margin-top: 4rem; }
  .privacy-section h3 { padding-bottom: 1rem; }
  .privacy-table { margin-top: 1rem; }
  .privacy-table th, .privacy-table td { font-size: 1.1rem; line-height: 1.8rem; }
  .privacy-table th { padding: .8rem .6rem; }
  .privacy-table td { padding: .6rem; }
  .msg-system h2 { font-size: 10rem; line-height: 10.3rem; }
  .msg-system h2 + .ment-sub { margin-top: 2rem; }
  .msg-system .ment-main { margin-top: 2rem; padding: 0 2rem; font-size: 2.2rem; line-height: 2.9rem; word-break: keep-all; }
  .msg-system .ment-sub { margin-top: 1.2rem; line-height: 2.4rem; }
  .msg-system .msg-link { margin-top: 1.2rem; }
  .popup-wrapper .popup-inner { padding: 0 1rem; }
  .layer-search:after { display: none; }
  .layer-search .search-wrap { height: 100%; max-height: 100%; padding: 6rem 2rem 0 2rem; }
  .layer-search .search-area h3 { font-size: 2.3rem; line-height: 3.3rem; }
  .layer-search .search-content { margin-top: 0; padding: 6rem 0 8rem 0; display: flex; flex-direction: column; }
  .layer-search .search-tag .hash-tag { margin-top: 1.4rem; }
  .layer-search .search-editor .editor-list { padding-top: .4rem; flex-direction: column; }
  .layer-search .search-editor .editor-list li { margin: 1.6rem 0 0 0; padding: 0; }
  .layer-search .search-editor .editor-list li:nth-child(5n+1) { margin-left: 0; }
  .layer-search .search-editor .editor-list li:nth-child(5n+5) { margin-right: 0; }
  .layer-search .search-editor .editor-list li a { position: relative; width: 100%; min-height: 7rem; text-align: left; flex: 1 1 auto; flex-direction: row; justify-content: flex-start; align-items: center; }
  .layer-search .search-editor .editor-list li .thumbs { width: 7rem; padding-top: 7rem; flex: 0 0 auto; }
  .layer-search .search-editor .editor-list li dl { margin-left: 1.2rem; }
  .layer-search .search-editor .editor-list li dl dt, .layer-search .search-editor .editor-list li dl dd { font-size: 1.6rem; line-height: 2.3rem; }
  .layer-search .search-editor .editor-list li dl dt { margin-top: 0; }
  .layer-search .search-editor .btn-area { display: block; }
  .layer-search .close { top: .7rem; bottom: auto; right: .7rem; left: auto; } }
@media screen and (max-width: 320px) { html { font-size: 9px; } }