/* BASIC css start */
/*====================================================================*/
/******************************* header *******************************/
/*====================================================================*/

header{position:fixed; left:0; top:0px; width:100%; height:91px; background:#fff;border-bottom:1px solid transparent; z-index:98;-webkit-transition:0.05s ease-in-out; -moz-transition:0.05s ease-in-out; -o-transition:0.05s ease-in-out; transition:0.05s ease-in-out;}
body.scroll header {border-bottom:1px solid #adadad4a;}

header > ul {display:table;width:100%;height:46px;table-layout:fixed;}
header > ul > * {display:table-cell;vertical-align:middle;}
header > ul > * > * {display:inline-block;vertical-align:middle;}



header > ul > *:nth-child(1) {width:100px;text-align:left;;padding:0 0 0 15px;}
header > ul > *:nth-child(2) {text-align:center;}
header > ul > *:nth-child(3) {width:100px;text-align:right;;padding:0 15px 0 0;}

header > ul > *:nth-child(1) img ,
header > ul > *:nth-child(3) img {max-height:18px}

header > ul > *:nth-child(1) > * {padding-right:10px;}
header > ul > *:nth-child(3) > * {padding-left:10px;}

header.one_top {top:58px;}



/* 로고 */
header .logo{}
header .logo a{display:block;}
header .logo img {height:25px;}


/* 삼선메뉴 */
header #menu{}
header #menu a{    display: block;position: relative;width: 18px;}
header #menu a img {width:100%;}

/* 위치 */
header #menu a span:nth-child(1){width:100%; top:0px;}
header #menu a span:nth-child(2){width:100%; top:4px;}
header #menu a span:nth-child(3){width:100%; top:8px;}

/* 카테고리박스 */

#one_cate2{width:100%; padding-top:91px;}
#one_cate2 ul{font-size:0; line-height:0; letter-spacing:0; border-bottom:1px solid #f3f3f3; box-sizing:border-box;}
#one_cate2 ul li{display:inline-block; vertical-align:top; border-top:1px solid #f3f3f3; border-bottom:0; width:33.33%; box-sizing:border-box; position:relative;}
#one_cate2 ul li:before{content:""; position:absolute; top:11px; left:0px; width:1px; height:12px; background:#f0f0f0;}
#one_cate2 ul li:nth-child(3n+1):before{background:transparent;}
#one_cate2 ul li a{display:block; text-align:center; padding:9px 0; font-size:10px; line-height:16px; text-transform:uppercase; letter-spacing:0.8px; color:#8a7c7c}


body.scroll header {top:0 !important;}

#one_top {   position:relative; height: 58px;text-align: center;background:url('https://gaenso.cdn.smart-img.com/image/GREYRAISE/BA/top.jpg') center center no-repeat;background-size:auto 58px}

#one_cate3 {    height: 45px;}
#one_cate3 > ul {     display: block;text-align: center;overflow-x: scroll;white-space: nowrap;font-size: 0;line-height: 0;letter-spacing: 0;box-sizing: border-box;border-top: 1px solid #adadad4a;}
#one_cate3 > ul > * {display:inline-block;vertical-align:middle;font-size:12px;line-height:1;}
#one_cate3 > ul a {display:block;line-height:45px;padding:0 15px;font-size:11px;font-weight:bold;color:#111;}



/* 검색영역 */
header .searArea{position:relative;padding:0 10px;;border-top: 1px solid #adadad4a;background: #fff;height:0px;opacity:0;visibility:hidden;box-sizing:border-box;-webkit-transition:0.22s ease-in-out; -moz-transition:0.22s ease-in-out; -o-transition:0.22s ease-in-out; transition:0.22s ease-in-out;}
header .searArea input{    width: 100%;box-sizing: border-box;height: 30px;line-height: 30px;padding: 5px 32px 5px 9px;background: #fff;border: 1px solid #adadad4a;font-size:12px;color:#555;}
header .searArea .btn{position:absolute;top:0;right:0;padding: 16px 19px 15px;font-size: 16px;color: #111;opacity:0;visibility:hidden;box-sizing:border-box;-webkit-transition:0.22s ease-in-out; -moz-transition:0.22s ease-in-out; -o-transition:0.22s ease-in-out; transition:0.22s ease-in-out;}


header.search {height:142px;}
header.search .searArea {opacity:1;visibility:visible;padding: 10px;height:51px;-webkit-transition:0.22s ease-in-out; -moz-transition:0.22s ease-in-out; -o-transition:0.22s ease-in-out; transition:0.22s ease-in-out;}
header.search .searArea .btn{opacity:1;visibility:visible;}


/*====================================================================*/
/******************************** side ********************************/
/*====================================================================*/
#mask { display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:118; }
.menu_box { display: block; position: fixed; top: 0; left: 0; width: 80%; max-width: 300px; height: 100%; background: #fff; z-index: 120; overflow-y: auto; box-shadow: 2px 0 6px rgba(0, 0, 0, 0.2); transform: translateX(-100%); opacity: 0; visibility: hidden; transition: transform 0.3s ease, opacity 0.3s ease; }
.menu_closed {position:absolute;top: 14px;right: 18px;font-size:20px;z-index:100;}

.menu_login_box { padding:42px 15px 15px; text-align:center; font-size:13px;}
.login_state, .logout_state { background:#f7f7f7; border-radius:8px; padding:15px; }
.login_state p, .logout_state p { font-size:12px; line-height:1.6; color:#333; }

.menu_user_links { display:flex; justify-content:center; gap:15px; margin-top:10px; font-size:12px; }
.menu_user_links li a { color:#333; }

.menu_btn_wrap { display:flex; justify-content:center; align-items:center; gap:20px; margin-top:10px; }
.menu_btn_wrap .btn_login { display:inline-flex; align-items:center; justify-content:center;    padding: 6px 10px 2px; font-size:13px; height:15px; background:#333; color:#fff; border-radius:4px; }

.join_benefit { display:flex; align-items:flex-end; gap:4px; }
.join_benefit .btn_join { display:inline-flex; align-items:center; justify-content:center;  padding: 6px 10px 2px; font-size:13px; height:15px; background:#333; color:#fff; border-radius:4px; }
.join_benefit .benefit { display:inline-flex; align-items:flex-end; justify-content:center; height:15px; background:#333; color:#fff; font-size:11px; padding: 4px 6px 1px; border-radius:4px; }

.menu_section { padding: 20px 15px 0px; position: relative; }
.menu_section::after { content: ""; display: block;height: 3px; background: #000; margin: 20px auto 0; border-radius: 2px; }

.menu_section h3 { font-size:13px; font-weight:bold; margin-bottom:10px; color:#111; }

.menu_category > li { font-size:13px; margin-bottom:5px; }
.menu_category .menu_toggle { display:block; cursor:pointer; position:relative; padding-right:20px; }

.menu_category .menu_toggle.open::after { transform:translateY(-50%) rotate(180deg); }
.menu_category .menu_toggle.no-submenu::after { display:none; }

.menu_category li { position: relative; padding-right: 36px; font-size: 13px; line-height: 20px; }

.menu_toggle_btn { position: absolute; top: -8px; right: 0; width: 36px; height: 36px; display: flex; align-items: center; justify-content: center; background: url('/design/grey82/onedesign/images/depth-off.png') no-repeat center center; background-size: 12px 12px; border: none; cursor: pointer; transition: transform 0.3s ease; }

.menu_toggle_btn.open { transform: rotate(180deg); }





.menu_category .submenu { display:none; padding-left:10px; margin-top:5px; }
.menu_category .submenu li { font-size:12px; padding:4px 0; }
.menu_category .submenu li a { color:#555; }

.menu_cs { padding:20px 15px; background:#fafafa; line-height:1.6; }
.menu_cs .cs_tel { font-size:13px; font-weight:bold; color:#111; margin-bottom:8px; }
.menu_cs .cs_tel span { font-weight:normal; font-size:11px; color:#999; }

.menu_cs .cs_time { font-size:11px; color:#999; margin-bottom:8px; }
.menu_cs .cs_time span { display:block; font-size:10px; color:#bbb; margin-top:2px; }

.menu_cs .cs_bank { font-size:11px; color:#333; }


.menu_on { height:100%; overflow:hidden; }
.menu_off { height:auto; overflow:initial; }

.menu_icons { padding:15px; }
.menu_icons ul { display:flex; justify-content:space-between; gap:10px; }
.menu_icons ul li { flex:1; text-align:center; }
.menu_icons ul li img { width:50px; height:auto; display:inline-block; }


.a1 { color:#0e51e7; }

.mune_banner {padding:15px; }



.navBox {position:fixed; bottom:0; left:0; width:100%; z-index: 100; background:#fff; box-sizing:border-box; border-top:1px solid #f0f0f0 }
.navBox ul {display: flex;align-items: center;justify-content: space-between;}
.navBox ul li {width:20%; text-align:center;  }
.navBox ul li a {display:block; box-sizing:border-box; padding:8px 0 4px; text-align:center; }
.navBox ul li a .icon {margin-bottom:4px;  display:inline-block; position:relative; }

.navBox ul li a .icon img {height:28px }
.navBox ul li a .icon em {position: absolute;top:-4px;right:-10px;background: red;color: #fff;font-size: 10px;width:18px;height:18px;border-radius: 100%;display: flex;justify-content: center;align-items: center;}
.navBox ul li a .txt {font-size:10px; display:block  }

.menu_box.active { transform: translateX(0); opacity: 1; visibility: visible; }
.menu_box:not(.active) { pointer-events: none; }
.menu_community li { font-size:13px; margin-bottom:5px; }



/*
header  {height:123px}
#one_cate2 {padding-top:123px}
*/


#topBanner { height: 30px; ;overflow: hidden; width: 100%;;}
#topBanner .swiper-slide a {height:30px;color: #000;display: flex;justify-content: center;align-items: center;font-size: 12px;}


    
#one_cate2 {display:none !important; }
#container {    padding-top: 91px;}



/* BASIC css end */