@charset "UTF-8";
@import url("/_templates/_common/_asset/_font/pretendard.css");
@import url("/_templates/_common/_asset/_font/remixicon.css");
@import url("/_templates/_common/_asset/_font/xeicon.css");

/*-------------------------------------------------
title       : 초기화
Author      : tekim
Create date : 2025-05-19
-------------------------------------------------*/
*,
*::before,
*::after {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}

html {
  overflow: hidden;
  overflow-y: auto;
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size:11px;
}

body {
  overflow: hidden;
  position: relative;
  left: 0;
  top: 0;
  margin: 0;
  padding: 0;
 font-family: 'NanumBarunGothic', 'Noto Sans KR', sans-serif;
  color: #222;
  line-height: 1.5625;
}


header, footer, main, section, article, nav, aside {
  display: block;
}

ul, ol, li, dl, dt, dd {
  margin: 0;
  padding: 0;
  list-style: none;
}

h1, h2, h3, h4, h5, h6, p, form, figure, figcaption {
  margin: 0;
  padding: 0;
}

fieldset, hr {
  display: block;
  margin: 0;
  padding: 0;
  border: 0 none;
}

input, select {
  max-width: 100%;
  vertical-align: middle;
}

input, select, button, textarea, optgroup {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  color: inherit;
}

select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

select::-ms-expand {
  display: none;
}

address, em, i {
  font-style: normal;
}

strong {
  font-weight: 600;
}

a {
  color: inherit;
  text-decoration: none;
}

button {
  padding: 0;
  border: 0 none;
  background: none;
  cursor: pointer;
}

input[type=submit] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

img {
  max-width: 100%;
  border: 0 none;
  font-size: 0;
  vertical-align: middle;
}

table {
  width: 100%;
  border-collapse: collapse;
}

caption, legend,
.sr_only, .hidden, .blind, .IR {
  position:absolute;
  overflow: hidden;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0 none;
  clip: rect(0, 0, 0, 0);
}

#skip_nav {
  position: fixed;
  left: 0;
  top: -1000px;
  width: 100%;
  height: 0;
  z-index: 1000;
  line-height: 0;
  font-size: 0;
}
#skip_nav a {
  display: block;
  width: 100%;
  line-height: 0;
  font-size: 0;
  text-align: center;
}
#skip_nav a:focus, #skip_nav a:hover, #skip_nav a:active {
  position: absolute;
  left: 0;
  top: 1000px;
  height: 3rem;
  background-color: #20262c;
  font-size: 1.2rem;
  font-weight: 600;
  line-height: 3rem;
  color: #fff;
}

.txt_left {
  text-align: left !important;
}

.txt_center {
  text-align: center !important;
}

.txt_right {
  text-align: right !important;
}

.mT10 {margin-top: 1rem !important;}
.mT20 {margin-top: 2rem !important;}
.mT30 {margin-top: 3rem !important;}
.mT40 {margin-top: 4rem !important;}
.mT50 {margin-top: 5rem !important;}
.mT60 {margin-top: 6rem !important;}


html {
  font-size: 16px; /* 기본 */
}

@media (max-width: 1280px) {
html { font-size: 15px; }
}

@media (max-width: 768px) {
html { font-size: 14px; }
}

@media (max-width: 640px) {
html { font-size: 12px;  }
}





.pc_on { display:block; }
.pc_on_f { display:flex; }
.m_on { display:none; }

@media(max-width:640px){

.pc_on { display:none !important; }
.m_on { display:block; }
}



#wrap {}


/* 레이아웃 */
#top_area { margin:0 auto;  width:1280px; }
.inner { width:100%; margin:0 auto; }

section.contents { min-height:800px; width:1280px ; margin:0 auto; }

/* 상단 */

.top_event_text { background:#222; min-height:37px; width:100%; }
.top_event_text a { display:block; line-height:37px; width:100%; text-align:center; color:#fff; font-size:14px; }
.top_event_text a strong { all:unset; color:#ff8888; margin:0 5px; }

.logo_area { padding:30px 0 30px 0; display:flex; align-items:center; width:100%; }
.logo_area h1 { width:190px; display:block; flex-shrink:0 }
.logo_area h1 img { max-width:160px; }

.top_category {  width:880px; }
.top_category > ul { display:flex; width:100%; flex-wrap:wrap; }
.top_category > ul > li { position:relative; }
.top_category > ul > li > a { font-size:1rem; display:block; margin:0 15px ; font-weight:400 ; color:#222; white-space:nowrap; height:30px; }
.top_category > ul > li > .sub_cate { position:absolute; top:30px; left:50%; transform:translateX(-50%); z-index:3; background:#fff; border:0; border-radius:7px; overflow:hidden; display:none; }
.top_category > ul > li:hover > .sub_cate { display:block; }
.top_category > ul > li > .sub_cate li { border-left:1px solid #ddd;  border-right:1px solid #ddd; padding:0 10px; }
.top_category > ul > li > .sub_cate li:first-child { border-top:1px solid #ddd; border-radius:7px 7px 0 0; padding-top:10px; }
.top_category > ul > li > .sub_cate li:last-child {  border-bottom:1px solid #ddd; border-radius:0 0 7px 7px ; padding-bottom:10px }
.top_category > ul > li > .sub_cate li a { display:block; padding:0 10px; white-space:nowrap; font-size:14px; line-height:30px; min-width:120px; border-radius:5px; }
.top_category > ul > li > .sub_cate li a:hover { background:#f1f1f1; color:#222; }

.top_menu_search { margin-left:40px; }
.top_menu_search,
.top_menu_cart { width:40px; flex-shrink:0; text-align:center; background:#fff; z-index:2; padding-left:10px }
.top_menu_search img,
.top_menu_cart img { width:30px; cursor:pointer }
.top_menu_login { width:180px; flex-shrink:0; padding-left:10px; background:#fff; z-index:2;  display:flex; justify-content:space-between; position:relative; }
.top_menu_login > a { background:#aaa; color:#fff; border-radius:20px; height:30px; line-height:30px; padding:0 0px; display:block;  text-align:center; width:calc(50% - 3px); white-space:nowrap; }
.top_menu_login > a:hover { background:#999; }
.top_menu_login a.admin_login_btn { position:absolute; top:35px; right:0; background:#fff; color:#666; font-size:14px; padding:0; }
.top_menu_login .bbslist  { position:absolute; top:-30px; right:0; background:#fff; color:#222; font-size:14px; padding:0; display:flex; }
.top_menu_login .bbslist li { white-space:nowrap; margin-left:10px; }


#showmenu { }
#hidemenu { position:absolute; top:20px; left:50%; margin-left:610px; color:#555; cursor:pointer;  }
#hidemenu span { font-size:30px }
.search_box_wide { display: none; background:#fff; width:100%; position:absolute; top:160px; left:0; z-index:9; border-top:1px solid #ddd; padding:50px 0 ; border-bottom:1px solid #ddd; }
.search_box { }
.search_box fieldset { margin:0 auto;  border:0; display:flex; align-items:center; background:#ccc; justify-content:space-between; height:48px; padding:0 0 0 2px; width:370px; }
.search_box legend { display:none; }
.search_box #keyword  { flex-grow:1; height:44px; border:0; line-height:32px; font-size:1rem; color:#222;padding-left:15px; }
.search_box input:focus { outline: none; }
.search_box input[type="image"] { height:48px; padding:10px; padding-right:15px; line-height:30px;
  filter:brightness(10); }
.best_keyword { display:flex; justify-content:center; margin-top:20px; align-items:center; }
.best_keyword .title { font-weight:bold; font-size:1rem; margin-right:15px; }
.best_keyword ul { display:flex; }
.best_keyword ul li { padding:0 15px; border-left:1px solid #ccc; line-height:17px; }
.best_keyword ul li:first-child { border-left:0; }
.best_keyword ul li a { display:block; font-size:1rem; }

@media (max-width: 1280px){
#top_area { width:100%;  margin:0 auto;  width:calc(100% - 40px); position:relative; }
.top_event_text { background:#222; height:37px; width:100%; }
.top_event_text a { display:block; line-height:37px; width:100%; text-align:center; height:37px; color:#fff; font-size:14px; }
.top_event_text a strong { all:unset; color:#ff8888; margin:0 5px; }

.logo_area { padding:20px 0 20px 0; display:flex; align-items:center; width:100%; flex-wrap:wrap; }
.logo_area h1 { width:190px; display:block; flex-shrink:0; order:1; flex-grow:1; }
.logo_area h1 img { max-width:160px; }

.top_category { width:100%; border-bottom:1px solid #ddd; order:5; margin-top:1rem; padding:0.5rem; }
.top_category > ul { display:flex; flex-wrap:wrap; width:100%; }
.top_category > ul > li { position:relative; }
.top_category > ul > li > a { display:block; margin:0 10px ; font-weight:400 ; color:#222; white-space:nowrap; height:3rem; line-height:3rem; }
.top_category > ul > li > .sub_cate { position:absolute; top:30px; left:50%; transform:translateX(-50%); z-index:3; background:#fff; border:0; border-radius:7px; overflow:hidden; display:none; }
.top_category > ul > li:hover > .sub_cate { display:block; }
.top_category > ul > li > .sub_cate li { border-left:1px solid #ddd;  border-right:1px solid #ddd; padding:0 10px; }
.top_category > ul > li > .sub_cate li:first-child { border-top:1px solid #ddd; border-radius:7px 7px 0 0; padding-top:10px; }
.top_category > ul > li > .sub_cate li:last-child {  border-bottom:1px solid #ddd; border-radius:0 0 7px 7px ; padding-bottom:10px }
.top_category > ul > li > .sub_cate li a { display:block; padding:0 10px; white-space:nowrap; font-size:14px; line-height:30px; min-width:120px; border-radius:5px; }
.top_category > ul > li > .sub_cate li a:hover { background:#f1f1f1; color:#222; }

.top_menu_search { margin-left:40px;  order:2; }
.top_menu_cart { order:3; }
.top_menu_search,
.top_menu_cart { width:40px; flex-shrink:0; text-align:center; background:#fff; z-index:2; padding-left:10px; }
.top_menu_search img,
.top_menu_cart img { width:30px; cursor:pointer }
.top_menu_login { width:110px; flex-shrink:0; padding-left:10px; background:#fff; z-index:2;  order:4; }
.top_menu_login a { background:#aaa; color:#fff; border-radius:20px; height:30px; line-height:30px; padding:0 10px; display:block;  text-align:center; width:100%; white-space:nowrap; }
.top_menu_login a:hover { background:#999; }

#showmenu { }
#hidemenu { position:absolute; top:20px; left:auto; right:20px; margin-left:0; color:#555; cursor:pointer;  }
#hidemenu span { font-size:30px }
.search_box_wide { display: none; background:#fff; width:100%; position:absolute; top:120px; left:0; z-index:9; border-top:1px solid #ddd; padding:40px 0 ; border-bottom:1px solid #ddd; }
.search_box { }
.search_box fieldset { margin:0 auto;  border:0; display:flex; align-items:center; background:#ccc; justify-content:space-between; height:48px; padding:0 0 0 2px; width:370px; }
.search_box legend { display:none; }
.search_box #keyword  { flex-grow:1; height:44px; border:0; line-height:32px; font-size:1.4rem; color:#222;padding-left:15px; }
.search_box input:focus { outline: none; }
.search_box input[type="image"] { height:48px; padding:10px; padding-right:15px; line-height:30px; }
.best_keyword { display:flex; justify-content:center; margin-top:20px; align-items:center; flex-wrap:wrap; }
.best_keyword .title { font-weight:bold; font-size:1.4rem; margin-right:15px; width:100%; text-align:center; margin-bottom: 1rem; }
.best_keyword ul { display:flex; flex-wrap:wrap; justify-content:center; max-width:calc(100% - 40px); margin:0 auto; }
.best_keyword ul li { padding:0 15px; border-left:1px solid #ccc; line-height:17px; margin:0.5rem 0 }
.best_keyword ul li:first-child { border-left:0; }
.best_keyword ul li a { display:block; font-size:1.4rem; }
}





@media (max-width: 640px){

#top_area {  width:calc(100% - 30px); position:relative; }
.btn_ham { order:0; }
.btn_ham a { display:block; width:25px; height:23px; display:flex; flex-wrap:wrap; justify-content: center; align-items:center; align-content: space-around; }
.btn_ham a i { display:block; width:18px; height:2px; background:#222; }

.logo_area { padding:10px 0 10px 0px; display:flex; align-items:center; width:100%; flex-wrap:wrap; }
.logo_area h1 { width:140px; display:block; flex-shrink:0; order:1; flex-grow:1; margin-left:10px; padding:0; height:35px; display:flex; align-items:flex-start; }
.logo_area h1 img { max-width:130px; max-height:25px; padding:0; height:25px; display:block; margin:5px 0; }

.top_menu_search { margin-left:0px;  order:2; }
.top_menu_cart { order:3; }
.top_menu_search,
.top_menu_cart { width:35px; flex-shrink:0; text-align:center; background:#fff; z-index:2; padding-left:10px; }
.top_menu_search img,
.top_menu_cart img { width:35px; cursor:pointer }
.top_menu_login { width:110px; flex-shrink:0; padding-left:10px; background:#fff; z-index:2;  order:4; display:none; }
.top_menu_login a { background:#aaa; color:#fff; border-radius:20px; height:30px; line-height:30px; padding:0 10px; display:block;  text-align:center; width:100%; white-space:nowrap; }
.top_menu_login a:hover { background:#999; }



#showmenu { }
#hidemenu { position:absolute; top:auto; bottom:10px; left:50%; right:auto; margin-left:0; color:#555; cursor:pointer;    transform: translateX(-50%); }
#hidemenu span { font-size:30px }
.search_box_wide { display:none; background:#f1f1f1; width:100%;  top:50px; left:0; z-index:9; border-top:1px solid #ddd; padding:20px 0 60px; border-bottom:1px solid #ddd; }
.search_box { }
.search_box fieldset { margin:0 auto;  border:0; display:flex; align-items:center; background:#999; justify-content:space-between; height:48px; padding:0 0 0 2px; width:90%; }
.search_box legend { display:none; }
.search_box #keyword  { flex-grow:1; height:44px; border:0; line-height:32px; font-size:1.2rem; color:#222;padding-left:15px; }
.search_box input:focus { outline: none; }
.search_box input[type="image"] { height:48px; padding:10px; padding-right:15px; line-height:30px; }
.best_keyword { display:flex; justify-content:center; margin-top:20px; align-items:center; flex-wrap:wrap; }
.best_keyword .title { font-weight:bold; font-size:1.4rem; margin-right:15px; width:100%; text-align:center; margin-bottom: 1rem; }
.best_keyword ul { display:flex; flex-wrap:wrap; justify-content:center; max-width:100%; margin:0 auto; }
.best_keyword ul li { padding:0 3px; border-left:0; line-height:17px; margin:0.5rem 0 }
.best_keyword ul li:first-child { border-left:0; }
.best_keyword ul li a { display:block; font-size:1.4rem; border:1px solid #ddd; padding:0.5rem 1rem; border-radius:20px; background:#fff; }

}







.top_cate { border-top:1px solid #ddd; border-bottom:2px solid #2a5bd8;  display:flex; align-items:center; height:55px; }
.top_cate .btn_all_view { margin-right:20px; position:relative; }
.top_cate .btn_all_view > a { background:#2a5bd8; color:#fff; display:block; height:55px; line-height:55px; display:flex; align-items:center; padding:0 0 0 25px; white-space:nowrap; min-width:170px; }
.top_cate .btn_all_view > a .icon_ham { margin-right:15px; }
.top_cate .btn_all_view > a .icon_ham i { width:17px; height:2px; background:#fff; margin:4px auto; display:block; }
.top_cate > ul {  display:flex; align-items:center; }
.top_cate > ul > li > a { display:block; font-size:1.45rem; padding:5px 15px; line-height:30px; white-space:nowrap; }
.top_cate .btn_all_view .all_menu_list { position:absolute; left:0; top:53px; width:170px; background:#1c409a; height:502px; z-index:9; display:none;  }
.top_cate .btn_all_view:hover .all_menu_list { display:block; }
.top_cate .btn_all_view .all_menu_list > ul { display:flex; flex-direction:column; height:100%; }
.top_cate .btn_all_view .all_menu_list > ul > li { position:relative; border-top:1px solid rgba(255,255,255,0.3); flex-grow:1; }
.top_cate .btn_all_view .all_menu_list > ul > li:first-child { border-top:0; }
.top_cate .btn_all_view .all_menu_list > ul > li > a { color:#fff; font-size:1.4rem; padding:0 0 0 10px; display:block; height:100%; display:flex; align-items:center; }
.top_cate .btn_all_view .all_menu_list > ul > li > a:hover { background:rgba(0,0,0,0.3); }
.top_cate .btn_all_view .all_menu_list > ul > li ul.sub_cate { display:none; }
.top_cate .btn_all_view .all_menu_list > ul > li:hover ul.sub_cate { display:block; }
.top_cate .btn_all_view .all_menu_list > ul > li ul.sub_cate { position:absolute; top:0; left:170px; width:100%; background:#fff; border:solid 2px #1c409a; border-left:0; padding:10px 0; }
.top_cate .btn_all_view .all_menu_list > ul > li ul.sub_cate li a { padding:0 0 0 15px; height:30px; line-height:30px; font-size:14px; display:block; }
.top_cate .btn_all_view .all_menu_list > ul > li ul.sub_cate li a:hover { color:#222; }
/*.menu_view {display: block !important;}*/





/* 하단 */
#bottom_area { width:100%;  margin:70px auto 0;  min-width:1280px; border-top:2px solid #222; }
#bottom_area .inner { display:flex; width:1280px; }
#bottom_area .inner > div { border-right:1px solid #ddd; flex-grow:1 }
#bottom_area .inner > div:last-child { border-right:0; }
#bottom_area .inner > div h3 { border-bottom:1px solid #ddd; padding:15px 20px; font-weight:bold; font-size:1.2rem; }
#bottom_area .inner .in {  padding:25px 20px; }
#bottom_area .callcenter .number { color:#222; font-weight:700; font-size:1.5rem; padding:4px 0 10px; }
#bottom_area .callcenter dl { display:flex; padding:5px 0; line-height:22px; }
#bottom_area .callcenter dt { width:80px; font-weight:bold; }
#bottom_area .notice ul li a { font-size:1rem; display:block; white-space:nowrap; padding:5px 0; width:350px; overflow:hidden; text-overflow:ellipsis; }
#bottom_area .notice ul li a:hover { color:#222 }
#bottom_area .bank li { font-size:1rem;padding:5px 0;  }
#bottom_area .sns { }
#bottom_area .sns li a { display:flex; align-items:center; }
#bottom_area .sns li img { width:35px; border-radius:8px; margin-right:10px; }
#bottom_area .sns li { font-size:1rem; line-height:140%; margin-bottom:10px; }
#bottom_area .sns li strong { font-weight:bold; font-size:1rem; }
.inner100 { width:100%; background:#f5f6f7; border-top:1px solid #eaeaea; border-bottom:1px solid #eaeaea; }
.bottom_menu { width:1280px; margin:0 auto; display:flex; }
.bottom_menu li { position:relative; }
.bottom_menu li:after { position:absolute; width:1px; height:13px; background:#aaa; content:""; top:17px; left:0; }
.bottom_menu li:first-child:after { display:none; }
.bottom_menu li a { padding:15px 20px; display:block; font-size:1rem; }
.bottom_menu li a:hover { color:#000; }
.bottom_menu li.partner { flex-grow:1; text-align:right; }
.bottom_menu li.partner:after { display:none; }
.bottom_menu li.partner a { background:#2a5bd8; display:inline-block; color:#fff; padding:15px 30px; }

.bottom_copy { width:1280px; margin:0 auto; display:flex; }
.bottom_copy > div { flex-grow:0; border-right:0; padding:40px 20px; }
.bottom_copy .logo { width:220px; flex-shrink:0; }
.bottom_copy .company_info { flex-grow:1 }
.bottom_copy .company_info * { font-size:0.9rem; line-height:150%; color:#555; }
.bottom_copy .company_info ul { display:flex; flex-wrap:wrap; }
.bottom_copy .company_info ul li { margin-right:15px; }
.bottom_copy .escrow { width:310px; flex-shrink:0; }
.bottom_copy .escrow h4 { font-weight:bold; line-height:150%; font-size:14px; color:#222; }
.bottom_copy .escrow p { font-size:0.75rem; color:#777; letter-spacing:-0.5px; line-height:1.2rem }
.bottom_copy .escrow a { display:inline-block; margin-top:10px; border:1px solid #aaa; background:#f3f3f3; padding:2px 10px 3px; white-space:nowrap; border-radius:3px; font-size:12px; letter-spacing:-1px; }

.mobile_bottom{display: none;}

@media (max-width: 1280px){


section.contents { min-height:800px; width:100% ; margin:0 auto; }
#bottom_area { width:100%;  margin:70px auto 0;  min-width:auto; border-top:2px solid #222; }
#bottom_area .inner { display:flex; width:100%; }
#bottom_area .inner > div { border-right:1px solid #ddd; flex-grow:1 }
#bottom_area .inner > div:last-child { border-right:0; }
#bottom_area .inner > div h3 { border-bottom:1px solid #ddd; padding:15px 20px; font-weight:bold; font-size:1.7rem; }
#bottom_area .inner .in {  padding:25px 20px; }
#bottom_area .callcenter .number { color:#222; font-weight:700; font-size:2.5rem; padding:4px 0 10px; }
#bottom_area .callcenter dl { display:flex; padding:5px 0; line-height:22px; }
#bottom_area .callcenter dt { width:80px; font-weight:bold; }
#bottom_area .notice ul li a { font-size:1.4rem; display:block; white-space:nowrap; padding:5px 0; width:350px; overflow:hidden; text-overflow:ellipsis; }
#bottom_area .notice ul li a:hover { color:#222 }
#bottom_area .bank li { font-size:1.4rem;padding:5px 0;  }
#bottom_area .sns { }
#bottom_area .sns li a { display:flex; align-items:center; }
#bottom_area .sns li img { width:35px; border-radius:8px; margin-right:10px; }
#bottom_area .sns li { font-size:1.4rem; line-height:140%; margin-bottom:10px; }
#bottom_area .sns li strong { font-weight:bold; font-size:1.4rem; }
.inner100 { width:100%; background:#f5f6f7; border-top:1px solid #eaeaea; border-bottom:1px solid #eaeaea; }
.bottom_menu { width:100%; margin:0 auto; display:flex; }
.bottom_menu li { position:relative; }
.bottom_menu li:after { position:absolute; width:1px; height:13px; background:#aaa; content:""; top:17px; left:0; }
.bottom_menu li:first-child:after { display:none; }
.bottom_menu li a { padding:15px 20px; display:block; font-size:1.4rem; }
.bottom_menu li a:hover { color:#000; }
.bottom_menu li.partner { flex-grow:1; text-align:right; }
.bottom_menu li.partner:after { display:none; }
.bottom_menu li.partner a { background:#2a5bd8; display:inline-block; color:#fff; padding:15px 30px; }

.bottom_copy { width:100%; margin:0 auto; display:flex; flex-wrap:wrap; padding:2rem 20px;  }
.bottom_copy > div { flex-grow:0; border-right:0; padding:1rem 0px; }
.bottom_copy .logo { width:100% }
.bottom_copy .logo img {max-width:170px; }
.bottom_copy .company_info { flex-grow:1; }
.bottom_copy .company_info * { font-size:1.4rem; line-height:150%; color:#555; }
.bottom_copy .company_info ul { display:flex; flex-wrap:wrap; }
.bottom_copy .company_info ul li { margin-right:15px; }
.bottom_copy .escrow { width:100%; flex-shrink:0; }
.bottom_copy .escrow h4 { font-weight:bold; line-height:150%; font-size:14px; color:#222; }
.bottom_copy .escrow p { font-size:1.3rem; color:#555; letter-spacing:-0.5px; }
.bottom_copy .escrow a { display:inline-block; margin-top:10px; border:1px solid #aaa; background:#f3f3f3; padding:2px 10px 3px; white-space:nowrap; border-radius:3px; font-size:12px; letter-spacing:-1px; }


}


@media (max-width: 640px){


#bottom_area { width:100%;  margin:70px auto 0;  min-width:auto; border-top:2px solid #222; }
#bottom_area .inner { display:flex; width:100%; flex-wrap:wrap; }
#bottom_area .inner > div { border-right:0; flex-grow:1; width:100%; border-bottom:1px solid #ddd; padding:15px 0; }
#bottom_area .inner > div:last-child { border-right:0; border-bottom:0; }
#bottom_area .inner > div h3 { border-bottom:0; padding:0px 20px 5px; font-weight:bold; font-size:1.3rem; }
#bottom_area .inner .in {  padding:0px 20px; }
#bottom_area .callcenter .number { color:#222; font-weight:700; font-size:2rem; padding:4px 0 10px; letter-spacing:1px }
#bottom_area .callcenter dl { display:flex; padding:0px 0; line-height:22px; }
#bottom_area .callcenter dt { width:70px; font-weight:bold; }
#bottom_area .notice ul li a { font-size:1.1rem; display:block; white-space:nowrap; padding:5px 0; width:350px; overflow:hidden; text-overflow:ellipsis; }
#bottom_area .notice ul li a:hover { color:#222 }
#bottom_area .bank li { font-size:1.1rem; padding:0px 0;  }
#bottom_area .sns { }
#bottom_area .sns ul { display:flex; margin-top:5px;  }
#bottom_area .sns li { margin-left:10px; }
#bottom_area .sns li:first-child { margin-left:0px; }
#bottom_area .sns li a { display:flex; align-items:center; }
#bottom_area .sns li img { width:25px; border-radius:8px; margin-right:5px; }
#bottom_area .sns li { font-size:1.1rem; line-height:140%; margin-bottom:10px; }
#bottom_area .sns li strong { font-weight:bold; font-size:1.4rem; }

.inner100 { width:100%; background:#f5f6f7; border-top:1px solid #eaeaea; border-bottom:1px solid #eaeaea; }
.bottom_menu { width:100%; margin:0 auto; display:flex; justify-content:center; }
.bottom_menu li { position:relative; }
.bottom_menu li:after { position:absolute; width:1px; height:13px; background:#aaa; content:""; top:17px; left:0; }
.bottom_menu li:first-child:after { display:none; }
.bottom_menu li a { padding:10px 10px; display:block; font-size:1rem; }
.bottom_menu li a:hover { color:#000; }
.bottom_menu li.partner { flex-grow:1; text-align:right; }
.bottom_menu li.partner:after { display:none; }
.bottom_menu li.partner a { background:#2a5bd8; display:inline-block; color:#fff; padding:15px 30px; }

.bottom_copy { width:100%; margin:0 auto; display:flex; flex-wrap:wrap; padding:1rem 20px;  }
.bottom_copy > div { flex-grow:0; border-right:0; padding:1rem 0px; }
.bottom_copy .logo { width:100% }
.bottom_copy .logo img {max-width:170px; max-height:30px; }
.bottom_copy .company_info { flex-grow:1; }
.bottom_copy .company_info * { font-size:1rem; line-height:150%; color:#555; }
.bottom_copy .company_info ul { display:flex; flex-wrap:wrap; }
.bottom_copy .company_info ul li { margin-right:15px; }
.bottom_copy .escrow { width:100%; flex-shrink:0; padding-bottom:80px; }
.bottom_copy .escrow h4 { font-weight:bold; line-height:150%; font-size:14px; color:#222; }
.bottom_copy .escrow p { font-size:0.9rem; color:#555; letter-spacing:-0.5px; }
.bottom_copy .escrow a { display:inline-block; margin-top:10px; border:1px solid #aaa; background:#f3f3f3; padding:2px 10px 3px; white-space:nowrap; border-radius:3px; font-size:12px; letter-spacing:-1px; }

 .mobile_bottom {display:flex; position:absolute; bottom:0;  height: 50px; width:100%; }

/* 모바일 하단 픽스 배너 */
.mobile_bottom { position:fixed; bottom:0; width:100%; z-index:90; border-top:1px solid #ccc; background:#fff; }
.mobile_bottom ul { display:flex; width:100%; margin:0 auto; }
.mobile_bottom ul li { height:46px; width:25%; color:#222; white-space:nowrap; display:block;  padding-top:8px; text-align:center; flex-shrink:0; flex-grow:0; }
.mobile_bottom ul li img { width:17px; margin-bottom:5px; }
.mobile_bottom ul li a { display:block; color:#222; font-size:11px;  font-weight:normal;  text-align:center; width:100% }
.mobile_bottom ul li button { text-align:center; }
.mobile_bottom ul li.sidemenu_open_btn { cursor:pointer; }

}

/* 서브페이지 공통 */
.page_nav { width:100%; padding:15px 0; }
.page_nav .inner { display:flex; align-items:center; /* justify-content:flex-end; */ }
.page_nav .inner * { font-size:1rem; color:#333; }
.page_nav .inner li a { display:flex; align-items:center; }
.page_nav .inner li span { font-size:1.2rem; display:flex; height:20px; width:20px; align-items:center; justify-content:center; }
.page_nav .inner li span.material-symbols-outlined { font-variation-settings:  'FILL' 0,  'wght' 300,  'GRAD' 0,  'opsz' 24 }
.page_nav .inner li.selected a { color:#2a5bd8; font-weight:500; }

.pagination { display:flex; justify-content:center; margin:20px auto; }
.pagination a { color:#222; display:block; padding: 8px 16px;  text-decoration: none;  transition: background-color .3s; white-space:nowrap; }
.pagination a.active { background-color: #2a5bd8; color: #fff; }
.pagination a:hover:not(.active) {background-color: #ddd;}





/* 전체메뉴layer*/
#allmenu_layer{display:none; position:fixed; top:0; left:0%; width:100%; z-index:10; background:#fff;   box-shadow: 3px 5px 3px rgba(56, 67, 142, .1); z-index: 9999; height:100dvh; bottom:0; }
#allmenu_layer:before{content:''; left:0; top:0; width:100%; height:100%;  background: rgba(0, 0, 0, .5); }
#allmenu_layer .allmenu{position:relative; width:100%; height:100%; }
#allmenu_layer .allmenu_inner{position:relative; width:100%; margin:0 auto; height: 100%; }
.allmenu_tit{position:absolute; color:#fff; font-size:1.5rem; left:5%; top:15px;}
.allm_top{background: #000; height: 60px;}
/*layer 닫기버튼*/
#allmenu_layer .allmenu .allmenu_close{display:block;position:absolute;right:5%;top:0%;width:58px;height:58px;box-sizing:border-box;z-index:50}
#allmenu_layer .allmenu .allmenu_close:before,
#allmenu_layer .allmenu .allmenu_close:after{content:'';position:absolute;top:50%;left:50%;width:33px;height:2px;background:#fff;transform:translate(-50%,-50%);transition:all .2s ease}
#allmenu_layer .allmenu .allmenu_close:before{transform:translate(-50%,-50%) rotate(45deg)}
#allmenu_layer .allmenu .allmenu_close:after{transform:translate(-50%,-50%) rotate(-45deg)}
#allmenu_layer .allmenu .allmenu_close:hover:before{transform:translate(-50%,-50%) rotate(225deg)}
#allmenu_layer .allmenu .allmenu_close:hover:after{transform:translate(-50%,-50%) rotate(135deg)}

.allmenu_box_wrap { height:100%; }

.container_m {background: #fff; height:100%; }
.sidebar { width:165px; background: #3B3F52; position:absolute;left:0; top:0; overflow-y:auto ;  height:calc(100% - 5rem); }
.sidebar ul {list-style: none; }
.sidebar li { border-bottom: 1px solid #535976;}
.sidebar a {display: block;color: white;text-align: center;text-decoration: none;padding: 10px 10px;font-size: 1rem;cursor: pointer;transition: 0.3s; line-height:1.3rem; }
.content {flex: 1;padding: 20px;}
.menu-box {display: none;  height:calc(100% - 5rem); overflow-y:auto; }
.menu-box.active {display: block; margin-left: 165px;}
.menu-item {cursor: pointer;padding: 10px;position: relative;  cursor: auto;  box-sizing:border-box; }
.submenu { max-height: 0;otransition: max-height 0.3s ease; }
.submenu { }
.submenu ul li {border-bottom:1px solid #ddd;  } 
.submenu ul li a{display: inline-block; width:100%; padding: 8px 15px 8px 5px; position:relative; font-size:1rem; line-height:1.3rem; }
.submenu ul li a:hover{color:#222; background: #f2f2f2;}
.submenu ul li a:after{    content: "\ea6e";
  font-family: "remixicon";width: 1rem; height: 2rem; line-height: 2rem; position: absolute;right: 0.1rem;top: 0.5rem;font-size: 1.5rem;font-weight: 400;color: #D1D1D1; text-align: center;}
  .submenu img{padding: 8px 0; }


.menu-item:focus + .submenu,
.menu-item.open + .submenu {
  max-height: auto; /* 충분한 값 */}

.sidebar a.active {background: white;color: #222;font-weight: bold;}





@media (max-width: 640px){
.mypage_contents { padding:0 10px; }
}







.btn-primary { width:30px; height:30px; display:none; margin-left:15px; }
.btn-primary i { margin:5px auto; height:2px; width:18px; background:#222; display:block; }

@media(max-width:1000px){
.btn-primary { display:block; }
}







html.slide-out-top {  bottom: initial !important;  top: 0;}
html.slide-out-right {  left: 0;  right: initial !important;}
html.slide-out-bottom {  bottom: 0;  top: initial !important;}
html.slide-out-left {  left: initial !important;  right: 0;}
html.slide-out-panel-static {  position: static !important;  transition: none !important;  width: 100% !important;}
.slide-out-panel-container {  background-color: #fff;  bottom: 0;  box-shadow: -3px 3px 9px rgba(0, 0, 0, 0.3);  height: auto;  max-width: 100vw;  -webkit-overflow-scrolling: touch;  overflow-y: auto;  position: fixed;  top: 0;  transition: top ease, right ease, bottom ease, left ease;  z-index: 9999;}
.slide-out-panel-container * {  box-sizing: border-box; }
.slide-out-panel-container .close-slide-out-panel {  color: #000;  cursor: pointer;  font-size: 12px;  font-weight: bold;  height: auto;  line-height: 12px;  min-height: 12px;  min-width: 12px;  opacity: 0.5;  position: absolute;  right: 10px;  top: 50%;  transform: translateY(-50%);  transition: opacity 0.35s ease;  width: auto;  z-index: 9999;}
.slide-out-panel-container .close-slide-out-panel:hover {  font-weight: bold;  opacity: 1;}
.slide-out-panel-container .slide-out-header,
.slide-out-panel-container .slide-out-content,
.slide-out-panel-container .slide-out-footer {  position: relative;  width: 100%;}
.slide-out-panel-container .slide-out-header {  align-items: center;  background-color: #fff;  border: 1px solid #e5e5e5;  display: flex;  justify-content: center;  text-align: center;}
.slide-out-panel-container .slide-out-header h4 {  margin: 0;  padding: 0;}
.slide-out-panel-container .slide-out-content {  background-color: #fff;}
.slide-out-panel-container .slide-out-content.no-header {  padding-top: 30px;}
.slide-out-panel-container .slide-out-content.no-header .close-slide-out-panel {  display: block;}
.slide-out-panel-container .slide-out-content .close-slide-out-panel {  display: none;  position: absolute;  top: 15px;}
.slide-out-panel-container .slide-out-footer {  background-color: #fff;}

.slide-out-panel {  display: none;}
.slide-out-panel-screen {  height: 100vh;  left: 0;  opacity: 0;  position: fixed;  top: 0;  transition: opacity ease;  width: 100vw;}



.left_area { padding:15px 0px; }
.left_area .btnClose { position:absolute; right:15px; top:15px; z-index:10; }
.left_area .btnClose img {  height:22px; }
.left_area .logo_area { padding:0 10px 15px 15px; border-bottom:1px solid #eee; display:flex; align-items:center; }
.left_area .logo_area .logo img { max-height:20px; max-width:120px; }
.left_area .logo_area .myinfo_logout { padding:0 0 0 10px; }
.left_area .logo_area .myinfo_logout .user_name { color:#888; text-decoration:underline; }
.left_area .logo_area .myinfo_logout .btn_logout { background:#999; color:#fff; border-radius:5px; padding:0 5px; }

.left_area .login_out { padding:20px 15px ; }
.left_area .login_out ul { display:flex; }
.left_area .login_out li { margin: 0 5px; flex-grow:1; }
.left_area .login_out a { display:block; background:#eee; border:1px solid #aaa; font-size:14px; text-align:center; width:100%; padding:3px 0 4px; border-radius:4px; }

.left_area .quick_menu { width:100%; padding:10px 0 7px;  }
.left_area .quick_menu ul { display:flex; }
.left_area .quick_menu ul li { width:25%; text-align:center; }
.left_area .quick_menu ul li a { display:block; height:50px; width:100%; padding-top:30px; font-size:13px; }
.left_area .quick_menu .quick_mypage a { background:url('../image/left_icon_mypage.png') no-repeat center top; background-size:30px; }
.left_area .quick_menu .quick_delivery a { background:url('../image/left_icon_delivery.png') no-repeat center top; background-size:30px; }
.left_area .quick_menu .quick_cart a { background:url('../image/left_icon_cart.png') no-repeat center top; background-size:30px; }
.left_area .quick_menu .quick_wishlist a { background:url('../image/left_icon_wishlist.png') no-repeat center top; background-size:30px; }


.cate_area { padding:20px 0; border-top:10px solid #f5f5f5; }
.cate_area h2 { padding:0px 20px 10px; color:#d93838; }
.cate_area .cate_main { position:relative; background:#fff; position:relative; border-top:1px solid #eee; }
.cate_area .cate_main a { padding:10px 10px 10px 20px;  color:#373537; font-size:14px; line-height:1.25; display:block; }
.cate_area .cate_sub {display: none; }
.cate_area .cate_sub li { background:#f2f2f2; }
.cate_area .cate_sub li:first-child { border-top:10px solid #f2f2f2; }
.cate_area .cate_sub li:last-child { border-bottom:10px solid #f2f2f2; }
.cate_area .cate_sub li a { padding:5px 0 5px 25px; font-size:13px; }
.cate_area .cate_main a.btn_cate_go { position:absolute; top:10px; right:15px; display:block; font-size:11px; 
background:#f5f5f5; border:1px solid #ddd; border-radius:10px; height:18px; line-height:17px; padding:0 5px; z-index:999; }


.board_area { padding:0px 0; border-top:10px solid #f5f5f5; }
.board_area li { position:relative; background:#fff; position:relative; border-bottom:1px solid #eee; }
.board_area li a { padding:10px 10px 10px 20px;  color:#373537; font-size:14px; line-height:1.25; display:block; }




/* ���������� ���� �޴� */
.mypage_layout:after { display:block; content:""; clear:both; }
.mypage_layout_left { }
.mypage_layout_right { flex-grow:1;}
.mypage_menu { white-space:nowrap; width:200px; border:1px solid #aaa; padding:0px; box-sizing:border-box; border-radius:10px; padding:10px; margin:50px 50px 0 0; }
.mypage_menu h2 { font-size:14px; padding:10px 15px; }
.mypage_menu ul { border-top:1px solid #ddd; padding:10px 0; }
.mypage_menu ul:first-child { border-top:0; }
.mypage_menu ul li.stitle { color:#222; padding:5px 15px; font-size:16px; font-weight:bold; }
.mypage_menu ul li:first-child { border:0 }
.mypage_menu ul li a { display:block; font-size:15px; padding:4px 15px; color:#666;  }


@media(max-width:1000px){
.mypage_layout:after { display:block; content:""; clear:both; }
.mypage_layout_left { }
.mypage_layout_right { flex-grow:1;}
.mypage_menu { white-space:nowrap; width:200px; border:1px solid #aaa; padding:0px; box-sizing:border-box; border-radius:10px; padding:10px; margin:50px 50px 0 0; }
.mypage_menu h2 { font-size:14px; padding:10px 15px; }
.mypage_menu ul { border-top:1px solid #ddd; padding:10px 0; }
.mypage_menu ul:first-child { border-top:0; }
.mypage_menu ul li.stitle { color:#222; padding:5px 15px; font-size:16px; font-weight:bold; }
.mypage_menu ul li:first-child { border:0 }
.mypage_menu ul li a { display:block; font-size:15px; padding:4px 15px; color:#666;  }
}