@charset "utf-8";
/********************************************************
22-08-08
created by coDribble.

01. Common
02. Header
03. Footer
04. Main
05. Sub
	- Sub Common
06. Media Query


01. Common
****************************************/
:root {
	--poppins: 'Poppins', sans-serif;
	--small: 15px;
	--default: 18px;
	--column-title: 24px;
	--column-title2: 26px;
	--section-title: 50px;
	--visual-title: 60px;
	/* 위 크기 외 개별 설정 */
	--base: #222;
	--sub: #999;
	--accent: #2680EB;
	--border: #E8E8E8;
}

/* box-sizing */
*, *:before, *:after { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }

/* clearfix */
.clearfix:after { content:''; display:block; clear:both; }

/* font set */
.en { font-family:var(--poppins); font-weight:600; }
.section-title { font-weight:700; font-size:var(--section-title); }
.label-title { display:block; margin-bottom:20px; font-weight:600; }
.page-desc { margin-bottom:60px; text-align:center; line-height:1.5; }

/* frame */
#app { position:relative; }
#wrapper { padding-top:80px; }
.popup-show #wrapper { padding-top:130px; }
.contents { position:relative; padding:0 50px; }
.contents.w1280 { max-width:1380px; margin:0 auto; }
.inner { position:relative; width:100%; max-width:1320px; padding:0 20px; margin:0 auto; }
.flex { display:-webkit-box; display:-webkit-flex; display:flex; }
.inline-flex { display:-webkit-inline-box; display:-webkit-inline-flex; display:inline-flex; }
.section-wrap { position:relative; padding-bottom:40px; /*border-top:1px solid var(--border);*/ }
.section-wrap:before { content:''; display:block; width:-webkit-calc(100% - 100px); width:calc(100% - 100px); height:1px; margin:0 auto 80px; background:var(--border); max-width:1280px; }
.section-wrap .flex-wrap { -webkit-box-align:stretch; -webkit-align-items:stretch; align-items:stretch; -webkit-flex-wrap:wrap; flex-wrap:wrap; margin:0 -40px; }
.section-wrap .flex-wrap .flexitem { width:50%; padding:0 40px; }
.section-wrap header { margin-bottom:30px; }
.section-wrap header.flex { -webkit-box-align:end; -webkit-align-items:flex-end; align-items:flex-end; -webkit-box-pack:justify; -webkit-justify-content:space-between; justify-content:space-between; }
.section-wrap header .btn_view-more { display:-webkit-box; display:-webkit-flex; display:flex; -webkit-box-align:center; -webkit-align-items:center; align-items:center; }
.full-height { height:-webkit-calc(var(--vh) * 100); height:calc(var(--vh) * 100); }

/* selectbox */
.selectbox { display:inline-block; position:relative; width:100%; height:50px; }
.selectbox:after { content:'\f0d7'; display:block; position:absolute; top:50%; right:20px; font-family:'FontAwesome'; -webkit-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%); pointer-events:none; }
.selectbox select { width:100%; height:100%; padding:0 20px; background:#f9f9f9; border:1px solid #d3d3d3; border-radius:3px; -webkit-appearance:none; -moz-appearance:none; appearance:none; }
.selectbox select::-ms-expand { display:none; }

/* icon */
.arrow { display:inline-block; width:10px; height:13px; background-image:url('../images/icon/arrow_up.png'); background-image:url('../images/icon/arrow_up.svg'); background-position:center top; background-repeat:no-repeat; -webkit-background-size:100% auto; background-size:100% auto; }
.arrow.bold { background-image:url('../images/icon/arrow_up_bold.png'); background-image:url('../images/icon/arrow_up_bold.svg'); }
.arrow.right { width:13px; height:10px; margin-left:5px; background-image:url('../images/icon/arrow_right.png'); background-image:url('../images/icon/arrow_right.svg'); }
.icon.lock { width:18px; background-image:url('../images/icon/lock.png'); background-image:url('../images/icon/lock.svg'); }
.icon.lock-thin { width:18px; background-image:url('../images/icon/lock_thin.png'); background-image:url('../images/icon/lock_thin.svg'); }
.icon.lock-off-thin { width:18px; background-image:url('../images/icon/lock_off_thin.png'); background-image:url('../images/icon/lock_off_thin.svg'); }
.icon.user { background-image:url('../images/icon/user.png'); background-image:url('../images/icon/user.svg'); }
.icon.user-thin { background-image:url('../images/icon/user_thin.png'); background-image:url('../images/icon/user_thin.svg'); }
.icon.cart { background-image:url('../images/icon/cart.png'); background-image:url('../images/icon/cart.svg'); }
.icon.cart-thin { background-image:url('../images/icon/cart_thin.png'); background-image:url('../images/icon/cart_thin.svg'); }
.icon.search { background-image:url('../images/icon/search.png'); background-image:url('../images/icon/search.svg'); }
.icon.megaphone-thin { background-image:url('../images/icon/megaphone_thin.png'); background-image:url('../images/icon/megaphone_thin.svg'); }
.icon.note-thin { background-image:url('../images/icon/note_thin.png'); background-image:url('../images/icon/note_thin.svg'); }
.icon.home-thin { background-image:url('../images/icon/home_thin.png'); background-image:url('../images/icon/home_thin.svg'); }
.icon.shop-white { background-image:url('../images/icon/shop_white.png'); background-image:url('../images/icon/shop_white.svg'); }
.rating-star { font-size:0; }
.rating-star i { margin:0 1px; font-size:var(--default); color:var(--border); }
.rating-star .accent { color:var(--accent); }

/* video ratio */
.youtube-player { position:relative; width:100%; height:0; padding-bottom:56.25%; }
.youtube-player iframe { position:absolute; top:0; left:0; width:100%; height:100%; }

/* card layout */
.card-list { /*-webkit-box-pack:justify; -webkit-justify-content:space-between; justify-content:space-between;*/ gap:30px; }
.card-list .card { position:relative; }
.row-1 .card { width:100%; }
.row-2 .card { width:-webkit-calc(50% - 15px); width:calc(50% - 15px); }
.row-3 .card { width:-webkit-calc(33.3334% - 15px); width:calc(33.3334% - 15px); }
.row-4 .card { width:-webkit-calc(25% - 15px); width:calc(25% - 15px); }
.row-5 .card { width:-webkit-calc(20% - 15px); width:calc(20% - 15px); }
.row-6 .card { width:-webkit-calc(16.6667% - 15px); width:calc(16.6667% - 15px); }
.card-list .card-box { overflow:hidden; position:relative; width:100%; height:100%; border-radius:10px; z-index:1; }
.card-box .thumbs { overflow:hidden; display:block; position:relative; border-radius:10px 10px 0 0; aspect-ratio:4 / 3; }
.card-box .thumbs .no_image { position:relative; height:100%; background:var(--border); }
.card-box .thumbs img { width:100%; }
/*.card-box .thumbs img { position:absolute; top:50%; left:50%; width:100%; min-width:133.33%; height:75%; min-height:100%; transform:translate(-50%, -50%); }*/
.card-box .thumbs span { position:absolute; top:50%; left:0; width:100%; text-align:center; -webkit-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%); }
.card-box .card-cont { padding:30px; background:white; border:1px solid var(--border); border-radius:0 0 10px 10px; }
.card-cont .title { overflow:hidden; display:block; font-weight:600; text-overflow:ellipsis; white-space:nowrap; }
.card-cont .txt { overflow:hidden; display:-webkit-box; max-height:3.2em; margin-top:12px; color:#777; line-height:1.6; -webkit-box-orient:vertical; -webkit-line-clamp:2; text-overflow:ellipsis; }

/* column layout */
.column-list { -webkit-box-orient:vertical; -webkit-box-direction:normal; -webkit-flex-direction:column; flex-direction:column; height:-webkit-calc(100% - 80px); height:calc(100% - 80px); border-top:1px solid var(--border); }
.column-list .column { -webkit-box-align:center; -webkit-align-items:center; align-items:center; gap:40px; padding:20px; border-bottom:1px solid var(--border); }
.col-1 .column { height:100%; }
.col-2 .column { height:50%; }
.col-3 .column { height:33.3334%; }
.col-4 .column { height:25%; }
.col-5 .column { height:20%; }
.col-6 .column { height:16.6667%; }
.column .thumbs { width:200px; overflow:hidden; display:block; position:relative; border-radius:10px; aspect-ratio:4 / 3; }
.column .thumbs.youtube { aspect-ratio:16 / 9; }
.column .thumbs .no_image { position:relative; height:100%; background:var(--border); }
.column .thumbs img { width:100%; }
.column .thumbs span { position:absolute; top:50%; left:0; width:100%; text-align:center; -webkit-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%); }
.column .column-cont { width:-webkit-calc(100% - 240px); width:calc(100% - 240px); }
.column-cont .title { overflow:hidden; display:-webkit-box; max-height:2.8em; font-weight:600; font-size:var(--column-title); line-height:1.4; -webkit-line-clamp:2; -webkit-box-orient:vertical; text-overflow:ellipsis; }
.column-cont .title .accent { color:var(--accent); }
.column-cont .txt { overflow:hidden; margin-top:10px; color:#777; text-overflow:ellipsis; white-space:nowrap; }
/* 검색결과 column 추가 레이아웃 */
.column-cont .column-info { margin-top:10px; line-height:1.6; }
.column-cont .column-info p { overflow:hidden; display:-webkit-box; max-height:3.2em; -webkit-box-orient:vertical; -webkit-line-clamp:2; text-overflow:ellipsis; }
.column-cont .column-info .date { float:left; color:#777; }
.column-cont .column-info .date:after { content:''; display:inline-block; width:10px; height:1px; background:#777; margin:0 4px; vertical-align:middle; }
.column-cont .column-info .hash-list { display:-webkit-inline-box; display:-webkit-inline-flex; display:inline-flex; margin:0; }
.column-cont .column-info .hash { padding:0; border:0; }
.column-cont .column-price { margin-top:15px; line-height:1; }
.column-cont .column-price .default-price { margin-right:3px; font-size:var(--default); color:#B8B3A8; text-decoration:line-through; }
.column-cont .column-price .sell-price { font-weight:600; color:var(--accent); }

/* book layout */
.book .thumbs { display:block; position:relative; width:100%; max-width:180px; margin:0 auto; }
.book .thumbs img { width:100%; }
.book .thumbs .overlay { position:absolute; top:0; left:0; right:0; bottom:0; background:rgb(0 0 0 / .5); opacity:0; -webkit-transition:opacity .3s; -o-transition:opacity .3s; transition:opacity .3s; }
.book .thumbs .overlay:before, .book .thumbs .overlay:after { content:''; display:block; position:absolute; top:50%; left:32%; width:36%; height:1px; background:white; }
.book .thumbs .overlay:after { -webkit-transform:rotate(90deg); -o-transform:rotate(90deg); transform:rotate(90deg); }
.book .book-info { margin-top:30px; text-align:center; }
.book-info .title { overflow:hidden; display:block; font-weight:600; text-overflow:ellipsis; white-space:nowrap; }
.book-info .txt { overflow:hidden; display:-webkit-box; max-height:3.2em; margin-top:10px; color:#777; line-height:1.6; -webkit-box-orient:vertical; -webkit-line-clamp:2; text-overflow:ellipsis; }
.book:hover .thumbs .overlay { opacity:1; }

/* hash */
.hash-list { display:-webkit-box; display:-webkit-flex; display:flex; -webkit-flex-wrap:wrap; flex-wrap:wrap; gap:7px; margin-top:20px; }
.hash-list .hash { font-size:14px; color:#195CAC; line-height:1; }
.hash-list .hash a { color:#195CAC; }
.hash-list .hash.bold { color:#03b120; }

/* item list layout */
.item-list { --gap: 30px; -webkit-flex-wrap:wrap; flex-wrap:wrap; gap:var(--gap); }
.item-list .item { min-width:230px; }
.row-1 .item { width:100%; }
.row-2 .item { width:50%; }
.row-3 .item { width:33.3334%; }
.row-4 .item { width:25%; }
.row-5 .item { width:20%; }
.row-6 .item { width:-webkit-calc((100% - var(--gap) * 5) / 6); width:calc((100% - var(--gap) * 5) / 6); }
.item .thumbs { overflow:hidden; position:relative; border-radius:10px 10px 0 0; aspect-ratio:1; }
.item .thumbs img { width:100%; height:auto; }
.item .item-info { padding:30px 20px; border:1px solid var(--border); border-radius:0 0 10px 10px; }
.item .item-info .name { overflow:hidden; display:-webkit-box; max-height:2.8em; margin-bottom:7px; line-height:1.4; text-overflow:ellipsis; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.item .item-info .default-price { margin-right:3px; color:#B8B3A8; text-decoration:line-through; }
.item .item-info .sell-price { font-weight:600; color:var(--accent); }

/* banner */
#bannerList { padding:40px 0; }
#bannerList .flex { -webkit-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-pack:center; -webkit-justify-content:center; justify-content:center; gap:10px; }
#bannerList .banner { overflow:hidden; -webkit-box-orient:vertical; -webkit-box-direction:normal; -webkit-flex-direction:column; flex-direction:column; -webkit-box-align:center; -webkit-align-items:center; align-items:center; -webkit-box-pack:center; -webkit-justify-content:center; justify-content:center; gap:10px; -webkit-box-flex:1; -webkit-flex:1 1 -webkit-calc(16.6667% - 10px); flex:1 1 calc(16.6667% - 10px); position:relative; padding:35px 10px; background-position:center; background-repeat:no-repeat; -webkit-background-size:cover; background-size:cover; border-radius:10px; font-weight:600; font-size:var(--column-title); color:white; }
#bannerList .banner:before { content:''; position:absolute; top:0; left:0; right:0; bottom:0; background:rgb(0 0 0 / .4); }
#bannerList .banner01 { background-image:url('../images/main/banner01.jpg'); }
#bannerList .banner02 { background-image:url('../images/main/banner02.jpg'); }
#bannerList .banner03 { background-image:url('../images/main/banner03.jpg'); }
#bannerList .banner04 { background-image:url('../images/main/banner04.jpg'); }
#bannerList .banner05 { background-image:url('../images/main/banner05.jpg'); }
#bannerList .banner06 { background-image:url('../images/main/banner06.jpg'); }
#bannerList .banner span { position:relative; z-index:2; }
#bannerList .banner .hidden-txt { display:none; font-size:var(--default); color:var(--sub); }
#bannerList .banner:hover { padding:21px 10px; }
#bannerList .banner:hover:before { background:rgb(0 0 0 / .7); }
#bannerList .banner:hover .hidden-txt { display:block; }

/* quick menu */
#quick { display:none; position:fixed; bottom:0; left:0; width:100%; background:white; border-top:1px solid var(--border); z-index:998; }
#quick a { display:block; width:25%; padding:24px 5px 20px; font-weight:600; text-align:center; }
#quick .icon-wrap { position:relative; width:46px; height:46px; margin:0 auto 10px; }
#quick .icon { display:block; width:100%; height:100%; background-position:center bottom; background-repeat:no-repeat; -webkit-background-size:contain; background-size:contain; }
#quick .count { width:32px; height:32px; font-size:20px; }
#quick .side { position:absolute; bottom:-webkit-calc(100% + 30px); bottom:calc(100% + 30px); right:20px; }
#quick .side .icon-wrap { width:20px; height:26px; }
#quick .side li:not(:last-child) { margin-bottom:10px; }
#quick .side a { display:-webkit-box; display:-webkit-flex; display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -webkit-flex-direction:column; flex-direction:column; -webkit-box-align:center; -webkit-align-items:center; align-items:center; -webkit-box-pack:center; -webkit-justify-content:center; justify-content:center; width:84px; height:84px; padding:0 5px; background:white; border-radius:20px; -webkit-box-shadow:0 3px 15px rgb(0 0 0 / .1); box-shadow:0 3px 15px rgb(0 0 0 / .1); }
#quick .side .quick-shop { background:#0C5BB9; -webkit-box-shadow:none; box-shadow:none; color:white; }
#quick .side .quick-shop .icon-wrap { width:40px; height:40px; margin-bottom:5px; }

/* grade */
.grade { border-radius:50%; font-weight:600; color:white; text-align:center; }
.grade07 { background-image:-webkit-linear-gradient(135deg, #5D18E9 50%, #915BFF 50%); background-image:-o-linear-gradient(135deg, #5D18E9 50%, #915BFF 50%); background-image:linear-gradient(-45deg, #5D18E9 50%, #915BFF 50%); }
.grade06 { background-image:-webkit-linear-gradient(135deg, #E10036 50%, #F84872 50%); background-image:-o-linear-gradient(135deg, #E10036 50%, #F84872 50%); background-image:linear-gradient(-45deg, #E10036 50%, #F84872 50%); }
.grade05 { background-image:-webkit-linear-gradient(135deg, #FBB529 50%, #F9DA5D 50%); background-image:-o-linear-gradient(135deg, #FBB529 50%, #F9DA5D 50%); background-image:linear-gradient(-45deg, #FBB529 50%, #F9DA5D 50%); color:var(--base); }
.grade04 { background-image:-webkit-linear-gradient(135deg, #F5F5F5 50%, white 50%); background-image:-o-linear-gradient(135deg, #F5F5F5 50%, white 50%); background-image:linear-gradient(-45deg, #F5F5F5 50%, white 50%); border:1px solid var(--border); color:var(--base); }
.grade03 { background-image:-webkit-linear-gradient(135deg, #BE6307 50%, #DF8722 50%); background-image:-o-linear-gradient(135deg, #BE6307 50%, #DF8722 50%); background-image:linear-gradient(-45deg, #BE6307 50%, #DF8722 50%); }
.grade02 { background-image:-webkit-linear-gradient(135deg, #4593F2 50%, #7FB5F5 50%); background-image:-o-linear-gradient(135deg, #4593F2 50%, #7FB5F5 50%); background-image:linear-gradient(-45deg, #4593F2 50%, #7FB5F5 50%); }
.grade01 { background-image:-webkit-linear-gradient(135deg, #D8D8D8 50%, #ECECEC 50%); background-image:-o-linear-gradient(135deg, #D8D8D8 50%, #ECECEC 50%); background-image:linear-gradient(-45deg, #D8D8D8 50%, #ECECEC 50%); color:#777; }
.grade08 { background-image:-webkit-linear-gradient(135deg, #F5F5F5 50%, white 50%); background-image:-o-linear-gradient(135deg, #F5F5F5 50%, white 50%); background-image:linear-gradient(-45deg, #F5F5F5 50%, white 50%); border:1px solid var(--border); color:#777; }

/* experiencegroup */
#experiencelist .info {  }
#experiencelist .info strong { display:block; margin-bottom:10px; font-size:var(--column-title);}


/****************************************
02. Header
****************************************/
#header { position:fixed; top:0; left:0; width:100%; z-index:999; }
#header.fixed { position:fixed; }
#header .header-wrap { -webkit-box-align:center; -webkit-align-items:center; align-items:center; -webkit-box-pack:justify; -webkit-justify-content:space-between; justify-content:space-between; height:80px; background:rgb(255 255 255 / .5); border-bottom:1px solid var(--border); }
#header .contents { -webkit-box-align:center; -webkit-align-items:center; align-items:center; -webkit-box-pack:justify; -webkit-justify-content:space-between; justify-content:space-between; width:-webkit-calc(100% - 90px); width:calc(100% - 90px); padding:0 30px 0 50px; }
#header .contents > .flex { -webkit-box-align:center; -webkit-align-items:center; align-items:center; gap:70px }

#logo { width:96px; height:40px; }
#logo a { display:block; width:100%; height:100%; background-image:url('../images/common/logo.png'); background-image:url('../images/common/logo.svg'); background-repeat:no-repeat; background-position:center; -webkit-background-size:contain; background-size:contain; }
.logo-box { -webkit-box-align:center; -webkit-align-items:center; align-items:center; gap:10px; }
.mall-logo { width:61px; height:22px; background-image:url('../images/common/mall_logo.png'); background-image:url('../images/common/mall_logo.svg'); background-position:center; background-repeat:no-repeat; -webkit-background-size:contain; background-size:contain; }

.gnb .gnb_1dli { float:left; }
.gnb .gnb_1dli:not(:last-child) { margin-right:50px; }
.gnb .gnb_1da { display:block; position:relative; padding:30px 0; }
.gnb .gnb_1dli.shop .gnb_1da { font-weight:600; color:var(--accent); }
.gnb .gnb_1da.active:before { content:''; position:absolute; bottom:0; left:0; width:100%; height:2px; background:var(--base); }
.tablet-gnb { overflow:hidden; overflow-x:auto; display:none; width:100%; padding:0 30px; background:white; border-top:1px solid var(--border); border-bottom:1px solid var(--border); }
.tablet-gnb .gnb { text-align:center; }
.tablet-gnb .gnb_1dli { float:none; display:inline-block; }
.tablet-gnb .gnb_1da { padding:10px 0; }

#header .shop-menu { -webkit-box-align:center; -webkit-align-items:center; align-items:center; font-size:12px; }
#header .shop-menu li:not(:first-child) { margin-left:30px; }
#header .shop-menu li a { display:block; position:relative; }
#header .shop-menu .icon-wrap { display:block; position:relative; margin:0 auto 5px; }
#header .icon { display:block; width:25px; height:25px; margin:0 auto; background-position:center bottom; background-repeat:no-repeat; -webkit-background-size:cover; background-size:cover; }
#header .shop-menu .lock { width:18px; }
#header .shop-menu .hidden-txt { /*display:none; position:absolute; bottom:0; left:50%; -webkit-transform:translateX(-50%); -o-transform:translateX(-50%); transform:translateX(-50%);*/ white-space:nowrap; }
.gnb-cart .count { -webkit-box-align:center; -webkit-align-items:center; align-items:center; -webkit-box-pack:center; -webkit-justify-content:center; justify-content:center; position:absolute; top:0; right:0; width:var(--default); height:var(--default); background:var(--accent); border-radius:50%; font-weight:600; font-size:1em; color:white; -webkit-transform:translate(50%, -50%); -o-transform:translate(50%, -50%); transform:translate(50%, -50%); }
/*#header .shop-menu li:hover .icon-wrap { padding-bottom:-webkit-calc(1em + 4px); padding-bottom:calc(1em + 4px); }*/
/*#header .shop-menu li:hover .hidden-txt { display:block; }*/
#header .shop-menu .mb_grade { font-weight:600; font-size:var(--default); }
#header .shop-menu .grade { display:inline-block; width:90px; height:30px; border-radius:10px; line-height:30px; }

#searchForm { display:none; position:absolute; top:100%; right:0; width:100%; max-width:500px; z-index:1; }
#searchForm.active { display:block; }
#searchForm .input-box { width:-webkit-calc(100% - 70px); width:calc(100% - 70px); }
#searchForm .selectbox { width:126px; height:70px; }
#searchForm .selectbox:before { content:''; display:block; position:absolute; top:50%; right:0; width:1px; height:1em; margin-top:-.5em; background:var(--sub); }
#searchForm .selectbox select { background:white; border-right:0; border-radius:0; }
#searchForm .frm_input { width:-webkit-calc(100% - 126px); width:calc(100% - 126px); height:70px; background-color:white; border-left:0; border-right:0; border-radius:0; }
#searchForm .frm_input:focus { border-color:#D3D3D3; }
#searchForm #sch_submit { position:absolute; top:0; right:0; height:100%; background-color:white; background-image:url('../images/icon/search_accent.png'); background-image:url('../images/icon/search_accent.svg'); background-position:right 20px center; background-repeat:no-repeat; -webkit-background-size:23px 23px; background-size:23px; border:1px solid #D3D3D3; border-left:0; aspect-ratio:1; }

.hamburger { -webkit-box-align:center; -webkit-align-items:center; align-items:center; -webkit-box-pack:center; -webkit-justify-content:center; justify-content:center; width:90px; height:100%; background:var(--base); border:0; }
.hamburger .bar { position:relative; width:25px; height:3px; background:white; }
.hamburger .bar:before { content:''; display:block; position:absolute; top:9px; left:0; width:100%; height:100%; background:white; }
.hamburger .bar:after { content:''; display:block; position:absolute; bottom:9px; left:0; width:100%; height:100%; background:white; }
.hamburger.on .bar { background:transparent; }
.hamburger.on .bar:before { top:0; -webkit-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg); }
.hamburger.on .bar:after { bottom:0; -webkit-transform:rotate(-45deg); -o-transform:rotate(-45deg); transform:rotate(-45deg); }

#megaMenu { display:none; position:absolute; top:0; right:0; width:80%; max-width:360px; background:white; -webkit-box-shadow:-10px 0 20px rgb(0 0 0 / .16); box-shadow:-10px 0 20px rgb(0 0 0 / .16); }
#megaMenu.on { display:block; }
.popup-show #megaMenu { top:50px; height:-webkit-calc((var(--vh) * 100) - 50px); height:calc((var(--vh) * 100) - 50px); }
#megaMenu .header-wrap { -webkit-box-pack:end; -webkit-justify-content:flex-end; justify-content:flex-end; gap:30px; height:80px; border-bottom:1px solid white; }
#megaMenu .mega-inner { -webkit-box-orient:vertical; -webkit-box-direction:normal; -webkit-flex-direction:column; flex-direction:column; -webkit-box-pack:justify; -webkit-justify-content:space-between; justify-content:space-between; height:-webkit-calc(100% - 80px); height:calc(100% - 80px); padding:50px 40px; }
#megaMenu .gnb a { display:block; padding:8px 0; font-weight:600; font-size:var(--column-title); line-height:1.2; text-underline-position:under; }
#megaMenu .gnb a:hover { text-decoration:underline; }
#megaMenu .gnb a.shop { color:var(--accent); }
#megaMenu .gnb-etc { margin-top:40px; }
#megaMenu .gnb-etc li { float:left; margin-right:20px; margin-bottom:15px; }
#megaMenu .gnb-etc li:nth-child(odd) { clear:both; }
#megaMenu .info-etc { width:100%; }
#megaMenu .info-etc .sns-list .icon { width:30px; height:30px; background-position:center top; -webkit-background-size:100% auto; background-size:100% auto; }



/****************************************
03. Footer
****************************************/
#footer { position:relative; padding-bottom:80px; font-size:var(--default); }
#footer:before { content:''; display:block; width:-webkit-calc(100% - 100px); width:calc(100% - 100px); height:1px; margin:0 auto 80px; background:var(--border); }
#footer .footer-wrap { -webkit-box-align:end; -webkit-align-items:flex-end; align-items:flex-end; -webkit-box-pack:justify; -webkit-justify-content:space-between; justify-content:space-between; }

#footer .site-info { width:50%; }
#footer .site-info dl:not(:last-child) { margin-bottom:10px; }
#footer .site-info dt { float:left; }
#footer .site-info dt:before { content:''; display:inline-block; width:1px; height:.647em; margin:0 10px; background:var(--base); }
#footer .site-info dt:after { content:':'; display:inline-block; margin:0 4px; }
#footer .site-info dt:first-child:before, #footer .site-info dl:first-child dt:before { display:none; }
#footer .site-info dl:first-child dt { margin-left:15px; }
#footer .site-info dl:first-child dt:after { content:''; margin:0 2px; }
#footer .site-info dd { float:left; }
#footer .site-info dd span { font-weight:600; }
#footer .site-info ul { float:left; }
#footer .site-info ul li { float:left; }
#footer .site-info ul li:after { content:''; display:inline-block; width:1px; height:.647em; margin:0 10px; background:var(--base); }
#footer .site-info div:last-child dl { float:left; }
#footer .copy { margin-top:20px; font-weight:400; }
#footer .btn_info-toggle { display:none; width:100%; padding:17px 10px; background:white; border:1px solid var(--border); font-size:var(--default); }
#footer .btn_info-toggle i { margin-left:5px; font-size:1.2em; }

.info-etc { -webkit-box-align:end; -webkit-align-items:flex-end; align-items:flex-end; -webkit-box-pack:justify; -webkit-justify-content:space-between; justify-content:space-between; width:50%; }
.info-etc .sns-list { margin-bottom:5px; }
.info-etc .sns-list li { float:left; }
.info-etc .sns-list li:not(:last-child) { margin-right:20px; }
.info-etc .sns-list a { display:block; position:relative; }
.info-etc .sns-list .icon { display:block; width:30px; height:30px; background-position:center top; background-repeat:no-repeat; -webkit-background-size:100% auto; background-size:100% auto; }
.info-etc .sns-list .blog { background-image:url('../images/icon/blog.png'); background-image:url('../images/icon/blog.svg'); }
.info-etc .sns-list .youtube { background-image:url('../images/icon/youtube.png'); background-image:url('../images/icon/youtube.svg'); }
.info-etc .cs-center .title { font-size:17px; line-height:1.6; }
.info-etc .cs-center .tel { display:block; font-size:30px; }
.info-etc .cs-center ul { margin-top:15px; }
.info-etc .cs-center li { float:left; position:relative; }
.info-etc .cs-center li:before { content:''; display:inline-block; width:1px; height:0.67em; margin:0 10px; background:var(--base); }
.info-etc .cs-center li:first-child:before { display:none; }

#goToTop { -webkit-box-align:end; -webkit-align-items:flex-end; align-items:flex-end; }
#goToTop .icon { margin-left:5px; -webkit-transition:height .3s; -o-transition:height .3s; transition:height .3s; }
#goToTop:hover .icon { height:27px; }



/****************************************
04. Main
****************************************/
#mainVisual { padding:40px 0; }
#mainVisual .visual-wrap { position:relative; height:600px; }
#mainVisual .visual-bg { overflow:hidden; display:block; position:relative; width:100%; height:100%; background-image:url('../images/main/main_visual_bg1.jpg'); background-position:center; background-repeat:no-repeat; -webkit-background-size:cover; background-size:cover; border-radius:10px; }
#mainVisual .person { position:absolute; bottom:0; right:9.89%; height:100%; }
#mainVisual .person.tablet, #mainVisual .person.mobile { display:none; }
#mainVisual .circle { position:absolute; top:110px; right:5.76%; height:115%; -webkit-animation:circle-rotation 30s linear infinite; -o-animation:circle-rotation 30s linear infinite; animation:circle-rotation 30s linear infinite; opacity:.2; }
#mainVisual .visual-txt { position:absolute; top:50%; left:5.49%; -webkit-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%); color:white; }
#mainVisual .visual-txt .symbol { width:60px; height:56px; margin-bottom:20px; background-image:url('../images/common/symbol.png'); background-image:url('../images/common/symbol.svg'); background-position:center bottom; background-repeat:no-repeat; -webkit-background-size:contain; background-size:contain; }
#mainVisual .slogan { font-size:var(--visual-title); line-height:1.2; }
#mainVisual .intro { margin-top:30px; }
#mainVisual .intro .desc { margin-top:20px; line-height:1.6; }
#mainVisual .btn_view-more { display:inline-block; width:100%; max-width:160px; padding:20px 10px; margin-top:30px; background:var(--base); border-radius:50px; font-weight:500; color:white; text-align:center; }

@-webkit-keyframes circle-rotation {
	0% { -webkit-transform:rotate(0deg); transform:rotate(0deg); }
	100% { -webkit-transform:rotate(360deg); transform:rotate(360deg); }
}
@-o-keyframes circle-rotation {
	0% { -o-transform:rotate(0deg); transform:rotate(0deg); }
	100% { -o-transform:rotate(360deg); transform:rotate(360deg); }
}
@keyframes circle-rotation {
	0% { -webkit-transform:rotate(0deg); -o-transform:rotate(0deg); transform:rotate(0deg); }
	100% { -webkit-transform:rotate(360deg); -o-transform:rotate(360deg); transform:rotate(360deg); }
}

.main_feed .card-list { -webkit-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-pack:justify; -webkit-justify-content:space-between; justify-content:space-between; }
.main_feed .card { width:-webkit-calc(50% - 15px); width:calc(50% - 15px); }

#mainHealthManagement .management { overflow:hidden; -webkit-box-orient:vertical; -webkit-box-direction:normal; -webkit-flex-direction:column; flex-direction:column; -webkit-box-pack:center; -webkit-justify-content:center; justify-content:center; height:-webkit-calc(100% - 80px); height:calc(100% - 80px); padding:0 60px; background-color:#F3F8FF; background-image:url('../images/main/test.png'); background-position:top right; background-repeat:no-repeat; -webkit-background-size:auto 100%; background-size:auto 100%; border-radius:10px; }
#mainHealthManagement .management .title { margin-bottom:30px; font-weight:700; font-size:36px; line-height:1.4; }
#mainHealthManagement .management .desc { margin-bottom:30px; line-height:1.6; }
#mainHealthManagement .management .btn_view-more i { margin-left:5px; font-size:1.4em; vertical-align:text-bottom; }

/*#mainHealthInfo .card-list .card:before { content:''; position:absolute; bottom:0; left:5%; width:90%; height:5%; -webkit-box-shadow:0 9px 20px rgb(0 0 0 / 10%); box-shadow:0 9px 20px rgb(0 0 0 / 10%); opacity:0; -webkit-transition:opacity .3s; -o-transition:opacity .3s; transition:opacity .3s; }
#mainHealthInfo .card-list .card:hover:before { opacity:1; }*/

#mainHealthConsult .column .thumbs { width:180px; }
#mainHealthConsult .column .column-cont { width:-webkit-calc(100% - 220px); width:calc(100% - 220px); }
#mainHealthConsult .column-cont .title span { color:var(--accent); }

#mainColumn .column:hover .thumbs:before { content:''; display:block; position:absolute; top:0; left:0; right:0; bottom:0; background:rgb(0 0 0 / .5); }

#mainYoutube .card-box .thumbs { aspect-ratio:16 / 9; }

#mainBook .book-list { -webkit-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-pack:justify; -webkit-justify-content:space-between; justify-content:space-between; gap:30px 0; padding:75px 0 80px; margin:0 -10px; background:#FCFCF5; border-radius:10px; }
#mainBook .book { -webkit-box-orient:vertical; -webkit-box-direction:normal; -webkit-flex-direction:column; flex-direction:column; -webkit-box-align:center; -webkit-align-items:center; align-items:center; width:50%; padding:0 10px; border-right:1px solid var(--border); }
/* #mainBook .book:last-child { border-right:0; } */
#mainBook .book:nth-child(2n) { border-right:0; }
#mainBook .book .box { width:100%; max-width:260px; }
#mainBook .hash-list { -webkit-box-pack:center; -webkit-justify-content:center; justify-content:center; }



/****************************************
05. Sub
****************************************/
[name*=_zip] { width:-webkit-calc(100% - 130px); width:calc(100% - 130px); margin-right:5px; }

.sub-cont { padding:80px 0 60px; }
.is_item .sub-cont { padding-top:40px; }
.sub-header { margin-bottom:40px; text-align:center; }

#subVisual { position:relative; margin-top:40px; }
#subVisual .contents, #subVisual .inner { height:100%; }
#subVisual .bg-wrap { overflow:hidden; height:600px; border-radius:10px; }
#subVisual .visual-cont { position:absolute; top:50%; left:0; width:100%; -webkit-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%); }
#subVisual .table-name { font-size:var(--visual-title); line-height:1.2; }
#subVisual .title { display:block; margin-top:30px; }
#subVisual .txt { margin-top:20px; line-height:1.6; }
#subVisual .circle { position:absolute; bottom:-130px; right:20px; width:600px; -webkit-animation:circle-rotation 30s linear infinite; -o-animation:circle-rotation 30s linear infinite; animation:circle-rotation 30s linear infinite; }
#subVisual .visual-img { position:absolute; bottom:0; right:20px; height:93.3333%; }
#subVisual .visual-cont .btn_submit { width:100%; max-width:160px; padding:18px 5px; margin-top:30px; border-radius:50px; }
#subVisual.health_information .visual-img { right:80px; }
#subVisual.health_counseling .visual-img { right:160px; }
#subVisual.youtube .visual-img { right:114px; }
#subVisual.column .visual-img { bottom:8.33335%; right:68px; height:83.3333%; }

/* board list */
.sch_word { color:#03b120; }

/* board view */
#bo_v section:not(#bo_vc) header { margin-bottom:20px; }
#bo_v section:not(#bo_vc) header.flex { -webkit-box-pack:justify; -webkit-justify-content:space-between; justify-content:space-between; -webkit-box-align:end; -webkit-align-items:flex-end; align-items:flex-end; }
#bo_v section:not(#bo_vc) header h2 { font-weight:600; }
#bo_v_rel_contents { margin-bottom:60px; }
#bo_v_rel_contents .total { margin-left:7px; color:var(--accent); }
#bo_v_rel_contents .paging { width:auto; }
#bo_v_rel_contents .paging .swiper-pagination-bullet { position:relative; width:var(--default); height:var(--default); margin:0; background:none; border:0; opacity:1; }
#bo_v_rel_contents .paging .swiper-pagination-bullet:before { content:''; display:block; position:absolute; top:22%; left:22%; width:56%; height:56%; background:white; border:2px solid var(--sub); border-radius:50%; }
#bo_v_rel_contents .paging .swiper-pagination-bullet-active:before { background:var(--sub); }
#bo_v_rel_contents .swiper-slide { display:-webkit-box; display:-webkit-flex; display:flex; -webkit-flex-wrap:wrap; flex-wrap:wrap; gap:20px; }
#bo_v_rel_contents .swiper-slide .list { width:-webkit-calc(25% - 20px); width:calc(25% - 20px); }
#bo_v_rel_contents .bo_youtube .swiper-slide .list { width:-webkit-calc((100% - 40px) / 3); width:calc((100% - 40px) / 3); }
#bo_v_rel_contents .thumbs { overflow:hidden; border-radius:10px 10px 0 0; }
#bo_v_rel_contents img { width:100%; }
#bo_v_rel_contents .title { overflow:hidden; display:-webkit-box; max-height:3.2em; margin-top:20px; text-align:center; line-height:1.6; -webkit-line-clamp:2; -webkit-box-orient:vertical; text-overflow:ellipsis; }
#bo_v_rel_prd { margin-bottom:60px; }
.prd-list { -webkit-flex-wrap:wrap; flex-wrap:wrap; gap:20px; }
.prd-list .prd { width:-webkit-calc(50% - 10px); width:calc(50% - 10px); }
.prd-list .prd.full { width:100%; }
.prd-list .thumbs { overflow:hidden; width:160px; border-radius:10px 0 0 10px; }
.prd-list img { width:100%; height:auto; }
.prd-list .prd-info { overflow:hidden; -webkit-box-orient:vertical; -webkit-box-direction:normal; -webkit-flex-direction:column; flex-direction:column; -webkit-box-pack:center; -webkit-justify-content:center; justify-content:center; width:-webkit-calc(100% - 160px); width:calc(100% - 160px); padding:0 20px; border:1px solid var(--border); border-radius:0 10px 10px 0; }
.prd-list .prd-info .prd-name { overflow:hidden; display:block; margin-bottom:7px; text-overflow:ellipsis; white-space:nowrap; }
.prd-list .prd-info .default-price { margin-right:7px; color:#B8B3A8; text-decoration:line-through; }
.prd-list .prd-info .sell-price { font-weight:600; color:var(--accent); }

#sodr_qty_log { margin-top:60px; }
#sodr_qty_log div { min-height:106px; padding:15px; background:#F8FBFF; border:1px solid var(--border); border-radius:3px; }
#sodr_qty_log li:not(:last-child) { margin-bottom:10px; }
#sodr_qty_log li .date { margin-left:5px; color:var(--sub); }

/* board write */
#bo_w .bo_w_custom { margin-top:60px; }
#bo_w .bo_w_custom .box-wrap:not(:last-child) { margin-bottom:20px; }
#bo_w .bo_w_custom .box { padding:0 10px; background:white; border:1px solid #d5d5d5; border-radius:3px; }
#bo_w .bo_w_custom .box .flex { -webkit-box-pack:justify; -webkit-justify-content:space-between; justify-content:space-between; }
#bo_w .bo_w_custom .box .column-left { width:400px; }
#bo_w .bo_w_custom .box .column-right { display:-webkit-box; display:-webkit-flex; display:flex; -webkit-box-align:center; -webkit-align-items:center; align-items:center; -webkit-box-pack:justify; -webkit-justify-content:space-between; justify-content:space-between; width:-webkit-calc(100% - 400px); width:calc(100% - 400px); }
#bo_w .bo_w_custom .frm_input { height:40px; padding:5px 10px; background:white; border-color:var(--border); border-radius:0; }
#bo_w .bo_w_custom .frm_file { -webkit-box-align:center; -webkit-align-items:center; align-items:center; width:-webkit-calc(100% - 60px); width:calc(100% - 60px); max-width:350px; height:40px; padding:3px 10px; border:1px solid var(--border); cursor:pointer; }
#bo_w .bo_w_custom .full .frm_file { width:-webkit-calc(100% - 5px); width:calc(100% - 5px); max-width:none; }
#bo_w .bo_w_custom .frm_file .btn-file { padding:5px 8px; margin-right:5px; background:#f0f0f0; border:1px solid var(--border); border-radius:3px; }
#bo_w .bo_w_custom .frm_file .filename { overflow:hidden; width:-webkit-calc(100% - 90px); width:calc(100% - 90px); text-overflow:ellipsis; white-space:nowrap; }
#bo_w .bo_w_custom [name^=bf_order] { width:90px; }
#bo_w .bo_w_custom .selectbox { width:auto; height:40px; }
#bo_w .bo_w_custom .selectbox:after { right:10px; }
#bo_w .bo_w_custom .selectbox select { padding:0 30px 0 10px; background:white; border-color:var(--border); }
#bo_w .header { -webkit-box-pack:justify; -webkit-justify-content:space-between; justify-content:space-between; -webkit-box-align:end; -webkit-align-items:flex-end; align-items:flex-end; padding:10px 0; margin-bottom:20px; border-bottom:1px solid var(--border); font-size:var(--column-title); }
#bo_w .header p { font-weight:600; }
#bo_w .btn_add { padding:10px; background:var(--base); border-radius:3px; font-size:var(--default); color:white; }
#bo_w .btn03 { padding:10px; font-size:var(--default); }
#bo_w .bo_w_custom .frm_info { margin-bottom:10px; }

#bo_w .relation-box .title { margin-bottom:10px; font-weight:600; }
#bo_w .search-item { margin-bottom:10px; }
#bo_w .search-item .frm_input { width:200px; }
#bo_w .search-item .btn_frmline { width:auto; max-width:none; padding:10px; margin-left:10px; }
#bo_w .scroll-box { overflow:hidden; overflow-y:scroll; max-height:200px; border:1px solid #D5D5D5; border-radius:3px; }
#bo_w .scroll-box li { -webkit-box-pack:justify; -webkit-justify-content:space-between; justify-content:space-between; padding:10px; border-bottom:1px solid var(--border); }
#bo_w .scroll-box li:last-child { border:0; }
#bo_w .scroll-box .item-info { -webkit-box-align:center; -webkit-align-items:center; align-items:center; width:-webkit-calc(100% - 50px); width:calc(100% - 50px); }
#bo_w .scroll-box .thumbs { min-width:40px; }
#bo_w .scroll-box .thumbs img { width:100%; }
#bo_w .scroll-box .item-name { width:-webkit-calc(100% - 50px); width:calc(100% - 50px); margin-left:10px; }
#bo_w .scroll-box .btn03 { padding:0 5px; line-height:38px; }
#bo_w .scroll-box .no-item { padding:16px 5px; background:#F8FBFF; text-align:center; line-height:1.4; }

#bo_w .item-select { margin-top:20px; }

/* orderresult */
#orderResult { width:100%; max-width:400px; margin:0 auto; text-align:center; }
#orderResult .result_txt { font-weight:700; line-height:1.6; }
#orderResult .order-id { display:block; color:var(--accent); line-height:1.6; }
#orderResult .result_info { margin-top:20px; font-size:var(--default); }
#orderResult .btn_confirm { margin:40px auto; }
#orderResult .btn_submit { width:100%; padding:15px 5px; }

/* search */
.search-form { padding-bottom:40px; margin-bottom:80px; border-bottom:1px solid var(--border); }
.search-form fieldset { -webkit-box-align:center; -webkit-align-items:center; align-items:center; width:100%; max-width:1140px; margin:0 auto; }
.search-form .input-box { width:-webkit-calc(100% - 270px); width:calc(100% - 270px); padding-right:10px; }
.search-form .selectbox { width:126px; height:60px; }
.search-form .selectbox:before { content:''; display:block; position:absolute; top:50%; right:0; width:1px; height:1em; margin-top:-.5em; background:var(--sub); }
.search-form .selectbox select { border-right:0; border-top-right-radius:0; border-bottom-right-radius:0; }
.search-form .frm_input { width:-webkit-calc(100% - 126px); width:calc(100% - 126px); height:60px; border-left:0; border-top-left-radius:0; border-bottom-left-radius:0; }
.search-form .frm_input:focus { border-left:0; border-color:#D3D3D3; }
.search-form .btn_frmline { max-width:270px; padding:21px 5px; }
#fsearchall .frm_input { width:100%; border:1px solid var(--border); border-radius:3px; }

#searchResult .search-wrap:not(:last-child) { margin-bottom:80px; }

.search-wrap header { -webkit-box-pack:justify; -webkit-justify-content:space-between; justify-content:space-between; -webkit-box-align:end; -webkit-align-items:flex-end; align-items:flex-end; margin-bottom:20px; }
.search-wrap header .flex { -webkit-box-align:end; -webkit-align-items:flex-end; align-items:flex-end; }
.search-wrap header h4 { font-weight:600; }
.search-wrap header p { margin-left:10px; font-size:var(--default); }
.search-wrap .thumbs { width:180px; border-radius:5px; }
.search-wrap .book .thumbs { width:80px; margin:0; aspect-ratio:2 / 3; }
.search-wrap .item .thumbs { width:135px; }
.search-wrap .column-cont { width:-webkit-calc(100% - 220px); width:calc(100% - 220px); }

/* partnership */
#partnership { width:100%; max-width:400px; margin:0 auto; }
#partnership .form_01 li:not(.default_margin) { margin-bottom:40px; }
#partnership textarea { padding:15px; }
#partnership .btn_confirm { margin-top:40px; }
#partnership .btn_submit { width:100%; padding:15px 5px; }

/* introduce */
#introduce .flex { -webkit-box-pack:justify; -webkit-justify-content:space-between; justify-content:space-between; -webkit-box-align:center; -webkit-align-items:center; align-items:center; gap:100px; line-height:1.5; }
#introduce .label-title { font-size:var(--column-title); }
#introduce .intro01 .thumbs { width:500px; }
#introduce .btn_view-more { width:100%; max-width:160px; padding:20px 10px; margin-top:40px; background:var(--base); border-radius:50px; font-weight:500; color:white; text-transform:uppercase; }
#introduce .btn_view-more .icon { display:inline-block; width:18px; height:var(--default); background-image:url('../images/icon/youtube_white.png'); background-image:url('../images/icon/youtube_white.svg'); background-repeat:no-repeat; background-position:center; -webkit-background-size:contain; background-size:contain; vertical-align:middle; }
#introduce .intro02 { -webkit-box-orient:horizontal; -webkit-box-direction:reverse; -webkit-flex-direction:row-reverse; flex-direction:row-reverse; margin-top:80px; }
#introduce .intro02 .thumbs { width:600px; }
#introduce .educations { margin-bottom:60px; }
#introduce li { position:relative; padding-left:10px; }
#introduce li:before { content:'\00b7'; position:absolute; top:0; left:0; }

#lecture { padding:100px 0; margin-top:100px; background:#F9F9F9; }
#lecture .title { margin-bottom:40px; }
#lecture .title p { margin-bottom:10px; font-weight:600; }
#lecture .title h3 { font-weight:600; font-size:2em; }
#lecture ul { -webkit-flex-wrap:wrap; flex-wrap:wrap; gap:20px 3.38468%; }
#lecture ul li { width:13.8461%; }
#lecture img { width:100%; }

/* cs center */
#cscenter .cs-info { gap:80px; padding:0 40px; margin-top:40px; }
#cscenter .cs-info dt { margin-bottom:1em; font-weight:600; }
#cscenter .cs-info dd { font-size:var(--column-title); }

/* benefit */
#benefit .benefit-info { padding:70px 80px; margin-bottom:80px; background-color:#F4F5F8; background-image:url('../images/common/symbol.png'); background-position:left 40px bottom -10px; background-repeat:no-repeat; -webkit-background-size:auto 210px; background-size:auto 210px; border-radius:10px; }
#benefit .calc-standard strong { display:block; margin-bottom:20px; font-weight:600; }
#benefit .calc-standard li { position:relative; padding-left:.6em; font-size:var(--small); color:#777; line-height:1.6; word-break:keep-all; }
#benefit .calc-standard li:before { content:'\00b7'; position:absolute; top:0; left:0; }
#benefit .register-link { -webkit-box-pack:justify; -webkit-justify-content:space-between; justify-content:space-between; -webkit-box-align:center; -webkit-align-items:center; align-items:center; padding-top:40px; margin-top:40px; border-top:1px solid var(--border); }
#benefit .register-link p { font-weight:600; font-size:var(--column-title); line-height:1.5; }
#benefit .register-link .btn_submit { width:50%; max-width:270px; padding:20px 5px; }
/*#benefit .benefit-wrap { -webkit-box-pack:justify; -webkit-justify-content:space-between; justify-content:space-between; gap:100px; }
#benefit .benefit-list { width:-webkit-calc(50% - 50px); width:calc(50% - 50px); }*/
#benefit .benefit-list > li { padding:20px 0; border-top:1px solid var(--border); }
#benefit .benefit-box { -webkit-box-align:center; -webkit-align-items:center; align-items:center; }
#benefit .benefit-box .flex { -webkit-box-align:center; -webkit-align-items:center; align-items:center; -webkit-box-pack:justify; -webkit-justify-content:space-between; justify-content:space-between; width:-webkit-calc(100% - 90px); width:calc(100% - 90px); padding-left:60px; }
#benefit .benefit-box .grade { display:-webkit-box; display:-webkit-flex; display:flex; -webkit-box-align:center; -webkit-align-items:center; align-items:center; -webkit-box-pack:center; -webkit-justify-content:center; justify-content:center; min-width:5em; height:5em; }
#benefit .benefit-box .condition { white-space:nowrap; }
#benefit .benefit { width:100%; max-width:660px; padding-left:20px; }
#benefit .benefit li { position:relative; padding-left:.5em; line-height:1.6; word-break:keep-all; }
#benefit .benefit li:before { content:'\00b7'; position:absolute; top:0; left:0; }

/* good or bad */
.goodbad { -webkit-box-align:center; -webkit-align-items:center; align-items:center; margin-top:25px; position:relative; color:var(--base); }
.goodbad .btn-good:not(:first-child) { margin-left:15px; }
.goodbad .btn-bad { margin-left:8px; }
.goodbad [class*='btn-'] { padding:5px; background:white; border-radius:3px; border:1px solid currentColor; color:var(--base); }
.goodbad [class*='btn-'].active { color:var(--accent); }
.goodbad .btn-report { position:absolute; right:0; bottom:50%; border:0; color:var(--accent); -webkit-transform:translateY(50%); -o-transform:translateY(50%); transform:translateY(50%); }

/* review */
.sit_use_imgs { margin-bottom:10px; }
.sit_use_imgs a:not(:first-child) { margin-left:5px; }
.sit_use_txt {  }
.itemuse_modal { display:none; position:fixed; left:0; top:0; width:100%; height:100%; background:rgb(0 0 0 / .7); z-index:9999; }
.itemuse_modal .modal-cont { position:absolute; top:50%; left:50%; width:90%; max-width:980px; -webkit-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%); transform:translate(-50%, -50%); text-align:center; }
.itemuse_modal .btn_close-modal { display:inline-block; padding-bottom:5px; margin-bottom:20px; background:none; border:0; border-bottom:1px solid currentColor; color:white; }
.itemuse_modal .btn_close-modal span { display:inline-block; width:.7em; height:2px; background:white; -webkit-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg); vertical-align:middle; }
.itemuse_modal .btn_close-modal span:before { content:''; position:absolute; top:0; left:0; width:inherit; height:inherit; background:inherit; -webkit-transform:rotate(90deg); -o-transform:rotate(90deg); transform:rotate(90deg); }
.itemuse_modal .modal-top { position:relative; }
.itemuse_modal .modal-top a { position:absolute; top:50%; width:60px; height:60px; background:var(--base); border-radius:5px; font-size:30px; color:white; line-height:60px; -webkit-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%); z-index:2; }
.itemuse_modal .modal-top .btn_prev { right:0; }
.itemuse_modal .modal-top .btn_next { left:0; }
.itemuse_modal .visual { width:100%; max-width:820px; max-height:-webkit-calc(var(--vh) * 100 - 200px); max-height:calc(var(--vh) * 100 - 200px); margin:0 auto; }
.itemuse_modal .thumb { width:100%; max-width:820px; margin:20px auto; }
.itemuse_modal .thumb .swiper-wrapper { -webkit-box-pack:center; -webkit-justify-content:center; justify-content:center; }
.itemuse_modal .thumb .swiper-slide { overflow:hidden; width:50px; border-radius:3px; }
.itemuse_modal .thumb .swiper-slide-thumb-active:before { content:''; display:block; position:absolute; top:0; left:0; width:100%; height:100%; border-radius:3px; border:2px solid var(--accent); }
.itemuse_modal .swiper-slide img { max-width:100%; }

/* report form */
#report .report-category { border-bottom:4px solid #F2F2F2; }
#report .form_01 { padding:0 20px; }
#report .form_01 p { padding:20px 0; border-bottom:1px solid var(--border); font-weight:600; }
#report .form_01 ul { padding:10px 0; }
#report .form_01 li { margin:0; padding:10px 0; }
#report .form_01 fieldset { margin-top:20px; }
#report .form_01 textarea { height:200px; line-height:1.5; }

/* mypage inquiry */
.inquiry-list {}
.inquiry-box { padding:20px; border:1px solid var(--border); border-radius:3px; }
.inquiry-box:not(:first-child) { margin-top:20px; }
.inquiry-box header h3 { font-weight:600; }
.inquiry-box .od_id { color:var(--accent); }
.inquiry-box .sod_list { border:0; }
.inquiry-box .sod_list .sod_li { padding:20px; border:1px solid var(--border); border-radius:3px; }
.inquiry-box .sod_list .sod_li:not(:first-child) { margin-top:10px; }
.inquiry-box .sod_list .li_op_wr { width:-webkit-calc(100% - 140px); width:calc(100% - 140px); }
.inquiry-box .sod_list .li_mod { -webkit-box-pack:justify; -webkit-justify-content:space-between; justify-content:space-between; -webkit-box-align:start; -webkit-align-items:flex-start; align-items:flex-start; }

/* experience */
#experiencelist .btn_confirm { margin-top:40px; text-align:right; }
#experiencelist .btn_confirm .btn { padding:8px 10px; }



/****************************************
06. Media Query
****************************************/
@media screen and (max-width: 1280px){
	#header .contents { padding-left:30px; }
	#header .contents > .flex { gap:40px; }
	.gnb .gnb_1dli:not(:last-child) { margin-right:40px; }
	/* #header .shop-menu li:not(:first-child) { margin-left:25px; } */
}

@media screen and (max-width: 1109px){
	.item-list .item { min-width:auto; }
	.row-6 .item { width:-webkit-calc((100% - var(--gap) * 2) / 3); width:calc((100% - var(--gap) * 2) / 3); }
}

@media screen and (max-width: 1080px){
	:root {
		--section-title: 42px;
	}

	#wrapper { padding-top:120px; }
	.popup-show #wrapper { padding-top:170px; }
	.contents { padding:0 30px; }
	.section-wrap { padding-bottom:100px; }
	.section-wrap:before { display:none; }
	.section-wrap .flex-wrap { gap:100px; margin:0; }
	.section-wrap .flex-wrap .flexitem { width:100%; padding:0; }

	#bannerList { padding:0; }
	#bannerList .banner { -webkit-box-flex:1; -webkit-flex:1 1 -webkit-calc(33.3334% - 20px); flex:1 1 calc(33.3334% - 20px); }
	#bannerList .banner:hover { padding:45px 10px; }
	#bannerList .banner:hover:before { background:rgb(0 0 0 / .4); }
	#bannerList .banner:hover .hidden-txt { display:none; }

	.row-3 .card, .row-4 .card { width:-webkit-calc(50% - 15px); width:calc(50% - 15px); }

	.column-list { height:auto; }
	.column-list .column { height:auto; }
	.column .thumbs { width:240px; }

	#quick { display:block; }

	#header .header-wrap { background:white; border-bottom:0; }
	#header .contents { padding:0 30px; }
	/*#header .shop-menu li:hover .icon-wrap { padding:0; }
	#header .shop-menu li:hover .hidden-txt { display:none; }*/
	#gnb { display:none; }
	.tablet-gnb { display:block; }

	#searchForm { top:59px; }

	#footer { padding:80px 0 198px; }
	#footer:before { display:none; }
	#footer .footer-wrap { -webkit-box-orient:vertical; -webkit-box-direction:normal; -webkit-flex-direction:column; flex-direction:column; -webkit-box-align:start; -webkit-align-items:flex-start; align-items:flex-start; gap:80px; }
	#footer .site-info { width:100%; }
	#footer .info-wrap { display:none; margin-bottom:25px; }
	#footer .copy { margin-bottom:; }
	#footer .btn_info-toggle { display:block; }
	#footer .info-etc { width:100%; }

	#goToTop { display:none; }

	#mainVisual { margin-bottom:60px; }
	#mainVisual .visual-wrap { height:620px; }
	#mainVisual .person.pc { display:none; }
	#mainVisual .person.tablet { display:block; height:600px; }
	#mainVisual .circle { top:158px; right:-4.54%; }
	#mainVisual .slogan { font-size:52px; }
	#mainHealthManagement .management { height:auto; padding:94px 60px; }
	#mainHealthManagement .management .title br { display:none; }
	#mainHealthConsult .column .thumbs { width:240px; }
	#mainBook .book-list { padding:48px 0; }

	#introduce img { width:100%; }
	#introduce .flex { gap:50px; }
	#introduce .intro-cont { width:-webkit-calc(50% - 25px); width:calc(50% - 25px); }
	#introduce .intro01 .thumbs, #introduce .intro02 .thumbs { width:-webkit-calc(50% - 25px); width:calc(50% - 25px); }

	#benefit .benefit-box .flex { padding-left:15px; }
}

@media screen and (max-width: 768px){
	:root {
		--small: 12px;
		--default: 16px;
		--column-title: 19px;
		--column-title2: 21px;
		--section-title: 23px;
		--visual-title: 30px;
	}

	#wrapper { padding-top:92px; }
	.popup-show #wrapper { padding-top:142px; }
	.contents { padding:0 10px; }
	.inner { padding:0; }
	.section-wrap { padding-bottom:75px; }
	.section-wrap header { margin-bottom:10px; }
	.section-wrap header .btn_view-more { font-size:14px; }
	.section-wrap .flex-wrap { gap:75px; }

	.page-desc { margin-bottom:40px; }
	.label-title { margin-bottom:10px; }

	.selectbox:after { right:10px; }
	.selectbox select { padding:0 30px 0 10px; }

	.arrow.right { width:10px; height:8px; }

	.card-list { -webkit-box-orient:vertical; -webkit-box-direction:normal; -webkit-flex-direction:column; flex-direction:column; gap:15px; }
	.row-2 .card, .row-3 .card, .row-4 .card { width:100%; }
	.card-box .card-cont { padding:20px 15px; }
	.card-cont .title { font-size:var(--column-title); }
	.card-cont .txt { margin-top:10px; }

	.column-list .column { -webkit-box-align:start; -webkit-align-items:flex-start; align-items:flex-start; gap:15px; padding:25px 0; }
	.column .thumbs { display:none; }
	.column .column-cont { width:100%; }
	.column-cont .txt { display:-webkit-box; max-height:2.8em; line-height:1.4; white-space:normal; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
	.column-cont .column-price { margin-top:10px; }
	.column-cont .column-info { margin:0; }

	.hash-list { margin-top:15px; }

	.item-list { --gap: 10px; }
	.item-list .item { width:-webkit-calc(50% - 5px); width:calc(50% - 5px); }
	.item .item-info { padding:20px 10px; }

	#bannerList .banner { -webkit-box-flex:0; -webkit-flex:none; flex:none; width:100%; padding:25px 10px; }
	#bannerList .banner:hover { padding:25px 10px; }

	#quick a { padding:12px 5px 10px; font-size:10px; }
	#quick .icon-wrap { width:23px; height:23px; margin:0 auto 5px; }
	#quick .side { bottom:-webkit-calc(100% + 20px); bottom:calc(100% + 20px); right:10px; }
	#quick .side a { width:42px; height:42px; border-radius:10px; }
	#quick .side .icon-wrap { width:10px; height:13px; }
	#quick .side .quick-shop .icon-wrap { width:20px; height:17px; }
	#quick .count { width:16px; height:16px; font-size:11px; }

	#header .header-wrap { height:50px; }
	#header .contents { width:-webkit-calc(100% - 50px); width:calc(100% - 50px); padding:0 20px 0 10px; }
	#header .shop-menu li:not(.sch-toggle) { display:none; }
	#header .shop-menu .icon { width:20px; height:20px; }
	#header .icon { width:20px; height:20px; }
	.gnb .gnb_1dli:not(:last-child) { margin-right:30px; }
	.gnb .gnb_1dli.shop { margin-right:10px; }
	/*.gnb .gnb_1da.shop { padding-right:10px; }*/
	.tablet-gnb { padding:0 10px; }
	.tablet-gnb .gnb { text-align:initial; white-space:nowrap; }
	.tablet-gnb .gnb_1da { padding:12px 0; }

	#logo { width:70px; height:27px; }
	.mall-logo { width:57px; height:20px; }

	.hamburger { width:50px; }
	.hamburger .bar { width:20px; height:2px; }
	.hamburger .bar:before { top:7px; }
	.hamburger .bar:after { bottom:7px; }

	#megaMenu { max-width:580px; }
	#megaMenu .header-wrap { gap:20px; height:50px; }
	#megaMenu .mega-inner { height:-webkit-calc(100% - 50px); height:calc(100% - 50px); padding:40px 20px; }
	#megaMenu .info-etc .sns-list { margin-bottom:10px; }

	#searchForm { position:fixed; top:50px; width:100%; }
	.popup-show #searchForm { top:80px; }

	#footer { padding-bottom:141px; }
	#footer .footer-wrap { gap:50px; }
	#footer .site-info dl:not(:first-child):not(:last-child) dt { clear:both; }
	#footer .site-info dl:not(:first-child):not(:last-child) dt:first-child { margin-bottom:10px; }
	#footer .site-info dt:before { display:none; }
	#footer .btn_info-toggle { padding:13px 5px; font-size:var(--small); }
	.info-etc .sns-list li:not(:last-child) { margin-right:15px; }

	#mainVisual  { padding:10px 0; }
	#mainVisual .visual-wrap { height:auto; }
	#mainVisual .visual-bg { height:0; padding-bottom:100%; }
	#mainVisual .person.tablet { display:none; }
	#mainVisual .person.mobile { display:block; right:50%; height:92.5%; -webkit-transform:translateX(51.7%); -o-transform:translateX(51.7%); transform:translateX(51.7%); }
	#mainVisual .circle { top:29.5%; right:50%; height:89.5%; }
	#mainVisual .visual-txt { position:static; margin-top:30px; -webkit-transform:none; -o-transform:none; transform:none; color:var(--base); }
	#mainVisual .visual-txt .symbol { display:none; }
	#mainVisual .intro { margin-top:20px; }
	#mainVisual .intro .desc { display:none; }
	#mainVisual .btn_view-more { max-width:130px; padding:15px 5px; font-size:15px; }

	@-webkit-keyframes circle-rotation {
		0% { -webkit-transform:translateX(50%) rotate(0deg); transform:translateX(50%) rotate(0deg); }
		100% { -webkit-transform:translateX(50%) rotate(360deg); transform:translateX(50%) rotate(360deg); }
	}

	@-o-keyframes circle-rotation {
		0% { -o-transform:translateX(50%) rotate(0deg); transform:translateX(50%) rotate(0deg); }
		100% { -o-transform:translateX(50%) rotate(360deg); transform:translateX(50%) rotate(360deg); }
	}

	@keyframes circle-rotation {
		0% { -webkit-transform:translateX(50%) rotate(0deg); -o-transform:translateX(50%) rotate(0deg); transform:translateX(50%) rotate(0deg); }
		100% { -webkit-transform:translateX(50%) rotate(360deg); -o-transform:translateX(50%) rotate(360deg); transform:translateX(50%) rotate(360deg); }
	}

	.main_feed .card { width:100%; }

	#mainHealthInfo .card-list .card:hover:before { display:none; }

	#mainHealthManagement .management { padding:45px 15px; }
	#mainHealthManagement .management .title { margin-bottom:10px; font-weight:600; font-size:var(--column-title); }
	#mainHealthManagement .management .desc { margin-bottom:25px; }
	#mainHealthManagement .management .btn_view-more { font-size:14px; }

	#mainHealthConsult .column { gap:0; padding:25px 5px; }
	#mainHealthConsult .column .thumbs { display:none; }
	#mainHealthConsult .column .column-cont { width:100%; }

	#subVisual { margin-top:10px; }
	#subVisual .bg-wrap { height:460px; }
	#subVisual .circle { bottom:auto; top:22%; right:50%; width:75%; }
	#subVisual .visual-cont { position:static; padding:0 10px; margin-top:30px; -webkit-transform:none; -o-transform:none; transform:none; }
	#subVisual .title, #subVisual .txt { margin-top:10px; }
	#subVisual .visual-img { right:50%; height:-webkit-calc(100% - 20px); height:calc(100% - 20px); -webkit-transform:translateX(50%); -o-transform:translateX(50%); transform:translateX(50%); }
	#subVisual.health_information .visual-img { right:50%; }
	#subVisual.health_counseling .visual-img { right:50%; }
	#subVisual.youtube .visual-img { right:50%; }
	#subVisual.column .visual-img { bottom:10px; right:50%; height:-webkit-calc(100% - 20px); height:calc(100% - 20px); }
	#subVisual.book .visual-img { bottom:10px; }
	#subVisual .visual-cont .btn_submit { max-width:140px; padding:15px 5px; }

	.sub-cont { padding:40px 0 75px; }
	.is_item .sub-cont { padding-top:10px; }
	.sub-header { margin-bottom:30px; }

	#partnership { max-width:none; }
	#partnership .form_01 li:not(.default_margin) { margin-bottom:30px; }

	#cscenter .cs-info { -webkit-box-orient:vertical; -webkit-box-direction:normal; -webkit-flex-direction:column; flex-direction:column; gap:30px; padding:0 10px; margin-top:30px; }
	#cscenter .cs-info dl { width:100%; }
	#cscenter .cs-info dt { margin-bottom:10px; }

	#introduce .flex { -webkit-box-orient:vertical; -webkit-box-direction:normal; -webkit-flex-direction:column; flex-direction:column; gap:30px; }
	#introduce .intro01 .thumbs, #introduce .intro02 .thumbs, #introduce .intro-cont { width:100%; }
	#introduce .btn_view-more { margin-top:30px; }
	#introduce .intro02 { margin-top:50px; }
	#introduce .educations { margin-bottom:30px; }

	#lecture { padding:50px 0; }
	#lecture .inner { padding:0 10px; }
	#lecture .title h3 { font-size:20px; }
	#lecture ul { -webkit-box-pack:justify; -webkit-justify-content:space-between; justify-content:space-between; gap:15px 8px; }
	#lecture ul li { width:-webkit-calc(33.3333% - 8px); width:calc(33.3333% - 8px); }

	#benefit .benefit-info { padding:40px 20px; margin-bottom:25px; -webkit-background-size:auto 150px; background-size:auto 150px; }
	#benefit .register-link { display:block; padding-top:30px; margin-top:30px; }
	#benefit .register-link p { margin-bottom:30px; }
	#benefit .register-link .btn_submit { max-width:165px; padding:17px 5px; }
	#benefit .benefit-list { width:100%; }
	#benefit .benefit-box .flex { display:block; }
	#benefit .benefit-box .condition { margin-bottom:15px; white-space:normal; }
	#benefit .benefit { max-width:none; padding:0; }

	#bo_v section:not(#bo_vc) header { margin-bottom:10px; }

	#bo_v_rel_contents { margin-bottom:50px; }
	#bo_v_rel_contents .title { margin-top:10px; }
	#bo_v_rel_contents .swiper-slide { -webkit-box-pack:justify; -webkit-justify-content:space-between; justify-content:space-between; gap:30px 15px; }
	#bo_v_rel_contents .swiper-slide .list, #bo_v_rel_contents .bo_youtube .swiper-slide .list { width:-webkit-calc(50% - 8px); width:calc(50% - 8px); }
	#bo_v_rel_prd { margin-bottom:50px; }
	.prd-list { gap:15px 10px; }
	.prd-list .prd { -webkit-box-orient:vertical; -webkit-box-direction:normal; -webkit-flex-direction:column; flex-direction:column; }
	.prd-list .thumbs { width:100%; border-radius:10px 10px 0 0; }
	.prd-list .prd-info { width:100%; padding:20px 10px; border-radius:0 0 10px 10px; }
	.prd-list .prd-info .prd-name { display:-webkit-box; max-height:2.8em; -webkit-line-clamp:2; -webkit-box-orient:vertical; line-height:1.4; white-space:pre-wrap; }

	#bo_w .bo_w_custom .box .flex { -webkit-box-orient:vertical; -webkit-box-direction:normal; -webkit-flex-direction:column; flex-direction:column; }
	#bo_w .bo_w_custom .box .column-left { width:100%; }
	#bo_w .bo_w_custom .box .column-right { width:100%; margin-top:10px; }
	#bo_w .bo_w_custom .frm_file { max-width:none; }
	#bo_w .bo_w_custom .full .frm_file { width:100%; }
	#bo_w .search-item .btn_frmline { min-width:50px; }

	.search-form fieldset { -webkit-box-orient:vertical; -webkit-box-direction:normal; -webkit-flex-direction:column; flex-direction:column; gap:10px; }
	.search-form .input-box { width:100%; padding:0; }
	.search-form .btn_frmline { max-width:none; }
	.search-wrap .thumbs { display:block; width:70px; }
	.search-wrap .column-cont { width:-webkit-calc(100% - 85px); width:calc(100% - 85px); }

	.goodbad { -webkit-flex-wrap:wrap; flex-wrap:wrap; margin-top:20px; }
	.goodbad span { width:100%; margin-bottom:5px; }
	.goodbad .btn-good:not(:first-child) { margin:0; }

	[name*=_zip] { width:-webkit-calc(100% - 105px); width:calc(100% - 105px); }

	.itemuse_modal .visual { max-width:none; }
	.itemuse_modal .modal-top a { width:40px; height:40px; line-height:40px; }
	.itemuse_modal .swiper-slide img { width:100%; max-width:none; }

	.inquiry-box, .inquiry-box .sod_list .sod_li { padding:15px 10px; }
	.inquiry-box .sod_list .li_op_wr { width:-webkit-calc(100% - 80px); width:calc(100% - 80px); }
}

@media screen and (max-width: 480px){
	#subVisual .bg-wrap { height:230px; }
}